@charset "UTF-8"; 
@import url("https://fonts.googleapis.com/css?family=Noto+Sans|Noto+Serif"); 
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700"); 
@import url("https://fonts.googleapis.com/css?family=Comfortaa:700"); 
 
@media screen and (min-width: 768px) { 
 .second, 
 .second-nrw-menu, 
 .second-nrw-lunch, 
 .second-nrw-course { 
 margin: 60px auto 80px; 
 } 
 
 .second-nrw-menu, 
 .second-nrw-lunch, 
 .second-nrw-course { 
 width: 720px; 
 } 
} 
 
/*以下、メニューページ食べログ連携用CSS*/ 
@media screen and (min-width: 768px) { 
 /* ------------------------------ 
　rstdtl-menu-lst 
------------------------------ */ 
 .pttl { 
 padding: 60px; 
 text-align: center; 
 } 
 
 .pttl img { 
 height: 36px; 
 width: auto; 
 } 
 
 .rstdtl-menu-lst { 
 max-width: 980px; 
 margin: 0 auto 100px auto; 
 } 
 
 /* ------------------------------ 
　rstdtl-menu-lst 
------------------------------ */ 
 .pttl { 
 padding: 60px; 
 text-align: center; 
 } 
 
 .pttl img { 
 height: 36px; 
 width: auto; 
 } 
 
 .rstdtl-menu-lst { 
 margin: 60px auto 80px auto; 
 width: 770px; 
 } 
 
 .rstdtl-menu-lst__ex { 
 font-size: 1.6rem; 
 } 
 
 /* ------------------------------ 
　menu new 
------------------------------ */ 
 .rstdtl-menu-lst__heading { 
 margin-top: 20px; 
 font-size: 1.5rem; 
 } 
 
 .rstdtl-menu-lst__contents { 
 display: table; 
 padding: 0 10px; 
 border-bottom: 1px dotted #d2d2d2; 
 width: 100%; 
 box-sizing: border-box; 
 margin-bottom: 20px; 
 } 
 
 .rstdtl-menu-lst__contents:last-of-type { 
 border-bottom: none; 
 } 
 
 .rstdtl-menu-lst__info { 
 display: table-cell; 
 padding: 10px 0; 
 vertical-align: top; 
 } 
 
 .rstdtl-menu-lst__info-inner { 
 display: table; 
 width: 100%; 
 } 
 
 .rstdtl-menu-lst__menu-title { 
 display: table-cell; 
 color: var(--main-text-color); 
 font-weight: bold; 
 font-size: 16px; 
 } 
 
 .rstdtl-menu-lst__price { 
 display: table-cell; 
 font-weight: bold; 
 text-align: right; 
 width: 7rem; 
 } 
 
 .rstdtl-menu-lst__desc { 
 padding-bottom: 10px; 
 } 
 
 .rstdtl-menu-lst__desc p { 
 font-size: 20px; 
 padding: 12px 10px; 
 line-height: 1.6; 
 background: url("https://tblg.k-img.com/images/line/line_dot.gif?1547477344") repeat-x 0 100%; 
 } 
 
 .rstdtl-menu-lst__img { 
 display: table-cell; 
 padding: 20px 15px 20px 0; 
 width: 120px; 
 text-align: center; 
 } 
 
 /* ------------------------------ 
　course menu pc 
------------------------------ */ 
 
 .course-list { 
 margin: 20px 0 30px; 
 } 
 
 .course-list__heading { 
 display: block; 
 position: relative; 
 } 
 
 .course-list__hotpepper-logo { 
 display: block; 
 position: absolute; 
 top: 3.2rem; 
 right: 0.5rem; 
 } 
 
 .course-list__heading-tax { 
 position: absolute; 
 right: 0; 
 color: var(--sub7-text-color); 
 top: 2.8rem; 
 font-size: 1.1rem; 
 -webkit-transform: translate(0, -50%); 
 -moz-transform: translate(0, -50%); 
 -ms-transform: translate(0, -50%); 
 -o-transform: translate(0, -50%); 
 transform: translate(0, -50%); 
 } 
 
 .course-list__items { 
 margin: auto; 
 width: 95%; 
 } 
 
 .course-list__tax-notice { 
 margin-top: 5px; 
 color: var(--sub7-text-color); 
 font-size: 1rem; 
 } 
 
 .course-seatonly { 
 padding: 12px 15px; 
 background-color: #faf8f5; 
 margin-bottom: 1.5rem; 
 display: -webkit-box; 
 display: -webkit-flex; 
 display: -moz-box; 
 display: -moz-flex; 
 display: -ms-flexbox; 
 display: flex; 
 -webkit-box-pack: justify; 
 -moz-box-pack: justify; 
 -ms-flex-pack: justify; 
 -webkit-justify-content: space-between; 
 -moz-justify-content: space-between; 
 justify-content: space-between; 
 -webkit-box-align: center; 
 -moz-box-align: center; 
 -ms-flex-align: center; 
 -webkit-align-items: center; 
 -moz-align-items: center; 
 align-items: center; 
 } 
 
 .course-seatonly__title { 
 color: #13131e; 
 font-weight: bold; 
 font-size: 1.4rem; 
 } 
 
 .course-seatonly__btn { 
 width: 10rem; 
 } 
 
 .rstdtl-course-list { 
 display: table; 
 position: relative; 
 z-index: 1; 
 border-top: 1px solid #e0dccc; 
 border-bottom: 1px solid #e0dccc; 
 width: 100%; 
 } 
 
 .rstdtl-course-list + .rstdtl-course-list { 
 border-top: none; 
 } 
 
 .rstdtl-course-list__target { 
 color: inherit; 
 z-index: 1; 
 } 
 
 .rstdtl-course-list__target:hover { 
 color: inherit; 
 text-decoration: none; 
 } 
 
 .rstdtl-course-list.rstdtl-course-list--hotpepper:hover { 
 cursor: default; 
 } 
 
 .rstdtl-course-list__data { 
 display: table-cell; 
 position: relative; 
 padding: 20px 0; 
 width: 100%; 
 word-break: break-all; 
 vertical-align: top; 
 } 
 
 .rstdtl-course-list__tieup-mc ~ .rstdtl-course-list__img { 
 padding-top: 6.5rem; 
 } 
 
 .rstdtl-course-list__tieup-mc ~ .rstdtl-course-list__data { 
 padding-top: 6.5rem; 
 } 
 
 .rstdtl-course-list__data-header { 
 display: table; 
 width: 100%; 
 } 
 
 .rstdtl-course-list__img + .rstdtl-course-list__data .rstdtl-course-list__data-header { 
 min-height: 40px; 
 } 
 
 .rstdtl-course-list__course-title { 
 display: table-cell; 
 word-break: break-all; 
 } 
 
 .rstdtl-course-list__course-title-text { 
 margin-bottom: 0.2rem; 
 font-weight: bold; 
 line-height: 1.4; 
 font-size: 20px; 
 text-decoration: underline; 
 } 
 .rstdtl-course-list__desc { 
 font-size: 16px; 
 } 
 .rstdtl-course-list__course-title-text .rstdtl-course-list__target:hover { 
 color: var(--sub8-text-color); 
 text-decoration: underline; 
 } 
 
 .rstdtl-course-list.rstdtl-course-list--hotpepper .rstdtl-course-list__course-title-text { 
 color: #13131e; 
 } 
 
 .rstdtl-course-list__dish-count.rstdtl-course-list__dish-count { 
 border: 1px solid #e0dccc; 
 box-sizing: border-box; 
 color: #463f2d; 
 background-color: var(--sub2-text-color); 
 margin-left: 0.5rem; 
 padding: 0.1rem 0.3rem; 
 font-size: 0.9rem; 
 } 
 
 .rstdtl-course-list__price-wrap { 
 display: table-cell; 
 white-space: nowrap; 
 vertical-align: top; 
 padding-right: 0.8rem; 
 width: 100%; 
 display: inline-block; 
 } 
 
 .rstdtl-course-list__price-discount { 
 display: inline-block; 
 } 
 
 .rstdtl-course-list__price-before { 
 color: #13131e; 
 text-align: left; 
 margin-right: 0.5rem; 
 margin-bottom: -0.2rem; 
 font-size: 1.1rem; 
 } 
 
 .rstdtl-course-list__price-hotpepper-discount { 
 display: inline-block; 
 position: relative; 
 margin-bottom: 7px; 
 border: solid 1px #d2d2d2; 
 border-radius: 2px; 
 color: var(--sub7-text-color); 
 font-weight: bold; 
 line-height: 1; 
 background-color: var(--sub2-text-color); 
 padding: 0.4rem 0.5rem 0.3rem; 
 font-size: 1rem; 
 } 
 
 .rstdtl-course-list__price-hotpepper-discount::before, 
 .rstdtl-course-list__price-hotpepper-discount::after { 
 display: block; 
 position: absolute; 
 border: solid transparent; 
 width: 0; 
 height: 0; 
 content: ""; 
 } 
 
 .rstdtl-course-list__price-hotpepper-discount::before { 
 bottom: -7px; 
 border-width: 6px 6px 0; 
 border-top-color: #d2d2d2; 
 right: 3rem; 
 } 
 
 .rstdtl-course-list__price-hotpepper-discount::after { 
 bottom: -5px; 
 border-width: 5px 5px 0; 
 border-top-color: var(--sub2-text-color); 
 right: 3.1rem; 
 } 
 
 .rstdtl-course-list__price-num { 
 color: var(--sub3-text-color); 
 font-weight: bold; 
 font-size: 1rem; 
 } 
 
 .rstdtl-course-list.rstdtl-course-list--hotpepper .rstdtl-course-list__price-num { 
 display: block; 
 } 
 
 .rstdtl-course-list__price-num > em { 
 margin-right: 2px; 
 font-family: Arial, sans-serif; 
 font-size: 1.8rem; 
 } 
 
 .rstdtl-course-list__price-num-tax { 
 font-weight: normal; 
 font-size: 0.6rem; 
 } 
 
 .rstdtl-course-list__data-body { 
 display: block; 
 width: 100%; 
 line-height: 1; 
 padding-top: 0.5rem; 
 } 
 
 .rstdtl-course-list__data-body:before, 
 .rstdtl-course-list__data-body:after { 
 display: block; 
 overflow: hidden; 
 content: ""; 
 } 
 
 .rstdtl-course-list__data-body:after { 
 clear: both; 
 } 
 
 .rstdtl-course-list__img { 
 display: table-cell; 
 padding: 20px 15px 20px 0; 
 width: 120px; 
 } 
 
 .rstdtl-course-list__img .rstdtl-course-list__target:hover { 
 opacity: 0.8; 
 } 
 
 .rstdtl-course-list.rstdtl-course-list--hotpepper .rstdtl-course-list__img:hover { 
 opacity: 1; 
 } 
 
 .rstdtl-course-list__subinfo { 
 display: table; 
 position: relative; 
 float: left; 
 padding-top: 0.5rem; 
 } 
 
 .rstdtl-course-list__desc { 
 color: var(--sub6-text-color); 
 line-height: 1.6; 
 margin-top: 10px; 
 } 
 
 .rstdtl-course-list__data-footer { 
 float: right; 
 } 
 
 .rstdtl-course-list__label { 
 margin-left: 5px; 
 } 
 
 .rstdtl-course-list__label.rstdtl-course-list__label { 
 background-color: var(--sub9-text-color); 
 padding: 0.3rem 0.4rem; 
 line-height: 1.1; 
 display: inline-block; 
 margin-right: 10px; 
 } 
 
 .rstdtl-course-list__hotpepper-target::before { 
 color: #999; 
 } 
 
 .rstdtl-course-list__course-rule { 
 display: table-cell; 
 white-space: nowrap; 
 vertical-align: bottom; 
 padding: 0 0 0.3rem 1rem; 
 } 
 
 .rstdtl-course-list__course-rule > dt, 
 .rstdtl-course-list__course-rule > dd { 
 display: inline-block; 
 } 
 
 .rstdtl-course-list__course-rule > dd { 
 margin-right: 0.5rem; 
 } 
 
 .rstdtl-course-list__course-rule-title::before { 
 display: inline-block; 
 color: #bcb08a; 
 vertical-align: -0.1rem; 
 } 
 
 .rstdtl-course-list__course-rule-title.rstdtl-course-list__course-rule-title--member::before { 
 /* font-family: "Tabelog Glyph"; 
 font-style: normal; 
 font-weight: normal; 
 font-variant: normal; 
 -webkit-font-smoothing: antialiased; 
 text-transform: none; 
 speak: none; 
 content: "\f663"; */ 
 font-family: "Font Awesome 5 Free"; 
 content: "\f007"; 
 font-weight: 900; 
 padding-right: 5px; 
 } 
 
 .rstdtl-course-list__course-rule-title.rstdtl-course-list__course-rule-title--time::before { 
 /* font-family: "Tabelog Glyph"; 
 font-style: normal; 
 font-weight: normal; 
 font-variant: normal; 
 -webkit-font-smoothing: antialiased; 
 text-transform: none; 
 speak: none; 
 content: "\f677"; */ 
 font-family: "Font Awesome 5 Free"; 
 content: "\f017"; 
 font-weight: 900; 
 padding-right: 5px; 
 } 
 
 .rstdtl-course-list__course-rule-title > i { 
 display: none; 
 } 
 
 .rstdtl-course-list__action-btn { 
 display: table-cell; 
 width: 100px; 
 text-align: right; 
 
 padding-left: 1.5rem; 
 color: var(--sub2-text-color); 
 } 
 
 .rstdtl-course-list__action-btn-target { 
 display: block; 
 float: right; 
 clear: right; 
 cursor: pointer; 
 white-space: nowrap; 
 width: 10rem; 
 color: var(--sub3-text-color); 
 } 
 
 .rstdtl-course-list__action-btn-target + .rstdtl-course-list__action-btn-target { 
 margin-top: 0.6rem; 
 } 
 
 .rstdtl-course-list__reserve-notice + .rstdtl-course-list__action-btn-target { 
 margin-top: 0.6rem; 
 } 
 
 .rstdtl-course-list__coupon { 
 /* display: inline-block;*/ 
 float: right; 
 margin-top: 0.5rem; 
 } 
 
 .rstdtl-course-list__coupon-btn { 
 float: right; 
 } 
 
 .rstdtl-course-list__coupon-contents { 
 width: auto; 
 text-align: left; 
 padding-top: 0.7rem; 
 } 
 
 .rstdtl-course-rdimg { 
 position: absolute; 
 bottom: 0; 
 left: 0; 
 } 
 
 .rstdtl-course-list__tieup-mc { 
 display: table-row; 
 position: absolute; 
 left: 0; 
 z-index: 5; 
 border-radius: 6px; 
 vertical-align: middle; 
 background-color: #221815; 
 top: 1.5rem; 
 } 
 
 .rstdtl-course-list__tieup-mc:hover { 
 opacity: 0.8; 
 } 
 
 .rstdtl-course-list__tieup-mc-target { 
 display: block; 
 box-sizing: border-box; 
 padding: 0.6rem 1.2rem 0.6rem 1.5rem; 
 } 
 
 .rstdtl-course-list__tieup-mc-target::after { 
 color: var(--sub2-text-color); 
 vertical-align: middle; 
 } 
 
 .rstdtl-course-list__tieup-mc-target:hover { 
 text-decoration: none; 
 } 
 
 .rstdtl-course-list__tieup-mc-logo { 
 display: inline-block; 
 width: 123px; 
 height: 22px; 
 background: url("https://tblg.k-img.com/images/shared/tieup/mastercard_pricelessjapan/tieup_logo_mastercard.png?1547477503") no-repeat 0 0; 
 background-size: 123px 22px; 
 vertical-align: bottom; 
 } 
 
 .rstdtl-course-list__tieup-mc-logo > i { 
 display: none; 
 } 
 
 .rstdtl-course-list__tieup-mc-text { 
 display: inline-block; 
 color: var(--sub2-text-color); 
 margin-left: 1rem; 
 padding-bottom: 0.2rem; 
 font-size: 1.1rem; 
 } 
 
 .rstdtl-course-list__tieup-mc-text > em { 
 color: var(--sub8-text-color); 
 font-weight: bold; 
 margin-right: 0.7rem; 
 font-size: 1.3rem; 
 } 
} 
 
