/* CSS Document */
/*ページタイトル*/
section.page_title > h1::before{
  content: "Restaurant&Bar";
}
/*コンテンツ*/
div.r_b_top{
  padding: var(--headerHeight) 0 0 0;
  box-sizing: border-box;
  transition: opacity ease 800ms,filter ease 800ms 100ms;
  filter: blur(5px);
  opacity: 0;
}
body[wc-view-type="sp"] div.r_b_top{
  padding: var(--headerHeight) 7vw 0 7vw;
}
body[wc-view-type="tb"] div.r_b_top,
body[wc-view-type="tb-l"] div.r_b_top{
  padding: var(--headerHeight) 10vw 0 10vw;
}
div.r_b_top.wcvisible{
  opacity: 1;
  filter: blur(0);
}
div.r_b_top > p{
  font-weight: 300;
  margin-bottom: 1rem;
  line-height: 1.8rem;
}
body:not([wc-view-type="sp"]) div.r_b_top > p{
  text-align: center;
  line-height: 2.5rem;
}
div.r_b_top > p:last-of-type{
  margin-bottom: 0;
}
body:not([wc-view-type="sp"]) div.r_b_top > p br.none{
  display: none
}
/*レストラン・日本酒各種*/
section.r_b_contents{
  padding-top: calc(var(--headerHeight) * 1.5);
  box-sizing: border-box;
}
body[wc-view-type="pc"] section.r_b_contents.bar_block{
  padding-bottom:calc(var(--headerHeight) * 1.5); 
}
body[wc-view-type="pc"] section.r_b_contents{
  width: 1100px;
  margin: 0 auto;
}
section.r_b_contents.restaurant > h1::before{
  content: "Restaurant";
}
section.r_b_contents.bar_block > h1::before{
  content: "Bar";
}
section.r_b_contents > article.r_b_block,
section.r_b_contents > div.bar{
  display: flex;
  box-sizing: border-box;
  margin-bottom: var(--headerHeight);
  position: relative;
  z-index: 1;
}
section.r_b_contents > article.r_b_block:last-of-type{
  margin-bottom: 0;
}
body[wc-view-type="tb"] section.r_b_contents > article.r_b_block,
body[wc-view-type="sp"] section.r_b_contents > article.r_b_block{
  flex-direction:column-reverse;
}
body[wc-view-type="sp"] section.r_b_contents > article.r_b_block{
  padding-bottom: 2rem;
}
body[wc-view-type="tb"] section.r_b_contents > article.r_b_block{
  padding-bottom: 3rem;
}
section.r_b_contents > div.bar{
}
body[wc-view-type="sp"] section.r_b_contents > div.bar,
body[wc-view-type="tb"] section.r_b_contents > div.bar{
  flex-direction: column;
}
body[wc-view-type="sp"] section.r_b_contents > div.bar{
  margin-bottom: 2rem;
}
body[wc-view-type="tb"] section.r_b_contents > div.bar{
  margin-bottom: 2rem;
}
body[wc-view-type="tb-l"] section.r_b_contents > article.r_b_block.reverse,
body[wc-view-type="tb-l"] section.r_b_contents > div.bar,
body[wc-view-type="pc"] section.r_b_contents > article.r_b_block.reverse,
body[wc-view-type="pc"] section.r_b_contents > div.bar{
  flex-direction: row-reverse;
}
body[wc-view-type="tb-l"] section.r_b_contents > article.r_b_block.in_3box,
body[wc-view-type="pc"] section.r_b_contents > article.r_b_block.in_3box{
  flex-wrap: wrap;
}
section.r_b_contents > article.r_b_block span.r_b_deco,
section.r_b_contents > div.bar span.r_b_deco{
  position: absolute;
  top: 0;
  font-size: 2.6rem;
  letter-spacing: 0.1rem;
  -webkit-text-stroke-width: 0.35px;
  -webkit-text-stroke-color: #ccc;
  color: #fff;
  display: table;
  line-height: 1em;
  font-weight: 500;
  ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  white-space: nowrap;
  transition: opacity ease 800ms,filter ease 800ms 100ms;
  filter: blur(5px);
  opacity: 0;
}
section.r_b_contents > article.r_b_block span.r_b_deco.wcvisible,
section.r_b_contents > div.bar span.r_b_deco.wcvisible{
  filter: blur(0);
  opacity: 1;
}
body[wc-view-type="sp"] section.r_b_contents > article.r_b_block span.r_b_deco,
body[wc-view-type="sp"] section.r_b_contents > div.bar span.r_b_deco{
  left: 4vw;
}
body[wc-view-type="tb"] section.r_b_contents > article.r_b_block span.r_b_deco,
body[wc-view-type="tb"] section.r_b_contents > div.bar span.r_b_deco{
  font-size: 3.6rem;
  left: 4vw;
}
body[wc-view-type="tb-l"] section.r_b_contents > article.r_b_block span.r_b_deco,
body[wc-view-type="tb-l"] section.r_b_contents > div.bar span.r_b_deco{
  left: 10px;
}
body[wc-view-type="pc"] section.r_b_contents > article.r_b_block span.r_b_deco,
body[wc-view-type="pc"] section.r_b_contents > div.bar span.r_b_deco{
  left: 0;
}
body[wc-view-type="tb-l"] section.r_b_contents > article.r_b_block.reverse span.r_b_deco{
  right: 10px;
  left: inherit;
}
body[wc-view-type="tb-l"] section.r_b_contents > article.r_b_block.reverse span.r_b_deco,
body[wc-view-type="pc"] section.r_b_contents > article.r_b_block.reverse span.r_b_deco{
  right: 0;
  left: inherit;
}
section.r_b_contents > article.r_b_block div.r_b_text_box,
section.r_b_contents > div.bar div.bar_text{
  box-sizing: border-box;
  transition: opacity ease 800ms,filter ease 800ms 100ms;
  filter: blur(5px);
  opacity: 0;
}
section.r_b_contents > article.r_b_block div.r_b_text_box.wcvisible,
section.r_b_contents > div.bar div.bar_text.wcvisible{
  opacity: 1;
  filter: blur(0);
}
body[wc-view-type="sp"] section.r_b_contents > article.r_b_block div.r_b_text_box,
body[wc-view-type="sp"] section.r_b_contents > div.bar div.bar_text{
  padding: 1.5rem 7vw 0 calc(7vw + 2.6rem);
}
body[wc-view-type="tb"] section.r_b_contents > article.r_b_block div.r_b_text_box.dinner_text,
body[wc-view-type="sp"] section.r_b_contents > article.r_b_block div.r_b_text_box.dinner_text{
  order: 2;
}
body[wc-view-type="tb-l"] section.r_b_contents > article.r_b_block div.r_b_text_box.dinner_text,
body[wc-view-type="pc"] section.r_b_contents > article.r_b_block div.r_b_text_box.dinner_text{
  order: 1;
}
body[wc-view-type="tb"] section.r_b_contents > article.r_b_block div.r_b_text_box,
body[wc-view-type="tb"] section.r_b_contents > div.bar div.bar_text{
  padding: 1.5rem 10vw 0 calc(10vw + 2.6rem);
}
body[wc-view-type="tb-l"] section.r_b_contents > article.r_b_block div.r_b_text_box,
body[wc-view-type="tb-l"] section.r_b_contents > div.bar div.bar_text,
body[wc-view-type="pc"] section.r_b_contents > article.r_b_block div.r_b_text_box,
body[wc-view-type="pc"] section.r_b_contents > div.bar div.bar_text{
  padding: 1rem 2rem 1rem 3.5rem;
}
body[wc-view-type="tb-l"] section.r_b_contents > article.r_b_block.reverse div.r_b_text_box,
body[wc-view-type="pc"] section.r_b_contents > article.r_b_block.reverse div.r_b_text_box{
  padding: 1rem 3.5rem 1rem 2rem;
}
section.r_b_contents > article.r_b_block div.r_b_text_box > h1{
  font-size: 1.25rem;
  text-align: center;
  padding-bottom: 1rem;
}
section.r_b_contents > article.r_b_block div.r_b_text_box div.r_b_text,
section.r_b_contents > section.r_b_contents > div.bar div.bar_text div.text_box{ 
  box-sizing: border-box;
}
body[wc-view-type="sp"] section.r_b_contents > article.r_b_block div.r_b_text_box div.r_b_text,
body[wc-view-type="sp"] section.r_b_contents > section.r_b_contents > div.bar div.bar_text div.text_box{
  padding: 0 0 1rem 0;
}
section.r_b_contents > article.r_b_block div.r_b_text_box div.r_b_text > p,
section.r_b_contents > div.bar div.bar_text div.text_box > p{
  font-weight: 300;
  line-height: 1.8rem;
  margin-bottom: 1rem;
}
section.r_b_contents > div.bar div.bar_text > p:last-of-type,
section.r_b_contents > article.r_b_block div.r_b_text_box div.r_b_text > p:last-of-type{
  margin-bottom: 0;
}
dl.r_b_time{
  display: flex;
  align-items: baseline;
  border-top: 1px solid #acaaaa;
  border-bottom: 1px solid #acaaaa;
  padding: 0.75rem;
  box-sizing: border-box;
  margin: 0 auto;
}
body[wc-view-type="sp"] dl.r_b_time{
  width: calc(100% - 2rem);
}
body:not([wc-view-type="sp"]) dl.r_b_time{
  width: 350px;
  margin: 1.75rem auto 0 auto;
}
dl.r_b_time dt{
}
dl.r_b_time dt span{
  display: table;
  border: solid 1px #ACAAAA;
  padding: 0.25rem 0.75rem;
  border-radius: 1rem;
  font-size: 0.85rem;
  line-height: 1em;
  margin-right: 0.75rem;
  flex: none;
}
dl.r_b_time dd{
}
dl.r_b_time dd > p{
  font-size: 0.95rem;
}
dl.r_b_time dd > p.open_time{
  margin-bottom: 0.75rem;
}
/*もう一行増えた場合は削除↓*/
dl.r_b_time dd > p.open_time{
  margin-bottom: 0;
}
p.lo_time{
  display: flex;
}
p.lo_time > span{
  flex: none;
  margin-right: 0.5rem;
}
section.r_b_contents > article.r_b_block div.r_b_slider_wrap,
section.r_b_contents > div.bar div.r_b_slider_wrap{
  box-sizing: border-box;
  transition: opacity ease 800ms,filter ease 800ms 100ms;
  filter: blur(5px);
  opacity: 0;
}
section.r_b_contents > article.r_b_block div.r_b_slider_wrap.wcvisible,
section.r_b_contents > div.bar div.r_b_slider_wrap.wcvisible{
  opacity: 1;
  filter: blur(0);
}
body[wc-view-type="sp"] section.r_b_contents > article.r_b_block div.r_b_slider_wrap,
body[wc-view-type="sp"] section.r_b_contents > div.bar div.r_b_slider_wrap{
  padding-left: calc(7vw + 2.6rem);
}
body[wc-view-type="tb"] section.r_b_contents > article.r_b_block div.r_b_slider_wrap.dinner_slider,
body[wc-view-type="sp"] section.r_b_contents > article.r_b_block div.r_b_slider_wrap.dinner_slider{
  order: 3;
}
body[wc-view-type="tb-l"] section.r_b_contents > article.r_b_block div.r_b_slider_wrap.dinner_slider,
body[wc-view-type="pc"] section.r_b_contents > article.r_b_block div.r_b_slider_wrap.dinner_slider{
  order: 2;
}
body[wc-view-type="tb"] section.r_b_contents > article.r_b_block div.r_b_slider_wrap,
body[wc-view-type="tb"] section.r_b_contents > div.bar div.r_b_slider_wrap{
  padding-left: calc(10vw + 2.6rem);
}
body[wc-view-type="tb-l"] section.r_b_contents > article.r_b_block div.r_b_text_box,
body[wc-view-type="tb-l"] section.r_b_contents > article.r_b_block div.r_b_slider_wrap,
body[wc-view-type="tb-l"] section.r_b_contents > div.bar div.r_b_slider_wrap,
body[wc-view-type="tb-l"] section.r_b_contents > div.bar div.bar_text,
body[wc-view-type="pc"] section.r_b_contents > article.r_b_block div.r_b_text_box,
body[wc-view-type="pc"] section.r_b_contents > article.r_b_block div.r_b_slider_wrap,
body[wc-view-type="pc"] section.r_b_contents > div.bar div.r_b_slider_wrap,
body[wc-view-type="pc"] section.r_b_contents > div.bar div.bar_text{
  width: 50%;
}
body[wc-view-type="tb"] .comboslider-slide .comboslider .cs_item img:not(.wcnotinterfere){
  height: 50vw !important;
}
body[wc-view-type="tb"] .comboslider-slide .comboslider .cs_item img:not(.wcnotinterfere){
  width: 50vw !important;
  height: 40vw !important;
}
body[wc-view-type="pc"] .comboslider-slide .comboslider .cs_item img:not(.wcnotinterfere){
  width: 550px !important;
  height: 350px !important;
}
body[wc-view-type="tb"] .cs_wrap[set-pager="top"] .cs_pagerwrap.cs-pager-thumbnail .cs_pagerinner,
body[wc-view-type="tb"] .cs_wrap[set-pager="bottom"] .cs_pagerwrap.cs-pager-thumbnail .cs_pagerinner,
body[wc-view-type="tb"] .cs_wrap[set-pager="top"] .cs_pagerwrap.cs-pager-thumbnail .cs_pagerinner .cs_pager,
body[wc-view-type="tb"] .cs_wrap[set-pager="bottom"] .cs_pagerwrap.cs-pager-thumbnail .cs_pagerinner .cs_pager,
body[wc-view-type="tb"] .cs_wrap[set-pager="top"] .cs_pagerwrap.cs-pager-thumbnail .cs_pagerinner .cs_pager img,
body[wc-view-type="tb"] .cs_wrap[set-pager="bottom"] .cs_pagerwrap.cs-pager-thumbnail .cs_pagerinner .cs_pager img{
  height: 15vw !important;
}
body[wc-view-type="tb"] .cs_wrap[set-pager="top"] .cs_pagerwrap, 
body[wc-view-type="tb"] .cs_wrap[set-pager="bottom"] .cs_pagerwrap,
body[wc-view-type="tb"] .cs_wrap[set-pager="top"] .cs_pagerwrap.cs-pager-thumbnail .cs_pager .cs_item,
body[wc-view-type="tb"] .cs_wrap[set-pager="bottom"] .cs_pagerwrap.cs-pager-thumbnail .cs_pager .cs_item{
  height: 15vw !important;
}
body[wc-view-type="tb"] .csarrowwrap{
  top: -60px !important;
}
/*コース紹介*/
div.course{
  display: flex;
  box-sizing:border-box;
}
body[wc-view-type="sp"] div.course,
body[wc-view-type="tb"] div.course{
  flex-direction: column;
}
body[wc-view-type="sp"] div.course{
  padding: 0 7vw;
}
body[wc-view-type="tb"] div.course{
  padding: 0 0 0 4vw;
}
body[wc-view-type="tb-l"] div.course{
  padding: 0 0.5rem;
  margin-top: 1.75rem;
}
body[wc-view-type="pc"] div.course{
}
body[wc-view-type="tb"] div.course,
body[wc-view-type="sp"] div.course{
  order: 1;
}
body[wc-view-type="tb-l"] div.course,
body[wc-view-type="pc"] div.course{
  order: 3;
  width: 100%;
}
div.course div.course_box{
  margin-top: 1.75rem;
}
body[wc-view-type="tb"] div.course div.course_box{
  display: flex;
  align-items: self-start;
}
body[wc-view-type="tb-l"] div.course div.course_box{
  width: calc((100% / 3) - 1rem);
  margin: 0 0.5rem;
}
body[wc-view-type="pc"] div.course div.course_box{
  width: calc((100% / 3) - 1.16rem);
}
body[wc-view-type="pc"] div.course div.course_box:nth-of-type(2){
  margin: 1.75rem 1.75rem 0 1.75rem;
}
div.course div.course_box > h2{
  text-align: center;
  margin-bottom: 1rem;
  position: relative;
  z-index: 1;
  font-size: 1.2rem;
}
body[wc-view-type="tb"] div.course div.course_box > h2{
  width: calc(50% - 1rem);
  margin-right: 1rem;
}
div.course div.course_box > h2::before{
  content: "";
  width: 100%;
  height: 1px;
  background-color: #acaaaa;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  z-index: -1;
}
div.course div.course_box > h2 span.course_text{
  padding: 0 1rem;
  display: table;
  background-color: #fff;
  margin: 0 auto;
}
body[wc-view-type="tb"] div.course div.course_box > h2 span.course_text{
  margin-left: 0;
}
div.course div.course_box figure{
}
body[wc-view-type="pc"] div.course div.course_box figure,
body[wc-view-type="tb-l"] div.course div.course_box figure,
body[wc-view-type="sp"] div.course div.course_box figure{
  width: calc(100% - 2rem);
  margin: 0 auto;
}
body[wc-view-type="tb"] div.course div.course_box figure{
  width: 50%;
}
div.course div.course_box figure img{
  aspect-ratio:1.414/1;
}
/*おすすめ*/
div.osusume{
  box-sizing: border-box;
}
body[wc-view-type="sp"] div.osusume{
  padding: 0 7vw calc(var(--headerHeight) * 1.5) 7vw;
}
body[wc-view-type="tb"] div.osusume,
body[wc-view-type="tb-l"] div.osusume{
  padding: 0 10vw calc(var(--headerHeight) * 1.5) 10vw;
}
div.osusume p.osusume_title{
  font-size: 1.3rem;
  text-align: center;
  margin-bottom: 3rem;
}
div.osusume_flex{
  display: flex;
  box-sizing: border-box;
}
body[wc-view-type="sp"] div.osusume_flex,
body[wc-view-type="tb"] div.osusume_flex{
  flex-direction: column;
}
div.osusume div.osusume_flex article{
  border: solid 1px #ACAAAA;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  padding: calc(1.65rem + 2px) 1rem 1rem 1rem;
}
body[wc-view-type="sp"] div.osusume div.osusume_flex article:nth-of-type(1),
body[wc-view-type="tb"] div.osusume div.osusume_flex article:nth-of-type(1){
  margin-bottom: 3rem;
}
body[wc-view-type="tb-l"] div.osusume div.osusume_flex article{
  width: calc(50% - 0.5rem);
}
body[wc-view-type="pc"] div.osusume div.osusume_flex article{
  width: calc(50% - 1rem);
}
body[wc-view-type="tb-l"] div.osusume div.osusume_flex article:nth-of-type(1){
  margin-right: 0.5rem;
}
body[wc-view-type="tb-l"] div.osusume div.osusume_flex article:nth-of-type(2){
  margin-left: 0.5rem;
}
body[wc-view-type="pc"] div.osusume div.osusume_flex article:nth-of-type(1){
  margin-right: 1rem;
}
body[wc-view-type="pc"] div.osusume div.osusume_flex article:nth-of-type(2){
  margin-left: 1rem;
}
div.osusume div.osusume_flex article > h1{
  font-size: 1.15rem;
  box-sizing: border-box;
  position: absolute;
  border: solid 1px #ACAAAA;
  display: table;
  top:calc((1.3rem + 2px) * -1);
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  background-color: #fff;
  padding: 0.5rem 1rem;
  line-height: 1em;
  white-space: nowrap;
}
body[wc-view-type="tb"] div.osusume div.osusume_flex article > h1{
  top: calc((1rem + 2px) * -1);
}
body[wc-view-type="pc"] div.osusume div.osusume_flex article > h1{
  top: calc((1.2rem + 2px) * -1);
}
div.osusume div.osusume_flex article > div.osusume_text{
}
div.osusume div.osusume_flex article > div.osusume_text > p{
  font-weight: 300;
  margin-bottom: 1rem;
}
div.osusume div.osusume_flex article > div.osusume_text > p:last-of-type{
  margin-bottom: 0;
}