/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/sass/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
*{
  box-sizing:border-box;
}

::before,
::after{
  box-sizing:inherit;
}
html{
  line-height:1.15;
  -webkit-text-size-adjust:100%;
  -webkit-tap-highlight-color:transparent;
}
body{
  margin:0;
}
main{
  display:block;
}
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl{
  margin:0;
}
h1,
h2,
h3,
h4,
h5,
h6{
  font-size:inherit;
  line-height:inherit;
  font-weight:inherit;
  margin:0;
}
ul,
ol{
  margin:0;
  padding:0;
  list-style:none;
}
dt{
  font-weight:bold;
}

dd{
  margin-left:0;
}
hr{
  box-sizing:content-box;
  height:0;
  overflow:visible;
  border:0;
  border-top:1px solid;
  margin:0;
  clear:both;
  color:inherit;
}
pre{
  font-family:monospace, monospace;
  font-size:inherit;
}

address{
  font-style:inherit;
}
a{
  background-color:transparent;
  text-decoration:none;
  color:inherit;
}
abbr[title]{
  border-bottom:none;
  text-decoration:underline;
  -webkit-text-decoration:underline dotted;
          text-decoration:underline dotted;
}
b,
strong{
  font-weight:bolder;
}
code,
kbd,
samp{
  font-family:monospace, monospace;
  font-size:inherit;
}
small{
  font-size:80%;
}
sub,
sup{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline;
}

sub{
  bottom:-0.25em;
}

sup{
  top:-0.5em;
}
img{
  border-style:none;
  vertical-align:bottom;
}

embed,
object,
iframe{
  border:0;
  vertical-align:bottom;
}
button,
input,
optgroup,
select,
textarea{
  -webkit-appearance:none;
  appearance:none;
  vertical-align:middle;
  color:inherit;
  font:inherit;
  border:0;
  background:transparent;
  padding:0;
  margin:0;
  outline:0;
  border-radius:0;
  text-align:inherit;
}

[type=checkbox]{
  -webkit-appearance:checkbox;
  appearance:checkbox;
}

[type=radio]{
  -webkit-appearance:radio;
  appearance:radio;
}
button,
input{
  overflow:visible;
}
button,
select{
  text-transform:none;
}
button,
[type=button],
[type=reset],
[type=submit]{
  cursor:pointer;
  -webkit-appearance:none;
  appearance:none;
}