/* ------------------------------ 
sp-menu 
------------------------------ */ 
 
@media screen and (max-width: 767px) { 
 .gmap { 
 margin-left: 10px; 
 margin-right: 10px; 
 } 
 
 /* ------------------------------ 
　rstdtl-menu-lst 
------------------------------ */ 
 .pttl { 
 padding: 33px 0 40px 0; 
 text-align: center; 
 } 
 
 .pttl img { 
 height: 32px; 
 width: auto; 
 } 
 
 .rstdtl-menu-lst { 
 margin: 0 0px 60px 0px; 
 } 
 
 /* ------------------------------ 
　access 
------------------------------ */ 
 dl.shop-info dt { 
 clear: both; 
 font-weight: bold; 
 padding-top: 11px; 
 padding-right: 10px; 
 padding-bottom: 0; 
 padding-left: 10px; 
 } 
 
 dl.shop-info dd { 
 font-size: 0.9em; 
 line-height: 1.6; 
 padding-right: 10px; 
 padding-left: 10px; 
 padding-bottom: 10px; 
 } 
 
 /* ------------------------------ 
　rstdtl-menu-lst 
------------------------------ */ 
 .pttl { 
 padding: 33px 0 40px 0; 
 text-align: center; 
 } 
 
 .pttl img { 
 height: 32px; 
 width: auto; 
 } 
 
 /* 
 .rstdtl-menu-lst { 
 margin: 40px 0px 0px 0px; 
 } 
*/ 
 
 /* ------------------------------ 
　menu new sp 
------------------------------ */ 
 .rstdtl-menu-lst__heading { 
 margin-top: 20px; 
 } 
 
 .rstdtl-menu-lst__contents { 
 display: table; 
 padding: 0 10px; 
 border-bottom: 1px dotted #d2d2d2; 
 width: 100%; 
 box-sizing: border-box; 
 } 
 
 .rstdtl-menu-lst__contents:last-of-type { 
 border-bottom: none; 
 padding-top: 10px; 
 } 
 
 .rstdtl-menu-lst__info { 
 display: table-cell; 
 padding: 10px 0 10px; 
 vertical-align: top; 
 } 
 
 .rstdtl-menu-lst__info-inner { 
 /* display: table;*/ 
 width: 100%; 
 } 
 
 .rstdtl-menu-lst__menu-title { 
 display: table-cell; 
 width: 100%; 
 color: var(--main-text-color); 
 font-weight: bold; 
 font-size: 16px; 
 } 
 
 .rstdtl-menu-lst__price { 
 display: inline-block; 
 width: 100% !important; 
 font-weight: bold; 
 text-align: right !important; 
 font-size: 16px; 
 } 
 
 .rstdtl-menu-lst__desc { 
 font-size: 16px; 
 padding-bottom: 10px; 
 } 
 
 .rstdtl-menu-lst__desc p { 
 font-size: 20px; 
 padding: 12px 10px; 
 line-height: 1.6; 
 background: url("https://tblg.k-img.com/images/line/line_dot.gif?1547477344") repeat-x 0 100%; 
 } 
 
 .rstdtl-menu-lst__img { 
 display: table-cell; 
 padding: 20px 0px 0px 0; 
 width: 100%; 
 text-align: center; 
 } 
 
 .rstdtl-menu-lst__img img { 
 width: 100%; 
 height: auto; 
 } 
 
 /* ------------------------------ 
　course menu sp 
------------------------------ */ 
 
 .course-list__items { 
 margin: auto; 
 width: 100%; 
 } 
 
 .rstdtl-course-list { 
 display: table; 
 position: relative; 
 z-index: 1; 
 border-top: 1px solid #e0dccc; 
 border-bottom: 1px solid #e0dccc; 
 width: 100%; 
 } 
 
 .rstdtl-course-list + .rstdtl-course-list { 
 border-top: none; 
 } 
 
 .rstdtl-course-list__target { 
 color: inherit; 
 z-index: 1; 
 } 
 
 .rstdtl-course-list__target:hover { 
 color: inherit; 
 text-decoration: none; 
 } 
 
 .rstdtl-course-list.rstdtl-course-list--hotpepper:hover { 
 cursor: default; 
 } 
 
 .rstdtl-course-list__data { 
 display: table-cell; 
 position: relative; 
 padding: 20px 0; 
 width: 100%; 
 word-break: break-all; 
 vertical-align: top; 
 } 
 
 .rstdtl-course-list__tieup-mc ~ .rstdtl-course-list__img { 
 padding-top: 6.5rem; 
 } 
 
 .rstdtl-course-list__tieup-mc ~ .rstdtl-course-list__data { 
 padding-top: 6.5rem; 
 } 
 
 .rstdtl-course-list__data-header { 
 /* display: table;*/ 
 width: 100%; 
 } 
 
 .rstdtl-course-list__img + .rstdtl-course-list__data .rstdtl-course-list__data-header { 
 min-height: 72px; 
 } 
 
 .rstdtl-course-list__course-title { 
 display: table-cell; 
 word-break: break-all; 
 } 
 
 .rstdtl-course-list__course-title-text { 
 color: var(--main-text-color); 
 font-weight: bold; 
 line-height: 1.6; 
 font-size: 18px; 
 text-decoration: underline; 
 } 
 
 .rstdtl-course-list__course-title-text .rstdtl-course-list__target:hover { 
 color: var(--sub8-text-color); 
 } 
 
 .rstdtl-course-list.rstdtl-course-list--hotpepper .rstdtl-course-list__course-title-text { 
 color: #13131e; 
 } 
 
 .rstdtl-course-list__dish-count.rstdtl-course-list__dish-count { 
 border: 1px solid #e0dccc; 
 box-sizing: border-box; 
 color: #463f2d; 
 background-color: var(--sub2-text-color); 
 margin-left: 0.5rem; 
 padding: 0.1rem 0.3rem; 
 } 
 
 .rstdtl-course-list__price-wrap { 
 display: table-cell; 
 white-space: nowrap; 
 vertical-align: top; 
 padding-right: 0rem; 
 } 
 
 .rstdtl-course-list__price-wrap { 
 display: block; 
 width: 100%; 
 white-space: nowrap; 
 padding-right: 0rem; 
 } 
 
 .rstdtl-course-list__price-discount { 
 display: inline-block; 
 } 
 
 .rstdtl-course-list__price-before { 
 color: #13131e; 
 text-align: left; 
 margin-right: 0.5rem; 
 margin-bottom: -0.2rem; 
 font-size: 0.1rem; 
 } 
 
 .rstdtl-course-list__price-hotpepper-discount { 
 display: inline-block; 
 position: relative; 
 margin-bottom: 7px; 
 border: solid 1px #d2d2d2; 
 border-radius: 2px; 
 color: var(--sub7-text-color); 
 font-weight: bold; 
 line-height: 1; 
 background-color: var(--sub2-text-color); 
 padding: 0.4rem 0.5rem 0.3rem; 
 font-size: 1rem; 
 } 
 
 .rstdtl-course-list__price-hotpepper-discount::before, 
 .rstdtl-course-list__price-hotpepper-discount::after { 
 display: block; 
 position: absolute; 
 border: solid transparent; 
 width: 0; 
 height: 0; 
 content: ""; 
 } 
 
 .rstdtl-course-list__price-hotpepper-discount::before { 
 bottom: -7px; 
 border-width: 6px 6px 0; 
 border-top-color: #d2d2d2; 
 right: 3rem; 
 } 
 
 .rstdtl-course-list__price-hotpepper-discount::after { 
 bottom: -5px; 
 border-width: 5px 5px 0; 
 border-top-color: var(--sub2-text-color); 
 right: 3.1rem; 
 } 
 
 .rstdtl-course-list__price-num { 
 color: var(--sub3-text-color); 
 font-weight: bold; 
 font-size: 18px; 
 } 
 
 .rstdtl-course-list.rstdtl-course-list--hotpepper .rstdtl-course-list__price-num { 
 display: block; 
 } 
 
 .rstdtl-course-list__price-num > em { 
 margin-right: 2px; 
 font-family: Arial, sans-serif; 
 font-size: 18px; 
 } 
 
 .rstdtl-course-list__price-num-tax { 
 font-weight: normal; 
 font-size: 13px; 
 } 
 
 .rstdtl-course-list__data-body { 
 display: block; 
 width: 100%; 
 line-height: 1; 
 padding-top: 0.5rem; 
 } 
 
 .rstdtl-course-list__data-body:before, 
 .rstdtl-course-list__data-body:after { 
 display: block; 
 overflow: hidden; 
 content: ""; 
 } 
 
 .rstdtl-course-list__data-body:after { 
 clear: both; 
 } 
 
 .rstdtl-course-list__img { 
 /* display: table-cell;*/ 
 padding: 20px 0px 0px 0; 
 width: 100%; 
 pointer-events: none; 
 } 
 
 .rstdtl-course-list__img img { 
 display: block; 
 width: 100%; 
 height: auto; 
 } 
 
 .rstdtl-course-list__img .rstdtl-course-list__target:hover { 
 opacity: 0.8; 
 } 
 
 .rstdtl-course-list.rstdtl-course-list--hotpepper .rstdtl-course-list__img:hover { 
 opacity: 1; 
 } 
 
 .rstdtl-course-list__subinfo { 
 display: table; 
 position: relative; 
 float: left; 
 padding-top: 0.5rem; 
 } 
 
 .rstdtl-course-list__desc { 
 color: var(--sub6-text-color); 
 line-height: 1.6; 
 margin-top: 10px; 
 font-size: 15px; 
 } 
 
 .rstdtl-course-list__data-footer { 
 float: right; 
 } 
 
 .rstdtl-course-list__label { 
 margin-left: 5px; 
 } 
 
 .rstdtl-course-list__label.rstdtl-course-list__label { 
 background-color: var(--sub9-text-color); 
 padding: 0.3rem 0.4rem; 
 line-height: 1.1; 
 display: inline-block; 
 margin-right: 10px; 
 } 
 
 .rstdtl-course-list__hotpepper-target::before { 
 color: #999; 
 } 
 
 .rstdtl-course-list__course-rule { 
 /* display: table-cell; */ 
 display: block; 
 white-space: nowrap; 
 padding: 0 0 0.3rem 0; 
 margin-top: 15px; 
 } 
 
 .rstdtl-course-list__course-rule > dt, 
 .rstdtl-course-list__course-rule > dd { 
 display: inline-block; 
 } 
 
 .rstdtl-course-list__course-rule > dd { 
 margin-right: 0.5rem; 
 } 
 
 .rstdtl-course-list__course-rule-title::before { 
 display: inline-block; 
 color: #bcb08a; 
 vertical-align: -0.1rem; 
 } 
 
 .rstdtl-course-list__course-rule-title.rstdtl-course-list__course-rule-title--member::before { 
 /* font-family: "Tabelog Glyph"; 
 font-style: normal; 
 font-weight: normal; 
 font-variant: normal; 
 -webkit-font-smoothing: antialiased; 
 text-transform: none; 
 speak: none; 
 content: "\f663"; */ 
 font-family: "Font Awesome 5 Free"; 
 content: "\f007"; 
 font-weight: 900; 
 padding-right: 5px; 
 } 
 
 .rstdtl-course-list__course-rule-title.rstdtl-course-list__course-rule-title--time::before { 
 /* font-family: "Tabelog Glyph"; 
 font-style: normal; 
 font-weight: normal; 
 font-variant: normal; 
 -webkit-font-smoothing: antialiased; 
 text-transform: none; 
 speak: none; 
 content: "\f677"; */ 
 font-family: "Font Awesome 5 Free"; 
 content: "\f017"; 
 font-weight: 900; 
 padding-right: 5px; 
 } 
 
 .rstdtl-course-list__course-rule-title > i { 
 display: none; 
 } 
 
 .rstdtl-course-list__action-btn { 
 /* display: table-cell;*/ 
 width: 100px; 
 text-align: right; 
 vertical-align: top; 
 padding-left: 15.2rem; 
 color: var(--sub2-text-color); 
 } 
 
 .rstdtl-course-list__reserve-notice { 
 display: block; 
 color: #b4b4b4; 
 text-indent: -1em; 
 padding-left: 1em; 
 text-align: left; 
 white-space: nowrap; 
 line-height: 1.2; 
 font-size: 0.8rem; 
 } 
 
 .rstdtl-course-list__action-btn-target { 
 display: block; 
 float: right; 
 clear: right; 
 cursor: pointer; 
 white-space: nowrap; 
 /* width: 18rem;*/ 
 color: var(--main-text-color); 
 border: solid; 
 padding: 3px; 
 font-size: 12px; 
 } 
 
 .rstdtl-course-list__action-btn-target + .rstdtl-course-list__action-btn-target { 
 margin-top: 0.6rem; 
 } 
 
 .rstdtl-course-list__reserve-notice + .rstdtl-course-list__action-btn-target { 
 margin-top: 0.6rem; 
 } 
 
 .rstdtl-course-list__coupon { 
 display: inline-block; 
 margin-top: 0.5rem; 
 } 
 
 .rstdtl-course-list__coupon-btn { 
 float: right; 
 } 
 
 .rstdtl-course-list__coupon-contents { 
 width: auto; 
 text-align: left; 
 padding-top: 0.7rem; 
 } 
 
 .rstdtl-course-rdimg { 
 position: absolute; 
 bottom: 0; 
 left: 0; 
 } 
 
 .rstdtl-course-list__tieup-mc { 
 display: table-row; 
 position: absolute; 
 left: 0; 
 z-index: 5; 
 border-radius: 6px; 
 vertical-align: middle; 
 background-color: #221815; 
 top: 1.5rem; 
 } 
 
 .rstdtl-course-list__tieup-mc:hover { 
 opacity: 0.8; 
 } 
 
 .rstdtl-course-list__tieup-mc-target { 
 display: block; 
 box-sizing: border-box; 
 padding: 0.6rem 1.2rem 0.6rem 1.5rem; 
 } 
 
 .rstdtl-course-list__tieup-mc-target::after { 
 color: var(--sub2-text-color); 
 vertical-align: middle; 
 } 
 
 .rstdtl-course-list__tieup-mc-target:hover { 
 text-decoration: none; 
 } 
 
 .rstdtl-course-list__tieup-mc-logo { 
 display: inline-block; 
 width: 123px; 
 height: 22px; 
 background: url("https://tblg.k-img.com/images/shared/tieup/mastercard_pricelessjapan/tieup_logo_mastercard.png?1547477503") no-repeat 0 0; 
 background-size: 123px 22px; 
 vertical-align: bottom; 
 } 
 
 .rstdtl-course-list__tieup-mc-logo > i { 
 display: none; 
 } 
 
 .rstdtl-course-list__tieup-mc-text { 
 display: inline-block; 
 color: var(--sub2-text-color); 
 margin-left: 1rem; 
 padding-bottom: 0.2rem; 
 font-size: 1.1rem; 
 } 
 
 .rstdtl-course-list__tieup-mc-text > em { 
 color: var(--sub8-text-color); 
 font-weight: bold; 
 margin-right: 0.7rem; 
 font-size: 1.3rem; 
 } 
} 
 
