@charset "UTF-8";
body{background:#FFF;}
a,a:hover{color:#0645ad}
h1{font-size:1.75em;color:#333;margin:0.5em 0 1em 0;}
h2{font-size:1.4em;text-align:center}
#container{width:1200px;}
.seat{width:100%; background:#fff; border:1px solid #ccc; border-radius:5px; margin:0 auto 20px auto;padding:0;}
.seat img{display: block;margin:0 auto;}
.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}
.seat>a.button{display:block; width:80%;text-align:center;padding:10px 0;margin:10px auto 0 auto;border-radius:5px;background:#0645ad;color:#FFF;text-decoration:none;}
a.button:hover{background:#3377EE;}
.seat>a.button02{display:block; width:90%;text-align:center;padding:5px 0;margin:0 auto; border:1px solid #0645ad; border-radius:5px; text-decoration:none;}
.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;}

.box03{width:100%; margin:0 auto;}

.box03 dl{display:block; width:31%; margin:0 2.5% 2em 0; padding-bottom:1.5em; float:left; border-bottom:1px solid #CCC; /*letter-spacing:0.05em;*/}
.box03 dl:nth-of-type(3n){margin:0 0 2em 0;}

.box03 dl dt img{width:100%; margin:0;}
.box03 dl dd h3{margin:0.5em 0; font-size:1.2em; text-align:center; color:#333;}
.box03 dl dd{float:none; width:100%; margin:0; padding:0; font-size:0.9em;}
.box03 dl dd p{height:4.5em;}
.box03 dl dd a.detail{display:inline-block; width:100%;text-align:center;padding:0;margin-top:0.5em;}


@media screen and (min-width: 640px){
/* モバイル専用項目(PCで非表示) */
.sp{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}
/* 共通設定 */
body{background:#FFF;}
#container{width:100%;}
h1{background:#fff;font-size:1.2em;border-top:1px solid #ccc;border-bottom:3px solid #ccc;margin:0 0 1em 0;padding:10px;}
h2{font-size:1.2em;text-align:center}
h3{font-size:1.2em;margin:7px;}
.seat{width:100%; margin:1em auto; padding:0.5em 0 1em 0;}
.seat img{width:100%}
.caution{margin:10px;width:auto;}

.box03{width:95%; margin:0 auto; padding:0;}

.box03 dl{float:none; width:95%; margin:0 auto 2em auto;}
.box03 dl dd h3{margin:0.5em 0; font-size:1.1em; text-align:center; color:#333;}
.box03 dl dd{float:none; width:100%; margin:0; padding:0;}
.box03 dl dd p{height:auto; font-size:0.9em;}

dl dd img{width:100%; margin:1em auto;}

/* PC専用項目(スマホで非表示) */
.pc{display:none !important}
}