button[disabled],
[type=button][disabled],
[type=reset][disabled],
[type=submit][disabled]{
  cursor:default;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner{
  border-style:none;
  padding:0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring{
  outline:1px dotted ButtonText;
}
option{
  padding:0;
}
fieldset{
  margin:0;
  padding:0;
  border:0;
  min-width:0;
}
legend{
  color:inherit;
  display:table;
  max-width:100%;
  padding:0;
  white-space:normal;
}
progress{
  vertical-align:baseline;
}
textarea{
  overflow:auto;
}
[type=checkbox],
[type=radio]{
  padding:0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button{
  height:auto;
}
[type=search]{
  outline-offset:-2px;
}
[type=search]::-webkit-search-decoration{
  -webkit-appearance:none;
}
::-webkit-file-upload-button{
  -webkit-appearance:button;
  font:inherit;
}
label[for]{
  cursor:pointer;
}
details{
  display:block;
}
summary{
  display:list-item;
}
table{
  border-collapse:collapse;
  border-spacing:0;
}

caption{
  text-align:left;
}

td,
th{
  vertical-align:top;
  padding:0;
}

th{
  text-align:left;
  font-weight:bold;
}
template{
  display:none;
}
[hidden]{
  display:none;
}
html{
  font-size:62.5% !important;
  scroll-behavior:smooth;
}

body{
  color:#333;
  font-size:1.4rem;
  font-family:"Noto Sans JP", "ヒラギノ角ゴシック", "Hiragino Sans", "メイリオ", "Meiryo", sans-serif;
  font-weight:400;
  line-height:1.8;
  letter-spacing:0.05em;
  -webkit-text-size-adjust:100%;
  background-color:#fff;
}

:root{
  --lt-green:#66C2AE;
  --lt-blue:#679FCA;
  --lt-purple:#B172B6;
  --lt-pink:#E170A4;
  --lt-orange:#FF7F00;
}

img{
  width:100%;
  height:auto;
  vertical-align:bottom;
}

picture{
  display:block;
}

h1,
h2,
h3,
h4,
h5,
h6{
  font-weight:400;
  line-height:1.5;
  letter-spacing:0.05em;
}

*[lang=en]{
  font-family:"Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

em{
  font-style:normal;
}

small{
  font-size:100%;
}
sup{
  color:var(--lt-pink);
}
.l-container{
  margin-left:auto;
  margin-right:auto;
  width:calc(100% - 5.3050397878vw);
}
.l-container.--header{
  width:100%;
}

.l-card-list > li + li{
  margin-top:20px;
}

.l-contents__item + .l-contents__item{
  margin-top:20px;
}

.l-sidebar__item + .l-sidebar__item{
  margin-top:20px;
}

.l-reserve-list__item + .l-reserve-list__item{
  margin-top:10px;
}
.text-center{
  text-align:center !important;
}
.text-right{
  text-align:right;
}

.center{
  margin-left:auto;
  margin-right:auto;
}
.screen-reader-text{
  clip:rect(1px, 1px, 1px, 1px);
  position:absolute !important;
  height:1px;
  width:1px;
  overflow:hidden;
}
.overlap-minus-1px{
  margin-top:-1px;
}

.media{
  position:relative;
  height:0;
  overflow:hidden;
  padding-bottom:56.25%;
}
.media > *{
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:100%;
}

.mr-top-10{
  margin-top:10px;
}

.mr-top-20{
  margin-top:20px;
}

.mr-top-30{
  margin-top:30px;
}

.mr-top-40{
  margin-top:40px;
}
.text{
  letter-spacing:-0.05em;
  text-align:justify;
  word-break:break-all;
  text-justify:inter-ideograph;
  text-justify:inter-character;
  word-wrap:break-word;
  overflow-wrap:break-word;
  line-height:1.6;
}
.text-20{
  font-size:2rem;
}
.text-18{
  font-size:1.8rem;
}
.text-16{
  font-size:1.6rem;
}
.text-14{
  font-size:1.4rem;
}
.text-12{
  font-size:1.2rem;
}
.text-10{
  font-size:1.2rem;
}
.text-8{
  font-size:0.8rem;
}
.text-resp-42{
  font-size:5.5702917772vw;
}
.text-resp-38{
  font-size:5.0397877984vw;
}
.text-resp-37{
  font-size:4.9071618037vw;
}
.text-resp-34{
  font-size:4.5092838196vw;
}
.text-resp-33{
  font-size:4.3766578249vw;
}
.text-resp-30{
  font-size:3.9787798408vw;
}
.text-resp-29{
  font-size:3.8461538462vw;
}
.text-resp-24{
  font-size:3.1830238727vw;
}
.text-resp-20{
  font-size:2.6525198939vw;
}
.text-resp-18{
  font-size:2.3872679045vw;
}
.text-resp-16{
  font-size:2.1220159151vw;
}
.text-resp-14{
  font-size:1.8567639257vw;
}
.text-resp-12{
  font-size:1.5915119363vw;
}
.text-resp-10{
  font-size:1.3262599469vw;
}
.text-bold{
  font-weight:700;
}
.text-md{
  font-weight:500;
}
.text-underline{
  text-decoration:underline;
}
.text-color-red-1{
  color:#ff0000;
}
.text-color-purple-1{
  color:#ba52d6;
}
.text-color-blue-1{
  color:#0192ff;
}
.text-color-yellow-1{
  color:#fffd00;
}
.text-color-orange-1{
  color:#ff9b24;
}
.text-color-yellow-2{
  color:#ffe800;
}
.text-color-orange-2{
  color:#ed6900;
}
.text-link{
  color:#0025ff;
}
.text-icon .material-icons{
  display:inline-block;
  font-size:0.8em;
}
.text-icon.--ic-md .material-icons{
  font-size:1em;
  -webkit-transform:translateY(0.12em);
          transform:translateY(0.12em);
}
.text-icon.--before .material-icons{
  margin-right:0.4em;
}

.color-gray{
  color:#999;
}
.color-lt-green{
  color:var(--lt-green);
}
.color-lt-blue{
  color:var(--lt-blue);
}
.color-lt-purple{
  color:var(--lt-purple);
}
.color-lt-pink{
  color:var(--lt-pink);
}
.material-icons,
.material-icons-outlined,
.material-icons-round,
.material-icons-sharp{
  font-family:"Material Icons";
  font-weight:normal;
  font-style:normal;
  font-size:24px;
  display:inline-block;
  line-height:1;
  text-transform:none;
  letter-spacing:normal;
  word-wrap:normal;
  white-space:nowrap;
  direction:ltr;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  -moz-osx-font-smoothing:grayscale;
  -webkit-font-feature-settings:"liga";
          font-feature-settings:"liga";
}

.material-icons-outlined{
  font-family:"Material Icons Outlined";
}

.material-icons-round{
  font-family:"Material Icons Round";
}

.material-icons-sharp{
  font-family:"Material Icons Sharp";
}

.material-symbols-outlined{
  font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48;
}
.btn{
  cursor:pointer;
}
.btn-row{
  display:flex;
  justify-content:center;
  margin-left:-10px;
}
.btn-row > *{
  min-width:160px;
  margin-left:10px;
}
.btn.--default{
  background-color:var(--lt-green);
  color:#fff;
  font-weight:700;
  border-radius:2em;
  padding:0.7em 2.2em 0.8em;
  line-height:1;
  display:inline-block;
}
.btn.--ghost{
  font-weight:700;
  border-radius:2em;
  padding:calc(0.7em - 1px) 2.2em calc(0.8em - 1px);
  line-height:1;
  display:inline-block;
  border:solid 1px var(--lt-green);
  color:var(--lt-green);
}
.btn.--ghost.--weak{
  border-color:#ddd;
  color:#333;
}
.btn.--block{
  display:block;
}
.btn.--center{
  text-align:center !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
.btn-radio{
  display:none;
}
.btn-radio + label{
  background-color:#999;
  color:#fff;
  font-weight:700;
  border-radius:2em;
  padding:0.7em 1.8em 0.8em;
  line-height:1;
  display:inline-block;
}
.btn-radio:checked + label{
  background-color:var(--lt-green);
}

.btn-select{
  border:solid 1px var(--lt-green);
  color:var(--lt-green);
  font-weight:700;
  border-radius:2em;
  padding:calc(0.7em - 1px) 0.8em calc(0.8em - 1px);
  line-height:1;
  box-sizing:border-box;
  text-align:-webkit-center;
  text-align:center;
  cursor:pointer;
}
.btn-select.--weak{
  border:solid 1px #ddd;
  color:#333;
  border-radius:4px;
}
.btn-select > *{
  text-align:-webkit-center;
  text-align:start;
}

.icon-text{
  position:relative;
  display:flex;
  align-items:center;
}
.icon-text.--inline{
  display:inline-flex;
}
.icon-text > .material-icons, .icon-text i{
  margin-right:0.4em;
  font-size:1.4em;
}

.label{
  line-height:1;
  padding:0.2em 0.8em 0.3em;
  border-radius:4px;
  display:inline;
  color:white;
}

.box{
  border-radius:14px;
  box-shadow:0 0 4px 3px rgba(0, 0, 0, 0.05);
  padding:20px 20px 40px;
}
.box__section{
  border-bottom:solid 1px #ddd;
  padding-top:20px;
  padding-bottom:20px;
}
.box__section:first-child{
  padding-top:0;
}
.box__section:last-child{
  padding-bottom:0;
  border-bottom:0;
}

.link{
  text-decoration:none;
  cursor:pointer;
  transition:0.5s;
}
.link-text{
  color:var(--lt-green);
}
.acc{
}
.acc__header{
  position:relative;
  cursor:pointer;
}
.acc.--close .acc__inner{
  display:none;
}
strong{
  font-weight:normal;
  background:linear-gradient(transparent 60%, #FBEB9E 0, #FBEB9E 0);
}

.marker{
  font-weight:700;
  background:linear-gradient(transparent 60%, #FEEDDD 0, #FEEDDD 0);
  color:#00a06d;
}

.bg-color-white{
  background-color:#fff;
}
.bg-lt-green{
  background-color:var(--lt-green);
}
.bg-lt-blue{
  background-color:var(--lt-blue);
}
.bg-lt-purple{
  background-color:var(--lt-purple);
}
.bg-lt-pink{
  background-color:var(--lt-pink);
}
.bg-lt-orange{
  background-color:var(--lt-orange);
}

.input{
  border:solid 1px #ddd;
  border-radius:4px;
  padding:0.2em 0.6em;
  width:100%;
}
.input.--60{
  width:60%;
}
.input.--80{
  width:80%;
}
.input::-webkit-input-placeholder{
  color:#ccc;
}
.input::placeholder{
  color:#ccc;
}

.input + .validation-error, .radio-group + .validation-error, select + .validation-error{
  color:var(--lt-pink);
  font-size:0.8em;
  display:none;
  margin-top:5px;
}
.header__fv{
  overflow:hidden;
}
.header__subheader{
  margin-bottom:20px;
  padding:20px 20px 0 20px;
}

.footer{
  background-color:var(--lt-green);
  padding:30px 0;
  color:#fff;
}
.footer__copyright{
  text-align:center;
  font-size:1.2rem;
}

.contents{
  padding:20px 0 30px;
}
.contents.--pad-bottom{
  padding-bottom:220px;
}

.card{
  border-radius:14px;
  overflow:hidden;
  min-height:220px;
  display:flex;
  align-items:stretch;
  box-shadow:0 0 4px 3px rgba(0, 0, 0, 0.05);
}
.card-wrap:nth-child(2n) .card__thumb{
  background-color:#E6F5B0;
  background:repeating-linear-gradient(60deg, #E6F5B0, #E6F5B0 10px, #fff 0, #fff 20px, #f7f7f7 0, #f7f7f7 30px);
  opacity:0.5;
}
.card-wrap:nth-child(2n-1) .card__thumb{
  background-color:#E6F5B0;
  background:repeating-linear-gradient(60deg, #E6F5B0, #E6F5B0 10px, #fff 0, #fff 20px, #f7f7f7 0, #f7f7f7 30px);
  opacity:0.5;
}
.card__thumb{
  background-color:#f7f7f7;
  min-height:150px;
  width:40%;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
}
.card__contents{
  position:relative;
  padding:20px;
  width:70%;
}
.card__ttl{
  font-weight:700;
  margin-bottom:15px;
  font-size:1.6rem;
}
.card__meta{
  margin-top:15px;
  font-size:1.2rem;
}
.card__meta > li{
  margin-right:1em;
}
.card__meta .material-icons{
  color:#999;
}
.card__tag{
  margin-top:15px;
  font-size:1.2rem;
}
.card__btn{
  margin-top:15px;
  text-align:right;
  font-size:1.4rem;
  position:absolute;
  right:20px;
  bottom:20px;
}

.sidebar{
  padding:20px 0 0;
}
.sidebar__ttl{
  font-weight:700;
}
.sidebar__logo > a{
  display:block;
}
.sidebar__logo img{
  max-width:100px;
}

.menu__item{
  padding-left:20px;
  line-height:1;
}
.menu__item + .menu__item{
  margin-top:20px;
}
.menu__item > a, .menu__item > span{
  font-size:1.6rem;
  color:#999;
}
.menu__item.--current{
  border-left:solid 4px var(--lt-green);
}
.menu__item.--current > a,
.menu__item.--current > span{
  font-weight:700;
  color:var(--lt-green);
}

.nav-bar{
  position:relative;
  box-shadow:3px 3px 5px 1px rgba(20, 20, 20, 0.15);
  z-index:999;
}

.list-filter li{
  display:flex;
  align-items:center;
}
.list-filter > li + li{
  margin-top:10px;
}
.list-filter .btn-radio + label + select{
  display:none;
  margin-left:10px;
}
.list-filter .btn-radio:checked + label + select{
  display:inline-block;
}
.list-filter label, .list-filter select{
  font-size:1.2rem;
}

.menu-btn{
  position:relative;
  display:flex;
  height:40px;
  width:40px;
  justify-content:center;
  align-items:center;
  z-index:90;
  transition:0.5s;
}

#menu-btn-check:checked ~ .menu-btn{
  margin-left:50%;
}

.menu-btn span,
.menu-btn span:before,
.menu-btn span:after{
  content:"";
  display:block;
  height:2px;
  width:15px;
  border-radius:3px;
  background-color:#999;
  position:absolute;
}

.menu-btn span:before{
  bottom:5px;
}

.menu-btn span:after{
  top:5px;
}

#menu-btn-check:checked ~ .menu-btn span{
  background-color:rgba(255, 255, 255, 0);
}

#menu-btn-check:checked ~ .menu-btn span::before{
  bottom:0;
  -webkit-transform:rotate(45deg);
          transform:rotate(45deg);
}

#menu-btn-check:checked ~ .menu-btn span::after{
  top:0;
  -webkit-transform:rotate(-45deg);
          transform:rotate(-45deg);
}

#menu-btn-check{
  display:none;
}

.menu-content{
  width:50%;
  height:100%;
  position:fixed;
  top:0;
  right:100%;
  z-index:80;
  background-color:rgba(255, 255, 255, 0.95);
  transition:all 0.5s;
  padding:20px;
}

#menu-btn-check:checked ~ .menu-content{
  right:50%;
}
body.fixed{
  width:100%;
  height:100%;
  position:fixed;
}

.list-row{
  display:flex;
  justify-content:space-between;
  border-bottom:solid 1px #ddd;
  padding:15px 0;
}
.list-row-wrap > *:last-child{
  border-bottom:0;
}
.list-row.--algin-center{
  align-items:center;
}
.list-row.--in{
  border-bottom:0;
  padding:0;
}
.list-row.--in > *:first-child{
  font-weight:normal;
  width:calc(50% - 5px);
}
.list-row.--in > *:last-child{
  width:calc(50% - 5px);
}
.list-row > *:first-child{
  font-weight:700;
  width:35%;
}
.list-row > *:last-child{
  width:calc(65% - 10px);
}

.reserve-card__link{
  position:relative;
  display:flex;
  padding:20px;
  border-radius:12px;
  border:solid 2px #ddd;
}
.reserve-card__link.--selected{
  border:solid 2px var(--lt-green);
  background-color:var(--lt-green);
  color:#fff;
}
.reserve-card__item:first-child{
  padding-right:20px;
  border-right:solid 2px #ddd;
  width:40%;
  font-weight:700;
}
.reserve-card__item:last-child{
  padding-left:20px;
  width:60%;
}

.widget-ttl{
  font-weight:700;
  font-size:1.8rem;
  padding-top:10px;
  padding-bottom:10px;
  border-bottom:solid 2px #ddd;
}
.widget-ttl .material-icons{
  color:var(--lt-green);
  font-size:2em;
}

.picked-card{
  position:relative;
  border-radius:12px;
  border:solid 2px var(--lt-green);
}
.picked-card-area.--hidden{
  display:none;
}
.picked-card__ttl{
  font-size:1.8rem;
  font-weight:700;
  padding-bottom:10px;
  border-bottom:solid 1px #ddd;
  margin-bottom:10px;
}
.picked-card__link{
  display:block;
  padding:20px;
}
.picked-card__meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
}
.picked-card__meta > span + span{
  margin-left:10px;
}
.picked-card__tag-icon{
  position:absolute;
  top:0;
  left:20px;
  -webkit-transform:translateY(-50%);
          transform:translateY(-50%);
  color:var(--lt-green);
  background-color:#fff;
}

.reserve__ttl{
  position:relative;
  font-weight:bold;
  padding-bottom:10px;
  font-size:1.8rem;
}
.reserve__ttl::before{
  position:absolute;
  display:block;
  content:"";
  bottom:0;
  left:0;
  width:60px;
  border-bottom:solid 3px var(--lt-green);
}
.reserve__meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
}
.reserve__meta > li{
  display:inline;
}
.reserve__meta > li + li{
  margin-left:10px;
}
.reserve__meta .btn{
  padding-left:1.4em;
  padding-right:1.4em;
}
.reserve__meta .material-icons{
  color:var(--lt-green);
}
.reserve__pics{
  display:flex;
  flex-wrap:wrap;
  margin-left:-5px;
}
.reserve__pics > a{
  width:60px;
  border:solid 2px #ddd;
  margin-left:5px;
  margin-top:5px;
}
.reserve__acc-header{
  position:relative;
  font-weight:bold;
  padding-right:30px;
}
.reserve__acc-header.--arrow::before{
  position:absolute;
  display:block;
  content:"";
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  right:0;
  font-family:"Material Icons";
  content:"\e5cf";
  font-size:20px;
}
.reserve__acc-header.--arrow.open::before{
  content:"\e5ce";
}
.reserve__acc-contents{
  padding:10px 0;
}
.reserve__acc-contents li + li{
  margin-top:5px;
}
.reserve__acc-contents a{
  color:var(--lt-green);
}

.footer-submenu{
  padding:20px;
}
.footer-submenu > ul{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  margin-left:-20px;
  margin-top:-5px;
}
.footer-submenu > ul > li{
  position:relative;
  margin-left:20px;
  margin-top:5px;
}
.footer-submenu > ul > li + li::before{
  position:absolute;
  display:block;
  content:"";
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  left:-10px;
  height:10px;
  border-left:solid 1px #ddd;
}

.radio-group{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
}
.radio-group > input{
  margin-left:1em;
}
.radio-group > input:first-child{
  margin-left:0;
}
.radio-group > label{
  margin-left:0.2em;
}

.reserve-calendar .fc-event{
  cursor:pointer;
}
.reserve-calendar .fc-daygrid-day.fc-day-today{
  background-color:transparent;
}

.date-select-area__list > li + li{
  margin-top:20px;
}
.date-select-area__row{
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  margin-left:-10px;
}
.date-select-area__row-item{
  margin-top:10px;
  margin-left:10px;
  display:flex;
  align-items:stretch;
  justify-content:stretch;
}
.date-select-area-card{
  display:block;
  border:solid 3px #ddd;
  border-radius:12px;
  padding:20px;
  width:200px;
}
.date-select-area-card.--selected{
  border:solid 3px var(--lt-green);
  background-color:var(--lt-green);
  color:#fff;
}
.date-select-area-card .--hidden{
  display:none;
}

.modal-contents__ttl{
  font-size:1.6rem;
  font-weight:700;
  padding-bottom:0.5em;
  border-bottom:solid 2px #ccc;
}
.modal-contents__list li{
  border-bottom:solid 1px #ccc;
  padding:0.5em;
}
.modal-contents__list li:first-child{
  border-top:solid 1px #ccc;
}
.modal-contents__text{
  margin-top:15px;
}
.modal-contents__appendix{
  font-size:1.2rem;
  margin-top:15px;
}

.modaal-container{
  max-width:600px;
  border-radius:12px;
}

.salon-menu{
  border-radius:14px;
  background-color:#fff;
  box-shadow:0 0 4px 3px rgba(0, 0, 0, 0.05);
  overflow:hidden;
}
.salon-menu__item{
  padding:30px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  cursor:pointer;
}
.salon-menu__item + .salon-menu__item{
  border-top:solid 1px #eee;
}
.salon-menu__item.--checked{
  background-color:rgba(102, 194, 174, 0.2);
}
.salon-menu input[type=radio]{
  display:none;
}
.salon-menu label{
  margin-right:20px;
  position:relative;
  padding-left:2em;
  display:flex;
  align-items:center;
}
.salon-menu label::before{
  position:absolute;
  display:block;
  content:"";
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  font-family:"Material Icons";
  content:"\e836";
  font-size:1.5em;
  left:0;
}
.salon-menu input[type=radio]:checked + label::before{
  color:var(--lt-green);
  content:"\e837";
}
.salon-menu .btn{
  min-width:80px;
  text-align:center;
  padding-left:1em;
  padding-right:1em;
}
.notfound-box {
  border-radius: 6px;
  border: solid 1px #FFFFFF;
  color: #FFFFFF;
  padding: 8px 10px;
}
@media screen and (min-width: 755px){
  a:hover,
  button:hover{
    transition:0.5s;
  }
  a:hover:hover,
  button:hover:hover{
    opacity:0.6;
  }
  .sp-s-only{
    display:none !important;
  }
  .sp-l-only{
    display:none !important;
  }
  .sp-only{
    display:none !important;
  }
  .text{
    line-height:1.7;
  }
  .btn-radio + label:hover{
    transition:0.5s;
    opacity:0.6;
  }
  .btn-select:hover{
    transition:0.5s;
    opacity:0.6;
  }
  .link:hover{
    opacity:0.6;
  }
  .card__meta{
    font-size:1.4rem;
  }
  .card__tag{
    font-size:1.4rem;
  }
  .list-filter label, .list-filter select{
    font-size:1.4rem;
  }
}
@media screen and (min-width: 755px) and (max-width: 1043px){
  .sp-s-only{
    display:none !important;
  }
  .text-resp-tb-34{
    font-size:3.2567049808vw;
  }
  .text-resp-tb-32{
    font-size:3.0651340996vw;
  }
  .text-resp-tb-28{
    font-size:2.6819923372vw;
  }
  .text-resp-tb-27{
    font-size:2.5862068966vw;
  }
  .text-resp-tb-26{
    font-size:2.4904214559vw;
  }
  .text-resp-tb-24{
    font-size:2.2988505747vw;
  }
  .text-resp-tb-23{
    font-size:2.2030651341vw;
  }
  .text-resp-tb-22{
    font-size:2.1072796935vw;
  }
  .text-resp-tb-20{
    font-size:1.9157088123vw;
  }
  .text-resp-tb-19{
    font-size:1.8199233716vw;
  }
  .text-resp-tb-18{
    font-size:1.724137931vw;
  }
  .text-resp-tb-16{
    font-size:1.5325670498vw;
  }
  .text-resp-tb-14{
    font-size:1.3409961686vw;
  }
  .text-resp-tb-12{
    font-size:1.1494252874vw;
  }
  .text-resp-tb-10{
    font-size:0.9578544061vw;
  }
}
@media screen and (min-width: 1044px){
  .l-container{
    width:970px;
  }
  .l-container.--header{
    width:970px;
    margin-top:20px;
  }
  .l-container.--sidebar{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
  }
  .l-container.--sidebar > *:first-child{
    width:calc(25% - 10px);
  }
  .l-container.--sidebar > *:last-child{
    width:calc(75% - 10px);
  }
  .l-container.--narrow{
    width:755px;
  }
  .l-contents__item + .l-contents__item{
    margin-top:40px;
  }
  .l-sidebar__item + .l-sidebar__item{
    margin-top:40px;
  }
  .mobile-only{
    display:none !important;
  }
  .tb-only{
    display:none !important;
  }
  .text-pc-center{
    text-align:center !important;
  }
  .text-resp-pc-34{
    font-size:3.4rem;
  }
  .text-resp-pc-32{
    font-size:3.2rem;
  }
  .text-resp-pc-28{
    font-size:2.8rem;
  }
  .text-resp-pc-27{
    font-size:2.7rem;
  }
  .text-resp-pc-26{
    font-size:2.6rem;
  }
  .text-resp-pc-24{
    font-size:2.4rem;
  }
  .text-resp-pc-23{
    font-size:2.3rem;
  }
  .text-resp-pc-22{
    font-size:2.2rem;
  }
  .text-resp-pc-20{
    font-size:2rem;
  }
  .text-resp-pc-19{
    font-size:1.9rem;
  }
  .text-resp-pc-18{
    font-size:1.8rem;
  }
  .text-resp-pc-16{
    font-size:1.6rem;
  }
  .text-resp-pc-14{
    font-size:1.4rem;
  }
  .text-resp-pc-12{
    font-size:1.2rem;
  }
  .text-resp-pc-10{
    font-size:1rem;
  }
  .box{
    padding:40px;
  }
  .header__fv{
    border-top-left-radius:12px;
    border-top-right-radius:12px;
  }
  .header__subheader{
    padding:0;
  }
  .contents{
    padding:40px 0 60px;
  }
  .sidebar{
    padding:40px 0 60px;
  }
  .sidebar__logo img{
    max-width:none;
  }
}
@media screen and (max-width: 1043px){
  .pc-only{
    display:none !important;
  }
  .text-mb-center{
    text-align:center !important;
  }
}
@media screen and (max-width: 754px){
  .tb-only{
    display:none !important;
  }
  .wide-only{
    display:none !important;
  }
}
@media screen and (max-width: 539px){
  .sp-l-only{
    display:none !important;
  }
  .sp-l-and-wide-only{
    display:none !important;
  }
  .btn-row{
    flex-direction:column;
  }
  .btn-row > * + *{
    margin-top:10px;
  }
  .card{
    flex-direction:column;
  }
  .card__thumb{
    width:100%;
  }
  .card__contents{
    width:100%;
  }
  .card__btn{
    position:relative;
    right:0;
    bottom:0;
  }
  .list-row.--in{
    flex-direction:row;
  }
  .list-row{
    flex-direction:column;
  }
  .list-row > *:first-child{
    width:100%;
  }
  .list-row > *:last-child{
    width:100%;
  }
}

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


/*
.box.reserve.text-14 {
    border-radius: 14px;
    box-shadow: 0 0 4px 3px rgba(0, 0, 0, 0.05);
    padding: 20px 20px 40px;
    background: url(https://www.fp-life.design/salon_reserve/htdocs/assets/img/220859_business_pic_2.bmp) no-repeat;
    background-size: contain;
    padding-top: 43%;
}
*/

.fc-view-harness.fc-view-harness-active{
  height: auto!important;
}
.fc-dayGridMonth-view.fc-view.fc-daygrid,
.fc-scroller.fc-scroller-liquid-absolute{
  position: relative!important;
}


/*# 個別予約ポップアップ追加時*/

.popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
}