.rstdtl-course-list__action-btn { 
 display: none; 
} 
 
.rstdtl-course-list__course-title a { 
 text-decoration: underline #fff; 
} 
 
.rstdtl-course-list__img-target { 
 pointer-events: none; 
} 
 
.rstdtl-menu-lst__target { 
 pointer-events: none; 
} 
 
.rstdtl-course-list__coupon-btn { 
 display: none; 
} 
 
.tblg-coupon__btn { 
 display: none; 
} 
 
.tblg-coupon__main { 
 display: none; 
} 
 
/*以上、メニューページ食べログ連携用CSS*/ 
 
/* 以下コース詳細用CSS（#cms_menu__modal は static.ccmphp.com/menu の JS が生成） */ 
/* SPで×が効かない：.toggle-btn が z-index:100000 のためモーダルより前面／閉じるより後ろの .cms_menu__modal--content がタッチを奪う */
#cms_menu__modal { 
 z-index: 200000 !important; 
} 
.cms_menu___modal--close, 
.cms_menu__modal--close { 
 z-index: 20 !important; 
 position: absolute !important; 
 pointer-events: auto !important; 
 -webkit-tap-highlight-color: transparent; 
} 
.cms_menu__modal--content { 
 width: 90%; 
 margin: auto; 
 z-index: 1; 
 position: relative; 
 overscroll-behavior: none; 
} 
 
