@charset "UTF-8";
/* CSS Document */

/*===============================================
 smartphone.css -  画面の横幅が520px以下
===============================================*/

@media screen and (max-width: 520px){
	
.spnone { display:none; }
.sponly { display:block; }	

img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}

#container {
	position:relative;
	width:100%;
}

section { width:95%; margin:0 auto; margin-bottom: 3em; }

.aDetail .br, .stTitle .br, #step .button .br { display:block; }
#h_shadow { margin-bottom: 4px; }

h1, h2 { width: 80%; margin: 0 auto 0.3em; text-align:center; display:block; }
h1 img { margin: 0 auto; }
#concept h3 img, h3.flag img { width: 60%; }
#concept a.button, #step a.button { width: 60%; margin:0 auto; }

.cont { width:95%; margin:0 auto; }

p { margin: 10px 0; }

header { padding: 3em 0 0; }
header .sns-icon-list {display: none;}

#gloval_menu { margin-top: 1em; border-bottom: solid 1px #ddd; }
#gloval_menu li { padding: 0.4em 10%; border-top: solid 1px #ddd; text-align:center; }
#gloval_menu li a { font-weight: bold; }

#concept, #step, #map, #about { width: 90%; }

#mainImg { width:90%; margin:1.5rem; margin-bottom: 0;}
.main-caption { color: #003461;font-size: 1.3em;text-align: center;margin-bottom: 24px;}
#concept h3, h3.flag { padding: 2.5em 0 0.5em; }
.howtoGet h4, .howtoUse h4 { width: 90%; margin:1em auto 0.5em; }
.stTitle h3 { margin-bottom:0.8em; }
.howtoGet { margin-bottom:2em; }
.playguide { padding:2em 0; }
.playguide th, .playguide td.marg { vertical-align:top; text-align:left; }
.playguide h5 span { display:block; }

#allmap img, #flyer { display: none; }
#allmap { position: relative; width:100%; }
#allmap h3.blue { position:relative; }
#googlemap a { width: 70%; padding: 1em 1em 0.8em; margin: 1em auto; }
#odd .genre, #even .genre { font-size: 80%; }

.e_kakomi .collabo { width:60%; height:auto; margin-right:0.5em; vertical-align:middle; }

/*.nav-toggle {
	position: absolute;
	width: 17%;
	top: -5px;
	right: -1px;
}
.nav-collapse { border-top: 1px solid #ddd; }
#top .nav-collapse li.last { border-bottom: none; }*/

#shopList { margin: 2em auto 0; }
#shopList .button { width: 70%; margin: 1.5em auto 0; }
.e_cont { width:100%; margin-bottom: 1em; }
.taisho th { padding-left:1em; }
.taisho td { padding-right:1em; }
.e_cont h4, .e_cont p, .ed_cont h4, .ed_cont p { margin: 0 5% 2% 5%; }
.e_cont .e_kakomi { padding: 2em 0; }
.e_cont .button { width:70%; margin:0 auto 1em; }

#social {flex-direction: column;}
#facebook { width:100%; background:#fff; margin-bottom:1em; }
#instagram {text-align: center;}
.tablet-insta {display: none;}
#twitter { width:100%; }

.corp { height: 20px; vertical-align:middle; }

/* event */
#event01 .taisho th { padding: 0.5em 1em 0.5em 1em; }
#event01 .taisho td { padding: 0.5em 1em 0.5em 0; }
#event03 .taisho th { padding: 0.5em; }
.ed_contSec { margin-bottom: 2em; }
.ed_cont h4 { margin: 1.2em 5% 0.8em; }
.ed_cont p { margin: 0 5% 0.5em 5%; }
.qr { margin: 1.5em 5% 0.2em 5%; }
.qr_det span, .taisho_list span, .pcode span { padding: 0.3em 2.3em; }
.qr p { margin: 0 0 1.5em; text-align:center; }
.qr_img { display:none; }

/* shop */
.thumb { display:none; }
#sdCont { clear:both; margin: 2em 1em; }
#shop_detail .takashima, #shop_detail .hiranuma, #shop_detail .tobe { margin-top:0.5em; }
.hasOption { margin-top:1em; }
#shop_detail .hasOption .takashima, #shop_detail .hasOption .hiranuma, #shop_detail .hasOption .tobe { display:inline; margin:0; }
#shop_detail .lunch { display:inline; margin:0.5em 0 0 5px; }
.sdData { width: 100%; margin-bottom: 2em; }
.sdData td a { word-break: break-all; }
#staffs { padding:1.8em 2em; margin-top:1em; }
#staffs img { width:100%; margin-bottom:1em; }
#comprete { background: url(../img/about/bk_fukidashi.gif) no-repeat center top; }
.shop_pc { display: none; }

/* about */
#event_detail, #before { width: 93%; margin: 0 auto; }
#about .aDetail { margin-bottom: 1em; }
#eDetail01, #eDetail02 { width: 93%; }
#eDetail01 { margin: 0 auto 1em auto; padding-bottom:1em; }
#eDetail02 { margin: 0 auto 3em auto; }
#eDetail01 .button, #eDetail02 .button { width: 60%; margin: 0.5em 7% 1.5em; }
#event_detail .button { width:78%; padding: 0.8em; text-align:center; }

#notice { width: 80%; margin: 0 auto; border: solid 1px #003461; padding: 2em 3em; }
#tokuten { margin: 3em 1em; padding: 3em 5%; }
.card { margin: 2em 0; }
.card .sub {font-size: 11px;}
#comprete { background: url(../img/about/bk_fukidashi.gif) no-repeat 92% top; margin: 0 auto 2.5em auto; }
#about h4.comprete { text-align:center; }
#cCont img.cardmain { margin:0 auto; }
	
.result { text-align: center; }

/* cheer */
#cheers .topLead { text-align: center; padding: 0.5em 0 3em; }
#cheers .topLead p { width: 85%; margin: 1em auto 1em; text-align:left; }
#cheers .topLead h4 .br, #cheers .small h4.company .br { display:block; }
#cheers .small h4.company .br { padding-top:0.2em; }
#cheerList { padding: 2em 2em 2em; }
#cheerList .lead { padding: 1em 1em 2em; margin-bottom:1.5em; }
#cheerList .big { padding: 0 0 1.5em 0; margin: 0 0 1.5em 0; }
#cheerList .big .company::after {top: 1rem;; right: 10px;}
#cheerList h4.company .br { display:block; }
#cheerList .big .name { margin: 0 0 2em 0; }
#cheerList .big .name .br { display:block; }
#cheerList .title { margin:1.5em 0 1em; text-align:center; }
#cheerList .small { padding: 3.2em 0 0 0; }
#cheerList .small .name { margin: 0 0 1em 0; }
#cheerList .bRight h4, #cheerList .big .company { text-align: center; }
#cheerList .big .cLogo { margin-top: 2em; }
#cheerList .bLeft { margin: 0 0 1.3em; text-align:center; }
#cheerList .sLeft, #cheerList .sRight { padding: 2em 0 1.5em 0; margin: 0 0 1em 0; }
#cheerList .small img.company { padding: 0 0 1.5em 0; }
#cheerList .last { padding:0; margin: 0; }

/* text_px */
h2 { font-size: 1.2em; line-height: 1; }/* 12px */
h3 { font-size: 1.5em; line-height: 1; }/* 15px */

#step h4 { font-size: 1.3em; line-height: 1.5; }/* 13px */
#concept h4, #about h4 { font-size: 1.3em; line-height: 3; }/* 13px */

#map h4 { font-size: 1.5em; line-height: 1.8; }/* 15px */
#map #googlemap { font-size: 1.2em; line-height: 1; }/* 11px */ 
.e_cont h4, .ed_cont h4 { font-size: 1.5em; line-height: 1.5; }/* 15px */
#about .howtoGet h4, #about .howtoUse h4, #step .howtoGet h4, #step .howtoUse h4 { font-size: 1.8em; line-height: 1; }/* 18px */
.st h5 { font-size: 1.5em; line-height: 1.2; }/* 15px */

#gloval_menu { font-size: 1.3em; line-height: 1.2; }/* 13px */
footer { font-size: 1em; line-height: 1; }/* 10px */

#concept p, #map p, #step a.button, #concept a.button, #map a.button, #about .detail, #about .discription { font-size: 1.2em; line-height: 1.5; }/* 13px */
#event p, #event_det p { font-size: 1.2em; line-height: 1.5; }/* 12px */
.e_cont .taisho { font-size: 1.2em; line-height:1/ }/* 11px */ 
#step p { font-size: 1.1em; line-height: 1.5; }/* 12px */
#step p.shops { font-size: 1.2em; line-height: 1.5; } /* 12px */
.playguide h5 { font-size: 1.4em; line-height: 1.3; }/* 14px */
.playguide table { font-size: 1.1em; line-height: 1.5; }/* 12px */
.pcode { font-size: 1.2em; line-height: 1.2; }/* 12px */
#staff table { font-size: 1em; line-height: 1.6; }/* 10px */

#shop_list .lead { font-size: 1.6em; line-height: 1.5; }/* 2px */
.shop_con table { font-size: 1.2em; line-height: 1.5; }/* 12px */
.shop_con h4 { font-size: 1.5em; } /* 15px */

#shop_detail h4 { font-size: 2em; line-height: 26px; }/* 15px */
#shop_detail .genre { font-size: 0.6em; }
#shop_detail .sLead { font-size: 1.2em; line-height:1.5; }/* 12px */
.sdData { font-size: 1.2em; line-height:1.6; }/* 12px */
#recommend h5, #chisan h5 { font-size: 1.3em; line-height:1; }/* 12px */
#recommend p, #chisan p { font-size: 1.2em; line-height:1.8; }/* 12px */
#staffs h5 { font-size: 1.4em; line-height:1; }/* 14px */
#staffs p { font-size: 1.3em; line-height:1.6; }/* 12px */
#shop_tub { font-size: 1.2em; }/* 12px */
.sdata p { font-size: 1.1em; line-height:1.5; }/* 11px */ 
.shop_con .button { font-size: 1.3em; line-height:1; }/* 13px */ 

#notice p { font-size: 1.1em; line-height:1.6; }/* 11px */
#about .aDetail { font-size: 1.6em; line-height:1.3; }/* 16px */
#about #notice h4 { font-size: 1.3em; line-height:1.5; }/* 13px */
#event .qr_det .bigTitle { font-size:2em; line-height:1.2;}/* */
#event_detail p, #event_detail table { font-size: 1.2; line-height:1.5em; }/* 12px */
#event_detail .button { font-size: 1.3em; line-height:1; }/* 13px */
#eDetail01 h4, #eDetail02 h4 { font-size: 1.5em; line-height:1em; }/* 15px */

.card p { font-size: 1.3em; line-height:1.8; }/* 13px */
.result { font-size: 1.2em; line-height:1.6; }/* 12px */
#cCont { font-size: 1.3em; line-height:1.5; }/* 13px */
#tokuten .notice { font-size: 1.2em; line-height:1.5; }/* 11px */

#cheers .topLead h4 { font-size: 1.8em; line-height:1.5; }/* 18px */
#cheers .topLead p { font-size: 1.2em; line-height:1.5; }/* 12px */
#cheerList .lead { font-size: 1.2em; line-height:1.7; }/* 12px */
#cheerList .lead  h4 { font-size: 1.2em; line-height:1.5; }/* 14px */
#cheerList h4.company { font-size: 1.5em; line-height:1.5; }/* 18px */
#cheerList p.name { font-size: 1.2em; line-height:1.5; }/* 12px */
#cheerList .title { font-size: 1.4em; line-height:1.3; }/* 14px */
#cheerList .comment { font-size: 1.2em; line-height:1.5; }/* 12px */

}

/*@media screen and (min-width: 520px) {

.js .nav-collapse {
    position: relative;
}
.js .nav-collapse.closed {
    max-height: none;
}
.nav-toggle {
    display: none;
}
}*/