@charset "utf-8";
html,body,#container {height: 100%;}
body {
 margin: 0px;
 padding: 0px;
 color: #666;
 font-family: "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
 font-size: 16px;
 -webkit-text-size-adjust: none;
 background:#EECCB9;
}

/*共通*/
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form {margin: 0px;padding: 0px;font-size: 100%;font-weight: normal;}
ul {list-style-type: none;}
ol {padding-left: 40px;padding-bottom: 15px;}
img {border: none;max-width: 100%;height: auto;vertical-align: middle;}
table {border-collapse:collapse;font-size: 100%;border-spacing: 0;}
iframe {width: 100%;}

a{
 color: #000;
 transition: 0.2s;
 text-decoration:none;
}
a:hover{
 color: #fff;
}
.center{text-align:center !important;}
.bold{font-weight:bold !important;}
.clear{clear:both;}
.w40{width:40%}
.w50{width:50%}
.w60{width:60%}

/*コンテンツ*/
#content{
 max-width:1920px;
 width:100%;
 margin:0 auto;
}

#topContent{
 width: 100%;
 height: 100%;
 background-image: url('../img/bg.svg');
 background-repeat:no-repeat;
 background-position:center -10em;
 background-size: 100% auto;
 z-inde:999;
}

footer{
    margin-top:3em;
    color:#B52729;
    font-family:MS PGothic;
    font-size:12px;
    text-align:right;
    padding:0 1em 1.8em 0;
    font-weight:bold;
}


/*TOPページ*/
#topContent .topImg{
 text-align: center;
 width: 100%;
 padding-top: 11%;
}
#topContent .topImg img{
 width:320px;
}
#topContent .topMenu{
 margin-top:3.6em;
 list-style: none;
 padding-left: 0;
 text-align: center;
}
#topContent li{
 height: 50px;
 padding: 6px;
 margin: 6px;
 display: inline;
}
#topContent li a{
 font-family:Britannic;
 font-weight:bold;
 font-size:26px;
}

/*サブページ*/
.subHeader{
 padding:49px 0;
 width: 100%;
 display: flex;
 justify-content: space-between;
}
.subHeader .subLogo{
 width: 160px;
 padding-left: 74px;
}
.subHeader .btn-gNav {
 position: fixed;
 top: 20px;
 right: 20px;
 width: 40px;
 height: 24px;
 z-index: 12;
 box-sizing: border-box;
 cursor: pointer;
 -webkit-transition: all 400ms;
 transition: all 400ms;
}
.subHeader .btn-gNav span {
 position: absolute;
 width: 100%;
 height: 4px;
 background: #ffffff;
 border-radius: 10px;
 -webkit-transition: all 400ms;
 transition: all 400ms;
}
.subHeader .btn-gNav span:nth-child(1) {
 top: 0;
}
.subHeader .btn-gNav span:nth-child(2) {
 top: 10px;
}
.subHeader .btn-gNav span:nth-child(3) {
 top: 20px;
}
.hamburger .btn-gNav.open span:nth-child(1) {
    background: #ffffff;
    top: 6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.subHeader .btn-gNav.open span:nth-child(2),
.subHeader .btn-gNav.open span:nth-child(3) {
    top: 6px;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}
.btn-gNav {
    display: none;
}
.gNav .subMenu {
    display: flex;
    justify-content: space-between;
}
.gNav .subMenu li {
    margin: 0 auto;
    padding: 0 5px;
}


.subHeader .subMenu{
 padding-right: 5em;

}


#topContent .subMenu li{
 padding: 6px 2em;
}
.subContent{
 margin:0 auto;
 width:70%;
 padding: 10em 0 3em 6em;
 color: #1A1311;
 font-family:Britannic;
}
.subContent h1{
 font-size:50px;
 letter-spacing: 0px;
 color: #B32929;
 opacity: 1;
 margin-bottom:1em;
}
.subContent h2{
 font-size:32px;
 letter-spacing: 0px;
 margin-bottom:0.8em;
 font-weight: bold;
}
.subContent .subBox{
 margin-bottom:2em;
 font-size: 24px;
 letter-spacing: 0px;
}
.subContent .subBox .subTitle{
 margin-bottom:0.2em;
 font-weight: bold;
}