.course-dtl { 
 width: 90%; 
 margin: auto; 
 color: #000; 
} 
 
.course-dtl__headline span { 
 font-size: 16px; 
} 
 
.course-dtl__heading h3 { 
 font-size: 18px; 
 padding-bottom: 10px; 
 padding-left: 20px; 
 border-bottom: solid 1px; 
 position: relative; 
} 
 
.course-dtl__heading h3::before { 
 content: ""; 
 display: block; 
 width: 8px; 
 height: 8px; 
 border-radius: 50%; 
 border: solid 3px #e52b1b; 
 position: absolute; 
 left: 0px; 
 top: 40%; 
 -webkit-transform: translateY(-50%); 
 transform: translateY(-50%); 
} 
 
.course-dtl__contents { 
 margin: 50px auto; 
 padding: 0 0px; 
 display: flex; 
 flex-wrap: wrap; 
} 
 
.course-dtl__img { 
 flex: 0 0 33%; 
} 
 
@media screen and (max-width: 1144px) { 
 .course-dtl__img img { 
 width: 100%; 
 height: 100%; 
 } 
} 
 
.course-dtl__info { 
 flex: 0 0 66%; 
} 
 
.course-dtl__desc { 
 padding-left: 2vw; 
} 
 
table { 
 border-collapse: collapse; 
 border-spacing: 0; 
} 
 
