@charset "UTF-8";
a,a:hover{color:#0645ad}
#container h1{font-size: 20px;margin-bottom: 10px;}
.seat h2{font-size:1.2em;margin: 60px auto 0;}
.seat h3{font-weight:bold;padding:0;margin:0;line-height:1;text-align:center;margin: 30px auto 0;}
.seat h4{font-weight:bold;padding:0;margin:0;text-align:center;}
.seat h5{font-weight:bold;padding:0 50px;margin:0 0 30px 0;text-align:center;line-height:1;}
/*li h3{}*/
.seat{width:100%; background:#fff;border:1px solid #ccc;margin:0 0 20px;padding:0;border-radius:5px;}
a.button{width:80%; text-align:center;display:block;padding:5px;margin:20px auto; border:1px solid #0645ad;border-radius:5px;font-size:1.4em; }

dl.detail{font-size:1em;width:90%;margin:0 auto 1em auto;padding:20px 0 0 0;}
dl.detail dt , dl.detail dd{padding:10px 20px;}
dl.detail dt{float:left;}
dl.detail dd {padding-left:140px;border-bottom:1px dashed #999; text-align:left;}
dl.detail dt.entry{display:inline-block; width:7em; margin-top:0.5em; padding:0.1em 0 0 0; text-align:center; border:1px solid #333;}

.seat>h2{width:90%; margin:0.5em auto 0 auto; padding:0; font-size:1.4em; font-weight:bold;color:#666;border-bottom:1px solid #ccc;margin-bottom:20px;}
.seat>img{display:block; margin:0 auto 1em auto;}
.seat>p{width:90%; margin:1em auto;font-size:16px}


ul.Bdr li{border:1px solid #DDD;}
.box01 , .box02 {width:90%; margin:0 auto; text-align:center; font-size:1em;}
.box03 {width:95%; margin:0 auto; text-align:left;}
.box01 li{width:100%; margin:0 auto;height:auto; margin-bottom:1.5em; padding:0;}
.box02 li{width:48%; height:auto; margin-bottom:1.5em; padding:0;}
.box02 li:nth-of-type(odd){float:left;}
.box02 li:nth-of-type(even){float:right;}
.box03 li{width:30.5%; height:auto; margin:0 1% 1.5em 1%; padding:0; float:left;}
.box02 li a , .box03 li a{font-size:1.0em;}
#item li{margin-bottom:0.5em;}


li h3{width:100%; height:auto; margin:0 auto 0.5em auto; padding:0.4em 0;text-align:left}
li h3 span{font-size:0.9em; color:#221166;}
li img {width:100%; margin:0 auto; height:auto;}
li img+p {margin:0.5em 0 0.3em 0; padding:0; font-size:0.7em; line-height:1.2em; color:#555;}
li img+p+a {font-size:0.9em;}

.note {font-size:0.8em; text-align:left !important;}

#group h2 img{display:block; max-width:100%; margin-bottom:40px;}
#group a{color:#356bb3;}
#group li.ec>a{display:inline-block; height:6em; vertical-align:middle;}
#group li.ec  img{display:block; margin:20px auto; width:80%; height:auto; vertical-align:middle;}
#group li.app img{display:block; margin:20px auto; width:40%; height:auto;}
#group li h3{font-size:1.3em;}
#group li p{width:90%; margin:0 auto 20px auto; height:2.5em; font-size:0.9em;}
.closelist{margin:10px auto;width: 90%;}

/*table.changehours td.close{
    background: #e60012;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}*/
table.changehours td.close{
    font-weight: bold;
    color: #e60012;
}

table.closedicon {margin:15px auto ;box-sizing:border-box;width:100%;font-size:12px;}
table.closedicon td {padding: 5px;text-align:left;line-height:1.5em;vertical-align:top;}

table.closedstore {margin:5px auto 35px;box-sizing:border-box;width:100%;border-top:1px solid #cccccc;text-align:center;font-size:12px;}
table.closedstore tr:nth-of-type(1){background-color:#eeeeee}
table.closedstore tr:nth-of-type(1) td{text-align:center}
table.closedstore td {border:1px solid #cccccc;padding: 5px;display: table-cell;}
table.closedstore td:nth-of-type(1) {text-align:left;}


@media screen and (min-width: 640px){
/* モバイル専用項目(PCで非表示) */
.sp{display:none;}
/*dl{font-size:1.2em;margin:0 auto;padding:0;text-align:left;}
dl dt{float:left;}
dl dd{padding-left:20px;border-bottom:1px dashed #999; text-align:left;}*/
.small_box{font-size:0.8em;text-align:left;padding:10px;text-align:left;}
.fb-share-button{width:400px;padding:5px;margin:0 0 10px 690px;}
.fb-share-button ul{width:400px;float:right;}
.fb-share-button li{float:left;margin:0 10px 0 10px;list-style-type: none;}
.sns_share{width:170px;padding:0 5px;margin:0;!important}
.sns_share ul{!important}
.sns_share li{float:left;margin:0 15px 0 15px;list-style-type: none;!important}
.seat h3{
    font-size: 18px;
    width: 90%;
    text-align: left;
    padding-left: 10px;
    box-sizing: border-box;
    background: #333;
    color: #fff;
    padding: 5px 17px;
    margin: 0 auto 10px;}

.seat>h2{margin:30px auto 0 auto}
table.changehours {margin:10px auto 25px;box-sizing:border-box;border-top:1px solid #cccccc;border-left:1px solid #cccccc;text-align:center;width:90%;}
table.changehours tr{font-size:13px}
table.changehours tr:nth-of-type(1){background-color:#eeeeee;font-size:14px}
table.changehours tr:nth-of-type(1) td{text-align:center}
/*table.changehours td:nth-of-type(1){width:40%}*/
table.changehours td{border-bottom:1px solid #cccccc;border-right:1px solid #cccccc;padding:5px 5px 5px 15px;height:1.6em}
table.changehours td{text-align:left}
table.changehours td span{font-weight:bold;color:#e60012;font-size:105%}

table.changehours02 {margin:10px auto 25px;box-sizing:border-box;text-align:left;width: 90%;}
table.changehours02 td{width:200px;padding:5px;height:1.6em}
table.changehours02 td span{font-weight:bold;color:#e60012;font-size:105%}

.caution {
    background: #ffc;
    border: #ffea33 solid 1px;
    width: 90%;
    margin: auto;
    padding: 10px 15px;
    line-height: 1.7em;
}


}

/* モバイル表示モード */
@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}
h1{font-size:1.3em;}
.top{font-size:1em;text-align:center;margin:5px 0 0;font-weight:bold;}
.seat h3{
    font-size: 18px;
    text-align: left;
    padding-left: 10px;
    box-sizing: border-box;
    background: #333;
    color: #fff;
    padding: 5px 17px;
    margin: 0 auto 10px;}
.caution {
    background: #ffc;
    font-size:13px;
    border: #ffea33 solid 1px;
    width: 90%;
    margin: auto;
    padding: 10px;
    line-height: 1.7em;
}

h4{font-size:1.2em;font-weight:bold;padding:0;margin:0;text-align:center;}
h5{font-size:1em;font-weight:bold;padding:0 50px;margin:0 0 20px 0;text-align:center;line-height:1;}
dl.detail{font-size:1em;margin:0 auto;padding:0 2%;text-align:left;}
dl.detail dt{float:none;margin:0;padding:0; font-weight:bold;}
dl.detail dd{font-size:0.9em;margin:0 0 10px 0; padding:0 0 10px 0;border-bottom:1px dashed #999; text-align:left;}
dl.detail dt.entry{margin-bottom:5px;}

.seat {margin:10px 2.5%;padding:0;width:95%;}
.seat img{width:100%}
.sns_share{width:150px;padding:5px 0 0 20px;!important}
.sns_share ul{margin:0 auto;!important}
.sns_share li{float:left;margin:0 10px 0 10px;list-style-type: none;!important}

.seat>h2{width:95%; margin:20px auto 1em auto; padding:0.1em 0; font-size:1.1em;}
.seat>p{font-size:13px;line-height: 1.7em;}
.seat>p.note{text-align:left;}
.seat>img{width:100%; margin:0 auto 10px auto;}

.box01 , .box02 , .box03{width:90%; margin:0 auto;}
.box01 li , .box02 li , .box03 li ,
.box03 li.list02 , .box03 li.list01{width:100%; margin:0 auto 1em auto; height:auto; padding:0; float:none; text-align:left;}
.box02 li:nth-of-type(even) , .box02 li:nth-of-type(odd){float:none; margin:0; padding:0;}

.closelist{margin:10px auto;width: 90%;font-size:85%}
/* PC専用項目(スマホで非表示) */
.pc{display:none !important;}

table.changehours {margin:5px auto 35px;box-sizing:border-box;width:100%;border-top:1px solid #cccccc;text-align:center;font-size:12px;}
table.changehours tr:nth-of-type(1){background-color:#eeeeee}
table.changehours tr:nth-of-type(1) td{text-align:center}
table.changehours td {border-bottom: 1px solid #cccccc;border-right: 1px solid #cccccc;padding: 5px 3px;display: table-cell;text-align:left;line-height:1.5em}
table.changehours td:nth-of-type(2) {border-bottom: 1px solid #cccccc;border-right: 1px solid #cccccc;padding: 5px 3px;display: table-cell;text-align:left;line-height:1.5em}
table.changehours td:nth-of-type(3) {border-right:none;}
table.changehours td span{font-weight:bold;color:#e60012;font-size:105%}

table.changehours02 {width:90%;margin:auto;font-size:13px}
table.changehours02 tr{display:block;width:100%;}
table.changehours02 tr td{display:block;width:50%;float: left;}

}