*{
margin:0;
padding:0;
font-family:"メイリオ","Hiragino Kaku Gothic ProN",sans-serif;
}
a img{
border:none;
}
img{
vertical-align:bottom;
}
li{
list-style-type: none;
}
.responsive{
max-width:100%;
}

#curtain{
position:fixed;
top:0;
left:0;
width:100vw;
height:100vh;
background-color:#fff;
z-index:1;
}

#container{
position:relative;
background:url(images/bg.png) #00AEEB;
z-index:0;
}

#content{
position:relative;
margin:0 auto;
padding-bottom:2%;
width:640px;
text-align:center;
background-color:#fff;
}

#ruler{
margin-top:-9%;
}

.midashi{
margin-top:6%;
}
.series{
margin:4% auto 0 auto;
}
.shoei{
margin:1% auto 0 auto;
}
p{
margin-top:1%;
font-size:1.4rem;
color:#009FE8;
}
p.note{
font-size:0.8rem;
color:#666;
}

#shopList{
text-align:left;
}
#shopList .content{
margin:4% auto 0 auto;
border-radius:20px;
width:90%;
}
ul#main-menu{
border-bottom:1px solid #999;
}
ul#main-menu li{
border-top:1px solid #aaa;
list-style-type:none;
font-size:1rem;
line-height:1;
}
ul#main-menu ul{
display:none;
}
ul#main-menu > li > a:after{
position: absolute;
margin-top:-24px;
top: 50%;
right: 0;
width: 30px;
content: '+';
text-align: center;
font-size: 30px;
line-height: 45px;
font-family: monospace;
}
ul#main-menu > li > a.active:after{
content: '-';
}
ul#main-menu > li > ul > li > a.subCategory:after{
position: absolute;
margin-top:-18px;
top: 50%;
right: 5px;
width: 20px;
text-align: center;
content: '+';
font-size: 20px;
line-height: 33px;
font-family: monospace;
}
ul#main-menu > li > ul > li > a.subCategory.active:after{
content: '-';
}
ul#main-menu a{
position:relative;
display:block;
padding:6px 0;
text-decoration:none;
color:#000;
}
.prefectures{
font-size:0.8rem;
}
.pause{
color:#ccc;
}
.not_held{
color:#999;
}
ul#main-menu ul li{
background-color:#fff;
}
ul#main-menu ul a{
border-left: 8px solid transparent;
height: 20px;
line-height:20px;
font-size:1rem;
}
ul#main-menu ul ul li{
background-color:#ffe;
}
ul#main-menu > li:nth-child(1) > ul > li{/*北海道*/
background-color:#ffe;
}
li.cities {
background-color: #e5e5a1 !important;
}
ul#main-menu ul ul a{
border-left: 16px solid transparent;
height: 20px;
line-height:20px;
}
a.disable{
cursor:default;
font-size:0.8rem !important;
}
#shopList .note{
margin:4% auto 0 auto;
text-align:center;
font-size:0.9rem;
color:#666;
line-height:1.4;
}

#copyRight{
margin-top:4%;
font-size: 0.7rem;
line-height:1.4;
color:#666;
}

#sho{
margin-top:4%;
}
#sho a {
border: 1px solid #666;
padding: 2px 5px;
font-size: 1.6rem;
line-height: 1.6;
text-decoration: none;
color: #666;
}

.mobile_inline{
display:none;
}


@media (max-width: 640px) {
#content{
padding:1% 2% 2% 2%;
width:86%;
}

.series{
width:80%;
}
.shoei{
width:96%;
}

p {
font-size: 1.1rem
}
p.note{
text-align:justify;
font-size:0.8rem;
}

#shopList .content{
border-radius:15px;
width:96%;
}
.prefectures{
font-size:3.2vw;
}
#shopList .center{
font-size:0.8rem;
}
#shopList .note{
font-size:0.7rem;
}
ul#main-menu li{
font-size:0.9rem;
}
ul#main-menu ul a {
font-size: 0.9rem
}
#shopList .toi{
font-size:0.8rem;
}

#copyRight {
font-size: 0.6rem;
}

#sho a {
font-size: 1.2rem;
}

.mobile_inline{
display:inline;
}
}