.course-dtl__contents table { 
 flex: 0 0 100%; 
 margin-top: 50px; 
} 
 
.course-dtl__contents table tr { 
 border-bottom: solid 1px #797979; 
 margin: 20px 0 0 0; 
 height: 50px; 
} 
 
.course-dtl__contents table tr th { 
 width: 25%; 
 padding: 10px 15px; 
} 
 
.course-dtl__contents table tr td { 
 padding: 10px 15px; 
} 
 
#close_btn { 
 display: flex; 
 text-align: center; 
 margin-right: auto; 
 margin-left: auto; 
 padding: 4px 12px; 
 background-color: #eee; 
 border-radius: 8px; 
 cursor: pointer; 
} 
 
@media screen and (max-width: 767px) { 
 .course-dtl__contents { 
 flex-direction: column; 
 } 
 
 .course-dtl { 
 width: 100%; 
 } 
 
 .course-dtl__img { 
 width: 100%; 
 } 
 
 .course-dtl__desc { 
 padding-left: 0 !important; 
 } 
} 
 
@media screen and (max-width: 767px) { 
 .course-dtl__contents { 
 flex-direction: column; 
 } 
 
 .course-dtl__headline span { 
 font-size: 15px; 
 } 
 
 .course-dtl__img { 
 width: 100%; 
 } 
 
 .course-dtl__desc { 
 padding-left: 0 !important; 
 } 
 
 .course-dtl__contents table tr th { 
 display: block; 
 width: 100%; 
 text-align: left; 
 } 
 
 .course-dtl__contents table tr td { 
 display: block; 
 padding: 0 15px 15px; 
 } 
 
 .rstdtl-menu-lst__contents { 
 display: block; 
 } 
 
 .rstdtl-menu-lst__img { 
 display: block; 
 } 
 
 .rstdtl-menu-lst__info { 
 display: block; 
 } 
 
 .cms_menu__modal--content { 
 width: 100% !important; 
 } 
 
 .course-dtl__contents { 
 margin: 20px 0 50px; 
 } 
 
 .course-dtl__contents table { 
 margin-top: 20px; 
 } 
 
 .c-heading3__title { 
 font-size: 16px; 
 } 
} 
 