/*アバウト*/
.aboutBg{
 background: url('../img/coffee.jpg');
 background-repeat:no-repeat;
 background-position:top 32em right;
 background-size: 100% auto;
 padding-bottom:2em;
 background-color:rgba(238,204,185,0.8);
 background-blend-mode:lighten;
}
/*メニュー*/
.menuBg{
 background: url('../img/menubg.png');
 background-repeat:no-repeat;
 background-position:top 36em right;
 background-size: 100% auto;
 padding-bottom:2em;
 background-color:rgba(238,204,185,0.8);
 background-blend-mode:lighten;
}
.subContent .menuBox table{
 width:100%;
 font-family:MS PGothic;
 font-size:24px;
 color:#B32929;
 text-align:center;
}
.subContent .menuBox table td{
 padding:0.8em 0 0.4em;
 border-bottom:1px solid #000;
}    
.subContent .menuBox table .menuName{
 width:46%;
 text-align:left;
}
.subContent .menuBox table .menuName img{
width:30%;
}
.subContent .menuBox table .menuPrice{
 width:18%;
 vertical-align: bottom;
 font-size: 30px;
}
.subContent .menuBox table .noborder{
 border:none !important;
 padding-bottom:1.2em;
}

/*スモーキング*/
.smokingBg{
 background: url('../img/smoking.jpg');
 background-repeat:no-repeat;
 background-position:top -1em right;
 background-size: 100% auto;
 padding-bottom:2em;
 background-color:rgba(238,204,185,0.8);
 background-blend-mode:lighten;
}
.subBox .imgBox{
 float:left;
}
.subBox .imgBox img{
 width:90%
}
.subBox .imgBox img{
 opacity: 1;
}
.subBox .textBox{
 float:left;
 font-family:MS PGothic;
 font-size:24px;
 color:#1A1311;
}
.subBox .textBox p{
 margin-bottom:1.2em;
}

/*アクセス*/
.iframeMap {
 position: relative;
 width:90%;
 border: 5px solid #000;
}
.iframeMap::before {
 content: "";
 display: block;
 padding-top: calc(400/600 * 100%);
}
.iframeMap iframe {
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 width: 100%;
 height: 100%;
}
.subBox .textBox .mapBtmImg{
 text-align:right;
}
.subBox .textBox .mapBtmImg img{
 width:15%;
}
/*NEWS*/
.newsH1{
float:left;
}
.newsDate{
 float:right;
 padding-top:1em;
 color:#B52729;
}
.newsTitie{
 color:#B52729;
 margin-bottom:1.2em;
 font-weight:bold;
}
.subBox dl dt{
 font-weight: bold;
 color:#B52729;
}
.subBox dl dd{
 margin-bottom:1em;
}
.pager{
 margin-top: 2em;
}
.pager .pagination{
 text-align:center;
}
.pager .pagination li{
 padding:0 2em !important;
}
.pager .pagination li a{
 color:#B52729;
}

/*1184px以下*/
@media screen and (max-width:1184px){
.subHeader .subLogo {padding-left:0;}
.subHeader .subMenu {padding-right:0;}
}
/*980px以下*/
@media screen and (max-width:980px){
#topContent{
    background-position:center top;
}
#topContent .topImg{
    padding-top: 12%;
}
#topContent .topImg img{
    width:60%;
}
#topContent li{
    display: block;
}
#topContent .pager .pagination li{
 display: inline;
 padding: 0 0.6em !important
}

/*サブページ*/
.subHeader{
    padding:0;
}
.subHeader .subLogo{
 padding:1em;
 width: 16%;
}
.btn-gNav {
    display: block;
}
.gNav {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    font-size: 16px;
    box-sizing: border-box;
    z-index: 1;
    padding-top: 50px;
    transition: .3s;
}
.gNav.open {
    right: 0;
}
.gNav .subMenu {
    padding: 0;
    width: 100%;
    height: 100%;
    display: block;
    flex-direction: column;
    text-align: center;
}
.gNav .subMenu li {
    width: 86%;
    padding: 15px;
    border-bottom: #525252 1px solid;
}
.gNav .subMenu li a{
    color:#fff;
}
.subContent{
 width:90%;
 padding: 10em 0 1em;
}
}

/*500px以下*/
@media screen and (max-width:500px){
.w40,.w50,.w60{width:100%}

.subContent{
 padding: 3em 0 1em;
}
.subContent .menuBox table{
 font-size:18px;
}
.subContent .subBox,.subBox .textBox{
 font-size:18px;
}
.subBox .imgBox,.subBox .textBox{
 float:none;
 margin-bottom:1.6em;
}
.subBox .imgBox{
 text-align:center;
}
.iframeMap {margin:0 auto;}
.menuBg{
 background-position:top 20em right;
}
}