﻿@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%;}
dl{font-size:0.9em}
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;}

@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}
.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 10px 80px; padding:6px}
.seat img{width:100%}
.caution{margin:10px;width:auto;}

/* PC専用項目(スマホで非表示) */
.pc{display:none !important}
}

p.center{text-align: center;margin-top: 20px;}
span.link_caption{font-size: 14px;text-align: center;}