@charset "UTF-8";
html{font-size:16px;}


/* フォント */
.min { font-family: "Sawarabi Mincho"; }
.mono{font-family: 'B612 Mono', monospace;}


.side-line{display:flex;align-items:center;text-align:center;font-size:1rem;}
.side-line::before,.side-line::after{content:"";flex-grow:1;border-bottom:1px solid #FFF;}
.side-line::before{margin-right:20px;padding-left:70px;}
.side-line::after{margin-left:20px;padding-right:70px;}

.menu-s{font-size: 1.2rem;}

.text-darkred{color:#ab1621;}
.text-darkred:hover{color:#DC3546;}


.fs15{font-size:1.5rem;}


/* 行間 *********************************************/
.lh10{line-height:1.0rem !important;}
.lh15{line-height:1.5rem !important;}
.lh20{line-height:2.0rem !important;}
.lh25{line-height:2.5rem !important;}
.lh30{line-height:3.0rem !important;}
.lh50{line-height:5.0rem !important;}


/* 文字間クラス *********************************************/
.ls01{letter-spacing:0.1rem;}
.ls02{letter-spacing:0.2rem;}
.ls03{letter-spacing:0.3rem;}
.ls05{letter-spacing:0.5rem;}
.ls10{letter-spacing:1.0rem;}





/* AXIS ページで指定した画像 *********************************************/
.img-4{height:230px;background-size: cover; background-position: center;}



/* 折り返し禁止 *********************************************/
.wsnw{white-space: nowrap;}


/* 背景透過 *********************************************/
.alf_b03{background:rgba(0,0,0,0.3);}
.alf_w03{background:rgba(255,255,255,0.3);}
.alf_b04{background:rgba(0,0,0,0.4);}
.alf_w04{background:rgba(255,255,255,0.4);}
.alf_b05{background:rgba(0,0,0,0.5);}
.alf_w05{background:rgba(255,255,255,0.5);}
.alf_b06{background:rgba(0,0,0,0.6);}
.alf_w06{background:rgba(255,255,255,0.6);}
.alf_b07{background:rgba(0,0,0,0.7);}
.alf_w07{background:rgba(255,255,255,0.7);}
.alf_b08{background:rgba(0,0,0,0.8);}
.alf_w08{background:rgba(255,255,255,0.8);}
.alf_b09{background:rgba(0,0,0,0.9);}
.alf_w09{background:rgba(255,255,255,0.9);}

.alf_10{filter:alpha(opacity=10);-moz-opacity: 0.1;opacity: 0.1;}
.alf_20{filter:alpha(opacity=20);-moz-opacity: 0.2;opacity: 0.2;}
.alf_30{filter:alpha(opacity=30);-moz-opacity: 0.3;opacity: 0.3;}
.alf_40{filter:alpha(opacity=40);-moz-opacity: 0.4;opacity: 0.4;}
.alf_50{filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;}
.alf_60{filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}
.alf_70{filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}
.alf_80{filter:alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;}
.alf_90{filter:alpha(opacity=90);-moz-opacity: 0.9;opacity: 0.9;}





/* ディスプレイ *********************************************/
.vanish{display:block;}
.birth{display:none;}

@media (max-width: 768px) {
.vanish{display:none;}
.birth{display:block;}
}

.vanish-inline{display:inline-block;}
.birth-inline{display:none;}

@media (max-width: 768px) {
.vanish-inline{display:none;}
.birth-inline{display:inline-block;}
}




.btn-primary{background:#1F94D4;}
.bg-black{background:rgba(0,0,0,0.8);transition: 3s;}
.bg-mdblue{background-color: #040f23;}

.navbar-dark .navbar-nav .nav-link{color:#FFF;}
.navbar-expand-lg{justify-content: space-between;}
.logo-head{width:50px;}
.logo-text{width:200px;}
header .nav-item{border-bottom:1px solid transparent;padding:0 1rem;}
header .nav-item:hover{border-bottom:1px solid #1F94D4;}
header .nav-item{border-left:1px solid rgba(255,255,255,0.3);transform:skewX(160deg);}
header .nav-item a{transform:skewX(-160deg);}
.nav-link{font-size:0.8rem;}
.nav-link small{font-size:60%;}
.head-tel{color:#FFF;letter-spacing: 0.2rem;}
.head-tel i{color:#1F94D4;}
.reserve-btn{font-size:0.8rem;}


.fv{width:100vw;height:70vh;background-image: url(../page/00007_1.jpg);background-size:cover;background-position: center;}
.fv-catch01{font-size:2rem;}

.sheet01{background:#040F23;padding:5rem 0 0.5rem 0;}
.sheet02{padding:5rem 0;}
.tp01{text-indent:1.2rem;text-align:center;margin-bottom:1rem;font-family: "Sawarabi Mincho";letter-spacing: 1rem;font-size:1.3rem;transform:scale(1,1.2);}
.tp01-sub{color:#4D6887;text-align:center;margin-bottom:1rem;font-family: "Sawarabi Mincho";letter-spacing: 0.5rem;}
.tp02{letter-spacing: 0.2rem;}
.tp03{text-indent:0.7rem;text-align:center;margin-bottom:1rem;font-family: "Sawarabi Mincho";letter-spacing: 0.7rem;font-size:1.3rem;transform:scale(1,1.2);}
.copy-right-top{font-size:1.5rem;letter-spacing:0.3rem;position:absolute;top:0;right:100px;font-family: "Sawarabi Mincho";text-align:right;}
.slip-image-right{position:absolute;bottom:100px;left:-50px;}
.copy-left-top{font-size:1.5rem;letter-spacing:0.3rem;position:absolute;top:0;left:100px;font-family: "Sawarabi Mincho";}
.slip-image-left{position:absolute;bottom:100px;right:-50px;z-index:2;}
.info01{background:#040F23;padding:5rem 0 0.5rem 0;}

.box50-100{width:50%;}
.d-title{font-family: "Sawarabi Mincho";letter-spacing: 0.5rem;font-size:1.3rem;margin-bottom:2rem;}
.d-price{font-family: "Sawarabi Mincho";letter-spacing: 0.3rem;font-size:1.3rem;}


th{background:#F4F7FD;text-align:right;}


footer{background:#040F23;padding:3rem 0;}
footer .nav-link{color:#FFF;}
footer .nav-link:hover{color:#DDD;}
.footer-nav .nav-link{padding:0 1rem;}
.footer-nav .nav-item:not(:last-child){border-right:1px solid #FFF;}


.head-menu{height:180px;background:#040F23;}



.drink01{background:#040F23;padding-top: 42px;}

/* 折り返し禁止 *********************************************/
.wsnw{white-space: nowrap;}



/* 画像を正方形に */
.shikaku {
  width: 255px;
  height: 255px;
  object-fit: cover;
}

/* google地図設定 */
.ggmap {
position: relative;
padding-bottom: 0px;
padding-top: 70vh;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/* ボタン */
.btn-rio{color:#fff; background-color: #303F5C;}
.btn-rio:hover{background-color: #1F94D4;}
.btn-outline-rio{color: #303F5C; background-color: #fff; border-width: 1px; border-color: #303F5C;}
.btn-outline-rio:hover{color: #fff; background-color: #1F94D4; border-width: 1px; border-color: #1F94D4;}


/* メニュー表 */
.flex {
display: flex;
display: -ms-flexbox;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
}

hr.tab-r-line {
position: relative;
top: calc(50% - 1px);
margin: 0 10px;
border: none;
border-top: dotted 2px #CCC;
}

.tab-reader{
  line-height:.5rem !important;
}

.tab-reader-box2 {
flex: auto;
}

.rio-menu{font-family: "Sawarabi Mincho"; width: 60vw; line-height: 3em; font-size: 1.2rem; padding-left: -40px;}
.rio-menu ul {list-style: none; margin: 0px;padding-left: 0px;}

.rio-price{font-size: 1.2rem; text-align: center; padding: .3rem 2rem; border-radius: 5px; border: 2px; border-style: solid; display: inline-block; margin-bottom:1rem;}

.rio-course{background-color: #F2EFEB; padding:2rem;text-align: center; margin-bottom:1rem; border-radius: 5px; line-height: 2em;}
.rio-course-t{color: #fff; font-size:1.2rem; background-color: #AB1621; padding:.5rem; margin-bottom: 1rem; border-radius: 5px;}

.s-des{line-height: 2.5rem;}

.photo{width:100%; height:350px; background-size:cover;background-position: center;}



@media (min-width: 1201px) {
.kotei{width: 200px;}
}



@media (max-width: 1200px) {
.kotei{width: 200px;}
}



@media (max-width: 992px) {
.kotei{width: 200px;}
}



@media (max-width: 768px) {
.kotei{width: 200px;}
}



@media (max-width: 576px) {
.logo-head{width:30px;}
.logo-text{width:150px;}
.navbar{padding:0.5rem 0;}
header .nav-item{background:rgba(0,0,0,0.6);border-left:0;}
.head-box{position:fixed;bottom:0;left:0;background:#000;display:flex;justify-content:space-between;padding:1rem;width:100%;}
.copy-right-top,.slip-image-right{position:static;}
.copy-right-top {letter-spacing:0rem;font-size:1rem;margin-top:0.5rem;text-align:center;}
.copy-right-top br{display:none;}
.copy-left-top,.slip-image-left{position:static;}
.copy-left-top {letter-spacing:0rem;font-size:1rem;margin-top:0.5rem;text-align:center;}
.copy-left-top br{display:none;}
.sp-100{margin:0 -15px;}
.box50-100{width:100%;}
.d-title{letter-spacing: 0.3rem;}
.table-sp th,.table-sp td{display:block; text-align: center;}
footer{padding-bottom:6rem !important;}
.head-menu{height:150px;}
.exp01{font-size:0.8rem;}
.kotei{width: 100%;}
.drink01{padding-top: 100px;}
.info01{background:#040F23;padding:4rem 0 0.5rem 0;}
.rio-menu{width: 80vw; font-size: 1rem;}
.rio-price{font-size: 1rem;}
.tab-reader-box1{line-height: 1.2rem;}
.px-2{font-size: .9rem;}
.long-name{font-size: 0.8rem;}
.menu-s{font-size: 1rem;}
.m-title{font-size:1.1rem;font-weight:bold;}
}