/* Media Queries による切り替え */

@media only screen and (min-width: 481px) {

header h1, p.tagline {
text-align: left;
}

.HBG {
padding: 0;
height: 110px;
background-color: #000;
border-bottom: 5px solid #555;
}
header h1 {
margin: 10px;
padding: 0px;
}
header {
padding: 10px 10px 0 10px;
float: left;
}
 nav {
padding: 0;
margin-top: 35px;
float: right;
/*background-color: #FFF;*/
}
 nav ul {
   width: 70px;
   padding: 0;
   background-color: #555;
 }
 nav ul li {
   float:left;
   width: 70px;
   margin: 0;
   text-align: center;
   font-size: 12px;
   font-size: 1.2rem;
   line-height: 2.0em;
   border-left: none;
   border-right: none;
   border-top: 1px solid #000;
   border-bottom: none;
 }
 article.main blockquote p {
   margin: 0;
   font-size: 0.9em;
 }
article {
  margin: 0 0 2em;
  border-bottom: none;
}
#sidebar1,#sidebar2, #sidebar3 {
margin: 20px 0 0 0;
}
#sidebar4 {
margin: 20px 0;
}
#sidebar1,#sidebar3 {
width: 48%;
float: left;
}
#sidebar2, #sidebar4 {
width: 48%;
float: right;
}
.Finfo {
text-align: center;
padding-bottom: 10px;
}
.HLF {
width: 50%;
}
.MBLbnr, .MBLtop, .MBLmenu {
display: none;
}
/*■■■■■end■■■■■*/ }

@media only screen and (min-width: 641px) {
nav {
float: right;
margin-top: 86px;
padding: 0;
}
nav ul {
width: 216px;
padding: 0;
margin: 0 20px 0 0;
}
nav ul li {
float:left;
width: 70px;
margin: 0;
text-align: center;
border-top: none;
border-right: 2px solid #000;
border-bottom: none;
}

.TboxL {
width: 49%;
float: left;
}
.TboxR {
width: 49%;
float: right;
}


.Fnav {
text-align: center;
}
.Fadd {
text-align: center;
}
#map_canvas {
width: 100%;
height: 300px;
}

.ITEM img {
width: 23%;
max-width: 23%;
height: auto;
margin: 5px;
}

/*■■■■■AFF■■■■■*/
.AFFboxL {
width: 50%;
float: left;
text-align: center;
}
.AFFboxR {
width: 50%;
float: right;
text-align: center;
}
.AFFbox2 {
margin-top: -10px;
}
/*■■■■■end■■■■■*/ }