@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/*color*/
/*背景色*/
/*ベース文字色*/
/*アクセント色*/
/*アクセント色02*/
/*アクセント色03*/
/*線*/
/*線*/
/*線*/
/*線*/
/*線*/
/*線2*/
@import url("https://fonts.googleapis.com/css2?family=Questrial&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Crimson+Text:wght@400;600;700&display=swap");
/*font*/
/*layout*/
@keyframes slide { 0% { transform: scale(1.2); }
  100% { transform: scale(1); } }
.mt0 { margin-top: 0px !important; }

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

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

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

.pr0 { padding-right: 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; }

.pr5 { padding-right: 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; }

.pr10 { padding-right: 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; }

.pr15 { padding-right: 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; }

.pr20 { padding-right: 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; }

.pr25 { padding-right: 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; }

.pr30 { padding-right: 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; }

.pr35 { padding-right: 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; }

.pr40 { padding-right: 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; }

.pr45 { padding-right: 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; }

.pr50 { padding-right: 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; }

.pr55 { padding-right: 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; }

.pr60 { padding-right: 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; }

.pr65 { padding-right: 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; }

.pr70 { padding-right: 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; }

.pr75 { padding-right: 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; }

.pr80 { padding-right: 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; }

.pr85 { padding-right: 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; }

.pr90 { padding-right: 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; }

.pr95 { padding-right: 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; }

.pr100 { padding-right: 100px !important; }

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

/* リセット
========================================================= */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; background: #FFF; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

nav ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none; }
a.has-line { text-decoration: underline; }
a.has-line:hover { text-decoration: none; }
a.notel { cursor: text; }

