@charset "UTF-8";

.wrapper {
  line-height: 0;
}

.fr-pagetop {
  z-index: 99;
}

.main {
  font-family: ヒラギノ角ゴ Pro, Hiragino Kaku Gothic Pro, Hiragino Sans, Noto Sans CJK JP, Osaka, Meiryo, メイリオ, MS PGothic, ＭＳ Ｐゴシック, YuGothic, Yu Gothic, Hiragino Sans GB, Helvetica Neue, HelveticaNeue, Helvetica, Noto Sans, Roboto, Arial, Arial Unicode MS, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.6em;
}

.main_inner {
  max-width: 768px;
  margin: 0 auto;
  padding: 0;
  position: relative;
}

img {
  object-fit: contain;
}

footer .fr-globalFooter {
  margin-top: 0 !important;
}

p.text {
  line-height: 1.5em;
}

section {
  margin-bottom: 40px;
}

.list-note {
  margin: 0 1em;
  padding-bottom: 1em;
}

.list-note li {
  text-indent: -1em;
}

.list-note li:before {
  content: "※";
}

/* content */

.wrapper {
  background-color: #ab2025;
}

.main {
  max-width: 1000px;
  margin: 0 auto;
}

.header-containter {
  position: relative;
  background: transparent;
  max-width: 1000px;
  margin: 0 auto;
  z-index: 50;
}

.header_inner {
  position: absolute;
  padding: 10px;
}

.header_logo {
  width: 30px;
  height: 30px;
}

section.mv {
  position: relative;
  width: 70%;
  max-width: 768px;
  margin: 0 auto;
  padding: 0;
}

.mv_txt {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 3em;
}

.mv_txt img:nth-of-type(1) {
  width: 70%;
  margin-bottom: 0.8em;
}

.mv_txt .mv_txt_snow {
  width: 20%;
  margin-bottom: 2em;
}

.mv_txt img:nth-of-type(3) {
  width: 50%;
  margin-bottom: 0.8em;
}

.mv_txt img:nth-of-type(4) {
  width: 80%;
  margin-bottom: 3em;
}

.mv_txt img:nth-of-type(5) {
  width: 20%;
  margin-bottom: 1.5em;
}

.mv_txt img:nth-of-type(6) {
  width: 30%;
  margin-bottom: 2em;
}

