@charset "UTF-8";
/* media query

/* function
------------------------------------------ */
/* 変数
------------------------------------------ */
:root {
  --color-sub: #faf3dc;
}

/* overwrite
/* ------------------------------------------ */
/* #header {
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(88, 98, 68)), to(rgba(88, 98, 68, 0)));
  background: linear-gradient(180deg, rgb(88, 98, 68), rgba(88, 98, 68, 0));
} */
#header .header__inner .header__inner--left .header-logo a svg path {
  fill: #fff;
}
#header .header__inner .header__inner--right .header-nav__user svg path {
  fill: #fff;
}
#header .header__inner .header__inner--right .header-nav__search svg path {
  fill: #fff;
}
#header .header__inner .header__inner--right .header-nav__cart svg path {
  fill: #fff;
}
#header .header-nav__menuBtn span {
  background-color: #fff;
}
#header .header-nav__menuBtn.open span {
  background-color: var(--color-main);
}
#header .header-menu a {
  color: #fff;
}
#header .toggle-arrow::before, #header .toggle-arrow::after {
  background: #fff;
}

.main-area.lp {
  margin-bottom: 0;
} 

.header[data-header-theme="light"].c-active, .header[data-header-theme="dark"]{
  background: none;
}

#MC251002holiday {
  /* 可変設定
  ------------------------------------------ */
  /*デザインの値*/
  --pc-width: 2100; /*PCデザイン幅*/
  --sp-width: 750; /*SPデザイン幅*/
  --pc-artboard-width: 750; /*SP共通デザイン幅*/
  --sp-artboard-width: 750; /*PC共通デザイン幅*/
  /*可変率の計算式*/
  --formula: calc(
    var(--variable) * var(--ratio)
  ); /*SP,PC共通箇所の可変割合の計算式*/
  --formula_pc: calc(var(--variable) * 1); /*PCデザインの可変割合の計算式*/
  /* PC画面幅 1400px以上 固定 */
  /* PC画面幅 768～1400px 可変 */
  /* SP画面幅 767px以下 可変 */

  /* mixin
  ------------------------------------------ */
  /* reset
  ------------------------------------------ */
  /* animation
  ------------------------------------------ */
  /* 共通
  ------------------------------------------ */
  /* LP style
  ------------------------------------------ */
  margin: 0 auto;
  --color-white: #fff;
  --color-khaki: #b29f6c;
  --font-dnp: dnp-shuei-gothic-kin-std, sans-serif;
  --fw-light: 400;
  --fw-bold: 600;
  font-style: normal;
  color: #fff;
}

@media (min-width: 1401px) {
  #MC251002holiday {
    --ratio: calc(
      var(--pc-artboard-width) / var(--sp-artboard-width)
    ); /* PCとSPのデザイン幅の比率 */
    --variable: 1px; /* 固定値（可変しない） */
  }
}

@media (min-width: 768px) and (max-width: 1400px) {
  #MC251002holiday {
    --ratio: calc(
      var(--pc-artboard-width) / var(--sp-artboard-width)
    ); /* PCとSPのデザイン幅の比率 */
    --variable: calc(100vw / var(--pc-width)); /* 画面幅に基づく可変値 */

    /* background-image: url(../img/pc-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat; */
    width: 100%;
  }
}

@media (max-width: 767px) {
  #MC251002holiday {
    --ratio: 1; /* 比率は1（変わらない） */
    --variable: calc(100vw / var(--sp-width)); /* 画面幅に基づく可変値 */
  }
}


.MC251002holiday img {
  width: 100%;
  height: auto;
}
.MC251002holiday * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* .pc-bg{
  display: none;
} */

