@charset "utf-8";
/* CSS Document */

.cover{ width:100%; background:url(../images/news/bg_news.jpg) center center; background-size:cover; padding:1px 0;}
.cover_ny{ width:100%; background:url(../images/news/2018-01-01.jpg) center center; background-size:cover; padding:1px 0;}
.cover_namba{ width:100%; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQYV2NgYGBoAAAAhQCBtVE1xwAAAABJRU5ErkJggg==),url(../images/news/2018-01-23.jpg) center center; background-size:cover; padding:1px 0;}
.cover_fukuoka{ width:100%; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQYV2NgYGBoAAAAhQCBtVE1xwAAAABJRU5ErkJggg==),url(https://jis.bar/parts/images/store/cover-fukuoka.jpg) center center; background-size:cover; padding:1px 0;}
.cover_umeda{ width:100%; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQYV2NgYGBoAAAAhQCBtVE1xwAAAABJRU5ErkJggg==),url(https://umeda.jis.bar/images/cover.jpg) center center; background-size:cover; padding:1px 0;}
.cover_matsuyama{ width:100%; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQYV2NgYGBoAAAAhQCBtVE1xwAAAABJRU5ErkJggg==),url(https://jis.bar/parts/images/store/cover-matsuyama.jpg) center center; background-size:cover; padding:1px 0;}
.cover_omiya{ width:100%; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQYV2NgYGBoAAAAhQCBtVE1xwAAAABJRU5ErkJggg==),url(https://jis.bar/parts/images/store/cover-omiya.jpg) center center; background-size:cover; padding:1px 0;}
.cover_kumamoto{ width:100%; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQYV2NgYGBoAAAAhQCBtVE1xwAAAABJRU5ErkJggg==),url(https://jis.bar/parts/images/store/cover-kumamoto.jpg) center center; background-size:cover; padding:1px 0;}
.cover_sapporo{ width:100%; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQYV2NgYGBoAAAAhQCBtVE1xwAAAABJRU5ErkJggg==),url(https://sapporo.jis.bar/images/cover-1.jpg) center center; background-size:cover; padding:1px 0;}

.cover_list{ width:100%; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQYV2NgYGBoAAAAhQCBtVE1xwAAAABJRU5ErkJggg==),url(../images/news/bg_news.jpg) center center; background-size:cover; padding:1px 0;}


.ph_1 { position: relative; z-index: 1200 }
.ph_1_text { position: relative; top: -310px; margin-bottom: -310px; z-index: 1300 }
.ph_2 { position: relative; z-index: 1200 }
.ph_2_text { position: relative; top: -208px; margin-bottom: -208px; z-index: 1300 }
.ph_3 { position: relative; z-index: 1200 }
.ph_3_text { position: relative; top: -110px; margin-bottom: -110px; z-index: 1300 }
/*----------------------------------------------------*/

#guide h2{ border-bottom:4px solid #A98F6C; padding-bottom:15px;font-family: 'Open Sans', sans-serif; margin-top:0; font-size:20px;}
#guide .lead { margin-bottom:10px; font-size:16px;}





@media only screen and (max-width: 768px) {
/* SP */

#catch h2 img { height: 70%; }
article.sp_text { position: relative; top: -80px; margin-bottom: -80px; z-index: 1300; }
article.sp_text h1 { font-family: 'Open Sans', sans-serif; font-size: 26px; }
article.sp_text h2 { font-size: 18px; }
.pdt-100 { padding-top: 60px; }
}



.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{border-top: 0px solid #A98F6C;  letter-spacing:1px; padding:5px;}
.table  caption{ font-size:17px; color:#A98F6C; font-weight:bold; padding-bottom:60px;}
.table th{ width:90px;}

.table-list-news th,
.table-list-news td{ border-top: 1px solid  #A98F6C !important; padding: 1em 0 !important; }
.table-list-news th{ width: 60px;}
.table-list-news th img { width: 50px;}
.table-list-news h2 { margin: 0; font-size: 1.2em; margin: 0.2em 0 0; letter-spacing: 0.09em; }
.table-list-news  a { display: block}
/*----------------------------------------------------*/

#guide h2{ border-bottom:4px solid #A98F6C; padding-bottom:15px;font-family: 'Open Sans', sans-serif; margin-top:0;}
#guide .lead { margin-bottom:10px; font-size:17px;}

/*----------------------------------------------------*/
.articlebody p{ line-height:2.2; letter-spacing:2px;}

.scroller img{ height:300px;}

/*----------------------------------------------------*/



.class{ padding:40px; background:#A98F6C; color:#000000; text-align:center; display:inline-block;white-space:nowrap; position:relative; top:-100px;}

#owner .owner_ph{ display:table; width:70%; margin-left:auto; margin-right:auto}
#owner .owner_ph > div { display:table-cell; vertical-align:bottom}
#owner .owner_ph .photo{ width:50%;}
@media only screen and (max-width: 768px) {
/* SP */

#catch h2 img { height: 70%; }
article.sp_text { position: relative; top: -80px; margin-bottom: -80px; z-index: 1300; }
article.sp_text h1 { font-family: 'Open Sans', sans-serif; font-size: 26px; }
article.sp_text h2 { font-size: 18px; }
.pdt-100 { padding-top: 60px; }

.interview p{ font-size:14px; line-height:28px; letter-spacing:2px;}

.scroller img{ height:200px;}

#owner .owner_ph{ width:100%;}

}