@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/* mixin
========================================================= */
.mt0 { margin-top: 0px !important; }

.mb0 { margin-bottom: 0px !important; }

.pt0 { padding-top: 0px !important; }

.pl0 { padding-left: 0px !important; }

.pb0 { padding-bottom: 0px !important; }

.mt5 { margin-top: 5px !important; }

.mb5 { margin-bottom: 5px !important; }

.pt5 { padding-top: 5px !important; }

.pl5 { padding-left: 5px !important; }

.pb5 { padding-bottom: 5px !important; }

.mt10 { margin-top: 10px !important; }

.mb10 { margin-bottom: 10px !important; }

.pt10 { padding-top: 10px !important; }

.pl10 { padding-left: 10px !important; }

.pb10 { padding-bottom: 10px !important; }

.mt15 { margin-top: 15px !important; }

.mb15 { margin-bottom: 15px !important; }

.pt15 { padding-top: 15px !important; }

.pl15 { padding-left: 15px !important; }

.pb15 { padding-bottom: 15px !important; }

.mt20 { margin-top: 20px !important; }

.mb20 { margin-bottom: 20px !important; }

.pt20 { padding-top: 20px !important; }

.pl20 { padding-left: 20px !important; }

.pb20 { padding-bottom: 20px !important; }

.mt25 { margin-top: 25px !important; }

.mb25 { margin-bottom: 25px !important; }

.pt25 { padding-top: 25px !important; }

.pl25 { padding-left: 25px !important; }

.pb25 { padding-bottom: 25px !important; }

.mt30 { margin-top: 30px !important; }

.mb30 { margin-bottom: 30px !important; }

.pt30 { padding-top: 30px !important; }

.pl30 { padding-left: 30px !important; }

.pb30 { padding-bottom: 30px !important; }

.mt35 { margin-top: 35px !important; }

.mb35 { margin-bottom: 35px !important; }

.pt35 { padding-top: 35px !important; }

.pl35 { padding-left: 35px !important; }

.pb35 { padding-bottom: 35px !important; }

.mt40 { margin-top: 40px !important; }

.mb40 { margin-bottom: 40px !important; }

.pt40 { padding-top: 40px !important; }

.pl40 { padding-left: 40px !important; }

.pb40 { padding-bottom: 40px !important; }

.mt45 { margin-top: 45px !important; }

.mb45 { margin-bottom: 45px !important; }

.pt45 { padding-top: 45px !important; }

.pl45 { padding-left: 45px !important; }

.pb45 { padding-bottom: 45px !important; }

.mt50 { margin-top: 50px !important; }

.mb50 { margin-bottom: 50px !important; }

.pt50 { padding-top: 50px !important; }

.pl50 { padding-left: 50px !important; }

.pb50 { padding-bottom: 50px !important; }

.mt55 { margin-top: 55px !important; }

.mb55 { margin-bottom: 55px !important; }

.pt55 { padding-top: 55px !important; }

.pl55 { padding-left: 55px !important; }

.pb55 { padding-bottom: 55px !important; }

.mt60 { margin-top: 60px !important; }

.mb60 { margin-bottom: 60px !important; }

.pt60 { padding-top: 60px !important; }

.pl60 { padding-left: 60px !important; }

.pb60 { padding-bottom: 60px !important; }

.mt65 { margin-top: 65px !important; }

.mb65 { margin-bottom: 65px !important; }

.pt65 { padding-top: 65px !important; }

.pl65 { padding-left: 65px !important; }

.pb65 { padding-bottom: 65px !important; }

.mt70 { margin-top: 70px !important; }

.mb70 { margin-bottom: 70px !important; }

.pt70 { padding-top: 70px !important; }

.pl70 { padding-left: 70px !important; }

.pb70 { padding-bottom: 70px !important; }

.mt75 { margin-top: 75px !important; }

.mb75 { margin-bottom: 75px !important; }

.pt75 { padding-top: 75px !important; }

.pl75 { padding-left: 75px !important; }

.pb75 { padding-bottom: 75px !important; }

.mt80 { margin-top: 80px !important; }

.mb80 { margin-bottom: 80px !important; }

.pt80 { padding-top: 80px !important; }

.pl80 { padding-left: 80px !important; }

.pb80 { padding-bottom: 80px !important; }

.mt85 { margin-top: 85px !important; }

.mb85 { margin-bottom: 85px !important; }

.pt85 { padding-top: 85px !important; }

.pl85 { padding-left: 85px !important; }

.pb85 { padding-bottom: 85px !important; }

.mt90 { margin-top: 90px !important; }

.mb90 { margin-bottom: 90px !important; }

.pt90 { padding-top: 90px !important; }

.pl90 { padding-left: 90px !important; }

.pb90 { padding-bottom: 90px !important; }

.mt95 { margin-top: 95px !important; }

.mb95 { margin-bottom: 95px !important; }

