@charset "UTF-%";
a,a:hover{color:#0645ad}
h1{font-size:1.6em;color:#e50010;margin:10px}
h2{font-size:1.4em; padding: 0.5em; color: #010101; background: #eaf3ff; border-bottom: solid 3px #516ab6;margin:20px auto;}
h3{font-size:1.4em;color:#010101;margin:10px auto; padding-left:10px; border-left: solid 8px #516ab6;}
.seat{background:#fff;border:1px solid #ccc;margin:0 auto 2em auto;padding:20px;border-radius:5px}
.seat img{display: block;margin:0 auto;max-width: 100%;}
.note{font-size:0.8em;text-align:left;margin:5px 0 0}
dl{font-size:0.9em}
dl dt,dl dd{padding:10px 10px}
dl dt{float:left;}
dl dd{padding-left:150px;border-bottom:1px dashed #999}
.entry{border-bottom:1px solid #999;margin-bottom:10px}
a.button{text-align:center;display:block;width:70%;border:1px solid #0645ad;border-radius:5px;margin:20px auto;padding:5px;}
.caution{background:#ffd;border:1px solid #aa8;border-radius:5px;margin:20px 10px 0;width:680px;}
.caution li{font-size:0.8em;border-bottom:1px dashed #999;padding:5px;}

.detail{width:90%; margin:1.5em auto; padding:0;}
.detail>img{float:right; margin:-80px 0 1em 2em;}
.detail h2{padding:0; text-align:left;}
.detail h2 img{width:48%; margin:0 0 1em 0; padding:0;}
.detail p{font-size:1.1em; line-height:1.5em;}

.product{
	width:90%;
	margin:1.5em auto;
	padding:2em 5%;
	background:url(../img/bg.jpg);
}

.box01 , .box02 , .box03{width:100%; margin:0 auto;}
.box01 li{width:90%; margin:0 auto;height:auto; margin-bottom:1em; padding:1%; background:#FFF; border:1px solid #999;}
.box02 li{width:48%; height:auto; margin-bottom:1em; padding:0;}

.box02 li:nth-of-type(odd){float:left;}
.box02 li:nth-of-type(even){float:right;}
.box02 li:last-child{margin-bottom:0;}
.box02 li img , .box03 li img{width:100%;}
.box02 li p , .box03 li p{width:100%; margin-bottom:0.3em; text-align:center; font-size:0.8em;}

.box03 li{width:28%; height:auto; margin:0 1.5% 1em 1.5%; padding:1%; float:left;}
.detail .box03{clear:both; margin:1.5em auto 0 auto;}
/* .box03 li:nth-of-type(3n+1){margin:0;} */

.Bdr{border:1px solid #999;}


@media screen and (min-width: 640px){
/* モバイル専用項目(PCで非表示) */
.mobile{display:none}
.box02 li.long{width:42%; height:427px; margin-bottom:1em; padding:1%; background:#FFF; border:1px solid #999;}
}
/* モバイル表示モード */
@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}

/* 共通設定 */
body{background:#eee}
h1{background:#fff;font-size:1.2em;margin:0;padding:10px;}
h2{font-size:1.2em;}
h3{font-size:1.2em;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}

.product{
	width:90%;
	margin:1em auto;
	padding:1em 5%;
	background:url(../img/bg.jpg);
}

.box01{width:95%; margin:0 auto;}
.box01 li{width:100%; margin:0 auto;height:auto; margin-bottom:1em; padding:1%; background:#FFF; border:1px solid #999;}
.box01 li img{width:100%; margin:0 auto;height:auto;}
.box02 li {width:95%; height:auto; margin:0 auto 1em auto; padding:2.5%; background:#FFF; float:none;}
.box02 li p , .box03 li p , .box01 li p{font-size:0.9em;}
.box02 li.long{width:95%; margin:0 auto;height:auto; margin:0 auto 1em auto; padding:2.5%; background:#FFF; border:1px solid #999;}

.detail{width:90%; margin:1.5em auto 0 auto; padding:0;}
.detail>img{float:right; width:40%; margin:0 0 0.5em 1em;}
.detail h2{padding:0; text-align:left;}
.detail h2 img{width:100%; margin:0 0 1em 0; padding:0;}
.detail p{font-size:1em; line-height:1.5em;}
}

p.center{text-align: center;}
span.link_caption{font-size: 12px;text-align: center;}