@charset "UTF-8";
a{color:#0645ad}
a:hover{color:#0645ad}
h1{font-size:1.75em;color:#e50010;margin:10px}
h2{font-size:1.4em;padding:0 5px 10px;margin:0 0 10px;line-height:1em;border-bottom:4px solid #ccc}
.seat{background:#fff;border:1px solid #ccc;margin:1em auto;padding:20px; border-radius:5px}
.seat img{display: block;margin:0 auto;}
p.note{font-size:0.8em;text-align:left;margin:5px 0 0}
a.button{text-align:center;display:block;padding:8px;margin:10px auto;border:1px solid #0645ad;border-radius:5px; max-width:600px; font-size:1.4em;}

/* お問い合せの前に */
.trend p{font-size:0.8em}
/* 長期保証 */
.long-g p{margin:0 10px}
/* 店舗問い合せ */
.contact li{width:290px;float:left;padding:10px;line-height:1em;}
/* よくある質問 */
.cate li{font-size:0.8em;width:215px;float:left;padding:4px;}
.faq{border:1px solid #aaa;border-radius:2px;margin:10px 0;padding:10px;}
.faq h3{font-weight:bold;line-height:1em;font-size:1.2em;margin:0px 5px 10px;}
.faq dl{padding:5px;border-top:1px dotted #555}
.faq dt{padding:0 10px;background:url("../img/marker-tri-red.png") no-repeat center left;}
.faq dd{font-size:0.9em;color:#555;padding:0 0 0 20px}

/*お問合わせ混雑時間帯について*/
table#tell_jikan , table#tell_konzatsu{border-collapse:collapse; width:100%; text-align:center; border:1px solid #aaa;}
table#tell_jikan th{background:#e50010; color:#fff; text-align:center;}
table#tell_jikan td , table#tell_konzatsu td{border-right:1px dotted #555; text-align:center;}
table#tell_jikan td:last-of-type , table#tell_konzatsu td:last-of-type{border-right:none;}
table#tell_jikan td p{width:100%; padding:0; border-bottom:1px dotted #555;font-size:0.8em;}
table#tell_konzatsu td p{width:100%; padding:0; border-top:1px dotted #555; font-weight:normal;font-size:0.8em;}


@media screen and (min-width: 640px){
/* モバイル専用項目(PCで非表示) */
.mobile{display:none}
}
/* モバイル表示モード */
@media screen and (max-width: 639px){
/* grid解除 */
.grid{width:auto;margin:auto}
.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11{float:none;display:inline;margin:auto;width:auto}
.grid12{width:auto}
.first{margin-left:0;clear:left}

.event_img{
	display:block;
	width:100%;
	margin:0 auto;
}

.event_img li{
	width:90%;
	height:auto;
	margin:0 5% 1.5em 5%;
	float:left;
}

.event_img li h4{
	width:100%;
	margin:0;
	padding:0.2em 0;
	background:#E50012;
	color:#FFF;
	text-align:center;
	font-size:1.5em;
	}

.event_img li img{
	width:100%;
}

/* 共通設定 */
body{background:#eee}
h1{background:#fff;font-size:1.2em;border-top:1px solid #ccc;border-bottom:3px solid #ccc;margin:0;padding:10px;}
h2{font-size:1.15em;text-align:center}
h3{font-size:1.1em;margin:7px;}
.seat{margin:10px;padding:5px}
.seat img{width:100%}
dl dt{float:none;font-weight:bold;padding:10px 10px 0;}
dl dd{padding:0 10px 10px;}
.caution{margin:10px;width:auto;}
/* PC専用項目(スマホで非表示) */
.pc{display:none !important}
}