.pt95 { padding-top: 95px !important; }

.pl95 { padding-left: 95px !important; }

.pb95 { padding-bottom: 95px !important; }

.mt100 { margin-top: 100px !important; }

.mb100 { margin-bottom: 100px !important; }

.pt100 { padding-top: 100px !important; }

.pl100 { padding-left: 100px !important; }

.pb100 { padding-bottom: 100px !important; }

/* 汎用クラス
========================================================= */
.underline { text-decoration: underline; }

/* 先方メインビジュアルCSS打ち消し
----------------------------------------------- */
.p_mv { margin-bottom: 0 !important; margin-top: 0 !important; }

body { min-width: auto !important; }

#bg-color { transition: background-color 0.3s ease; background-color: #e1e2e8; }

.c_footer-pageTop { opacity: 1; pointer-events: auto; }

.c_reserve--button { padding: 8px 20px; }
.c_reserve--button .icon-search { position: relative; }
.c_reserve--button .icon-search::before { content: ''; position: absolute; background: url("../img/index/search_icon.png") no-repeat; background-size: contain; width: 24px; height: 24px; left: -34px; }

.c_asideNav-item-list .c_asideNav-item-list-icon .icon-question { position: relative; padding-left: 20px; }
.c_asideNav-item-list .c_asideNav-item-list-icon .icon-question::before { content: ''; position: absolute; background: url("../img/index/icon1.png") no-repeat; background-size: contain; width: 20px; height: 20px; left: -5px; top: -10px; }
.c_asideNav-item-list .c_asideNav-item-list-icon .icon-map { position: relative; padding-left: 20px; }
.c_asideNav-item-list .c_asideNav-item-list-icon .icon-map::before { content: ''; position: absolute; background: url("../img/index/icon2.png") no-repeat; background-size: contain; width: 14px; height: 20px; left: -2px; top: -10px; }

