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

/*===============================================
 tablet.css -  画面の横幅が521px - 768px
===============================================*/

@media screen and (min-width: 521px) and (max-width: 768px){
	
.tbnone, .sponly { display:none; }
	
img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}

#container {
	margin: 0 auto;
}

#h_shadow { margin-bottom: 9px; }

header { padding: 3em 5% 2.3em 5%; }

header h1 { width:40%; float:left; margin: 0.3em 0 0.5em 0; }
header h2 { width:60%; float:right; text-align:right; margin: 1.5em 0 0.8em 0; }

#gloval_menu { clear:both; margin-top: 15px; }
#gloval_menu li { width:33%; float:left; white-space:nowrap; }
#gloval_menu li span { background:url(../img/bk_bus.gif) left center no-repeat; padding: 0 0 0 35px; }
#gloval_menu li:nth-child(2) { text-align:center; }
#gloval_menu li:nth-child(3) { text-align:right; }

section { width:95%; margin:0 auto; margin-bottom: 2.5em; }
.cont { width:95%; margin:0 auto; }

#mainImg { width:90%; margin:2rem; }
#concept h3, h3.flag { padding-top: 3em; }
#concept a.button, #step a.button { width: 35%; margin:0 auto; }

.howtoGet .st { width: 33.33%; float:left; }
.howtoUse .st { width: 49%; float:left; margin-right:0; }
.howtoUse .st:nth-child(2n) { width: 47%; float:right; padding-right: 0; margin-right:0; background:none; }
.howtoUse .st:nth-child(2n+1) { clear:both; }
.howtoUse .st { padding: 0 4% 2em 0; float:left; background:url(../img/bk_yaji.gif) top right no-repeat; }
.howtoGet .st { float:left; }
.howtoGet .st_right { float:right; padding-right: 0; margin-right:0; }
.playguide { padding:2em 0; }
.playguide th { vertical-align:top; text-align:right; }
.playguide td.marg { vertical-align:top; text-align:left; }

#odd { width:50%; float:left; }
#even { width:50%; float:right; }
#odd .genre, #even .genre { font-size: 80%; }

#allmap { position: relative; width:100%; }
#allmap h3.blue { position:absolute; top:2%; left: 4%; width:80%; }
#googlemap a { width: 70%; padding: 1em 1em 0.8em; margin: 1em auto; }
#shopList .button { width: 70%; margin: 1em 10% 0; }
.pdf_btn { position:absolute; bottom:2%; right: 2%; }
.e_cont { width:100%; margin-bottom: 1em; }
.taisho th { padding-left:2em; }
.taisho td { padding-right:2em; }
.e_cont .collabo { width:65%; height:auto; margin-right:0.5em; vertical-align:middle; }
.e_cont h4 { margin: 0 0 0.8em; }
.e_contSec { padding-top: 3em; zoom:1; }
.e_contSec .main { width:40%; margin: 0 2em 3em 2em; float:left; }
.e_kakomi { width: 47%; float:right; margin: 0 2em 2% 0; }
.e_contSec:before, .e_contSec:after { content:""; display:table; }
.e_contSec:after { clear:both; }
.e_cont .button { min-width:75%; margin:0 auto; }

#facebook { width:100%; margin-bottom:1em; background:#fff; }
#twitter { width:100%; }

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

/* event */
#event01 .taisho th, #event01 .taisho td, #event03 .taisho th { padding: 0.5em 2em 0.5em 2em; }
.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 3em; margin:0 auto 1em auto; display:block; }
.qr p { margin: 0 0 1em; }
.inquiry .button { margin: 0 0 1em; }

/* shop */
.shop_con { width: 28%; float: left; margin-right: 3.5%; padding-bottom:3em; }
.shop_con .button { position: absolute; width:60%; bottom: 0; }
.shop_con:nth-child(3n) { float:right; margin-right: 0; }
.mainImg { height:127px; }
.sdata p { word-break: break-all; }
#sdCont { clear:both; margin: 4em; }
.sdData { width: 100%; margin-bottom: 2em; }
.sdData th { padding-right: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-left:5px; }
#recommend { width: 48%; float:left; }
#chisan { width: 48%; float:right; }
#staffs { padding:1.8em 2em; margin-top:3em; }
#staffs img { float:left; padding-right:2em; }
.thumb { position: absolute; width:100%; bottom: 10px; right: 10px; z-index:3; text-align:right; }
.thumb img { width: 15%; }
.shop_pc { display: none; }

/* about */
#event_detail, #before { width: 93%; margin: 0 auto; }
#about .aDetail { margin-bottom: 1em; }
#event_detail table { width: 90%; }
#eDetail01 { width: 56.5%; margin: 0 auto 3em auto; padding-bottom:1.5em; }
#eDetail01 .button { width: 65%; margin:1.5em 4.8% 1.5em; }
#comprete { background: url(../img/about/bk_fukidashi.gif) no-repeat right top; }

