@charset "UTF-8";

/* ============================================================
 FAQ
=============================================================== */
.faqTopic {
       margin-top: 30px;
       margin-bottom: 32px;
}

.faq__nav {
       margin-top: 32px;
       padding: 0 2.93%;
}

.faq__list {
       display: flex;
       align-items: center;
       justify-content: center;
       margin-top: 20px;
       gap: 11px;
}

.faq__item {
       padding: 16px 10px 16px 29px;
       border: 1px solid var(--primary-brown, #C19A5B);
       background-color: #FDFDFD;
       box-shadow: 0px 3px 3px 0px rgba(193, 154, 91, 0.1);
       width: 171px;
       height: 53px;
       position: relative;
       display: flex;
       align-items: center;
       -webkit-transition: all .3s;
       transition: all .3s;
       cursor: pointer;
       
}

.faq__item::before {
       position: absolute;
       display: inline-block;
       content: '';
       background-image: url(../img/faq_check_icon.svg);
       background-repeat: no-repeat;
       background-position: center;
       background-size: contain;
       width: 14px;
       height: 11px;
       left: 10px;
       top: 43%;
}

.faq__item {
       display: block;
       font-size: 1.4rem;
       letter-spacing: 0.05px;
       text-align: center;
}

.faq__item--weather {
       padding: 16px 32px 16px 51px;
       position: relative;
}

.faq__item--weather::before {
       left: 32px;
}

.faq__item--others {
       padding: 16px 58px 16px 68px;
       position: relative;
}

.faq__item--others::before {
       left: 50px;
}

.faqAnswer2 {
       padding: 30px 17px;
       background-color: rgba(247, 239, 226, 0.61);
       margin-top: 20px;     
}

.faqAnswer2__list {
       margin-top: 20px;
}

.faqAnswer2__txt1,
.faqAnswer2__item,
.faqAnswer2__txt2 {
       font-size: 1.4rem;
       font-weight: 300;
       line-height: 1.7;
       letter-spacing: 0.05em;
}

.faqAnswer2__txt2 {
       margin-top: 34px;
}

.faqAnswer2__txt2 a {
       border-bottom: 1px solid var(--primary-brown);
       padding-bottom: 2px;
       }

/* FAQ-pc表示 */
@media screen and (min-width:1153px) {
       .faqTopic {
              margin-top: 150px;
              margin-bottom: 0;
       }   

       .faq__nav {
              margin-top: 0;
              padding: 0 ;
              position: relative;
              position: fixed;
              right: 0;
              top: 160px;
              z-index: 100;
       }

       .faq__list {
              display: block;
              align-items: normal;
              justify-content: normal;
              margin-top: 0;
              gap: 0;
       }

       .faq__item::before {
              left: 23px;
       }
       

       .faq__item {
              padding: 28px 23px 28px 49px;
              width: 201px;
              height: 80px;
              margin-top: 10px;
              text-align: center;
       }

       .faq__item a {
              font-size: 1.4rem;
       }

       .faq__item--weather::before {
              left: 46px;
       }
       
       .faq__item--others::before {
              left: 67px;
       }
       
       .faqAnswer2 {
              max-width: 670px;
              padding: 22px 20px;
              margin-top: 14px;
              margin-left: 37px;     
       }

       .faqAnswer2__txt2 a {
              border-bottom: 1px solid var(--primary-brown);
              padding-bottom: 2px;
              }
}

@media screen and (min-width:1373px) {
       .faqTopic {
              margin-top: 150px;
              margin-bottom: 0;
       }   

       .faq__nav {
              margin-top: 0;
              padding: 0 ;
              position: relative;
              position: fixed;
              right: 0;
              top: 160px;
              z-index: 100;
       }

       .faq__list {
              display: block;
              align-items: normal;
              justify-content: normal;
              margin-top: 0;
              gap: 0;
       }

       .faq__item {
              padding: 28px 23px 28px 49px;
              width: 222px;
              height: 80px;
              margin-top: 10px;
              text-align: center;
       }

       .faq__item--weather::before {
              left: 23px;
       }

       .faq__item--others::before {
              left: 23px;
       }

       .faq__item a {
              font-size: 1.6rem;
       }

       /* ボタンクリック表示時 */
       .faq__item.click {
                     background-color:var(--primary-green,#3B530E);
                     color: #FDFDFD;
                     transform: scale(1.2,1.1);
       }

       .faq__item a.click {
              font-size: 1.8rem;
       }

       .click.faq__item::before {
              background-image: url(../img/white_check_icon.svg);
       }
       /* js 表示 */


       .faq__item::before {
              left: 37px;
       }

       .faq__item--weather::before {
              left: 58px;
       }

       .faq__item--others::before {
              left: 79px;
       }
}

@media screen and (max-width:374px) {
       .faq__list  {
              display: block;
              margin-top: 0;
       }

       .faq__item  {
              margin: 10px auto 0;
       }
}
       /* pc_表示 */

/* ============================================================
 reservation 
=============================================================== */
.reservation,
.cooking,
.facility,
.weather,
.others {
       padding: 0 2.3%;
       background-color: #F7EFE2;
       margin-top: 80px;
}

.faqBox {
       background-color: #fdfdfd;
       padding:50px 0;
}

.faqTopics {
       font-size: 1.8rem;
       letter-spacing: 0.05em;
       text-align: center;
}

.faqTopic--reservation {
       position: relative;
}

.faqTopic--reservation::after {
       position: absolute;
       display: inline-block;
       content: '';
       background-image: url(../img/reservations_txt.svg);
       background-repeat: no-repeat;
       background-size: contain;
       background-position: center;
       width: 100%;
       height: 8vw;
       bottom: -34%;
       left: 0%;
}

.faq__group {
       padding: 0 var(--contentpadding);
       margin-top: 35px;
}

.faq__box {
       padding: 40px 0;
       border-top: 1px solid rgba(193, 154, 91, 0.50);
}

.faq__box:last-of-type {
       border-bottom: 1px solid rgba(193, 154, 91, 0.50) ;
}

.faq__title {
       display: flex;
       align-items: flex-start;
}

.faq__title p {
       font-size: 1.6rem;
       font-weight: 400;
       letter-spacing: 0.05em;
}

.faq__title span {
       color: var(--primary-brown, #C19A5B);
       font-size: 1.6rem;
       font-weight: 400;
       letter-spacing: 0.05em;
       margin-right: 10px;
}

.faq__answer {
       display: flex;
       align-items: flex-start;
       margin-top: 10px;
       margin-left: 19px;
}

.faq__answer p {
       font-size: 1.4rem;
       font-weight: 300;
       line-height: 1.8; 
       letter-spacing: 0.05em;
}

.faq__answer span {
       color: var(--primary-brown, #C19A5B);
       font-size: 1.4rem;
       font-weight: 300;
       line-height: 1.8; 
       letter-spacing: 0.05em;
       margin-right: 5px;
}

.faq__answer a {
       border-bottom: 1px solid #C19A5B;
}

/* reservation-pc表示 */
@media screen and (min-width:769px) {
       .reservation,
       .cooking,
       .facility,
       .weather,
       .others {
              max-width: 1200px;
              margin: 100px auto 0;
       }
       
       .faqBox {
              padding: 90px 8.5%;
       }
       
       .faqTopic--reservation::after {
              height: 4vw;
              bottom: -69%;
       }

       .faq__group {
              padding: 0;
              margin-top: 60px;
       }

       .faq__answer {
              margin-top: 25px;
       }

       .faq__answer p {
              line-height: 2; 
       }

       .faq__answer span {
              margin-right: 10px;
              line-height: 2;
       }
}/* pc_表示 */

@media screen and (min-width:1153px) {
       .faqBox {
              padding: 90px 200px 90px 8.5%;
       }
}

@media screen and (min-width:1373px) {
       .faqBox {
              padding: 90px 8.5%;
       }
}
/* ============================================================
cooking
=============================================================== */
.faqTopic--cooking {
       position: relative;
}

.faqTopic--cooking::after {
       position: absolute;
       display: inline-block;
       content: '';
       background-image: url(../img/ingredients_txt.svg);
       background-repeat: no-repeat;
       background-size: contain;
       background-position: center;
       width: 100%;
       height: 11vw;
       bottom: -79%;
       left: 0%;
}

/* cooking-pc表示 */
@media screen and (min-width:769px) {
       .faqTopic--cooking::after {
              height: 6vw;
              bottom: -159%;
       }
}/* pc_表示 */

/* ============================================================
facility 
=============================================================== */
.faqTopic--facility {
       position: relative;
}

.faqTopic--facility::after {
       position: absolute;
       display: inline-block;
       content: '';
       background-image: url(../img/facility_txt.svg);
       background-repeat: no-repeat;
       background-size: contain;
       background-position: center;
       width: 100%;
       height: 13vw;
       bottom: -96%;
       left: 0%;
}

/* facility-pc表示 */
@media screen and (min-width:769px) {
       .faqTopic--facility::after {
              height: 7vw;
              bottom: -201%;
       }
}/* pc_表示 */

/* ============================================================
weather
=============================================================== */
.faqTopic--weather {
       position: relative;
}

.faqTopic--weather::after {
       position: absolute;
       display: inline-block;
       content: '';
       background-image: url(../img/weather_txt.svg);
       background-repeat: no-repeat;
       background-size: contain;
       background-position: center;
       width: 100%;
       height: 9vw;
       bottom: -40%;
       left: 0%;
}

/* weather-pc表示 */
@media screen and (min-width:769px) {
       .faqTopic--weather::after {
              height: 5vw;
              bottom: -89%;
       }
}/* pc_表示 */

/* ============================================================
others
=============================================================== */
/* .footer__faq {
       display: none;
} */

.others {
       margin-bottom: 30px;
}

.faqTopic--others {
       position: relative;
}

.faqTopic--others::after {
       position: absolute;
       display: inline-block;
       content: '';
       background-image: url(../img/others_txt.svg);
       background-repeat: no-repeat;
       background-size: contain;
       background-position: center;
       width: 100%;
       height: 11vw;
       bottom: -55%;
       left: 0%;
}

/* others-pc表示 */
@media screen and (min-width:769px) {
       .others {
              margin-bottom: 100px;
       }
       
       .faqTopic--others::after {
              height: 7vw;
              bottom: -123%;
       }
}/* pc_表示 */