@charset "utf-8";


/* ===============
attenntion
================== */
.attention_sectionDetail {
    margin: 160px min(4.26vw,16px) 235px;
    padding: 90px min(5.86vw,22px);
    background-color: #EFDFED;
    border-radius: 0px 100px;
    /* NAVY shadow */
    box-shadow: 2px 4px 19px 0px rgba(110, 119, 148, 0.20);
    font-family: "Zen Kaku Gothic New";
    font-size: 1.4rem;
    line-height: 1.64; 
    letter-spacing: 0.11em;
}

.attention_lead {
    margin: 40px 0 70px;

}

.attention_sectionDetail h2 {
    margin: 0 auto;
    padding-bottom: 27px;
    font-family: "Zen Kaku Gothic New";
    font-size: 2.0rem;
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: 0.11em;
    text-align: center;
    border-bottom: 1px solid #C8C5D7;
}


.attention_lead p,
.attention_end p{
    color: var(--blue-gray);
    text-align: justify;
}

.attentionContainer {
    margin-top: 20px;
}

.attentionContainer__topic,
.attentionContainer__parts,
.attentionContainer__text {
    color: var(--navy);
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.64;
    letter-spacing: 0.11em;
}

.attentionContainer__description {
    margin-top: 5px;
}

.attentionContainer__parts{
    text-indent: -1.1em;/* 字下げ */
    padding-left: 1.1em;/* 先頭頭文字揃える */
}

.attentionContainer__text {
    padding-left: 1.1em;/* 先頭頭文字揃える */

}

.attentionContainer__parts--bold {
    font-weight: 700;  
}

.attentionContainer__topic::before {
  content: "■";
}

.attentionContainer__parts::before {
  content: "・";
}

.attention_end {
    margin-top: 50px;
}


/* ===============
menu
================== */
.hairMenu_sectionDetail,
.option_sectionDetail {
  padding: 0 min(7.46vw, 28px) 0;

}


.hairMenuContainer {
  margin-top: 120px;
  padding-bottom: 40px;
  background-image : linear-gradient(to right, var(--pale-lightBlue), var(--pale-lightBlue) 4px, transparent 2px, transparent 2px);  /* 幅2の線を作る */
  background-size: 10px 1px;          /* グラデーションの幅・高さを指定 */
  background-position: left bottom;  /* 背景の開始位置を指定 */
  background-repeat: repeat-x;       /* 横向きにのみ繰り返す */
}

.hairMenuContainer:first-of-type {
  margin-top: 0;
}

.hairMenuContainer__text{
  margin:0 min(2.66vw,10px);
}


.hairMenuContainer h3,h4 {
  color: var(--navy);
}

.hairMenuContainer h3 {
  margin-top: 33px;
  font-weight: 600;
  line-height: 1.25;
}

.hairMenuContainer__day, 
.hairMenuContainer__dayAndTime {
  margin-top: 10px;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.278;
} 

.hairMenuContainer__day {
  margin-top: 20px;
}

.hairMenuContainer__dayAndTime {
    margin-bottom: 20px;
}


.hairMenuContainer__price,
.hairMenuContainer__price--nomargin{
  margin-top: 40px;
  color: var(--pale-lightBlue);
  font-family: "Shippori Mincho";
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.444;
  letter-spacing: 0.08em;
} 

.hairMenuContainer__price--nomargin {
    margin-top: 0;
}
.hairMenuContainer__price span {
  margin-right: 10px;
}

.hairMenuContainer__features,
.hairMenuContainer__point,
.hairMenuContainer__holiday,
.taxAnnounce {
  margin-top: 20px;
  color: var(--blue-gray);
  font-size: 1.4rem;
  line-height: 1.643;
  letter-spacing: 0.11em;
  text-indent: -1.1em;/* 字下げ */
  padding-left: 1.1em;/* 先頭頭文字揃える */

}

.hairMenuContainer__features dt {
  font-weight: normal;
}

.taxAnnounces,
.hairMenuContainer__point { 
  margin-top: 0;
}

.hairMenuContainer__holiday {
  font-size: 1.2rem;

}


.hairMenuContainer__feature::before,
.hairMenuContainer__point::before {
  content: "■";
}

.hairMenuContainer__parts::before {
  content: "・";
}

.noPoints::before {
  content:unset;

}

.taxAnnounce {
  margin: 90px 0 0 min(9.6vw, 36px);
}



.hairMenuContainer__price-list {
  margin-top: 8px;
}

.price-item {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 17px;
}

.time {
    color: var(--navy);
    /* font-family: Quicksand; */
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.444;
    letter-spacing: 0.08em;
}

/* slider */

.slider {
  margin: 30px auto 0;
  max-width: 500px;
  /* width: 80%; */
}
.slick-img img {
  height: auto;
  width: 100%;
}



/* srider_btn */
  .slide-dots button {
      display: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      outline: none;
      padding: 0;
      border: none;
      background-color: transparent;
  }

  .slide-dots {
      display: flex;
      justify-content: center;
      gap: 2%;
  }

  .slide-dots li {
      width: 23%;
      height: 24px;
      cursor: pointer;
      border-bottom: 2px solid #fff;
  }

  .slide-dots li.slick-active {
      border-bottom: 2px solid var(--gray_beige);
  }

  .slide-dots li:hover {
      border-bottom: 2px solid var(--gray_beige);
  }