@media (min-width: 768px) {
  /* .main-area__inner{
    position: relative;
  } */

  .main-area.lp {
    position: relative;
    background-image: url(../img/pc-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    background-position: center top;
  }

  .MC251002holiday .mv {
    width: 100%;
    background-image: url(../img/top-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  }
}

@media (max-width: 767px) {
  .main-area.lp  {
    width: 100%;
    background-image: url(../img/top-bg.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 0;
  }

  .MC251002holiday{
    position: relative;
  }

  .MC251002holiday::before{
    content: "";
    z-index: -1;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(../img/top-bg.jpg), url(../img/top-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 0;
  }

}

.MC251002holiday .crdt {
  font-size: calc(18 * var(--formula));
  font-family: var(--font-dnp);
  font-weight: var(--fw-light);
  line-height: 1.5;
  font-style: normal;
  text-align: center;
  letter-spacing: 0.1em;
}

/* mv
------------------------------------------ */
.main-area__inner .MC251002holiday{
  width: calc(750 * var(--formula));
  margin: 0 auto;
  overflow: clip;
  /* padding: calc(30 * var(--formula)) 0 calc(59 * var(--formula)); */
}

.MC251002holiday .mv-img{
  /* margin-bottom: calc(128 * var(--formula)); */
}

.MC251002holiday .mv-inner{
  width: 100%;
  background-image: url(../img/top-bg02.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0 -15%;
  padding-top: calc(128 * var(--formula));
}

.MC251002holiday .top-txt{
  width: calc(541.7764 * var(--formula));
  margin: 0 auto calc(141 * var(--formula));
}

.MC251002holiday .top-detail{
  width: calc(302.2456 * var(--formula));
  margin: 0 auto;
  padding-bottom: calc(160 * var(--formula));
}

/* .item内 共通
------------------------------------------ */
.MC251002holiday .muse__wrapper{
  position: relative;
  width: 100%;
  height: calc(581.7348 * var(--formula));
  overflow: clip;
}

.MC251002holiday .muse_ttl{
  position: absolute;
  top: calc(21 * var(--formula));
}

.MC251002holiday .item01-muse,
.MC251002holiday .item02-muse{
  position: absolute;
  bottom: 0;
}

.MC251002holiday .item__block01{
  position: relative;
  height: calc(1468.3506 * var(--formula));
}

.MC251002holiday .item_img_credit{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(1050 * var(--formula));
  z-index: 10;
}

.MC251002holiday .item_img{
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.MC251002holiday .item_txt__inner{
  position: absolute;
  bottom: calc(95 * var(--formula));
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}

.MC251002holiday .item-txt{
  margin-bottom: calc(68 * var(--formula));
}

.MC251002holiday .item_ttl{
  margin: 0 auto  calc(100 * var(--formula));
  padding-top: calc(128 * var(--formula));
}

.MC251002holiday .viewmore_btn{
  width: calc(136.7001 * var(--formula));
  margin: 0 auto calc(107 * var(--formula));
}

.MC251002holiday .viremore__contents{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: calc(477.5717 * var(--formula));
  column-gap: calc(145 * var(--formula));
  row-gap: calc(94 * var(--formula));
  margin: 0 auto;
  padding-bottom: calc(120 * var(--formula));
}

.MC251002holiday .viewmore__inner{
  margin: 0 auto;
}

.MC251002holiday .viewmore_content{
  width: calc(145.5561 * var(--formula));
}

.MC251002holiday .viewmore_content.v-cont01{
  width: calc(156.6836 * var(--formula));
}

.MC251002holiday .detail_txt_img{
  width: calc(153.2734 * var(--formula));
  margin: 0 auto calc(68 * var(--formula));
}

.MC251002holiday .detail__contents{
  width: calc(577.602 * var(--formula));
  padding-bottom: calc(93 * var(--formula));
  margin: 0 auto;
}

.MC251002holiday .detail__inner{
  padding-bottom: calc(65 * var(--formula));
}

.MC251002holiday .detail_content{
  display: flex;
  column-gap: calc(83 * var(--formula));
  margin-bottom: calc(68 * var(--formula));
}

.MC251002holiday .detail_content.d-cont01{
  margin-bottom: calc(80 * var(--formula));
}

.MC251002holiday .d-cont02 .detail_img,
.MC251002holiday .d-cont04 .detail_img{
  margin-top: calc(5 * var(--formula));
}

.MC251002holiday .d-cont03 .detail_img{
  margin-top: calc(20 * var(--formula));
}

.MC251002holiday .detail_content:last-child{
  margin-bottom: 0;
}

.MC251002holiday .detail_img{
  width: calc(87.8919 * var(--formula));
}

.MC251002holiday .note_table tr{
  display: block;
  border-bottom: 1px dotted #fff;
  width: calc(405 * var(--formula));
}

.MC251002holiday .note_table tr:last-of-type{
  border-bottom: none;
}

.MC251002holiday .note_table th{
  font-family: var(--font-dnp);
  font-weight: var(--fw-bold);
  font-size: calc(16 * var(--formula));
  width: calc(89 * var(--formula));
  /* padding-right: calc(26 * var(--formula)); */
}

.MC251002holiday .note_table td{
  font-family: var(--font-dnp);
  font-weight: var(--fw-bold);
  font-size: calc(16 * var(--formula));
  letter-spacing: 0.02em;
  line-height: 1.48375;
  white-space: nowrap;
}

.MC251002holiday .note_table th,
.MC251002holiday .note_table td{
  padding-top: calc(10 * var(--formula));
  padding-bottom: calc(16 * var(--formula));
}

.MC251002holiday .d-cont01 .detail_txt__wrapper {
  padding-top: calc(10 * var(--formula));
}

.MC251002holiday .detail_txt{
  font-family: var(--font-dnp);
  font-weight: var(--fw-bold);
  font-size: calc(16 * var(--formula));
  letter-spacing: 0.02em;
  line-height: 1.75;
  /* padding-bottom: calc(20 * var(--formula)); */
}

.MC251002holiday .close_btn{
  width: calc(82.6012 * var(--formula));
  margin: 0 auto calc(65 * var(--formula));
}
/* item01
------------------------------------------ */
.MC251002holiday .item01 .muse__wrapper{
  background-image: url(../img/item01_muse_bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
}

.MC251002holiday .item01 .txt-fl{
  width: calc(210.6579 * var(--formula));
  left: calc(18 * var(--formula));
  z-index: 4;
}

.MC251002holiday .item01 .txt-or{
  width: calc(274.0016 * var(--formula));
  left: calc(225.4232 * var(--formula));
  z-index: 0;
}

.MC251002holiday .item01 .txt-a{
  width: calc(126.4837 * var(--formula));
  right: calc(124.1618 * var(--formula));
  z-index: 4;
}

.MC251002holiday .item01 .txt-l{
  width: calc(101.2288 * var(--formula));
  right: calc(16.6282 * var(--formula));
}

.MC251002holiday .item01 .muse01{
  width: calc(270.0986 * var(--formula));
  left: 0;
  z-index: 1;
}

.MC251002holiday .item01 .muse02{
  width: calc(262.6968 * var(--formula));
  left: calc(150.1553* var(--formula));
  z-index: 3;
}

.MC251002holiday .item01 .muse03{
  width: calc(280.0328 * var(--formula));
  right: calc(152.0006* var(--formula));
  z-index: 2;
}

.MC251002holiday .item01 .muse04{
  width: calc(265.0328 * var(--formula));
  right: 0;
  z-index: 3;
}

.MC251002holiday .item01 .item-txt{
  width: calc(545.9077 * var(--formula));
}

.MC251002holiday .item01 .item_ttl{
  width: calc(398.6309 * var(--formula));
}

.MC251002holiday .item01 .item__block02{
  background-image: url(../img/item01-bg02.jpg);
  width: 100%;
  background-size: cover;
}

.MC251002holiday .item01 .d-cont01 .detail_img{
  width: calc(101.8462 * var(--formula));
  margin-left: calc(-10 * var(--formula));
}


/* item02
------------------------------------------ */
.MC251002holiday .item02 .muse__wrapper{
  background-image: url(../img/item02_muse_bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}

.MC251002holiday .item02 .muse_ttl{
  width: calc(722.9545 * var(--formula));
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}


.MC251002holiday .item02 .muse01{
  width: calc(283 * var(--formula));
  left: 0;
  z-index: 2;
}

.MC251002holiday .item02 .muse02{
  width: calc(345 * var(--formula));
  left: calc(64 * var(--formula));
  z-index: 3;
}

.MC251002holiday .item02 .muse03{
  width: calc(463 * var(--formula));
  right: calc(14 * var(--formula));
  z-index: 0;
}

.MC251002holiday .item02 .muse04{
  width: calc(224 * var(--formula));
  right: 0;
  z-index: 5;
}

.MC251002holiday .item02 .item-txt{
  width: calc(545.8857 * var(--formula));
}

.MC251002holiday .item02 .item__block02{
  background-image: url(../img/item02-bg02.jpg);
  width: 100%;
  background-size: cover;
}

.MC251002holiday .item02 .item_ttl{
  width: calc(395.9575 * var(--formula));
}

.MC251002holiday .item02 .viremore__contents{
  width: calc(541.214 * var(--formula));
  column-gap: calc(75 * var(--formula));
  margin-left: calc(73 * var(--formula));
  margin-right: auto;
  padding-bottom: calc(180 * var(--formula));
}

.MC251002holiday .item02 .v-cont01{
  width: calc(170.5728 * var(--formula));
  margin-left: calc(56 * var(--formula));
}

.MC251002holiday .item02 .v-cont03{
  width: calc(278.2344 * var(--formula));
}

.MC251002holiday .item02 .detail_txt_img{
  margin: 0 auto calc(70 * var(--formula));
}

.MC251002holiday .item02 .detail__contents{
  width: calc(655 * var(--formula));
  margin-right: auto;
  margin-left: calc(38 * var(--formula));
}

.MC251002holiday .item02 .detail_content{
  column-gap: calc(40 * var(--formula));
}

.MC251002holiday .item02 .detail_img{
  display: flex;
  justify-content: center;
  align-items: baseline;
  width: calc(180.3608 * var(--formula));
}

.MC251002holiday .item02 .d-cont01 .detail_txt__wrapper{
  padding-top: calc(7 * var(--formula));
}

.MC251002holiday .item02 .d-cont01 .detail_img img{
  width: calc(109.5742 * var(--formula));
}

.MC251002holiday .item02 .d-cont02 .detail_img img{
  width: calc(87.8919 * var(--formula));
}

.MC251002holiday .item02 .detail_content.d-cont03 {
  margin-bottom: calc(60 * var(--formula));
}

.MC251002holiday .item02 .d-cont03 .detail_img img{
  width: 100%;
}

.MC251002holiday .item02 .note_table tr{
  display: block;
  width: calc(435 * var(--formula));
}

.MC251002holiday .item02 .d-cont03 .note_table th,
.MC251002holiday .item02 .d-cont03 .note_table td{
  padding-bottom: calc(10 * var(--formula));
}

.MC251002holiday .item02 .note_table td{
  letter-spacing: 0.08em;
}


.MC251002holiday .item02 .d-cont04 .detail_img img{
  width: calc(125.1782 * var(--formula));
}

/*  lp-footer ___________________________*/
/* .MC251002holiday .lp-footer{
  position: relative;
}

.MC251002holiday .lp-footer_link{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(72.2974 * var(--formula));
  z-index: 1;
} */

.MC251002holiday .lp-footer .viewall{
  display: block;
  width: calc(197.816 * var(--formula));
  margin: 0 auto calc(90 * var(--formula));
}

.MC251002holiday .lp-footer .copy{
  width: calc(446.3838 * var(--formula));
  margin: 0 auto;
  padding-bottom: calc(60 * var(--formula));

}

/*******************************
.animation
*******************************/
/*  fade ___________________________*/
.js-fade {
  opacity: 0;
  transition: opacity 1.5s ease;
}

.js-fade.js-scrollIn {
  opacity: 1;
}

.js-fade.delay_1{
  transition-delay: 0.2s;
}

.js-fade.delay_2{
  transition-delay: 0.4s;
}

.js-fade.delay_3{
  transition-delay: 0.6s;
}

.js-fade.delay_4{
  transition-delay: 0.8s;
}

/*  表示切り替え ___________________________*/

.detail__inner{
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}

.detail__inner.show {
  display: block;
  opacity: 1;
  visibility: visible;
}

/* .detail__inner .detail__contents{
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}

.detail__inner.show .detail__contents{
  opacity: 1;
  visibility: visible;
} */

.viewmore__inner.none {
  display: none;
}

/*  flowBox ___________________________*/
.flowBox{
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 100%;
  height: calc(72.2974 * var(--formula));
  background-color: var(--color-khaki);

}

.flowBox .flow {
  animation: infinity-scroll-left 40s infinite linear 0.5s both;
  margin-right: calc(20 * var(--formula));
}

.flowBox .flow img {
  height: calc(25.5824 * var(--formula));
  width: auto;
}

@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}