/* tabelog */ 
.rstdtl-menu-lst { 
 width: 100%; 
 max-width: none; 
 margin: 60px auto 80px auto; 
} 
 
.rstdtl-menu-lst__heading { 
 font-size: max(16px, 2.6rem); 
 font-weight: 700; 
 letter-spacing: 0.1em; 
 line-height: 2; 
 border-bottom: solid 1px var(--black); 
 margin: 6rem 0 2rem; 
 position: relative; 
} 
 
.rstdtl-menu-lst__heading::after { 
 content: ""; 
 border-bottom: solid 3px var(--brown); 
 bottom: -3px; 
 display: block; 
 position: absolute; 
 width: 25%; 
} 
 
.rstdtl-menu-lst__contents { 
 display: table; 
 width: 100%; 
 font-weight: 700; 
 letter-spacing: 0.08em; 
 border-bottom: solid 1px var(--black); 
 padding: 0 1rem; 
} 
 
@media (max-width: 767px) { 
 .rstdtl-menu-lst__contents { 
 display: flex; 
 flex-direction: column; 
 } 
} 
 
.rstdtl-menu-lst__info { 
 display: table-cell; 
 vertical-align: top; 
 padding: max(10px, 2rem) 0; 
} 
 
.rstdtl-menu-lst__info-inner { 
 display: table; 
 width: 100%; 
} 
 
