@charset "UTF-8";
a,a:hover{color:#0645ad}
h1{font-size:1.75em;color:#e50010;margin:10px}
h2{font-size:1.4em;text-align:center;margin:10px 0;}
.seat{background:#fff;border:1px solid #ccc;margin:0 0 20px;padding:20px 100px;border-radius:5px}
.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;padding:5px;margin:10px 10px 0;border:1px solid #0645ad;border-radius: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;}
.font09 { font-size:0.9em;}

@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}
img.garigari{max-width:60%;}
/* 共通設定 */
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.2em;text-align:center}
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}
.caution {font-size:0.8em;}
.font09 { font-size:0.8em;}
}