@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;}
.date_detail{text-align: center;margin: 30px auto; font-weight: 700;}
.date_detail ul{display: flex;flex-flow:column;justify-content:space-between;gap: 20px;}
.date_detail li{font-size: 30px;}
.date_detail span{font-size: 22px;display: block;}
@media screen and (min-width: 640px){
/* モバイル専用項目(PCで非表示) */
.mobile{display:none}
}
/* モバイル表示モード */
@media screen and (max-width: 639px){
 .date_detail li{font-size: 22px;}
 .date_detail span{font-size: 18px;}
/* 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}
}

.bcs_item:hover{opacity: .7;}
p.center{text-align: center;margin-top: 20px;}
span.link_caption{font-size: 14px;text-align: center;}
.campaign_caption{font-size: 14px;padding: 0 10px;}
.app_wrap{margin: 30px auto;background: #f5f5f5;padding: 26px 20px;border-radius: 8px;}
.download_wrap{display: flex; align-items: center; justify-content: center; gap: 40px;}
.app_wrap p{font-size: 20px;font-weight: 600;text-align: center;}
@media screen and (max-width: 639px){
 .download_wrap{flex-flow: column;}
 .app_wrap p{font-size: 18px;margin-bottom: 20px;}
 .download_wrap{gap:10px;}
 .app1 img{width: 208px;height: 70px;}
 .app2 img{width: 240px;height: 93px;}
}