#notice { width: 80%; margin: 0 auto; border: solid 1px #003461; padding: 2em 3em; }
#tokuten { margin: 4em 3em 4em 3em; padding: 3em 5%; }
.card { margin: 3em 0; }
.card img { width: 50%; float: right; margin-left: 3em; }
#comprete { width: 90%; background: url(../img/about/bk_fukidashi.gif) no-repeat right top; margin: 0 auto 2.5em auto; }
#cCont img.cardmain { width:50%; margin:0 25%; }
.result {width: 80%; margin: 0 auto; }

/* cheer */
#cheers .topLead { text-align: center; padding: 1.5em 0 3em; }
#cheerList { padding: 2em 4em 2.5em; }
#cheerList .lead { padding: 1em 1em 2em; margin-bottom:2em; }
#cheerList .lead h4 { margin-bottom:0.8em; }
#cheerList .big { padding: 0 0 2em 0; margin: 0 0 2em 0; }
#cheerList .last { padding: 0; margin: 0; }
#cheerList .overFlow .img { clear:both; width:100%; text-align:center; }
#cheerList .overFlow .img img { height: 160px; }
#cheerList .overFlow .bRight img { display:none; }
#cheerList .title { margin: 1em 0 1em 0; }
#cheerList .bLeft { width:30%; float: left; }
#cheerList .bRight { width:65%; float: right; }
#cheerList .bRight img.sub { display: none; }
#cheerList .sLeft, #cheerList .sRight { padding: 2em 0 1.5em 0; margin: 0 0 1em 0; }

#social { max-width:500px; width:100%; margin:0 auto; flex-direction: column;}
.pc-insta {display: none;}
.tablet-insta {display: block;  width: 500px !important;}


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

#step h4 { font-size: 1.3em; line-height: 3; }/* 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 { font-size: 1.8em; line-height: 1; }/* 18px */
#about .howtoGet h4, #about .howtoUse h4, #step .howtoGet h4, #step .howtoUse h4 { font-size: 1.8em; line-height: 1; }/* 18px */
.ed_cont h4 { font-size: 1.7em; line-height: 1; }/* 17px */
.st h5 { font-size: 1.5em; line-height: 1.2; }/* 15px */

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

#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; }/* 12px */
#event p { font-size: 1.2em; line-height: 1.5; }/* 12px */
#event_det p { font-size: 1.2em; line-height: 1.7; }/* 12px */
#event .qr_det .bigTitle { font-size:1.8em; line-height:1.3; } /* 18px */
#event01 .taisho, #event03 .taisho { font-size: 1.2em; }/* 12px */ 
#step p { font-size: 1.1em; line-height: 1.5; }/* 12px */
#step p.shops { font-size: 1.2em; line-height: 1; }/* 12px */
.playguide h5 { font-size: 1.4em; line-height: 1; }/* 14px */
.playguide table { font-size: 1.2em; line-height: 1.5; }/* 12px */
#step .pcode, .pcode { font-size: 1.4em; line-height: 1; }/* 14px */
#staff table { font-size: 1.1em; line-height: 2.1; }/* 11px */

#shop_list .lead { font-size: 2.5em; line-height: 1.5; }/* 26px */
.shop_con table { font-size: 1em; line-height: 1.5; }/* 10px */
.shop_con h4 { font-size: 1.3em; } /* 13px */
.shop_con .genre { line-height:1; }/* 10px */
.shop_con .shopLead { font-size: 1em; }/* 10px */ 
.sdata p { font-size: 1.1em; line-height:1.5; }/* 11px */ 
.shop_con .button { font-size: 1.3em; line-height:1; }/* 13px */ 

#shop_detail h4 { font-size: 2em; line-height: 26px; }/* 20px */
#shop_detail .genre { font-size: 0.6em; }
#shop_detail .sLead { font-size: 1.3em; line-height:1.8; }/* 13px */
.sdData { font-size: 1.2em; line-height:1.6; }/* 12px */
#recommend h5, #chisan h5 { font-size: 1.2em; 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 */

#notice p { font-size: 1.1em; line-height:1.6; }/* 11px */
#about .aDetail { font-size: 1.6em; line-height:1; }/* 16px */
#about #notice h4 { font-size: 1.3em; line-height:1.5em; }/* 13px */
#event_detail p, #event_detail table { font-size: 1.2em; line-height:1.5em; }/* 12px */
#event_detail .button { font-size: 1.3em; line-height:1em; }/* 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.6; }/* 11px */

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

}