@media (max-width: 768px) { .c_siteMap-siteMap-item-list-title:after { display: block; content: ""; width: 2.5vw; height: 2.5vw; background: url(../img/index/arrow.svg) no-repeat center/contain; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%) translateX(0); -ms-transform: translateY(-50%) translateX(0); transform: translateY(-50%) translateX(0); } }
/* メインビジュアル
----------------------------------------------- */
/* lead
----------------------------------------------- */
#lead { padding-top: 75px !important; position: relative; z-index: 1; }
#lead .line-illsut { position: absolute; top: 10px; right: 0; z-index: 0; }
@media (min-width: 479px) { #lead { padding-top: 100px !important; } }
@media (min-width: 960px) { #lead { padding-top: 150px !important; } }
#lead .lead-text { text-align: center; position: relative; }
#lead .lead-text .tit02 { margin-bottom: 15px; }
#lead .image-links { display: flex; gap: 25px; justify-content: center; }
@media (max-width: 959px) { #lead .image-links { flex-wrap: wrap; } }
#lead .image-links .image-link { display: block; text-decoration: none; width: 370px; height: 520px; overflow: hidden; position: relative; transition: transform 0.3s ease; }
@media (max-width: 959px) { #lead .image-links .image-link { width: 100%; height: 180px; } }
#lead .image-links .image-link:hover img { transform: scale(1.1); }
#lead .image-links .image-link .image-wrapper { width: 100%; height: 100%; position: relative; }
#lead .image-links .image-link .image-wrapper::after { content: ''; background-image: url("../img/index/btn-arrow.png"); width: 40px; height: 11px; background-size: contain; background-repeat: no-repeat; position: absolute; bottom: 70px; z-index: 5; right: 30px; }
@media (max-width: 959px) { #lead .image-links .image-link .image-wrapper::after { bottom: 30px; } }
#lead .image-links .image-link .image-wrapper img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
#lead .image-links .image-link .image-wrapper .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 35px; }
@media (max-width: 959px) { #lead .image-links .image-link .image-wrapper .overlay { flex-direction: inherit; justify-content: flex-start; gap: 25px; } }
#lead .image-links .image-link .image-wrapper .overlay .top-text { color: #fff; font-size: 16px; align-self: flex-start; }
@media (max-width: 959px) { #lead .image-links .image-link .image-wrapper .overlay .top-text { align-self: inherit; } }
#lead .image-links .image-link .image-wrapper .overlay .bottom-text { color: #fff; font-size: 20px; align-self: flex-start; }
@media (max-width: 959px) { #lead .image-links .image-link .image-wrapper .overlay .bottom-text { align-self: inherit; } }

/* gallery
----------------------------------------------- */
#gallery .gallery-line { position: relative; max-width: 1200px; margin: 0 auto; }
#gallery .gallery-illsut { position: absolute; top: -150px; left: 0; }
#gallery .title { text-align: center; display: flex; flex-direction: column; justify-content: center; gap: 10px; }
#gallery .flex { position: relative; max-width: 2000px; margin-left: auto; margin-right: auto; display: flex; flex-wrap: wrap; justify-content: center; gap: clamp(20px, 2vw, 40px); grid-template-columns: repeat(3, 1fr); /* 4列固定 */ grid-auto-rows: minmax(100px, auto); width: 100%; /* 横幅を画面いっぱいに */ grid-template-areas: "panel-01 panel-02 panel-03" "panel-04 panel-05 panel-06" "panel-07 panel-07 panel-07"; }
#gallery .flex .other-panel08 { display: none; }
@media screen and (min-width: 959px) { #gallery .flex { grid-template-columns: repeat(3, 1fr); /* 4列固定 */ grid-template-areas: "panel-01 panel-02 panel-03" "panel-04 panel-05 panel-06" "panel-07 panel-07 panel-08"; }
  #gallery .flex .other-panel08 { display: block; } }
@media screen and (min-width: 1600px) { #gallery .flex { grid-template-columns: repeat(4, 1fr); /* 4列固定 */ grid-template-areas: "panel-01 panel-02 panel-03 panel-04" "panel-05 panel-06 panel-07 panel-08"; } }
#gallery .flex .box { max-width: 473px; width: calc(23% - 30 / 2000* 100vw); }
@media screen and (max-width: 1500px) { #gallery .flex .box { width: calc(33% - 20 / 1500* 100vw); } }
@media screen and (max-width: 1000px) { #gallery .flex .box { width: calc(33.333333% - 20 / 1000* 100vw); } }
@media screen and (max-width: 666px) { #gallery .flex .box { width: calc(33.333333% - 20 / 666* 100vw); } }
@media screen and (max-width: 485px) { #gallery .flex .box { width: calc(33.333333% - 20 / 485* 100vw); } }
#gallery .flex .box img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 1; }
#gallery .flex .box.box-text { display: flex; align-items: center; justify-content: center; }
@media screen and (max-width: 1500px) { #gallery .flex .box.other-panel08 { display: none; } }
#gallery .flex .box.other-panel07 { padding-right: 60px; padding-left: 60px; }
@media screen and (max-width: 1500px) { #gallery .flex .box.other-panel07 { width: 100%; padding-right: 20px; padding-left: 20px; max-width: 100%; } }
#gallery .video-box { position: relative; overflow: hidden; }
#gallery .video-box::before { content: ""; padding-top: 100%; display: block; }
#gallery .video-box video { position: absolute; top: 0; left: 0; object-fit: cover; width: 100%; height: 100%; }

.other-panel01 { grid-area: panel-01; }

.other-panel02 { grid-area: panel-02; }

.other-panel03 { grid-area: panel-03; }

.other-panel04 { grid-area: panel-04; }

.other-panel05 { grid-area: panel-05; }

.other-panel06 { grid-area: panel-06; }

.other-panel07 { grid-area: panel-07; }

.other-panel08 { grid-area: panel-08; }

#dish-drink .dish-main-movie { width: 100%; position: relative; }
#dish-drink .dish-main-movie img { width: 100%; height: 100%; object-fit: cover; }

/* Dish & Drink
----------------------------------------------- */
#dish-drink { padding-bottom: 75px !important; overflow: hidden; }
@media (min-width: 479px) { #dish-drink { padding-bottom: 100px !important; } }
@media (min-width: 960px) { #dish-drink { padding-bottom: 150px !important; } }
#dish-drink .dish-drink-line { position: relative; max-width: 1200px; margin: 0 auto; }
#dish-drink .dish-drink-illsut { position: absolute; top: -75px; right: 0; }
#dish-drink .dish-main-movie { position: relative; width: 100%; height: 0; padding-top: 19.9522%; }
@media (max-width: 959px) { #dish-drink .dish-main-movie { padding-top: 38.236%; } }
#dish-drink .dish-main-movie video { position: absolute; top: 0; left: 0; object-fit: cover; width: 100%; height: 100%; }
#dish-drink #locally { position: relative; overflow-x: hidden; }
#dish-drink #locally::after { content: ''; position: absolute; background: url("../img/index/map.png") no-repeat; background-size: contain; width: 1000px; height: 495px; top: 0; right: 0; z-index: 0; }
@media (max-width: 2000px) { #dish-drink #locally::after { width: 50vw; height: 24.75vw; } }
@media (max-width: 959px) { #dish-drink #locally::after { display: none; width: 76.9230769231vw; height: 38.0769230769vw; right: -35%; } }
#dish-drink #locally .locally-box { max-width: 1200px; margin-left: auto; margin-right: auto; padding-top: 70px; }
@media (max-width: 959px) { #dish-drink #locally .locally-box { padding-top: 20px; } }
#dish-drink #locally .locally-box .usp-text { padding-left: 20px; }
@media (max-width: 959px) { #dish-drink #locally .locally-box .usp-text { padding-left: 0; max-width: 100%; } }
#dish-drink #locally .locally-box .locally-intro { display: flex; justify-content: space-between; gap: 10px; }
@media (max-width: 959px) { #dish-drink #locally .locally-box .locally-intro { flex-direction: column; justify-content: center; } }
#dish-drink #locally .locally-box .locally-intro .locally-intro-img { display: flex; justify-content: space-between; gap: 5px; }
@media (max-width: 959px) { #dish-drink #locally .locally-box .locally-intro .locally-intro-img { justify-content: center; } }
#dish-drink #locally .locally-box .locally-intro .locally-intro-img div:nth-of-type(2) { margin-top: auto; }
#dish-drink #locally .locally-box .locally-intro .locally-intro-img div:nth-of-type(3) { margin-top: auto; margin-bottom: auto; }
#dish-drink #locally .locally-box .locally-intro .locally-intro-text { max-width: 420px; width: 100%; }
#dish-drink #locally .locally-box .locally-intro .locally-intro-text .locally-intro-title { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
#dish-drink #locally .locally-box .locally-intro .locally-intro-text .locally-intro-title .img { padding-bottom: 20px; }
@media (max-width: 479px) { #dish-drink #locally .locally-box .locally-intro .locally-intro-text .locally-intro-title .img img { max-width: 120px; } }
@media (max-width: 959px) { #dish-drink #locally .locally-box .locally-intro .locally-intro-text { margin-left: auto; position: relative; } }
@media (max-width: 959px) { #dish-drink #locally .locally-box .locally-intro .locally-map { position: relative; }
  #dish-drink #locally .locally-box .locally-intro .locally-map::after { content: ''; position: absolute; background: url("../img/index/map_sp.png") no-repeat; background-size: contain; width: 76.9230769231vw; height: 38.0769230769vw; top: -18%; left: 0; z-index: 0; } }
@media (max-width: 479px) { #dish-drink #locally .locally-box .locally-intro .locally-map::after { top: -15%; } }
#dish-drink #locally .locally-box .time-icon { display: flex; padding: 20px 30px; gap: 20px; max-width: 475px; align-items: center; flex-wrap: wrap; justify-content: center; border: 1px solid #fff; }
@media (max-width: 500px) { #dish-drink #locally .locally-box .time-icon { gap: 10px; padding: 15px; } }
#dish-drink #locally .locally-box .time-icon .icon-flex { display: flex; gap: 5px; }
@media (max-width: 959px) { #dish-drink #locally .locally-box .time-icon .icon-flex > div img { width: 26px; } }
#dish-drink #live-kitchen .live-kitchen-usp { display: flex; justify-content: flex-end; /* 左右に均等配置 */ gap: 60px; }
@media (max-width: 764px) { #dish-drink #live-kitchen .live-kitchen-usp { flex-direction: column-reverse; } }
#dish-drink #live-kitchen .live-kitchen-usp .usp-text { position: relative; z-index: 1; max-width: 500px; }
@media (max-width: 764px) { #dish-drink #live-kitchen .live-kitchen-usp .usp-text { max-width: 100%; } }
#dish-drink #live-kitchen .live-kitchen-usp .usp-text .check01 { max-width: 470px; margin-top: 40px; margin-bottom: 20px; }
@media (max-width: 764px) { #dish-drink #live-kitchen .live-kitchen-usp .usp-text .check01 { max-width: 100%; margin-top: 30px; } }
#dish-drink #live-kitchen .live-kitchen-usp .usp-text .check01 .check-cap { margin-top: 6px; padding-top: 10px; border-top: 1px solid #fff; font-size: 14px; letter-spacing: 0.05em; color: #fff; }
@media (min-width: 479px) { #dish-drink #live-kitchen .live-kitchen-usp .usp-text .check01 .check-cap { margin-top: 8px; padding-top: 15px; } }
@media (min-width: 960px) { #dish-drink #live-kitchen .live-kitchen-usp .usp-text .check01 .check-cap { margin-top: 10px; padding-top: 20px; } }
#dish-drink #live-kitchen .live-kitchen-usp .live-kitchen-movie { flex-basis: 50%; /* 横幅の50%を確保 */ max-width: 935px; aspect-ratio: 1 / 1; border-radius: 100%; position: relative; overflow: hidden; width: 100%; height: auto; z-index: 1; }
#dish-drink #live-kitchen .live-kitchen-usp .live-kitchen-movie video { position: static; /* absolute を解除 */ width: 100%; height: auto; }
#dish-drink #live-kitchen .live-kitchen-usp .line-bg { position: relative; }
#dish-drink #live-kitchen .live-kitchen-usp .line-bg .kitchem-illsut { position: absolute; top: -15%; left: -15%; }
#dish-drink #live-kitchen .live-kitchen-intro { display: flex; align-items: flex-end; margin-left: 6vw; gap: 10px; position: relative; z-index: 1; }
@media (max-width: 764px) { #dish-drink #live-kitchen .live-kitchen-intro { margin-left: 0; flex-direction: column; align-items: center; } }
@media (min-width: 1610px) { #dish-drink #live-kitchen .live-kitchen-intro { margin-top: -20vw; } }
@media (min-width: 2000px) { #dish-drink #live-kitchen .live-kitchen-intro { margin-top: -400px; margin-left: 120px; } }
#dish-drink #live-kitchen .live-kitchen-intro .live-kitchen-img { max-width: 607px; border-radius: 100%; overflow: hidden; width: 30.35vw; }
@media (max-width: 959px) { #dish-drink #live-kitchen .live-kitchen-intro .live-kitchen-img { width: 100%; } }
#dish-drink #live-kitchen .live-kitchen-intro .usp-text { max-width: 730px; width: 100%; position: relative; width: 36.5vw; }
@media (max-width: 959px) { #dish-drink #live-kitchen .live-kitchen-intro .usp-text { width: 100%; } }
@media (max-width: 959px) { #dish-drink #live-kitchen .live-kitchen-intro .usp-text .usp-title { padding-left: 15px; }
  #dish-drink #live-kitchen .live-kitchen-intro .usp-text p { padding-left: 15px; } }
#dish-drink #stone .video-wrapper { width: min(100vw, 1700px); display: block; margin-left: auto; position: relative; }
@media screen and (min-width: 2000px) { #dish-drink #stone .video-wrapper { width: 85vw; } }
#dish-drink #stone .video-wrapper .video-box02 { position: relative; width: 100%; height: 0; padding-top: 38.236%; }
#dish-drink #stone .video-wrapper .video-box02 video { position: absolute; top: 0; left: 0; object-fit: cover; width: 100%; height: 100%; }
#dish-drink #stone .video-wrapper .on-text { position: absolute; top: 7.5vw; left: 6vw; padding-left: 20px; }
@media screen and (min-width: 2000px) { #dish-drink #stone .video-wrapper .on-text { top: 150px; left: 120px; } }
@media (max-width: 1600px) { #dish-drink #stone .video-wrapper .on-text { top: 2vw; } }
@media (max-width: 1300px) { #dish-drink #stone .video-wrapper .on-text { position: relative; left: 0; max-width: 800px; margin-left: auto; margin-right: auto; width: 92%; padding-left: 0; }
  #dish-drink #stone .video-wrapper .on-text .fukidashi { margin-left: auto; } }
#dish-drink #stone .video-wrapper .on-text .usp-text .tit03 { color: #fff; }
#dish-drink #stone .video-wrapper .on-text .usp-text .mt-xxsmall { color: #fff; }
@media (max-width: 764px) { #dish-drink #stone .video-wrapper .on-text .usp-text { max-width: 100%; } }
#dish-drink #stone .video-wrapper .on-text .check01 { max-width: 450px; margin-top: 40px; margin-bottom: 20px; }
@media (max-width: 1300px) { #dish-drink #stone .video-wrapper .on-text .check01 { margin-left: auto; margin-bottom: 50px; } }
@media (max-width: 764px) { #dish-drink #stone .video-wrapper .on-text .check01 { max-width: 100%; margin-top: 30px; } }
#dish-drink #stone .video-wrapper .on-text .check01 .check-cap { margin-top: 6px; padding-top: 10px; border-top: 1px solid #fff; font-size: 14px; letter-spacing: 0.05em; color: #fff; }
@media (min-width: 479px) { #dish-drink #stone .video-wrapper .on-text .check01 .check-cap { margin-top: 8px; padding-top: 15px; } }
@media (min-width: 960px) { #dish-drink #stone .video-wrapper .on-text .check01 .check-cap { margin-top: 10px; padding-top: 20px; } }
#dish-drink #stone .stone-usp { display: flex; justify-content: flex-end; gap: 80px; align-items: center; position: relative; }
@media (max-width: 1300px) { #dish-drink #stone .stone-usp { gap: 40px; justify-content: flex-start; } }
@media (max-width: 764px) { #dish-drink #stone .stone-usp { flex-direction: column; align-items: center; } }
#dish-drink #stone .stone-usp .stone-usp-img { display: flex; gap: 30px; }
#dish-drink #stone .stone-usp .stone-usp-img figure:first-child img { margin-top: -80px; position: relative; }
@media (max-width: 764px) { #dish-drink #stone .stone-usp .stone-usp-img figure:first-child img { margin-top: 0; } }
#dish-drink #stone .stone-usp .stone-usp-text { max-width: 720px; display: flex; gap: 20px; }
#dish-drink #stone .stone-usp .stone-usp-text .tit03 { color: #fff; }
#dish-drink #stone .stone-usp .stone-usp-text p { color: #fff; }
#dish-drink #stone .stone-usp .stone-usp-text .img { max-width: 200px; width: 100%; }
#dish-drink #stone .stone-usp .stone-usp-text .img > div:first-child { display: block; margin-bottom: 30px; margin-left: auto; }
@media (max-width: 764px) { #dish-drink #stone .stone-usp .stone-usp-text .img { display: flex; justify-content: center; max-width: 100%; }
  #dish-drink #stone .stone-usp .stone-usp-text .img > div { width: 33vw; }
  #dish-drink #stone .stone-usp .stone-usp-text .img > div:first-child { margin-left: 0; }
  #dish-drink #stone .stone-usp .stone-usp-text .img > div:last-child { margin-top: 60px; } }
@media (max-width: 479px) { #dish-drink #stone .stone-usp .stone-usp-text .img > div:last-child { margin-top: 30px; } }
@media (max-width: 1300px) { #dish-drink #stone .stone-usp .stone-usp-text { flex-direction: column; width: 50%; } }
@media (max-width: 764px) { #dish-drink #stone .stone-usp .stone-usp-text { width: 100%; } }
#dish-drink #local-specialities { position: relative; }
#dish-drink #local-specialities .stone-illsut { position: absolute; top: -23%; right: 16%; }
#dish-drink #local-specialities .local-specialities-box { display: flex; align-items: flex-start; justify-content: flex-end; position: relative; width: 100%; }
@media (max-width: 1300px) { #dish-drink #local-specialities .local-specialities-box { justify-content: center; } }
#dish-drink #local-specialities .local-specialities-box .local-specialities-img01 { max-width: 450px; border-radius: 100%; overflow: hidden; width: 22.5vw; }
@media (max-width: 1300px) { #dish-drink #local-specialities .local-specialities-box .local-specialities-img01 { width: 34.615384615400004vw; } }
#dish-drink #local-specialities .local-specialities-box .local-specialities-img02 { margin-top: 70px; max-width: 693px; border-radius: 100%; overflow: hidden; width: 34.65vw; }
@media (max-width: 1300px) { #dish-drink #local-specialities .local-specialities-box .local-specialities-img02 { width: 53.3076923077vw; } }
@media (max-width: 764px) { #dish-drink #local-specialities .local-specialities-box .local-specialities-img02 { margin-top: 40px; } }
#dish-drink #local-specialities .usp-text { max-width: 600px; width: 100%; position: relative; width: 45vw; margin-left: 9vw; margin-top: -220px; z-index: 5; }
@media (max-width: 1300px) { #dish-drink #local-specialities .usp-text { margin-top: 0px; } }
@media (max-width: 764px) { #dish-drink #local-specialities .usp-text { width: 100%; margin-left: 0; } }
#dish-drink #local-specialities .usp-text .usp-title .tit03 { color: #fff; background-color: transparent; }
#dish-drink #local-specialities .usp-text .mt-xxsmall { color: #fff; }
#dish-drink #sisen { position: relative; }
#dish-drink #sisen .panel02 .img-box figure:last-child { position: relative; }
#dish-drink #sisen .panel02 .img-box figure:last-child::before { content: ''; position: absolute; background: url("../img/index/sisen-illust02.png") no-repeat; background-size: contain; max-width: 122px; max-height: 72px; width: 6.1vw; height: 3.6vw; left: 1vw; bottom: 5%; }
#dish-drink #sisen .panel02 .img-box figure:first-child { position: relative; }
#dish-drink #sisen .panel02 .img-box figure:first-child::before { content: ''; position: absolute; background: url("../img/index/sisen-illust01.png") no-repeat; background-size: contain; width: 135px; height: 95px; bottom: 0; max-width: 135px; max-height: 95px; width: 6.75vw; height: 4.75vw; top: 2vw; left: -6.75vw; }
@media (max-width: 959px) { #dish-drink #sisen .panel02 .img-box { justify-content: center; }
  #dish-drink #sisen .panel02 .img-box figure:last-child::before { max-width: 122px; max-height: 72px; width: 12.7215849844vw; height: 7.5078206465vw; left: 12.7215849844vw; bottom: 5%; }
  #dish-drink #sisen .panel02 .img-box figure:first-child { position: relative; }
  #dish-drink #sisen .panel02 .img-box figure:first-child::before { max-width: 135px; max-height: 95px; width: 14.0771637122vw; height: 9.9061522419vw; top: 2vw; left: -14.0771637122vw; } }
@media (max-width: 479px) { #dish-drink #sisen .panel02 .img-box { justify-content: center; }
  #dish-drink #sisen .panel02 .img-box figure:last-child::before { max-width: 122px; max-height: 72px; width: 16.0737812912vw; height: 9.4861660079vw; left: 16.0737812912vw; bottom: 5%; }
  #dish-drink #sisen .panel02 .img-box figure:first-child { position: relative; }
  #dish-drink #sisen .panel02 .img-box figure:first-child::before { max-width: 135px; max-height: 95px; width: 17.7865612648vw; height: 12.5164690382vw; top: 2vw; left: -17.7865612648vw; } }
#dish-drink #all-inclusive .all-inclusive-content { position: relative; }
#dish-drink #all-inclusive .all-inclusive-content .main-bg img { width: 100%; object-fit: cover; }
@media (max-width: 764px) { #dish-drink #all-inclusive .all-inclusive-content .main-bg { position: absolute; width: 100%; padding-top: 52%; height: 0; top: 4vw; }
  #dish-drink #all-inclusive .all-inclusive-content .main-bg img { width: 100%; object-fit: cover; position: absolute; height: 100%; top: 0; left: 0; } }
#dish-drink #all-inclusive .all-inclusive-content .all-inclusive-main { position: absolute; max-width: 1200px; width: 92%; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center; gap: 50px; margin-top: -20px; }
@media (max-width: 764px) { #dish-drink #all-inclusive .all-inclusive-content .all-inclusive-main { gap: 35px; } }
#dish-drink #all-inclusive .all-inclusive-content .all-inclusive-main .img { max-height: 500px; width: 26vw; }
@media (max-width: 764px) { #dish-drink #all-inclusive .all-inclusive-content .all-inclusive-main .img { width: 52vw; } }
#dish-drink #all-inclusive .all-inclusive-content .all-inclusive-main .usp-text { width: 60%; }
@media (max-width: 764px) { #dish-drink #all-inclusive .all-inclusive-content .all-inclusive-main { position: inherit; top: auto; left: auto; transform: none; margin-left: auto; margin-right: auto; margin-top: 20px; justify-content: center; flex-direction: column; }
  #dish-drink #all-inclusive .all-inclusive-content .all-inclusive-main .usp-text { width: 100%; } }
@media (max-width: 764px) { #dish-drink #all-inclusive .all-inclusive-content { flex-direction: column-reverse; align-items: flex-start; gap: 20px; }
  #dish-drink #all-inclusive .all-inclusive-content .img { width: 35vw; }
  #dish-drink #all-inclusive .all-inclusive-content .usp-text { width: 100%; max-width: 100%; } }
#dish-drink #all-inclusive .all-inclusive-intro { display: flex; margin-top: 40px; gap: 40px; align-items: center; position: relative; }
#dish-drink #all-inclusive .all-inclusive-intro .img { display: flex; position: relative; gap: 40px; }
#dish-drink #all-inclusive .all-inclusive-intro .img div:first-child { margin-top: -100px; }
@media (max-width: 959px) { #dish-drink #all-inclusive .all-inclusive-intro .img div:first-child { margin-top: -30px; } }
@media (max-width: 764px) { #dish-drink #all-inclusive .all-inclusive-intro { flex-direction: column; }
  #dish-drink #all-inclusive .all-inclusive-intro .img div:first-child { margin-top: 0px; } }
#dish-drink #kids { position: relative; }
#dish-drink #kids .inclusive-illsut { position: absolute; left: 1%; top: -130px; }
#dish-drink #drink { position: relative; }
#dish-drink #desart { position: relative; }

.usp-text.usp-text-400 { max-width: 400px; width: 100%; }
@media (max-width: 764px) { .usp-text.usp-text-400 { max-width: 100%; } }
.usp-text.usp-text-580 { max-width: 580px; width: 100%; }
@media (max-width: 764px) { .usp-text.usp-text-580 { max-width: 100%; } }
.usp-text .usp-title { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.usp-text .usp-title-en { color: #bc9c4c; }
@media (max-width: 959px) { .usp-text .usp-title-en { line-height: 1; } }
.usp-text .usp-caption { margin-top: 30px; }

.fukidashi { max-width: 475px; background-size: contain; width: 100%; height: 100%; margin-top: 20px; }
.fukidashi p { color: #fff; padding: 50px 65px; }
.fukidashi.black-fuki { background-size: contain !important; }
.fukidashi.black-fuki p { color: #000 !important; }

.panel-flex { display: flex; gap: 70px; }
.panel-flex.flex-center { align-items: center; }
.panel-flex .panel01 { max-width: 860px; width: 100%; }
.panel-flex .panel01.img-flex { display: flex; gap: 20px; }
@media (max-width: 959px) { .panel-flex .panel01.img-flex { gap: 2%; } }
.panel-flex .panel02 { max-width: 670px; width: 100%; }
.panel-flex .panel02 .usp-text { max-width: 455px; }
.panel-flex .panel02 .img-box { display: flex; justify-content: flex-end; }
.panel-flex .panel02 .img-box figure:first-child { margin-top: 60px; }
.panel-flex .panel02 .img-box figure:first-child img { max-width: 263px; border-radius: 100%; overflow: hidden; width: 13.15vw; }
.panel-flex .panel02 .img-box figure:last-child img { max-width: 203px; border-radius: 100%; overflow: hidden; width: 10.15vw; }
@media (max-width: 959px) { .panel-flex { flex-direction: column; gap: 30px; }
  .panel-flex .panel01 { max-width: 100%; }
  .panel-flex .panel02 { max-width: 100%; margin-top: 0 !important; }
  .panel-flex .panel02 .usp-text { max-width: 100%; }
  .panel-flex .panel02 .img-box { margin-top: 20px; }
  .panel-flex .panel02 .img-box figure:first-child { margin-top: 30px; }
  .panel-flex .panel02 .img-box figure:first-child img { max-width: 263px; border-radius: 100%; overflow: hidden; width: 27.4244004171vw; }
  .panel-flex .panel02 .img-box figure:last-child img { max-width: 203px; border-radius: 100%; overflow: hidden; width: 21.1678832117vw; } }
.panel-flex.reverse-flex { flex-direction: row-reverse; }
@media (max-width: 959px) { .panel-flex.reverse-flex { flex-direction: column; } }
.panel-flex.reverse-flex .usp-text { margin-left: auto; }
.panel-flex.reverse-flex .panel02 .img-box { justify-content: flex-start; }
.panel-flex.reverse-flex .panel02 .img-box figure:last-child { margin-top: 60px; }
.panel-flex.reverse-flex .panel02 .img-box figure:last-child img { max-width: 263px; border-radius: 100%; overflow: hidden; width: 13.15vw; }
.panel-flex.reverse-flex .panel02 .img-box figure:first-child { margin-top: 0 !important; }
.panel-flex.reverse-flex .panel02 .img-box figure:first-child img { max-width: 203px; border-radius: 100%; overflow: hidden; width: 10.15vw; }

#menu-btn .image-link { display: block; text-decoration: none; overflow: hidden; position: relative; transition: transform 0.3s ease; }
@media (max-width: 959px) { #menu-btn .image-link { width: 100%; height: 180px; } }
#menu-btn .image-link:hover img { transform: scale(1.1); }
#menu-btn .image-link .image-wrapper { width: 100%; height: 100%; position: relative; }
#menu-btn .image-link .image-wrapper::after { content: ''; background-image: url("../img/index/btn-arrow.png"); width: 40px; height: 11px; background-size: contain; background-repeat: no-repeat; position: absolute; bottom: 70px; z-index: 5; right: 30px; }
@media (max-width: 959px) { #menu-btn .image-link .image-wrapper::after { bottom: 30px; } }
#menu-btn .image-link .image-wrapper img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
#menu-btn .image-link .image-wrapper .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; justify-content: space-between; align-items: center; justify-content: flex-start; padding: 35px; gap: 20px; }
@media (max-width: 959px) { #menu-btn .image-link .image-wrapper .overlay { flex-direction: inherit; justify-content: flex-start; gap: 25px; } }
#menu-btn .image-link .image-wrapper .overlay .top-text { color: #fff; font-size: 16px; align-self: center; }
@media (max-width: 959px) { #menu-btn .image-link .image-wrapper .overlay .top-text { align-self: inherit; } }
#menu-btn .image-link .image-wrapper .overlay .bottom-text { color: #fff; font-size: 20px; align-self: center; margin-top: 25px; }
@media (max-width: 959px) { #menu-btn .image-link .image-wrapper .overlay .bottom-text { align-self: inherit; } }

.check-title { transform: rotate(-5deg); font-weight: 500; font-size: 16px; letter-spacing: 0.08em; font-style: oblique; color: #fff; position: relative; display: inline-block; }
.check-title:after { content: ''; background: url("../img/index/check-deko.svg") no-repeat; background-size: contain; width: 12px; height: 10px; position: absolute; right: -12px; top: -2px; }
@media (min-width: 479px) { .check-title { font-size: 18px; } }
@media (min-width: 960px) { .check-title { font-size: 20px; } }

/* 情報
----------------------------------------------- */
#infomation { max-width: 1160px; width: 92%; margin-left: auto; margin-right: auto; margin-top: 75px !important; padding-bottom: 75px; }
@media (min-width: 479px) { #infomation { margin-top: 100px !important; padding-bottom: 100px; } }
@media (min-width: 960px) { #infomation { margin-top: 150px !important; padding-bottom: 150px; } }
#infomation .announce { border: 1px solid #000; padding: 30px; margin-top: 40px; }
@media (max-width: 959px) { #infomation .announce { padding: 20px; } }
#infomation .announce ol { margin-top: 30px; padding-left: 1em; list-style-type: decimal; }
@media (max-width: 959px) { #infomation .announce ol { padding: 15px; } }
#infomation .announce ol li { list-style: inherit; }
#infomation .announce ol li + li { margin-top: 5px; }

/* 20250702修正依頼分
----------------------------------------------- */
.icon.icon-flex { display: flex; gap: 5px; }
@media (max-width: 959px) { .icon > div img { width: 26px; } }

/*# sourceMappingURL=index.css.map */