@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@200&family=Kiwi+Maru:wght@400&family=Zen+Kaku+Gothic+Antique:wght@400;600&display=swap');

.restaurant h1,
.restaurant h2,
.restaurant h3,
.restaurant h4{
  font-family: "Kiwi Maru", serif;
  font-weight: 400;
  font-style: normal;}


.restaurant p,
.restaurant li,
.restaurant a,
.restaurant td,
.restaurant th {
  font-family: "Zen Kaku Gothic Antique", sans-serif;
}


.restaurant h1,
.restaurant h2,
.restaurant h3,
.restaurant h4{
font-weight:500}

.zen-kaku-gothic-antique-medium {
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.heebo{
  font-family: "Heebo", sans-serif!important;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
}


.kiwi {
  font-family: "Kiwi Maru", serif;
  font-weight: 400;
  font-style: normal;
}

.title-jp{
  font-family: "Kiwi Maru", serif!important;
  font-weight: 500;
  font-style: normal;
}


.single-head-wrap3 h2{
font-size:40px;
text-align:center
}


.page-head-wrap h1{
font-size:40px;
line-height:1.3;
  font-family: "Kiwi Maru", serif;}


.release-slider2 .swiper-slide img{
border-radius:20px;}

.swiper-pagination-bullet{
background:bluegray}

.swiper-pagination {
  --swiper-pagination-color: #FFF100!important; /* アクティブバレットの色 */
  --swiper-pagination-bullet-inactive-color: #949F9E!important; /* 非アクティブの色 */
  --swiper-pagination-bullet-size:10px; /* サイズ変更 */
  --swiper-pagination-bullet-horizontal-gap: 10px; /* 横間隔 */
  --swiper-pagination-bullet-inactive-opacity:1;
}


.head-logo-red{
visibility:visible!important;}

.head-logo-main{
opacity:0}


.header-btn-houjin{
display:none!important}


.menu-panel{
border-radius:20px;}


.course-box-contents{
margin-top:1em}

.release-slider-img{
aspect-ratio:1/1;
overflow:hidden;
border-radius:20px;}


.scroll-down p{
color:#FFF100!important}

.scroll-down::before,.scroll-down span::before{
background-color:#FFF100!important}



.restaurant-tel-box a{
  font-family: "Kiwi Maru", serif!important;}
  
  
  


@media screen and (max-width: 992px){

.page-head-wrap h1{
font-size:28px;}

.single-head-wrap3 h2{
font-size:28px;
text-align:center
}


}





/****お得セットのバナー***/

.otoku-set{
position:relative;
}

.otoku-set-btn{
cursor: pointer;}


.otoku-set-btn svg{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}


.otoku-set-btn .st0{
fill:#464951;
transition-duration:0.2s}

.otoku-set-btn .st1{
fill:#FFF100;
transition-duration:0.2s}

.otoku-set:hover .otoku-set-btn .st0{
fill:white;}

.otoku-set:hover .otoku-set-btn .st1{
fill:#464951;}




.otokuset-mordal-title {
  display: flex;             /* 横並び */
  align-items: center;       /* テキストと画像の上下中央揃え */
  justify-content: center;   /* 左右中央に配置 */
  gap: 0.5em;                /* 画像とテキストの隙間 */
  text-align: center;        /* 念のため中央寄せ */ ;
font-size:30px
}



.otokuset-mordal-title img{
width:36px;
height:30px;
}


.otoku-mordal-menu{
background:white;
text-align:center;
padding:10px;
border-radius:50px;
font-size:clamp(18px, 2.3vw, 24px);
  display: flex;
  align-items: center;        /* 上下中央 */
  justify-content: center;    /* 左右中央 */
  gap: 0.5em;                 /* 要素間スペース */
  text-align: center;
line-height:1.4}

.otoku-mordal-menu span,otoku-mordal-menu b{
display:inline-block;
  font-family: "Kiwi Maru", serif;
  vertical-align: middle;}


.otoku-mordal-menu span{
margin-right:1em;
font-size:18px}

.otoku-mordal-menu b{
font-weight:normal;
margin-left:1em;
font-size:18px}

@media screen and (max-width: 992px){

.otokuset-mordal-title {font-size:24px}
.otokuset-mordal-title img{
width:5vw;
max-width:26px}

.otoku-mordal-menu{
font-size:clamp(15px, 3.3vw, 24px);
display:block;
padding:1em}

.otoku-mordal-menu span{
font-size:16px}

.otoku-mordal-menu span,.otoku-mordal-menu b{
display:block!important;}

}









/****宴会場****/



.restaurant-enkaijou-card{
position:relative;
margin-top:30px}

.restaurant-enkaijou-card-title {
  position: absolute;
  top: 0px;
left:0;
right:0;

  transform: translateY(-50%); /* 高さの半分だけ上にずらす */
  text-align: center;
  z-index: 2;
}

.restaurant-enkaijou-card-title span {
  background: rgba(255,255,255,1);
  display: inline-block;
  padding: 6px 1em;
border:solid 2px #464951;
  white-space: normal;       /* ← これが重要！改行許可 */
  word-break: break-word;    /* 単語途中でも改行可能にする場合は追加 */
  line-height: 1.3;          /* 読みやすさ調整 */
  font-size: clamp(14px, 1.5vw, 20px);
position:relative;
}

.restaurant-enkaijou-card-title span::before{content:"";
   width:100%;
   height:100%;
   background-color:#464951;
   position:absolute;
   bottom:0px;
   left:0px;
z-index:-1;
left:5px;
top:5px;
transition-duration:0.3s}



.restaurant-enkai-tag {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  font-size: clamp(14px, 2vw, 18px);
  line-height: 1.6;
  align-items: center;

  justify-content: center; /* ← 追加 */
}

.restaurant-enkai-tag span {
  background-color: #FFF100;  /* 差し色 */
  color: #000;
  padding: 0.1em 0.6em;
  border-radius: 12px;
  font-weight: 500;
  line-height: 1.4;
  display: inline-block;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08); /* 枠線風に */
  white-space: nowrap;
  font-size: 0.95em;
}


.restaurant-title span{
display:inline-block;
  position: relative;
  padding: 1rem 2rem calc(1rem + 10px);/*余白*/
  background: #FFF100;/*背景カラー*/

}

.restaurant-title span:before {
  position: absolute;
  top: -7px;
  left: -7px;
  width: 100%;/*横幅*/
  height: 100%;/*縦幅*/
  content: '';
  border: 3px solid #464951;/*ボックス外枠 太さ・カラー*/
}

.restaurant-floormap{
display:block;
max-width:800px;
margin:auto}


.enkaijou-note-box span{
border:solid 1px;
padding:0px 1em;
min-width:200px;
display:inline-block;
text-align:center;
margin-right:1em;
border-radius:5px}

.enkaijou-note-box div{
display:inline-block;}

.enkai-contact-box{
text-align:center}

.enkai-contact-box p{
text-align:center;
font-size:18px;
}

.enkai-contact-box a{
font-size:60px;
line-height:100%;
letter-spacing:6px;
  font-family: "Kiwi Maru", serif;}


@media screen and (max-width: 992px){
.enkai-contact-box a{
font-size:clamp(20px, 6.3vw, 40px);}

.enkai-contact-box p{
text-align:center;
font-size:16px;
}

}

@media screen and (max-width: 768px) {

  .restaurant-enkaijou-card-title {
    transform: translateY(-80%);
  }

  .enkaijou-note-box div {
    width: 100%;
  }

  .enkaijou-note-box p {
    text-align: center;
  }

  .enkaijou-note-box span {
    display: block;
    width: 100%;
    margin-bottom: 1em;
  }
}