@media (max-width: 767px) { 
 .rstdtl-menu-lst__info-inner { 
 display: block; 
 } 
} 
 
.rstdtl-menu-lst__menu-title { 
 display: table-cell; 
} 
 
.rstdtl-menu-lst__price { 
 display: table-cell; 
 width: 7rem; 
 text-align: right; 
 white-space: nowrap; 
} 
 
@media (max-width: 767px) { 
 .rstdtl-menu-lst__price { 
 display: inline-block; 
 width: 100%; 
 } 
} 
 
.rstdtl-course-list { 
 border-top: solid 1px var(--black); 
 border-bottom: solid 1px var(--black); 
 padding: 1.2rem 0; 
} 
 
.rstdtl-course-list__inner { 
 display: flex; 
 column-gap: 1.6rem; 
} 
 
@media (max-width: 767px) { 
 .rstdtl-course-list__inner { 
 flex-direction: column; 
 } 
} 
 
.rstdtl-course-list__img { 
 width: auto; 
 padding: 0; 
 flex-shrink: 0; 
} 
 
.rstdtl-course-list__img img { 
 max-width: 140px; 
 width: 100%; 
 height: auto; 
} 
 
.rstdtl-course-list__course-title { 
 font-size: max(14px, 1.45rem); 
 font-weight: 700; 
 letter-spacing: 0.08em; 
} 
 