/* change colours to suit your needs */
ins { background-color: #ff9; color: #000; text-decoration: none; }

/* change colours to suit your needs */
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

/* change border colour to suit your needs */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

img, iframe { vertical-align: bottom; max-width: 100%; }

/* 基本設定
========================================================= */
body { font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif; font-weight: 400; line-height: 1.5; color: #000; background-color: #faf5f2; font-size: 14px; font-feature-settings: 'palt'; letter-spacing: 0.08em; }
@media only screen and (max-width: 499px) { body { font-size: 12px; } }

h1, h2, h3, h4, h5, h6 { font-weight: 500; color: #000; }

p { margin: 0; line-height: 1.5; }
p + p { margin-top: 2em; }

ul, dl, figure { margin: 0; padding: 0; }

dt { font-weight: normal; }

li { list-style: none; }

a { color: #000; transition: .4s; }
a:hover img { opacity: 1; }

em { font-style: normal; }

table { border-collapse: collapse; }

::-moz-selection { color: #fff; background-color: #faf5f2; }

::selection { color: #fff; background-color: #faf5f2; }

img[src$=".svg"] { line-height: 1 !important; }

ruby > rt { -webkit-transform: translateY(40%); transform: translateY(40%); }

.inner { max-width: 760px; margin: 0 auto; padding-left: 30px; padding-right: 30px; }
@media only screen and (max-width: 499px) { .inner { padding-left: 15px; padding-right: 15px; } }

section.inner + section.inner { margin-top: 30px; }
section:nth-of-type(2).inner { margin-top: 0px !important; }

.en { font-family: "Crimson Text", serif; }

.jp { font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif; }

.chu { position: relative; display: inline-block; padding-left: 1em; font-weight: 400; line-height: 1.5; }
.chu::before { content: '※'; position: absolute; left: 0; }

.dis-in { display: inline-block; }

.small-fonts { font-size: 12px; }

.w100per { width: 100%; }

/* 表示・非表示
----------------------------------------------- */
.hidden { display: none; }

@media (max-width: 1024px) { .hidden-tab-wide { display: none !important; } }

@media (max-width: 959px) { .hidden-tab { display: none !important; } }

@media (max-width: 767px) { .hidden-sp { display: none !important; } }

@media (max-width: 499px) { .hidden-ss { display: none !important; } }

@media (min-width: 1025px) { .visible-tab-wide { display: none !important; } }

@media (min-width: 960px) { .visible-tab { display: none !important; } }

@media (min-width: 768px) { .visible-sp { display: none !important; } }

@media (min-width: 500px) { .visible-ss { display: none !important; } }

@media (min-width: 751px) { .sp-tel a[href*="tel:"] { pointer-events: none; cursor: default; text-decoration: none; } }

@media (max-width: 959px) { .br-none br { display: none; } }

/* ヘッダー
========================================================= */
header { margin-top: 10px; margin-bottom: 10px; }
header .panel-flex { justify-content: space-between; align-items: center; }
header .panel-flex .account { max-width: 65px; }
header .panel-flex .logo { padding-left: 30px; padding-right: 30px; line-height: 1; }
@media only screen and (max-width: 499px) { header .panel-flex .logo { padding-right: 40px; padding-left: 40px; } }

#lang-btn { display: block; cursor: pointer; position: relative; display: flex; justify-content: center; align-items: center; font-family: "Crimson Text", serif; font-weight: 500; color: #76664f; }
#lang-btn:after { content: ''; display: inline-block; width: 10px; height: 9px; background: url("../img/common/lang-arrow.png") no-repeat center center/contain; margin-left: 3px; transition: all 0.3s; z-index: 1; }
#lang-btn.active:after { transform: rotate(-180deg); }
#lang-btn + .lang-choice { position: absolute; top: 100%; left: 0; /*bottom: 0;
left: 100%;*/ opacity: 0; transition: opacity .5s; width: 75px; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif; font-weight: 400; visibility: hidden; }
#lang-btn + .lang-choice ul li + li { margin-top: 1px; }
#lang-btn + .lang-choice ul li a { width: 100%; display: flex; justify-content: center; align-items: center; color: #fff; text-align: center; background-color: #faf5f2; }
#lang-btn + .lang-choice ul li a:hover { background-color: #faf5f2; }
#lang-btn.active + .lang-choice { opacity: 1; visibility: visible; }

/* yellow-box
========================================================= */
.yellow-box .chu { line-height: 1.5 !important; }

/* フッター
========================================================= */
#footer-contact { box-shadow: 0 -3px 8px rgba(0, 0, 0, 0.1); position: fixed; bottom: 0; right: 0; left: 0; z-index: 501; opacity: 1; transition: opacity .5s; background-color: #faf5f2; }
#footer-contact .footer-content { display: flex; }
#footer-contact .footer-content a { width: 25%; flex: 1; padding: 15px 0 20px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; font-size: 14px; font-weight: 500; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif; }
@media only screen and (max-width: 499px) { #footer-contact .footer-content a { font-size: 12px; } }
@media only screen and (max-width: 499px) { #footer-contact .footer-content a { padding: 10px 0; } }
#footer-contact .footer-content a.f-tel span { text-align: center; }
#footer-contact .footer-content a.f-tel span:last-child { font-size: 10px; }
#footer-contact .footer-content a figure { width: 100%; }
#footer-contact .footer-content a figure img { display: block; margin: 0 auto; width: 30px; }
@media only screen and (max-width: 499px) { #footer-contact .footer-content a figure img { width: 20px; } }
#footer-contact .footer-content a span .gaibu02 { padding-left: 0.5em; }
#footer-contact #footer-contact a:nth-child(1) figure img { width: 35px; }
@media only screen and (max-width: 499px) { #footer-contact #footer-contact a:nth-child(1) figure img { width: 25px; } }
#footer-contact #footer-contact a:nth-child(2) figure img { width: 35px; }
@media only screen and (max-width: 499px) { #footer-contact #footer-contact a:nth-child(2) figure img { width: 25px; } }
#footer-contact #footer-contact a:nth-child(3) span { padding-right: 0.5em; }
@media only screen and (max-width: 499px) { #footer-contact #footer-contact a:nth-child(4) span { padding-top: 0.1em; line-height: 1; } }

/* 共有設定
========================================================= */
.panel-flex { display: flex; }

.text-box02 .tit05 { margin-bottom: 10px; }
.text-box02 .detail02 { margin-top: 10px !important; }

.panel-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px 20px; margin-top: 40px; }
.panel-grid li figure img { display: block; margin: 0 auto; }
@media only screen and (max-width: 499px) { .panel-grid { grid-template-columns: 1fr; } }
.panel-grid .circle02 { display: inline-block; line-height: 1.5; }
.panel-grid .beige-btn01 .btn { background-color: #EEE; border-radius: 15px; padding: 35px 30px; position: relative; display: flex; align-items: center; line-height: 1.5; }
.panel-grid .beige-btn01 .btn::after { content: ""; position: absolute; background: url("../img/common/btn-arrow.png") no-repeat; width: 20px; height: 22px; top: 0; bottom: 0; right: 10px; margin: auto 0; background-size: contain; }
.panel-grid .beige-btn01 .btn + .btn { margin-top: 20px; }
@media only screen and (max-width: 499px) { .panel-grid .beige-btn01 .btn { padding: 20px 30px 20px 20px; }
  .panel-grid .beige-btn01 .btn::after { width: 10px; height: 17px; right: 10px; } }
.panel-grid.two-box li { display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: column; }
.panel-grid.two-box li .text-box02 figure { aspect-ratio: 370/250; position: relative; }
.panel-grid.two-box li .text-box02 figure img { width: 100%; height: 100%; object-fit: cover; }
.panel-grid.two-box li .text-box02 .circle04 { display: inline-block; }
.panel-grid.two-box li .text-box02 p { padding: 0; margin: 0; }
.panel-grid.two-box li .text-box02 .circle04 + p { margin-top: 20px; }
.panel-grid.two-box li .text-box02 + .beige-btn01 { margin-top: 20px; }
.panel-grid.two-box li .beige-btn01 .tit03::after { content: ""; position: absolute; background: url(../img/common/btn-arrow.png) no-repeat; width: 20px; height: 22px; top: 0; bottom: 0; right: 10px; margin: auto 0; background-size: contain; }
.panel-grid.two-box li .beige-btn01 .tit03.gaibu::after { content: ""; position: absolute; background: url("../img/common/gaibu.png") no-repeat; width: 13px; top: 0; bottom: 0; right: 20px; margin: auto 0; background-size: contain; }

/*成分表用css*/
.panel-grid.block-grid01 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 40px; }
@media only screen and (max-width: 499px) { .panel-grid.block-grid01 { grid-template-columns: 1fr; gap: 0px; }
  .panel-grid.block-grid01 ul + ul { margin-top: 20px; } }
.panel-grid.block-grid01 .circle { text-align: center; }
.panel-grid.block-grid01 .panel-flex { justify-content: space-between; }
.panel-grid.block-grid01 li { margin-top: 20px; }

/*メニュータイプ4用css*/
.panel-grid.block-grid02 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 0px; }
@media only screen and (max-width: 499px) { .panel-grid.block-grid02 { gap: 20px 15px; } }
.panel-grid.block-grid02 li { margin-top: 0px; }

/*ベージュボタンの詳細*/
.beige-box01 { background-color: #EEE; border-radius: 15px; padding: 30px; }
@media only screen and (max-width: 499px) { .beige-box01 { padding: 20px 30px 20px 20px; } }
.beige-box01 + .beige-box01 { margin-top: 20px; }

/*ベージュボタン画像とテキストの横並び*/
.com-item01 { position: relative; flex-wrap: wrap; }
.com-item01 .text { margin-right: 30px; width: calc(362/700*100%); }
@media only screen and (max-width: 499px) { .com-item01 .text { width: 100%; margin-right: 0px; } }
.com-item01 .text .circle-flex { justify-content: space-between; align-items: center; margin-bottom: 10px; }
.com-item01 .text .tit03 { line-height: 1.5; margin-bottom: 15px; }
@media only screen and (max-width: 499px) { .com-item01 .text .tit03 { margin-bottom: 10px; } }
.com-item01 figure { width: calc(260/700*100%); }
.com-item01 figure img { border-radius: 15px; }
@media only screen and (max-width: 499px) { .com-item01 figure { width: 100%; margin: 15px auto 0; }
  .com-item01 figure img { display: block; margin: 0 auto; } }
.com-item01::after { content: ""; position: absolute; background: url("../img/common/btn-arrow.png") no-repeat; width: 20px; background-size: contain; height: 22px; top: 0; bottom: 0; right: 10px; margin: auto 0; }
@media only screen and (max-width: 499px) { .com-item01::after { right: 10px; background-size: contain; width: 10px; height: 17px; } }

/*ベージュボタンテキストのみ*/
.com-item02 { position: relative; }
.com-item02::after { content: ""; position: absolute; background: url("../img/common/btn-arrow.png") no-repeat; width: 20px; height: 22px; top: 0; bottom: 0; right: 10px; margin: auto 0; background-size: contain; }
@media only screen and (max-width: 499px) { .com-item02::after { right: 10px; width: 10px; height: 17px; } }
.com-item02 .circle { margin-left: 6.8%; }
@media only screen and (max-width: 499px) { .com-item02 .circle { margin-left: auto; } }
.com-item02 .panel-content { margin-top: 15px; }
@media only screen and (max-width: 499px) { .com-item02 .panel-content { flex-wrap: wrap; justify-content: center; margin-top: 10px; } }
.com-item02 .panel-content > div { align-items: center; }
.com-item02 .panel-content .panel01, .com-item02 .panel-content .panel02 { width: 50%; }
.com-item02 .panel-content .panel01 figure, .com-item02 .panel-content .panel02 figure { margin-right: 20px; }
@media only screen and (max-width: 499px) { .com-item02 .panel-content .panel01 figure, .com-item02 .panel-content .panel02 figure { margin-right: 20px; }
  .com-item02 .panel-content .panel01 figure img, .com-item02 .panel-content .panel02 figure img { max-width: 47px; } }
.com-item02 .panel-content .panel01 .en, .com-item02 .panel-content .panel02 .en { font-size: 14px; margin-bottom: 3px; display: block; }
@media only screen and (max-width: 499px) { .com-item02 .panel-content .panel01 .en, .com-item02 .panel-content .panel02 .en { font-size: 12px; } }
.com-item02 .panel-content .panel01 .text p, .com-item02 .panel-content .panel02 .text p { line-height: 1.5; }
@media only screen and (max-width: 499px) { .com-item02 .panel-content .panel01, .com-item02 .panel-content .panel02 { width: 100%; } }
@media only screen and (max-width: 499px) { .com-item02 .panel-content .panel01 { margin-bottom: 20px; } }

.circle-flex { display: flex; }
@media only screen and (max-width: 352px) { .circle-flex { display: block; } }

.circle { color: #fff; background-color: #9E7A39; border-radius: 10px; padding: 5px 15px; font-size: 14px; line-height: 1; }
@media only screen and (max-width: 499px) { .circle { font-size: 12px; } }

.circle02 { color: #fff; background-color: #9E7A39; border-radius: 10px; padding: 0px 15px !important; font-size: 14px; line-height: 1; }
@media only screen and (max-width: 499px) { .circle02 { font-size: 12px; } }

.circle03 { color: #fff; background-color: #9E7A39; border-radius: 10px; padding: 5px 15px; text-align: center; margin-left: 10px; margin-top: 10px; font-size: 14px; line-height: 1; }
@media only screen and (max-width: 499px) { .circle03 { font-size: 12px; } }

.circle04 { color: #fff; background-color: #9E7A39; border-radius: 10px; padding: 5px 15px; text-align: center; font-size: 14px; line-height: 1; }
@media only screen and (max-width: 499px) { .circle04 { font-size: 12px; } }

.circle03-flex { display: flex; flex-wrap: wrap; margin-left: -10px; margin-top: -10px; }

.detail02 { display: flex; flex-wrap: wrap; }
.detail02.m4table dt { margin-top: 40px; }
.detail02.m4table dt:first-child { margin-top: 0px !important; }
.detail02.m4table dd { margin-top: 40px; }
.detail02.m4table dd:first-of-type { margin-top: 0px !important; }
.detail02.m2table dt { margin-top: 5px; }
.detail02.m2table dt:first-child { margin-top: 0px !important; }
.detail02.m2table dd { margin-top: 5px; }
.detail02.m2table dd:first-of-type { margin-top: 0px !important; }
.detail02 dt { flex-basis: 80px !important; max-width: 80px !important; line-height: 1.5; }
.detail02 dd { flex-basis: calc(100% - 80px - 1em) !important; max-width: calc(100% - 80px - 1em) !important; padding-left: 1em; position: relative; line-height: 1.5; }
.detail02 dd::before { content: '\3a'; transform: translateX(-0.7em); position: absolute; }

/* 名前+値段用
================================ */
.both-menu ul + ul { margin-top: 40px; }
.both-menu ul .panel-flex { justify-content: space-between; }
.both-menu ul .panel-flex span:nth-child(2) { padding-left: 10px; }
.both-menu ul .panel-flex + .panel-flex { margin-top: 20px; }
.both-menu .chu { margin-top: 0 !important; }

/* listページ
================================ */
.list-box { margin-bottom: 30px; list-style-type: decimal; margin-left: 1.5em; }
.list-box .list-header { margin-bottom: 10px; font-weight: 500; }
.list-box .list-content li { line-height: 1.5; counter-increment: cnt; position: relative; padding-left: 1.5em; margin-left: 1em; }
.list-box .list-content li::before { display: block; width: 0; height: 0; margin-top: calc((1 - 1.5) * .5em); content: ""; }
.list-box .list-content li::after { display: block; width: 0; height: 0; margin-bottom: calc((1 - 1.5) * .5em); content: ""; }
.list-box .list-content li:before { content: " 1." counter(cnt) " "; position: absolute; left: -10px; transform: translateY(10px); }
.list-box .list-content li + li { margin-top: 10px; }
.list-box .list-content li.small-header { counter-increment: none; padding-left: 0; margin-left: 0; }
.list-box .list-content li.small-header:before { content: none; }
.list-box .list-content.second-list li:before { content: " 2." counter(cnt) " "; }
.list-box .list-content.third-list li:before { content: " 3." counter(cnt) " "; }
.list-box .list-content.four-list li:before { content: " 4." counter(cnt) " "; }
.list-box .list-content.five-list li:before { content: " 5." counter(cnt) " "; }

/* list02ページ タイトル-テキスト
================================ */
.list-box02 + .list-box02 { margin-top: 40px; }
.list-box02 .list-box02-header { margin-bottom: 20px; }
.list-box02 .list-box02-cont + .list-box02-cont { margin-top: 20px; }
.list-box02 .list-box02-cont .list-box02-tit { margin-bottom: 10px; }

/* m2table 表
================================ */
.m2table { margin-top: 10px; }

/* policyページ
================================ */
#yakkan .list-box .list-content li::before { content: " " counter(cnt) ". "; transform: translateY(7px); }
#yakkan .list-box .list-content li.small-header { counter-increment: none; padding-left: 0; margin-left: 0; }
#yakkan .list-box .list-content li.small-header:before { content: none; }

/* スライダー下テキストボックス
================================ */
.text-box01 .header-tit p { margin-top: 10px; }
.text-box01 ul li { line-height: 1.5; }
.text-box01 + .text-box01 { margin-top: 40px; }

/* アコーデイォン
================================ */
.accordion-btn01 .opt { position: relative; padding-bottom: 2px; }
.accordion-btn01 .opt + .opt { margin-top: 20px; }
.accordion-btn01 .opt .tog { display: none; }
.accordion-btn01 .opt .tit03, .accordion-btn01 .opt .content { transform: translateZ(0); transition: all 1s; }
.accordion-btn01 .opt .tit03 { display: flex; padding: 20px 60px 20px 15px; line-height: 1.5; background-color: #EEE; border-radius: 15px; }
.accordion-btn01 .opt .tit03:after { content: ""; position: absolute; background: url("../img/common/accordion-arrow.png") no-repeat; width: 22px; height: 19px; top: 7px; bottom: 0; right: 20px; margin: auto 0; transition: all 0.3s; background-size: contain; }
@media only screen and (max-width: 499px) { .accordion-btn01 .opt .tit03 { padding: 20px 30px 20px 20px; }
  .accordion-btn01 .opt .tit03::after { width: 17px; height: 10.5px; right: 10px; } }
.accordion-btn01 .opt .toggle_txt.bt { border-bottom: 1px solid #fff; }
.accordion-btn01 .opt .toggle_txt dl, .accordion-btn01 .opt .toggle_txt p { margin-top: 40px; }
.accordion-btn01 .opt .toggle_txt.m20text p { margin-top: 20px; }
.accordion-btn01 .opt .toggle_txt dl { display: flex; flex-wrap: wrap; }
.accordion-btn01 .opt .toggle_txt dl.menu dt, .accordion-btn01 .opt .toggle_txt dl.menu dd { margin-top: 40px; }
.accordion-btn01 .opt .toggle_txt dl dt, .accordion-btn01 .opt .toggle_txt dl dd { font-weight: 400; line-height: 1.5; }
.accordion-btn01 .opt .toggle_txt dl dt { flex-basis: 200px; max-width: 200px; }
.accordion-btn01 .opt .toggle_txt dl dt:first-child { margin-top: 0; }
.accordion-btn01 .opt .toggle_txt dl .menu-list { flex-basis: 100%; max-width: 100%; margin-top: 40px; }
.accordion-btn01 .opt .toggle_txt dl .menu-list .circle04 { line-height: 1.5; }
.accordion-btn01 .opt .toggle_txt dl .menu-list:first-child { margin-top: 0; }
.accordion-btn01 .opt .toggle_txt dl .menu-name { flex-basis: 100%; max-width: 100%; }
.accordion-btn01 .opt .toggle_txt dl .menu-name dd { margin-top: 0; }
.accordion-btn01 .opt .toggle_txt dl .menu-name dd + dd { margin-top: 0; }
@media only screen and (max-width: 743px) { .accordion-btn01 .opt .toggle_txt dl dt { flex-basis: 100%; max-width: 100%; }
  .accordion-btn01 .opt .toggle_txt dl .menu-name { flex-basis: 100%; max-width: 100%; margin-top: 0; }
  .accordion-btn01 .opt .toggle_txt dl.menu { /*----・なしのstyle----*/ }
  .accordion-btn01 .opt .toggle_txt dl.menu dt { margin-bottom: 10px; margin-top: 20px; }
  .accordion-btn01 .opt .toggle_txt dl.menu dt:first-child { margin-top: 0; }
  .accordion-btn01 .opt .toggle_txt dl.menu dd { position: relative; display: inline-block; padding-left: 1em; margin-top: 0; }
  .accordion-btn01 .opt .toggle_txt dl.menu dd::before { content: '\02022'; position: absolute; left: 0; }
  .accordion-btn01 .opt .toggle_txt dl.menu.menu02 dd { padding-left: 0; }
  .accordion-btn01 .opt .toggle_txt dl.menu.menu02 dd::before { display: none; } }
.accordion-btn01 .opt .toggle_txt .menu + .chu-box { margin-top: 40px; }
@media only screen and (max-width: 743px) { .accordion-btn01 .opt .toggle_txt .menu + .chu-box { margin-top: 20px; } }
.accordion-btn01 .opt .toggle_txt p { padding: 40px 0px; }
.accordion-btn01 .opt .toggle_txt.p0text p { padding: 0 !important; }
.accordion-btn01 .opt .toggle_txt.text-box .header-tit { margin-top: 40px; }
.accordion-btn01 .opt .toggle_txt.text-box .header-tit .tit04 { margin-bottom: 10px; }
.accordion-btn01 .opt .toggle_txt.text-box .header-tit p { padding: 0 !important; margin: 0 !important; }
.accordion-btn01 .opt .toggle_txt.text-box .text-detail { padding-top: 10px; }

.toggle_title { font-weight: bold; line-height: 42px; margin: 0; padding: 0 0 0 10px; position: relative; cursor: pointer; transition: 0.3s; }

.toggle_title.selected:after { transform: translateY(-50%) rotate(180deg); transition: 0.2s; }

.toggle_txt { display: none; }

/* 見出し
-------------------------------*/
.tit01 { font-size: 28px; line-height: 1.0666666667; font-weight: 400; letter-spacing: 0; }
@media only screen and (max-width: 499px) { .tit01 { font-size: 20px; } }
.tit01::before { display: block; width: 0; height: 0; margin-top: calc((1 - 1.0666666667) * .5em); content: ""; }
.tit01::after { display: block; width: 0; height: 0; margin-bottom: calc((1 - 1.0666666667) * .5em); content: ""; }

.tit02 { font-size: 20px; line-height: 2.1333333333; font-weight: 400; font-family: "Crimson Text", serif; }
@media only screen and (max-width: 499px) { .tit02 { font-size: 16px; } }
.tit02::before { display: block; width: 0; height: 0; margin-top: calc((1 - 2.1333333333) * .5em); content: ""; }
.tit02::after { display: block; width: 0; height: 0; margin-bottom: calc((1 - 2.1333333333) * .5em); content: ""; }

.tit03 { font-size: 14px; line-height: 3.2; font-weight: 500; }
@media only screen and (max-width: 499px) { .tit03 { font-size: 12px; } }

.tit04 { font-size: 20px; font-weight: 400; font-family: "Crimson Text", serif; line-height: 1; }
@media only screen and (max-width: 499px) { .tit04 { font-size: 16px; } }

h2.tit04 { font-size: 28px; font-weight: 400; font-family: "Crimson Text", serif; line-height: 1; }
@media only screen and (max-width: 499px) { h2.tit04 { font-size: 20px; } }

.tit05 { font-size: 20px; font-weight: 400; line-height: 1.5; }
@media only screen and (max-width: 499px) { .tit05 { font-size: 16px; } }

/* ボタン
-------------------------------*/
.beige-btn01 .btn { background-color: #EEE; border-radius: 15px; padding: 20px 60px 20px 15px; position: relative; display: flex; align-items: center; line-height: 1.5; }
.beige-btn01 .btn::after { content: ""; position: absolute; background: url("../img/common/btn-arrow.png") no-repeat; width: 20px; height: 22px; top: 0; bottom: 0; right: 10px; margin: auto 0; background-size: contain; }
.beige-btn01 .btn + .btn { margin-top: 20px; }
@media only screen and (max-width: 499px) { .beige-btn01 .btn { padding: 10px 30px 10px 10px; }
  .beige-btn01 .btn::after { width: 10px; height: 17px; right: 10px; } }
.beige-btn01 .btn.gaibu::after { background: url("../img/common/gaibu.png") no-repeat; width: 13px; background-size: contain; }

.beige-btn02 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.beige-btn02 .btn { background-color: #EEE; border-radius: 15px; padding: 20px 15px; position: relative; display: flex; align-items: center; line-height: 1.5; }
.beige-btn02 .btn::after { content: ""; position: absolute; background: url("../img/common/btn-arrow.png") no-repeat; width: 20px; height: 22px; top: 0; bottom: 0; right: 10px; margin: auto 0; background-size: contain; }
.beige-btn02 .btn.gaibu::after { background: url(../img/common/gaibu.png) no-repeat; width: 13px; background-size: contain; }
@media only screen and (max-width: 499px) { .beige-btn02 { gap: 15px; }
  .beige-btn02 .btn { padding: 20px 30px 20px 20px; }
  .beige-btn02 .btn::after { width: 10px; height: 17px; right: 10px; } }

.beige-btn03 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; }
.beige-btn03 .btn { background-color: #EEE; border-radius: 15px; padding: 40px 30px; position: relative; display: flex; align-items: center; line-height: 1; }
.beige-btn03 .btn::after { content: ""; position: absolute; background: url("../img/common/btn-arrow.png") no-repeat; width: 20px; height: 22px; top: 0; bottom: 0; right: 10px; margin: auto 0; }
.beige-btn03 .icon-btn { background-color: #EEE; border-radius: 15px; padding: 12px; line-height: 1.5; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.beige-btn03 .icon-btn figure { margin-bottom: 5px; width: 100%; }
.beige-btn03 .icon-btn figure img { display: block; margin: 0 auto; width: 20px; }
@media only screen and (max-width: 499px) { .beige-btn03 .icon-btn figure { margin-right: 3px; }
  .beige-btn03 .icon-btn figure img { max-width: 20px; } }
@media only screen and (max-width: 499px) { .beige-btn03 { gap: 15px; grid-template-columns: 1fr 1fr; }
  .beige-btn03 .btn { padding: 20px; }
  .beige-btn03 .btn::after { width: 10px; height: 17px; right: 10px; }
  .beige-btn03 .icon-btn { padding: 15px 10px; } }

.yellow-box h3 { background-color: #16bbbf; border-radius: 15px; padding: 20px 30px; display: flex; align-items: center; line-height: 1; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif; }
@media only screen and (max-width: 499px) { .yellow-box h3 { padding: 15px 30px 15px 20px; } }

/* 共通マージン
-------------------------------*/
.com-mb01 { margin-bottom: 60px; }

.com-mt01 { margin-top: 60px; }

.com-mb02 { margin-bottom: 40px; }

.com-mt02 { margin-top: 40px; }

.com-mb03 { margin-bottom: 20px; }

.com-mt03 { margin-top: 20px; }

.last-mb { margin-bottom: 120px; }

/* 汎用クラス
========================================================= */
.dis-block { display: block; }

.w362 { width: 362px; }

.w100 { width: 100% !important; max-width: 100% !important; flex-basis: 100% !important; }

.text-left { text-align: left !important; }

.gaibu02 { display: flex; align-items: center; }
.gaibu02 img { width: 13px; height: 13px; }

/* slider設定
========================================================= */
.com-slider-box-01 .slick-dots { position: absolute; right: 0; bottom: 10px; left: 0; z-index: 1; }
.com-slider-box-01 .slick-dots li::before, .com-slider-box-01 .slick-dots li::after { display: none; }
.com-slider-box-01 img { width: 100%; }
.com-slider-box-01 .slick-arrow { z-index: 5; position: absolute; top: 50%; transform: translateY(-50%); background-image: url(../img/common/slider_arrow_shadow.png); width: 27px; height: 50px; }
.com-slider-box-01 .slick-arrow.slick-next { left: auto; right: 10px; }
.com-slider-box-01 .slick-arrow.slick-prev { transform: translateY(-50%) rotate(180deg); right: auto; left: 10px; }
.com-slider-box-01 .slick-arrow::before, .com-slider-box-01 .slick-arrow ::after { display: none; }
.com-slider-box-01 .slider figure { aspect-ratio: 760/360; position: relative; }
.com-slider-box-01 .slider figure img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; }

/* slick
-------------------------------------- */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; outline: none; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide a { outline: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

.slick-arrow { z-index: 5; position: absolute; top: 50%; transform: translateY(-50%); width: 31px; height: 60px; padding: 0; text-indent: -9999px; border: none; background-color: transparent !important; background-image: url(../img/common/slider_arrow_w.png); background-repeat: no-repeat !important; background-position: center !important; background-size: auto; outline: none; cursor: pointer; transition: .4s; }
.slick-arrow.slick-next { right: 20px; }
@media (max-width: 767px) { .slick-arrow.slick-next { right: 10px; } }
.slick-arrow.slick-prev { left: 20px; transform: translateY(-50%) rotate(180deg); }
@media (max-width: 767px) { .slick-arrow.slick-prev { left: 10px; } }
.slick-arrow:hover { opacity: .7; }

.slick-dots { display: flex; justify-content: center; width: 100%; }
.slick-dots li { width: 40px; height: 4px; margin: 0 5px; border: none; border-radius: none; appearance: none; -webkit-appearance: none; font-size: 0; line-height: 1; outline: none; background: #5f5341; transition: .4s; /*追加*/ position: relative; cursor: pointer; }
.slick-dots li.slick-active { background: #16bbbf; }
.slick-dots li:before { content: ''; display: block; position: absolute; width: 100%; height: 20px; top: -10px; left: 0; }
.slick-dots button { display: none; }

#special-notice { background-color: #16bbbf; text-align: center; overflow: hidden; }
#special-notice .notice-block { display: none; }
#special-notice .notice-block.visible { display: block; }
#special-notice .notice-block h3 { color: #fff; margin: 0; display: inline-block; padding-left: 100%; white-space: nowrap; line-height: 1em; animation: scrollSample01 10s linear infinite; padding-top: 20px; padding-bottom: 20px; text-size-adjust: 100%; -webkit-text-size-adjust: 100%; /* Safari */ }
#special-notice .notice-block h3 span + span { margin-left: 10px; }
#special-notice .notice-block + .notice-block { border-top: 1px solid; }

@keyframes scrollSample01 { 0% { transform: translateX(0); }
  100% { transform: translateX(-100%); } }
/* imgviewer02 leaflet
-------------------------------------- */
.leaflet-top { bottom: 0; top: auto; z-index: 500; }

.leaflet-container { background: #faf5f2; }

.header-lang .lang_menu { display: flex; justify-content: center; }
.header-lang .lang_menu .menu_link { transition: 0.3s; visibility: visible; opacity: 1; padding: 10px; position: relative; }
.header-lang .lang_menu .menu_link:before { transition: 0.3s; content: ''; display: block; background: url("../img/common/lang-arrow.png") no-repeat; width: 10px; height: 9px; position: absolute; top: 17px; right: -4px; }
@media (max-width: 445px) { .header-lang .lang_menu .menu_link:before { top: 14px; } }
.header-lang .lang_menu .drop-menu { flex-direction: column; position: absolute; transition: all .3s; border: 1px solid #fff; border-radius: 5px; transition: 0.3s; visibility: hidden; opacity: 0; top: 60px; z-index: 10; }
@media screen and (max-width: 499px) { .header-lang .lang_menu .drop-menu { right: 3%; } }
.header-lang .lang_menu .drop-menu.is-active { transition: 0.3s; visibility: visible; opacity: 1; overflow-x: hidden; }
.header-lang .lang_menu .drop-menu .drop-menu_link { padding: 7px 5px; display: block; width: 100%; }
.header-lang .lang_menu .drop-menu .drop-menu_link:hover { background-color: #e3dfd8; }

.js-accordion-box dl { padding-left: 1.5em; padding-right: 1.5em; padding-top: 20px; padding-bottom: 20px; background-color: #EEE; border-radius: 15px; }
.js-accordion-box .accordion-box { height: 0; overflow: hidden; transition: height 0.4s ease; }

.js-accordion { position: relative; cursor: pointer; margin-top: 20px; padding-right: 30px; }
.js-accordion:first-of-type { margin-top: 0; }
.js-accordion:after { content: ""; position: absolute; background: url("../img/check/staff-news-arrow.png") no-repeat; width: 2.5vw; height: 12px; max-width: 21px; min-width: 18px; display: block; bottom: 0; right: 0px; margin: auto 0; transition: all 0.3s; background-size: contain; }
.js-accordion.is-accordion--open::after { transform: rotate(180deg); transition: 0.2s; }
.js-accordion .circle04 { margin-bottom: 20px; }

.accordion-box { padding-right: 60px; }
.accordion-box p { padding-top: 20px; line-height: 1.5; }

/*----------------------------------------------------
	ニュースページ用
----------------------------------------------------*/
.news-title .tit05 span { display: block; }

#news .share { display: flex; align-items: center; }
#news .share p { display: flex; align-items: center; font-family: "Crimson Text", serif; }
#news .share p::after { content: ''; display: block; width: 65px; height: 1px; background-color: #373737; margin-left: 10px; }
#news .news-text { margin-top: 20px; }

#pager { max-width: 730px; padding-bottom: 20px; padding-top: 40px; margin-left: auto; margin-right: auto; display: flex; align-items: center; }
#pager > li { display: block; }
#pager > li.pager-list { width: 104px; text-align: center; transition: .3s; }
#pager > li.pager-list:hover { transform: scale(0.9); }
#pager > li.pager-arrow { width: calc((100% - 104px)/2); }
#pager > li.pager-arrow a { font-weight: 500; position: relative; }
#pager > li.pager-arrow a:before { content: ''; display: block; background: url("../img/news/pager_arrow.png") no-repeat center center/contain; width: 8px; height: 15px; position: absolute; top: 50%; margin-top: -7px; transition: .3s; }
#pager > li.pager-arrow.prev a { padding-left: 2em; }
#pager > li.pager-arrow.prev a:before { left: 0; }
#pager > li.pager-arrow.prev a:hover:before { left: -10px; }
#pager > li.pager-arrow.next { text-align: right; }
#pager > li.pager-arrow.next a { padding-right: 2em; }
#pager > li.pager-arrow.next a:before { right: 0; transform: rotate(180deg); }
#pager > li.pager-arrow.next a:hover:before { right: -10px; }

/*-------------------------------------
　ニュースリスト
-------------------------------------*/
#news-list > .news-list-box { display: block; }
#news-list > .news-list-box figure { margin-bottom: 20px; }
#news-list > .news-list-box p span { display: block; }
#news-list .news-list-box + .news-list-box { margin-top: 40px; }

/*----------------------------------------------------
	モーダル
----------------------------------------------------*/
.modal .modal-check { display: none; }
.modal .modal-body { display: none; position: fixed; align-items: flex-start; padding-top: 50px; justify-content: center; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.2); z-index: 100000; }
.modal .modal-body .modal-window { position: relative; z-index: 100001; animation: fadein .3s 1, zoomin .3s 1; }
.modal .modal-body .modal-window .modal-label { position: absolute; top: -20px; right: -20px; display: flex; align-items: center; justify-content: center; line-height: 1; border-radius: 50%; width: 40px; height: 40px; cursor: pointer; transition: all .2s ease; }
.modal .modal-body .modal-window .modal-label span { width: 30px; height: 30px; display: block; position: relative; }
.modal .modal-body .modal-window .modal-label span:after { content: ''; display: block; width: 20px; height: 2px; background-color: #595656; position: absolute; top: 50%; left: 20%; transform: rotate(45deg); }
.modal .modal-body .modal-window .modal-label span:before { content: ''; display: block; width: 20px; height: 2px; background-color: #595656; position: absolute; top: 50%; left: 20%; transform: rotate(-45deg); }
.modal .modal-body .modal-window .modal-inner { width: 80vw; max-width: 950px; max-height: calc(100vh - 100px); overflow-y: auto; background: #fff; border-radius: 3px; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5); }
.modal .modal-body .modal-window .modal-inner .modal-content { padding: 50px 20px; }
.modal .modal-body .modal-window .modal-inner .modal-content h3 { font-size: 18px; margin-bottom: 20px; }
.modal .modal-body .modal-wrap { position: relative; }
.modal .modal-check:checked + .modal-body { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }

@keyframes fadein { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes zoomin { 0% { transform: scale(0.9); }
  100% { transform: scale(1); } }
.modal_link { cursor: pointer; transition: all 0.5s; }

/*全て共通：hideエリアをはじめは非表示*/
.hide-area { display: none; }

/*全て共通：モーダルのボタンの色を変更したい場合*/
.modaal-close:after, .modaal-close:before { background: #ccc; }

.modaal-close:focus:after, .modaal-close:focus:before, .modaal-close:hover:after, .modaal-close:hover:before { background: #666; }

/*----------------------------------------------------
口コミページ用
----------------------------------------------------*/
.voice-box { padding-bottom: 100px; }
.voice-box select { width: 100%; max-width: 100%; box-sizing: border-box; }
.voice-box select option { font-size: 12px; }
.voice-box dt, .voice-box dd { width: 100%; display: block; box-sizing: border-box; }
.voice-box dt { margin-bottom: 5px; font-weight: 500; }
.voice-box div { max-width: 100%; }
.voice-box label { width: 100%; display: block; }
.voice-box .panel-form > div { margin-bottom: 20px; }
.voice-box .star-rating { direction: rtl; display: inline-flex; font-size: 1.5rem; }
.voice-box .star-rating input[type="radio"] { display: none; }
.voice-box .star-rating label { color: #ccc; cursor: pointer; transition: color 0.2s; }
.voice-box .star-rating input[type="radio"]:checked ~ label, .voice-box .star-rating label:hover, .voice-box .star-rating label:hover ~ label { color: gold; }
.voice-box textarea { width: 100%; }
.voice-box .submit-btn { margin-left: auto; margin-right: auto; display: block; margin-top: 10px; }

/*----------------------------------------------------
スケジュール
----------------------------------------------------*/
.schecule dl > div { display: flex; gap: 5px; padding: 5px 0; border-top: 1px solid #000; }
.schecule dl > div:last-child { border-bottom: 1px solid #000; }
.schecule dl > div.reserve dt, .schecule dl > div.reserve dd { color: #BBBBBB; }
.schecule dl > div dt { width: 95px; padding-left: 5px; padding-right: 30px; position: relative; }
.schecule dl > div dt::after { content: '→'; position: absolute; right: 0; }
.schecule dl > div dd { padding-left: 25px; padding-right: 5px; flex: 1; }
.schecule .arrow-header { display: flex; align-items: center; justify-content: space-between; gap: 1em; margin-bottom: 10px; }
.schecule .arrow-header h4 { flex: 1; text-align: center; margin: 0; }
.schecule .arrow { background: none; border: none; font-size: 1.2rem; cursor: pointer; transition: opacity 0.3s; }
.schecule .arrow.disabled { opacity: 0.3; pointer-events: none; cursor: default; }

/*----------------------------------------------------
トップのみマージンの調整
----------------------------------------------------*/
section.inner + section.inner { margin-top: 30px; }

.com-mb02 { margin-bottom: 20px; }

.slick-slider { margin-bottom: 0px; }

.slider { margin-bottom: 20px; }

.com-mb01 { margin-bottom: 40px; }

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