@charset "UTF-8";
a,a:hover{color:#0645ad}
h1{font-size:1.75em;color:#000;margin:10px}
h2{font-size:1.4em;text-align:center}
h3{font-size:1.2em;margin:20px 20px 0;color:#e50010;}
.seat img{display: block;margin:0 auto;width:100%}
.note{font-size:0.9em;text-align:left;margin:5px; }
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;}
.contact { font-size:1.6em;}
.shop_list{
	width:100%;
	margin-bottom:2em;
}

.Bdr{border:1px solid #999;}

/*.shop_list tr:nth-child(even){background:#F6F6F6;}*/

sup { font-size:0.6em;}
p.periodttl { font-size: 1.5em; color:#224abf; font-weight:700; background:#fffacd;}


@media screen and (min-width: 640px){
p.periodtxt { font-size: 1.2em; }
.note{margin: 35px 0 0;}
/* モバイル専用項目(PCで非表示) */
.mobile{display:none!important;}
#container p{margin:1% 3%}
.seat{background:#fff;border:1px solid #ccc;margin:1em auto; border-radius:5px}
.seat_in{width: 90%;margin: auto;}
h2{margin:5% 0 2%; padding:0.2em 0.2em 0.2em 1.0em; background:#224abf; color:#FFF; font-size:1.6em;text-align:left}
h2.zrem{margin:5% 0 2%; padding:0.2em 0.2em 0.2em 1.0em; background:#224abf; color:#FFF; font-size:1.6em;text-align:left}
.w80per{width:80%;margin:auto}

.text_box{
    margin-bottom: 5%;
    border: 1px solid #969696;
    padding: 15px 25px;
    border-radius: 10px;
    background-color: #f7f7f7}
.mds1{margin: 5% 0 2%;padding: 0.2em 0.2em 0.2em 0.5em;color: #224abf;font-size: 1.4em;border-left: 9px solid #224abf;}
.mds2{font-weight:bold;font-size:1.4em;text-decoration: underline}
.mds3{margin: 5% 0 2%;padding: 0.2em 0.2em 0.2em 0.5em;color: #224abf;font-size: 1.4em;border-left: 9px solid #224abf;}

}


/* モバイル表示モード */
@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}

.note{font-size:0.7em;margin: 3% 5%;}
h1{font-size:1.2em;}
h2{font-size:1.2em;}
h2.zrem{ font-size:1em;}
.contact { font-size:1.1em;}


/* 共通設定 */
body{background:#fff}

.seat{ }
.seat img{width:100%}

#container p{margin: 3% 5%;font-size: 14px;}
h2{
    margin: 5% 0 2%;
    padding: 4%;
    background: #224abf;
    color: #FFF;
    text-align: left;
    font-size: 1.5em;}
.w80per{width:80%;margin:auto}
.text_box{
    margin-bottom: 5%;
    }
.mds1{
    margin: 10% 0 2%;
    padding: 0.2em 0.2em 0.2em 0.5em;
    color: #224abf;
    font-size: 1.2em;
    border-left: 9px solid #224abf;
}
.mds2{font-weight:bold;font-size:1em;text-decoration: underline}
.mds3{margin: 5% 0 2%;padding: 0.2em 0.2em 0.2em 0.5em;color: #224abf;font-size: 1.2em;border-left: 9px solid #224abf;}

/* テーブル横スクロール */
.table-scroll{
  overflow-x: scroll;
}

.zrem_tbl{
  width: 800px;
	padding-left: 15px;
}


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