.rstdtl-course-list__course-title a { 
 text-decoration: underline; 
} 
 
.rstdtl-course-list__desc { 
 font-size: max(11px, 1.25rem); 
 letter-spacing: 0.08em; 
} 
 
.rstdtl-course-list__price-num { 
 font-size: max(11px, 1.15rem); 
} 
 
.rstdtl-course-list__price-num > em { 
 font-size: max(12px, 1.55rem); 
} 
 
.rstdtl-course-list__price-num-tax { 
 font-size: 11px; 
} 
 
.course-dtl__heading h3 { 
 font-size: max(16px, 2rem); 
 font-weight: 700; 
} 
 
.course-dtl__heading h3::before { 
 width: 1.4rem; 
 height: 1.4rem; 
} 
 
@media (max-width: 767px) { 
 .rstdtl-course-list__option { 
 display: block; 
 } 
 
 .rstdtl-course-list__label { 
 margin: 0; 
 } 
 
 .rstdtl-course-list__label.rstdtl-course-list__label { 
 padding: 0; 
 margin: 0; 
 } 
} 
 
.tblg-coupon-btn-wrap.course-dtl__coupon, 
.course-dtl__discount-title, 
.course-dtl__price-before, 
.rstdtl-course-list__price-before { 
 display: none; 
} 
 
/* コースモーダル・メニュー一覧：SPは閉じるボタンのタップ領域確保 */ 
@media screen and (max-width: 767px) { 
 .cms_menu___modal--close, 
 .cms_menu__modal--close { 
 width: 44px !important; 
 height: 44px !important; 
 line-height: 44px !important; 
 font-size: 22px !important; 
 top: max(8px, env(safe-area-inset-top, 0px)) !important; 
 right: max(8px, env(safe-area-inset-right, 0px)) !important; 
 } 
 #cms_menu__modal { 
 padding: 12px !important; 
 padding-top: max(12px, env(safe-area-inset-top, 0px)) !important; 
 box-sizing: border-box; 
 } 
}