/* 全体のスタイル */
body,
html {
  margin: 0;
  padding: 0;
  /* font-family: Arial, sans-serif; */
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", sans-serif;
  background-color: #fff;
  color: #000;
  scroll-behavior: smooth;
}

:root {
  /* Colors */
  --color-01: #ffffff;
  --color-02: #333333;
  --color-03: #333333;

  /* Fonts-family */
  --font-family-01: 'Noto Sans JP', sans-serif;
  --font-family-02: 'Zen Old Mincho', serif;
  --font-family-03: 'Yu Mincho', '游明朝', serif;
  --font-family-04: 'Cinzel', serif;


  /* Fonts-size */
  --font-size-01: 16px;
  --font-size-02: 18px;
  --font-size-03: 32px;
  --font-size-04: clamp(22px, 2vw, 29px);
  --font-size-05: clamp(18px, 1.2vw, 23px);
  --font-size-06: clamp(26px, 2vw, 32px);
  --font-size-07: clamp(16px, 1.2vw, 20px);
  --font-size-08: clamp(14px, 1.0vw, 17px);

  /* Sizes */
  --content-width: 1200px;
  --header-height: 80px;

  /* card */
  --color-01: #FFF3C2;

}



main {
  background-color: #000;
  position: relative;
  padding: 20px 0;
}

main::before,
main::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right,
      #BF8C18 0%,
      #F3EFB4 52%,
      #EAB13B 100%);
}

main::before {
  top: 0;
}

main::after {
  bottom: 0;
}


/* レディ紹介 */
.lady-intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-bottom: 40px;
}

.lady-intro h2 {
  text-align: center;
  color: var(--color-01);
  font-family: var(--font-family-03);
  font-weight: 100;
}


.lady-intro h2 span {
  display: block;
}

.lady-intro h2 span:nth-of-type(1) {
  font-size: var(--font-size-06);
}

.lady-intro h2 span:nth-of-type(2) {
  font-size: var(--font-size-07);
  letter-spacing: 0.2em;
  
}

.lady-intro p {
  text-align: center;
  color: var(--color-01);
  font-size: var(--font-size-07);
  font-family: var(--font-family-03);
  letter-spacing: 0.2em;
  /* line-height: 1; */
}


/* 写真一覧 */
.Photo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-bottom: 20px;
}

.Photo h2 {
  text-align: center;
  color: var(--color-01);
  font-family: var(--font-family-03);
  font-size: var(--font-size-06);
  font-weight: 100;
  line-height: 1;
}



.Photo p {
  margin-top: 20px;
  text-align: center;
  color: var(--color-01);
  font-size: var(--font-size-07);
  font-family: var(--font-family-03);
  letter-spacing: 0.2em;
  text-decoration: unset;
}

.Photo p::after {
  content: ">";
  display: inline;
  padding-left: 10px;
  color: var(--color-01);
  font-size: var(--font-size-07);
  font-family: var(--font-family-03);
}

/* スライダー全体 */
.lady-slider {
  width: 100%;
  padding: 5px 0;
  overflow: hidden;
}

/* slick本体 */
.lady-slick .slick-list {
  margin: 0 -8px;
}

.lady-slick li {
  padding: 0 5px;
  text-align: center;
}

.lady-slick img {
  display: block;
  width: 100%;
  max-width: 350px; 
  margin: 0 auto;
  height: auto;
  object-fit: cover;
  border-radius: 6px;
}

.infoText {

}

.infoText p {
  text-align: center;
  color: var(--color-01);
  font-size: var(--font-size-07);
  font-family: var(--font-family-03);
  letter-spacing: 0.2em;
  margin-bottom: 45px;
}

.infoText .btn-set {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
}

.infoText .btn-set p {
  width: 100%;
  max-width: 220px;
  margin-bottom: 0;
}

@media screen and (max-width:590px) {
  .infoText .btn-set {
    flex-direction: column;
    gap: 20px;
  }
}