.popup-content {
  background-color: white;
  padding: 20px;
  border-radius: 10px;
  text-align: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.popup-content h2 {
  margin-bottom: 20px;
}

.popup-content button {
  margin: 5px;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

.popup-content button.yes {
  background-color: #4CAF50;
  color: white;
}

.popup-content button.no {
  background-color: #f44336;
  color: white;
}
/*# ・・・・・・・・・・・・・*/


.accordion {
  background-color: #f1f1f1;
  color: #444;
  cursor: pointer;
  padding: 10px;
  width: 100%;
  border: none;
  border-top: 1px solid #333333;
  /* アコーディオンの上にボーダーを追加 */
  text-align: left;
  outline: none;
  font-size: 14px;
  transition: 0.4s;
}

.accordion.even {
  background-color: #e7e7e7;
}

.accordion.odd {
  background-color: #f1f1f1;
}

.active,
.accordion:hover {
  background-color: #ccc;
}

.panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
}

.section-title {
  font-weight: bold;
  font-size: 18px;
  margin-top: 20px;
}

.header-box {
  padding: 10px;
  margin-bottom: 0px;
  /* ボーダーをつなげるためにマージンを0に設定 */
  border: 1px dotted #333333;
  border-bottom: none;
  /* 下のボーダーを削除してアコーディオンとつなげる */
  background-color: var(--lt-green);
  color: #ffffff;
}

#toggle-consultation {
  display: block; /* ボタンをブロック要素に */
  margin: 20px auto; /* 上下に20pxのマージンを、左右に自動マージンを設定 */
  text-align: center; /* テキストを中央に配置 */
}
/* consultingの現在読み込み中・・・で使用 */
.spinner {
  border: 4px solid rgba(0, 0, 0, 0.1);
  border-top: 4px solid #000;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  animation: spin 1s linear infinite;
  display: inline-block;
  margin-right: 8px;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}