@media screen and (max-width: 770px) {

.pc {display: none;}
.mb {display: block;}



header h1 {
padding: 10px;
text-align: center;
}
header p {
text-align: center;
font-size: 90%;
}
header p.mb450 {
display: none;
}


#menu{
display: none;
}
#menu{
width: 100%;
max-width: 960px;
}
#menu li{
width: 100%;
padding: 0;
text-align: left;
}
#menu li a{
margin: 0;
padding: 15px 0 15px 50px;
background: #b0e0e6;

border-bottom: 1px solid #ffffff;
border-right: 0px solid #00bfff;
}
#menu li a span{
display: none;
border-right: solid 0px #00bfff;
}
#toggle{
display: block;
position: relative;
width: 100%;
background: #b0e0e6;

}
#toggle a{
display: block;
position: relative;
padding: 17px 0 15px;
border-bottom: 1px solid #ffffff;
color: #1d381d;
text-align: center;
text-decoration: none;
}

#toggle:before{
display: block;
content: "";
position: absolute;
top: 50%;
left: 10px;
width: 20px;
height: 20px;
margin-top: -10px;
background: #ffffff;
}
#toggle a:before, #toggle a:after{
display: block;
content: "";
position: absolute;
top: 50%;
left: 10px;
width: 20px;
height: 4px;
background: #b0e0e6;

}
#toggle a:before{
margin-top: -5.5px;
}
#toggle a:after{
margin-top: 2.5px;
}


#pagetitle h1 {
padding: 30px 20px;
font-size: 180%;
}

#pagetitle .height {
height: 80px;
}


#main {
width: 100%;
padding: 20px 5px 10px 10px;
}

#main section#access img {
width: 450px;
}



#side {
width: 100%;
padding: 20px 5px 10px 10px;
}




footer {
padding: 10px 0 35px;
}
footer address {
padding: 0 0 20px 0;
}
footer address p {
line-height: 170%;
font-size: 120%;
}




}






@media screen and (max-width: 510px) {

#main section#hiyou dt {
padding: 20px 0 0 5px;
}
#main section#hiyou dd.yen {
padding: 20px 0 0 0;
}
#main section#hiyou dd.atari {
clear: both;
padding: 5px 0 0 143px;
}
#main section#access img {
width: 90%;
}
#main section#jirei dt {
width: 100%;
padding: 20px 20px 5px 10px;
}
#main section#jirei dd {
padding: 10px 20px 10px 30px;
}

}






@media screen and (max-width: 450px) {

header {
padding: 10px 0 0 ;
}
header p.mb {
display: none;
}
header p.mb450 {
display: block;
}
#pagetitle img {
height: 200px;
}
#pagetitle h1 {
text-align: center;
}
#main section.contents img{
margin: 10px 30px 10px 10px;
width: 90%;
height: 140px;
}
#main section.contents h2 {
font-size: 130%;
}
#main section.contents p {
padding: 10px;
font-size: 100%;
}
#main section#time p.pm {
clear: both;
}

}





@media screen and (max-width: 350px) {

#main section#hiyou dt {
width: 100%;
padding: 20px 0 0 5px;
}
#main section#hiyou dd.yen {
width: 100%;
text-align: left;
padding: 5px 0 0 30px;
}
#main section#hiyou dd.atari {
padding: 5px 0 0 25px;
}

}






@media screen and (max-width: 330px) {

header h1 {
font-size: 180%;
}
#pagetitle img {
height: 150px;
}
#side .info h2 {
font-size: 100%;
}

}