@keyframes rotation {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.mv_txt_snow {
  animation: 15s linear infinite rotation;
}

.lead {
  margin: 1em auto 2em;
  padding: 0 2em;
  font-size: 1.1em;
  color: #fff;
  text-align: center;
}

.styling .styling-box h2 {
  width: 100%;
  height: 45px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.gift h2,
#gift h2 {
  width: 100%;
}

.styling .styling-box:nth-of-type(1) h2 {
  background-image: url(https://www.plst.com/jp/ja/special-feature/holiday/images/txt/txt_style_01.png);
}

.styling .styling-box:nth-of-type(2) h2 {
  background-image: url(https://www.plst.com/jp/ja/special-feature/holiday/images/txt/txt_style_02.png);
}

.styling .styling-box:nth-of-type(3) h2 {
  background-image: url(https://www.plst.com/jp/ja/special-feature/holiday/images/txt/txt_style_03.png);
}

.styling .styling-box:nth-of-type(4) h2 {
  background-image: url(https://www.plst.com/jp/ja/special-feature/holiday/images/txt/txt_style_04.png);
}

.styling-box>* {
  margin-bottom: 1em;
}

.styling-box {
  width: 90%;
  margin: 1em auto;
  padding: 1em;
  padding-bottom: 0;
  background-color: #fdf6e7;
  overflow: hidden;
}

.styling-box_snow {
  width: 3em;
  display: block;
  margin: 0 auto;
  animation: 15s linear infinite rotation;
}

/* .styling .styling-box::after {
  content: "";
  margin: 2em auto 0;
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  width: 3em;
  height: 3em;
  background-image: url(https://www.plst.com/jp/ja/special-feature/holiday/images/img_snow-white.png);
  background-size: contain;
  background-repeat: no-repeat;
} */

.gift .styling-box {
  background-color: #ab2025;
  color: #fff;
  border: 1px solid;
}

.gift .styling-box {
  margin-bottom: 1em;
}

.gift .styling-box p.text {
  color: #fff;
}

.style_title {
  margin: 1em auto 2em auto;
  text-align: center;
  width: 40%;
}

.style_img-large {
  width: 100%;
}

.style_img-left,
.style_img-right {
  width: 80%;
}

.style_img-left {
  margin: 0 auto 1em 0;
}

.style_img-right {
  margin: 0 0 1em auto;
}

.styling-box .style_img:last-of-type {
  margin-bottom: 2em;
}

[data-aos=fade-left] {
  transform: translate3d(25px, 0, 0);
}

[data-aos=fade-right] {
  transform: translate3d(-25px, 0, 0);
}

.styling-box p.text {
  color: #333;
}

.text.text-title {
  font-weight: 600;
  font-size: 1.3em;
  margin-bottom: 0.5em;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.style_item-carousel .sf_bff_products_inner ul {
  flex-wrap: nowrap;
  overflow-x: scroll;
  scrollbar-color: #ccc transparent;
}

.style_item-carousel .sf_bff_products_inner ul.column_3 li {
  width: auto;
  min-width: 37%;
}

.style_item-carousel .sf_bff_products_inner ul.column_3 li:nth-child(3n) {
  margin-right: 2%;
}

.style_item-carousel .sf_bff_products_inner ul:has(> :nth-child(-n+2):last-child) {
  flex-wrap: wrap;
  overflow-x: hidden;
}

.style_item-carousel .sf_bff_products_inner ul:has(> :nth-child(-n+2):last-child) li {
  width: 37%;
  margin-right: 2%;
}

.style_items .item-product {
  margin: 0 1em;
}

.style_items .sf_bff_products_inner ul.column_1_text li .sf_bff_products_detail {
  padding-right: 15px;
}

.style_items .sf_bff_products_inner ul.column_1_text li {
  margin-bottom: 10px;
}

.style_items .sf_bff_products_inner ul.column_1_text li .sf_bff_products_flags span:last-child {
  margin-right: 12px;
  margin-left: 0;
}

.style_items .sf_bff_products_inner ul.column_1_text li .sf_bff_products_price {
  margin-right: 12px;
  margin-left: 0;
}

.style_items .sf_bff_products_inner li .sf_bff_products_itemName {
  margin-right: 12px;
  font-size: 13px;
  font-weight: 600;
}

.styling-box h3 {
  text-align: center;
  font-weight: 300;
  display: flex;
  align-items: center;
  margin: 3em 0 2em;
}

.styling-box h3::before,
.styling-box h3::after {
  content: "";
  height: 1px;
  flex-grow: 1;
  background-color: #333;
}

.styling-box h3::before {
  margin-right: 1rem;
}

.styling-box h3::after {
  margin-left: 1rem;
}

.link-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.link-box a {
  position: relative;
  display: inline-block;
  width: 250px;
  padding: 1em 0;
  margin-bottom: 2.5em;
  background-color: #fff;
  border: 1px solid #333;
}

.link-box a::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 27px;
  width: 9px;
  height: 9px;
  margin: auto;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: rotate(45deg);
  box-sizing: border-box;
}

.link-box.link-box_pdf a::before {
  content: '';
  background: url(https://www.plst.com/jp/ja/special-feature/common/images/pdficon.png) no-repeat;
  position: absolute;
  bottom: 0.9em;
  left: 2em;
  display: inline-block;
  width: 2em;
  height: 2em;
  background-size: contain;
  vertical-align: middle;
}

/* pc */

@media screen and (min-width: 768px) {

  .sp-only {
    display: none;
  }

  .header_inner {
    position: fixed;
  }

  .main {
    display: flex;
    flex-direction: row;
  }

  .main_inner {
    font-size: 15px;
    max-width: 50%;
    margin-top: 2em;
  }

  section.mv {
    position: sticky;
    top: 0;
    height: 100vh;
  }

}


/* ===== 落ち葉を表示するコンテナのスタイル ===== */
.leaves-container {
  position: fixed;
  height: 100vh;
  /* コンテナの高さ */
  width: 100%;
  /* コンテナの横幅 */
  max-width: 1000px;
}

/* ===== 落ち葉のスタイル ===== */

/* 落ち葉の共通スタイル */
.leaf {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  animation: animate-leaf 15s linear;
}

/* 落ち葉1 */
.leaf-1 {
  background-image: url('https://www.plst.com/jp/ja/special-feature/holiday/images/img_snow-white.png');
  /* 任意のパスを記入 */
}

/* 落ち葉2 */
.leaf-2 {
  background-image: url('https://www.plst.com/jp/ja/special-feature/holiday/images/img_snow-gold.png');
  /* 任意のパスを記入 */
}

/* ===== 落ち葉が降るアニメーション ===== */
@keyframes animate-leaf {
  0% {
    opacity: 0;
    top: 0;
    transform: rotate(0);
  }

  10% {
    opacity: 0.3;
  }

  90% {
    opacity: 0.3;
  }

  100% {
    opacity: 0;
    top: 100vh;
    transform: rotate(360deg);
  }
}