@charset "UTF-8";

#header {
  background-color: #151A4E;
}
#navGlobal {
  top: 0;
}
#wrapInner {
  padding-bottom: 0;
}
.l-snsArea .snsArea {
  padding: 55px 0 60px;
}

/* 背景 */
.bg-layer {
  background-image: url("../img/thanks-rice/bg_text-gradient_sp@2x.webp");
}

/* ヒーローエリア */
.hero {
  gap: 20.513vw;
  padding: 41.026vw 0 20.513vw;
}
.hero .hero-wrap {
  width: 84.103vw;
}

/* メッセージ */
.message {
  margin: 0 auto 38.462vw;
  padding: 20.513vw 0;
  width: 84.615vw;
  border-radius: 10.256vw;
}
.message .heading {
  margin-bottom: 15.385vw;
  font-size: 6.667vw;
  line-height: 1.3;
}
.message p {
  font-size: 4.103vw;
}
.message p span.pc {
  display: none;
}

.bg-canvas {
  padding: 23.077vw 0 25.641vw;
}
.bg-canvas::before,
.bg-canvas::after {
  height: 7.692vw;
  background-size: 100vw 7.692vw;
}
.bg-canvas::before {
  top: -7.692vw;
  background-image: url("../img/thanks-rice/deco_canvas-top_sp.png");
}
.bg-canvas::after {
  bottom: -7.692vw;
  background-image: url("../img/thanks-rice/deco_canvas-bottom_sp.png");
}



.text_is {
  position: relative;
  max-height: 29em;
  padding-bottom: 0;
  overflow: hidden;
  transition: all 2s;
}
.text_is.open {
  max-height: 60em;
  padding-bottom: 5em;
}
.text_is p + p {
  filter: blur(1px);
  opacity: .5;
  transition: all 2s;
}
.text_is.open p + p {
  filter: none;
  opacity: 1;
}
.text_is .wrap_btn {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}
.text_is .btn_arrow::after {
  background-image: url("../img/arrow_down.svg");
}
.text_is.open .btn_arrow::after {
  background-image: url("../img/arrow_up.svg");
}


/* 説明 */
.description {
  margin-bottom: 15.385vw;
}
.description_logo {
  margin: 0 auto 5.128vw;
  width: 91.795vw;
}

/* ギャラリー */
.l-gallery {
  margin-bottom: 28.205vw;
}
.gallery {
  grid-template-columns: repeat(3,1fr);
  gap: 2.051vw 2vw;
  margin: 0 2.564vw;
  max-height: calc(44.931vw * 4 + 2.051vw * 3);
}
.gallery a {
  width: auto;
}
.rainbow-border {
  width: 28vw;
  height: auto;
  overflow: visible;
  border: none;
}
.rainbow-border a {
    width: 100%;
    height: 100%;
}
.rainbow-border::before {
	display: none;
}
/* ▼ フェードアウト */
.gallery-wrap::after {
  height: 44.931vw;
}

/* ▼ 展開時 */
.gallery-wrap.is-open .gallery {
  max-height: 2563.846vw;
}

/* moreボタン */
.gallery-more {
  margin-top: 12.821vw;
  padding: 4.103vw 33.333vw;
  border-radius: 7.692vw;
  font-size: 5.641vw;
}

/* 美は感謝から始まる */
.thanks {
  flex-direction: column;
  gap: 7.692vw;
}
.thanks_text {
  text-align: center;
}
.gradation-text {
  margin-bottom: 7.692vw;
  font-size: 6.667vw;
}
.img_thanks {
  width: 100vw;
}

/* 下部テキスト */
.text_rice-force {
  padding: 43.59vw 0 38.462vw;
}
.text_rice-force img {
  width: 76.923vw;
}