@charset "UTF-8";
/*=======================================
 	             SMACSS  base
 ========================================*/

/*=======================================
	         SMACSS  layout　　　　　　　       ( style.scss ) ( header.scss / main.scss / footer.scss ...) 
========================================*/
/*=======================================
 	        animation
 ========================================*/

.js-u-fade {
  opacity: 0;
  will-change: opacity, transform;
  transition: ease-in, opacity 1500ms, transform 1000ms;
  transform: translateY(50px);
}
.js-u-fade.active{
    opacity: 1;
    transform: translateY(0);
}

.js-animation-trigger.mainContents__heading {
  transition: all 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.js-animation-trigger.mainContents__heading01 {
  -webkit-clip-path: inset(0 0 100% 0);
          clip-path: inset(0 0 100% 0);
}
.js-animation-trigger.mainContents__heading01 .mainContents__heading--body {
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
}

/* for SP */
    /*=======================================
                    SP    
  ========================================*/

    /* ===================
	　　 General
=================== */
.header {
  display: block;
}

.btn-search {
  display: none;
}

.htest.open .btn-search {
  display: block;
}

.btn-cart {
  display: none;
}

.htest.open .btn-cart {
  display: block;
}

.header .header-logo img {
  display: none;
  margin: auto;
}

.htest.open .header-logo img {
  display: block;
}

.header .header-logo a {
    /*display: inline-block;*/
    display: block;
}

main {
  padding: 0 !important;
}

.header .btn-menu.open .border::before {
  background: #000;
}

.header .btn-menu.open .border::after {
  background: #000;
}

.header .btn-menu .border {
  background: #fff;
}

.header .btn-menu .border::before {
  background: #fff;
}

.header .btn-menu .border::after {
  background: #fff;
}

.header .btn-menu {
  will-change: transform;
  -webkit-transition: ease-in, -webkit-transform 1000ms;
  transition: ease-in, -webkit-transform 1000ms;
  transition: ease-in, transform 1000ms;
  transition: ease-in, transform 1000ms, -webkit-transform 1000ms;
  transform: translate3d(0, -10rem, 0);
}

.header .btn-menu.hide {
  transform: translate3d(0, 0, 0);
}

.header .btn-menu .border {
  width: calc(54 *(100vw / 750));
}

.header .btn-menu .border::before,
.header .btn-menu .border::before {
  width: calc(54 *(100vw / 750));
  top: calc(-20 *(100vw / 750));
}

.header .btn-menu .border::before,
.header .btn-menu .border::after {
  width: calc(54 *(100vw / 750));
  bottom: calc(-20 *(100vw / 750));
}

#breadcrumb .cateList {
  margin: 0 auto !important;
}

.main-area .main-inner {
  width: 100%;
}

#CE250424SS2nd {
  margin: 0 auto;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.slick-dots li button {
  width: calc(10* var(--variable)* var(--ratio));
  height: calc(10* var(--variable)* var(--ratio));
  border: 1px solid var(--color-black);
  border-radius: 50%;
  background-color: inherit;
}

.slick-dots li {
  margin: 0 calc(10* var(--variable)* var(--ratio));
}

.slick-dots {
  position: absolute;
  top: calc(38* var(--variable)* var(--ratio));
  right: calc(32* var(--variable)* var(--ratio));
}

/* ===================
　　  common
=================== */

.CE250424SS2nd {
  margin: 0 auto 12rem;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  --font-spectral: "Spectral", serif;
  --fw-light: 300;
  --fw-extralight: 200;
  --color-black: #000000;
  --color-white: #ffffff;
  font-style: italic;
  overflow: clip;
  /* --pc-width: 1400;
  --sp-width: 750;
  --pc-artboard-width: 562;
  --sp-artboard-width: 300;
  --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
  --variable: calc(100vw / var(--pc-width)); */
  font-family: var(--font-spectral);
  scroll-behavior: smooth;
}
#wrapper {
  overflow: clip;
}
#CE250424SS2nd img {
    width: 100%;
    height: auto;
    image-rendering: -webkit-optimize-contrast;
}

#CE250424SS2nd .sp_only {
  display: block;
}

.pc_only {
  display: none;
}

#CE250424SS2nd .main_visual_logo {
  width: calc(630* var(--variable)* var(--ratio));
  margin: 0 auto;
  margin-top: calc(58* var(--variable)* var(--ratio));
  margin-bottom: calc(60* var(--variable)* var(--ratio));
}

/* ▼ -----------可変設定---------- ▼ */
.lp {
  --pc-width: 1400;/*PCデザイン幅*/
  --sp-width: 750;/*SPデザイン幅*/
  --pc-artboard-width: 562.5;/*SP共通デザイン幅*/
  --sp-artboard-width: 750;/*PC共通デザイン幅*/
}

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

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

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

/* @media (min-width: 768px) {
  .CE250424SS2nd {
    --pc-artboard-width: 1400;
    --sp-artboard-width: 750;
  }
} */

/* for Tablet */
@media screen and (min-width: 768px) and (max-width: 1280px) {

/*=======================================
              Tablet    
========================================*/
/* ===================
　　 General
=================== */

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

}

/*# sourceMappingURL=style.css.map */


.js-fade {
opacity: 0;
-webkit-transition: ease-in, opacity 1500ms;
transition: ease-in, opacity 1500ms;
-webkit-transition-delay: 1000ms;
transition-delay: 1000ms;
}

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

#mainview .movie #btn {
  width: calc(48* var(--variable)* var(--ratio));
  position: absolute;
  bottom: calc(22* var(--variable)* var(--ratio));
  right: calc(22* var(--variable)* var(--ratio));
}

#mainview .movie #btn02 {
  width: calc(56* var(--variable)* var(--ratio));
  position: absolute;
  bottom: calc(22* var(--variable)* var(--ratio));
  right: calc(15* var(--variable)* var(--ratio));
  visibility: hidden;
  opacity: 0;
}

#mainview .movie #btn02.active {
    visibility: visible;
    opacity: 1;
}

#mainview .movie #btn02.active2 {
    opacity: 0;
}

#mainview .movie #btn.active {
    opacity: 0;
}

#mainview .movie #btn.active2 {
    opacity: 1;
}

.scroll_box {
  width: calc(30* var(--variable)* var(--ratio));
  position: absolute;
  left: calc(45* var(--variable)* var(--ratio));
  top: calc(1224* var(--variable)* var(--ratio));
  z-index: 5;
}
.scroll_box .scroll__txt {
  transform: rotate(-90deg);
  padding-left: calc(10* var(--variable)* var(--ratio));
  white-space: nowrap;
}
.scroll_box .scroll__title {
  font-size: calc(27* var(--variable)* var(--ratio));
  font-weight: var(--fw-light);
  color: var(--color-black);
}

.scroll_box .line{
  display: block;
  width: 1px;
  height: calc(120* var(--variable)* var(--ratio));
  margin: 0 auto calc(10* var(--variable)* var(--ratio));
}

.scroll_box .line.js-fadeIn{
  position: relative;
  transform: translate3d(0, 0, 0);
}
.scroll_box .line.js-fadeIn::before{
  position: absolute;
  top: 0;
  content: "";
  transition: height 0.8s;
  transform: translate(0);
  width: 1px;
  height: 0;
  background: #000;
}
.scroll_box .line.js-fadeIn.is-show::before{
  transform: translate(0);
  height: 100%;
}

.slide-in {
  overflow: hidden;
  display: inline-block;
}
.title-size {
  width: fit-content;
  height: fit-content;
}

.slide-in_inner {
  display: block;
}

/*上下のアニメーション*/
.topAnime{
  opacity: 0;/*事前に透過0にして消しておく*/
}

.slideAnimeTopBottom {
  animation-name:slideTextY100;
  animation-duration:1.2s;
  animation-fill-mode:forwards;
  opacity: 0;
}

@keyframes slideTextY100 {
  from {
  transform: translateX(100%); /*要素を左の枠外に移動*/
  opacity: 0;
  }

  to {
  transform: translateX(0);/*要素を元の位置に移動*/
  opacity: 1;
  }
}

.slideAnimeBottomTop {
  animation-name:slideTextY-100;
  animation-duration:1.2s;
  animation-fill-mode:forwards;
  opacity: 0;
}


@keyframes slideTextY-100 {
  from {
  transform: translateX(-100%);/*要素を右の枠外に移動*/
  opacity: 0;
  }

  to {
  transform: translateX(0);/*要素を元の位置に移動*/
  opacity: 1;
  }
}

.topAnime2{
  opacity: 0;/*事前に透過0にして消しておく*/
}

.slideAnimeTopBottom2 {
  animation-name:slideTextY;
  animation-duration:1.2s;
  animation-fill-mode:forwards;
  opacity: 0;
}

@keyframes slideTextY {
  from {
  transform: translateX(100%); /*要素を左の枠外に移動*/
  opacity: 0;
  }

  to {
  transform: translateX(0);/*要素を元の位置に移動*/
  opacity: 1;
  }
}

.slideAnimeBottomTop2 {
  animation-name:slideTextY-;
  animation-duration:1.2s;
  animation-fill-mode:forwards;
  opacity: 0;
}


@keyframes slideTextY- {
  from {
  transform: translateX(-100%);/*要素を右の枠外に移動*/
  opacity: 0;
  }

  to {
  transform: translateX(0);/*要素を元の位置に移動*/
  opacity: 1;
  }
}

.mainview_title {
  font-weight: var(--fw-light);
  font-size: calc(30* var(--variable)* var(--ratio));
  text-align: center;
  margin-block: calc(470 * var(--variable) * var(--ratio)) calc(467 * var(--variable) * var(--ratio));
}
.mainview_lead {
  width: calc(450* var(--variable)* var(--ratio));
  font-weight: var(--fw-extralight);
  font-size: calc(18* var(--variable)* var(--ratio));
  margin-left: calc(60* var(--variable)* var(--ratio));
  text-align: left;
  line-height: 1.5972222222;
}

.look {
  width: calc(750* var(--variable)* var(--ratio));
  margin: 0 auto;
  margin-top: calc(96* var(--variable)* var(--ratio));
}
.look .look_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.look .look_list .look_img {
  width: calc(250* var(--variable)* var(--ratio));
}

.mainview_end {
  width: calc(750* var(--variable)* var(--ratio));
  margin: 0 auto;
  position: relative;
}
.mainview_end .mainview_end_title {
  font-weight: var(--fw-light);
  font-size: calc(30* var(--variable)* var(--ratio));
  margin-block: calc(196* var(--variable)* var(--ratio));
}

.mainview_end .scroll_box {
  top: calc(189* var(--variable)* var(--ratio));
}

/*=======================================
                  PC   
========================================*/
/* ===================
	　　 General
=================== */
/* html {
    font-size: 62.5%;
} */

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
@media screen and (min-width: 768px) {
#breadcrumb.edit_lp .cateList {
    margin: 0 auto 30px 120px;
}

.header {
    display: none;
}

}
/* ===================
	　　  common
=================== */

@media screen and (min-width: 768px) {
.sp_only {
    display: none;
}

.pc_only {
    display: block;
}

}
.price {
    font-family: var(--font-spectral);
    font-size: calc(18* var(--variable)* var(--ratio));
    letter-spacing: 0.02em;
    font-weight: var(--fw-extralight);
    white-space: nowrap;
    line-height: 1.2;
}

#CE250424SS2nd .flex {
    display: flex;
}

.row-reverse {
    flex-direction: row-reverse;
    justify-content: flex-end;
}


/* ===================
	　 mainview
=================== */
#mainview {
    text-align: center;
    position: relative;
    background-color: #fff;
}

.main_visual {
  width: calc(750* var(--variable)* var(--ratio));
  margin: 0 auto;
}

.main_visual a:hover {
    opacity: 1;
}

#mainview a {
    width: 100%;
    height: 100%;
    display: block;
}

#mainview .movie {
  width: calc(750* var(--variable)* var(--ratio));
  margin: 0 auto;
  height: auto;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
#mainview .movie video{
    width: 100%;
}

#CE250424SS2nd .mainview_logo {
  width: calc(630* var(--variable)* var(--ratio));
  margin: 0 auto;
  margin-top: calc(100* var(--variable)* var(--ratio));
}

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: calc(-5750* var(--variable)* var(--ratio));
}

.sticky:before,
.sticky:after {
    content: '';
    display: table;
}

@media screen and (min-width: 768px) and (max-width: 1400px) {
  .sticky {
    top: calc(-4400*(100vw / 1400));
  }
}
@media (min-width: 1400px) {
  .sticky {
    top: calc(-3800*(100vw / 1400));
  }
}
/* ===================
	　　 section01
=================== */
#sec01 {
    text-align: center;
    position: relative;
}

#sec01 .ttl {
  width: calc(430* var(--variable)* var(--ratio));
  margin: 0 auto;
  /* margin-top: calc(50* var(--variable)* var(--ratio)); */
}

#sec01 .img01 {
  width: calc(750* var(--variable)* var(--ratio));
  margin: 0 auto;
  margin-top: calc(50* var(--variable)* var(--ratio));
}

#sec01 .img02 {
  width: calc(750* var(--variable)* var(--ratio));
  margin: 0 auto;
  position: relative;
}

#sec01 .img02 .price {
  position: absolute;
  top: calc(526* var(--variable)* var(--ratio));
  left: calc(-443* var(--variable)* var(--ratio));
  transform: rotate(90deg);
  z-index: 3;
}

#sec01 .section_day {
  font-size: calc(20* var(--variable)* var(--ratio));
  font-weight: var(--fw-light);
  text-align: center;
  margin: 0 auto;
  margin-top: calc(30* var(--variable)* var(--ratio));
}

/* ===================
	　　 section02
=================== */
#sec02 {
  position: relative;
  margin-top: calc(97* var(--variable)* var(--ratio));
}

#sec02 .img01 {
    width: calc(550* var(--variable)* var(--ratio));
    margin: 0 auto;
}

#sec02 .img01 .price {
  position: absolute;
  top: calc(360* var(--variable)* var(--ratio));
  right: calc(-420* var(--variable)* var(--ratio));
  transform: rotate(90deg);
  z-index: 3;
}

#sec02 .section_day {
  font-size: calc(20* var(--variable)* var(--ratio));
  font-weight: var(--fw-light);
  text-align: center;
  margin: 0 auto;
  margin-top: calc(30* var(--variable)* var(--ratio));
  letter-spacing: 0.04em;
}

/* ===================
	　　 section03
=================== */
#sec03 {
  text-align: center;
  position: relative;
}

#sec03 .img01 {
  width: calc(750* var(--variable)* var(--ratio));
  margin: 0 auto;
  margin-top: calc(100* var(--variable)* var(--ratio));
}

#sec03 .img02 {
  width: calc(750* var(--variable)* var(--ratio));
  margin: 0 auto;
  position: relative;
}

#sec03 .img02 .price {
  position: absolute;
  top: calc(310* var(--variable)* var(--ratio));
  left: calc(-235* var(--variable)* var(--ratio));
  transform: rotate(90deg);
  z-index: 3;
  color: var(--color-white);
}

#sec03 .slick-dots li button {
  border: 1px solid var(--color-white);
}
#sec03 .slick-dots li.slick-active button {
  background: var(--color-white);
}

#sec03 .section_day {
  font-size: calc(20* var(--variable)* var(--ratio));
  font-weight: var(--fw-light);
  text-align: center;
  margin: 0 auto;
  margin-top: calc(30* var(--variable)* var(--ratio));
}

/* ===================
	　　  section04
=================== */
#sec04 {
  position: relative;
  margin-top: calc(98* var(--variable)* var(--ratio));
}

#sec04 .img01 {
    width: calc(550* var(--variable)* var(--ratio));
    margin: 0 auto;
}

#sec04 .img01 .price {
  position: absolute;
  top: calc(369* var(--variable)* var(--ratio));
  right: calc(-427* var(--variable)* var(--ratio));
  transform: rotate(90deg);
  z-index: 3;
}

#sec04 .section_day {
  font-size: calc(20* var(--variable)* var(--ratio));
  font-weight: var(--fw-light);
  text-align: center;
  margin: 0 auto;
  margin-top: calc(30* var(--variable)* var(--ratio));
  letter-spacing: 0.04em;
}

/* ===================
	　　 section05
=================== */
#sec05 {
  text-align: center;
  position: relative;
}

#sec05 .img01 {
  width: calc(750* var(--variable)* var(--ratio));
  margin: 0 auto;
  margin-top: calc(96* var(--variable)* var(--ratio));
}

#sec05 .img02 {
  width: calc(750* var(--variable)* var(--ratio));
  margin: 0 auto;
  position: relative;
}

#sec05 .img02 .price {
  position: absolute;
  top: calc(219* var(--variable)* var(--ratio));
  left: calc(-145* var(--variable)* var(--ratio));
  transform: rotate(90deg);
  z-index: 3;
}

#sec05 .section_day {
  font-size: calc(20* var(--variable)* var(--ratio));
  font-weight: var(--fw-light);
  text-align: center;
  margin: 0 auto;
  margin-top: calc(30* var(--variable)* var(--ratio));
}

/* ===================
	　　 section06
=================== */
#sec06 {
  text-align: center;
  position: relative;
}

#sec06 .img01 {
  width: calc(750* var(--variable)* var(--ratio));
  margin: 0 auto;
  margin-top: calc(96* var(--variable)* var(--ratio));
}

#sec06 .img02 {
  width: calc(750* var(--variable)* var(--ratio));
  margin: 0 auto;
  position: relative;
}

#sec06 .img02 .price {
  position: absolute;
  top: calc(246* var(--variable)* var(--ratio));
  left: calc(-178* var(--variable)* var(--ratio));
  transform: rotate(90deg);
  z-index: 3;
}

#sec06 .section_day {
  font-size: calc(20* var(--variable)* var(--ratio));
  font-weight: var(--fw-light);
  text-align: center;
  margin: 0 auto;
  margin-top: calc(30* var(--variable)* var(--ratio));
}

/* ===================
	　　  section07
=================== */
#sec07 {
  position: relative;
  margin-top: calc(95* var(--variable)* var(--ratio));
}

#sec07 .img01 {
    width: calc(550* var(--variable)* var(--ratio));
    margin: 0 auto;
}

#sec07 .img01 .price {
  position: absolute;
  top: calc(33* var(--variable)* var(--ratio));
  right: calc(-70* var(--variable)* var(--ratio));
  transform: rotate(90deg);
  z-index: 3;
}

#sec07 .section_day {
  font-size: calc(20* var(--variable)* var(--ratio));
  font-weight: var(--fw-light);
  text-align: center;
  margin: 0 auto;
  margin-top: calc(30* var(--variable)* var(--ratio));
  letter-spacing: 0.04em;
}

/* ===================
	　　 section08
=================== */
#sec08 {
  text-align: center;
  position: relative;
}

#sec08 .img01 {
  width: calc(750* var(--variable)* var(--ratio));
  margin: 0 auto;
  margin-top: calc(96* var(--variable)* var(--ratio));
}

#sec08 .img02 {
  width: calc(750* var(--variable)* var(--ratio));
  margin: 0 auto;
  position: relative;
}

#sec08 .img02 .price {
  position: absolute;
  top: calc(304* var(--variable)* var(--ratio));
  left: calc(-231* var(--variable)* var(--ratio));
  transform: rotate(90deg);
  z-index: 3;
  color: var(--color-white);
}

#sec08 .slick-dots li button {
  border: 1px solid var(--color-white);
}
#sec08 .slick-dots li.slick-active button {
  background: var(--color-white);
}

#sec08 .section_day {
  font-size: calc(20* var(--variable)* var(--ratio));
  font-weight: var(--fw-light);
  text-align: center;
  margin: 0 auto;
  margin-top: calc(30* var(--variable)* var(--ratio));
}

/* ===================
	　　  section09
=================== */
#sec09 {
  position: relative;
  margin-top: calc(95* var(--variable)* var(--ratio));
}

#sec09 .img01 {
    width: calc(550* var(--variable)* var(--ratio));
    margin: 0 auto;
}

#sec09 .img01 .price {
  position: absolute;
  top: calc(50* var(--variable)* var(--ratio));
  right: calc(-81* var(--variable)* var(--ratio));
  transform: rotate(90deg);
  z-index: 3;
}

#sec09 .section_day {
  font-size: calc(20* var(--variable)* var(--ratio));
  font-weight: var(--fw-light);
  text-align: center;
  margin: 0 auto;
  margin-top: calc(30* var(--variable)* var(--ratio));
  letter-spacing: 0.04em;
}

/* ===================
	　　 section10
=================== */
#sec10 {
  text-align: center;
  position: relative;
}

#sec10 .img01 {
  width: calc(750* var(--variable)* var(--ratio));
  margin: 0 auto;
  margin-top: calc(92* var(--variable)* var(--ratio));
}

#sec10 .img02 {
  width: calc(750* var(--variable)* var(--ratio));
  margin: 0 auto;
  position: relative;
}

#sec10 .img02 .price {
  position: absolute;
  top: calc(215* var(--variable)* var(--ratio));
  left: calc(-145* var(--variable)* var(--ratio));
  transform: rotate(90deg);
  z-index: 3;
}

#sec10 .section_day {
  font-size: calc(20* var(--variable)* var(--ratio));
  font-weight: var(--fw-light);
  text-align: center;
  margin: 0 auto;
  margin-top: calc(30* var(--variable)* var(--ratio));
}

/* ===================
	　　 section11
=================== */
#sec11 {
  text-align: center;
  position: relative;
}

#sec11 .img01 {
  width: calc(750* var(--variable)* var(--ratio));
  margin: 0 auto;
  margin-top: calc(98* var(--variable)* var(--ratio));
}

#sec11 .img02 {
  width: calc(750* var(--variable)* var(--ratio));
  margin: 0 auto;
  position: relative;
}

#sec11 .img02 .price {
  position: absolute;
  top: calc(344* var(--variable)* var(--ratio));
  left: calc(-269* var(--variable)* var(--ratio));
  transform: rotate(90deg);
  z-index: 3;
}

#sec11 .section_day {
  font-size: calc(20* var(--variable)* var(--ratio));
  font-weight: var(--fw-light);
  text-align: center;
  margin: 0 auto;
  margin-top: calc(30* var(--variable)* var(--ratio));
}

/* ===================
	　　 section12
=================== */
#sec12 {
  text-align: center;
  position: relative;
}

#sec12 .img01 {
  width: calc(750* var(--variable)* var(--ratio));
  margin: 0 auto;
  margin-top: calc(96* var(--variable)* var(--ratio));
}

#sec12 .img02 {
  width: calc(750* var(--variable)* var(--ratio));
  margin: 0 auto;
  position: relative;
}

#sec12 .img02 .price {
  position: absolute;
  top: calc(382* var(--variable)* var(--ratio));
  left: calc(-310* var(--variable)* var(--ratio));
  transform: rotate(90deg);
  z-index: 3;
  color: var(--color-white);
}

#sec12 .slick-dots li button {
  border: 1px solid var(--color-white);
}
#sec12 .slick-dots li.slick-active button {
  background: var(--color-white);
}

#sec12 .section_day {
  font-size: calc(20* var(--variable)* var(--ratio));
  font-weight: var(--fw-light);
  text-align: center;
  margin: 0 auto;
  margin-top: calc(30* var(--variable)* var(--ratio));
}

/* ===================
	　　  section13
=================== */
#sec13 {
  position: relative;
  margin-top: calc(98* var(--variable)* var(--ratio));
}

#sec13 .img01 {
    width: calc(550* var(--variable)* var(--ratio));
    margin: 0 auto;
}

#sec13 .img01 .price {
  position: absolute;
  top: calc(110* var(--variable)* var(--ratio));
  right: calc(-142* var(--variable)* var(--ratio));
  transform: rotate(90deg);
  z-index: 3;
}

#sec13 .section_day {
  font-size: calc(20* var(--variable)* var(--ratio));
  font-weight: var(--fw-light);
  text-align: center;
  margin: 0 auto;
  margin-top: calc(30* var(--variable)* var(--ratio));
  letter-spacing: 0.04em;
}

/* ===================
	　　 section14
=================== */
#sec14 {
  text-align: center;
  position: relative;
}

#sec14 .img01 {
  width: calc(750* var(--variable)* var(--ratio));
  margin: 0 auto;
  margin-top: calc(96* var(--variable)* var(--ratio));
}

#sec14 .img02 {
  width: calc(750* var(--variable)* var(--ratio));
  margin: 0 auto;
  position: relative;
}

#sec14 .img02 .price {
  position: absolute;
  top: calc(202* var(--variable)* var(--ratio));
  left: calc(-130* var(--variable)* var(--ratio));
  transform: rotate(90deg);
  z-index: 3;
}

#sec14 .section_day {
  font-size: calc(20* var(--variable)* var(--ratio));
  font-weight: var(--fw-light);
  text-align: center;
  margin: 0 auto;
  margin-top: calc(30* var(--variable)* var(--ratio));
}

/* ===================
	　　 section15
=================== */
#sec15 {
  text-align: center;
  position: relative;
}

#sec15 .img01 {
  width: calc(750* var(--variable)* var(--ratio));
  margin: 0 auto;
  margin-top: calc(96* var(--variable)* var(--ratio));
}

#sec15 .img02 {
  width: calc(750* var(--variable)* var(--ratio));
  margin: 0 auto;
  position: relative;
}

#sec15 .img02 .price {
  position: absolute;
  top: calc(316* var(--variable)* var(--ratio));
  left: calc(-242* var(--variable)* var(--ratio));
  transform: rotate(90deg);
  z-index: 3;
  color: var(--color-white);
}

#sec15 .slick-dots li button {
  border: 1px solid var(--color-white);
}
#sec15 .slick-dots li.slick-active button {
  background: var(--color-white);
}

#sec15 .section_day {
  font-size: calc(20* var(--variable)* var(--ratio));
  font-weight: var(--fw-light);
  text-align: center;
  margin: 0 auto;
  margin-top: calc(30* var(--variable)* var(--ratio));
}

/* ===================
	　　  button
=================== */
.check-btn {
  width: calc(240* var(--variable)* var(--ratio));
  margin: 0 auto;
  margin-block: calc(142* var(--variable)* var(--ratio)) calc(148* var(--variable)* var(--ratio));
}

.check-btn a {
  display: inline-block;
  padding-bottom: calc(5* var(--variable)* var(--ratio));
  border-bottom: solid 1px var(--color-black);
}

.check-btn p {
  font-size: calc(40* var(--variable)* var(--ratio));
  text-align: center;
  font-weight: var(--fw-extralight);
  white-space: nowrap;
}

/* ===================
	　　end_txt_box
=================== */
.end_txt_box {
  width: calc(750* var(--variable)* var(--ratio));
  margin: 0 auto;
}

.end_txt_box .end_txt_title {
  width: calc(305* var(--variable)* var(--ratio));
  font-size: calc(30* var(--variable)* var(--ratio));
  font-weight: var(--fw-light);
  margin: 0 auto;
  margin-block: calc(94* var(--variable)* var(--ratio)) calc(87* var(--variable)* var(--ratio));
}

.end_txt_box .staff_box {
  font-size: calc(15* var(--variable)* var(--ratio));
  text-align: center;
  font-weight: var(--fw-extralight);
  line-height: 2.1833333333;
  padding-bottom: calc(190* var(--variable)* var(--ratio));
}

.sticky_contents {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 50; /* section01より上に表示 */
  background: var(--color-white);
  padding-top: calc(50* var(--variable)* var(--ratio));
}

#dvUserBox table {
    background-color: #fff;
}

/*=======================================
               Responsive   
========================================*/
@media screen and (max-device-width: 767px) {
    #CE250424SS2nd .sp_only {
        display: block;
    }
}


@media (max-width: 767px) {
  .CE250424SS2nd .sticky-contents-left {
    display: none;
  }
  .CE250424SS2nd .sticky-contents-right {
    display: none;
  }
}
@media (min-width: 768px) {
  .CE250424SS2nd .sticky-container {
    display: flex;
  }
  .CE250424SS2nd .sticky-contents-center {
    width: 40.14%;
    overflow: clip;
  }
  .CE250424SS2nd .sticky-contents-left {
    width: 29.93%;
    height: 100vh;
    position: sticky;
    left: 0px;
    top: 0px;
    display: flex;
    justify-content: center;
  }
  .CE250424SS2nd .sticky-contents-right {
    width: 29.93%;
    height: 100vh;
    position: sticky;
    right: 0px;
    top: 0px;
    /* display: flex;
    justify-content: center; */
  }
  .sticky-contents-left .main_visual_pc {
    width: min(252*(100vw / 1400), 252px);
    margin: 0 auto;
    margin-top: min(430*(100vw / 1400), 430px);
    /* display: flex;
    justify-content: center;
    align-items: center; */
    position: relative;
  }
  .sticky-contents-left .scroll_box {
    width: min(23*(100vw / 1400), 23px);
    left: initial;
    top: min(773*(100vw / 1400), 773px);
    right: min(45*(100vw / 1400), 45px);
  }
  .sticky-contents-left .scroll_box .scroll__txt {
    padding-left: min(12*(100vw / 1400), 12px);
  }
  .sticky-contents-left .scroll_box .scroll__title {
    font-size: min(21 * (100vw/1400), 21px);
    white-space: nowrap;
  }
  .sticky-contents-left .scroll_box .line{
    height: min(56 * (100vw/1400), 56px);
    margin: 0 auto min(10 * (100vw/1400), 10px);
  }
  
  .sticky-contents-left .scroll_box .line.fade-line{
    position: relative;
    transform: translate3d(0, 0, 0);
  }
  .sticky-contents-left .scroll_box .line.fade-line::before{
    position: absolute;
    top: 0;
    content: "";
    transition: height 0.8s;
    transform: translate(0);
    width: 1px;
    height: 0;
    background: #000;
  }
  .sticky-contents-left .scroll_box .line.fade-line.active::before{
    transform: translate(0);
    height: 100%;
  }
  .CE250424SS2nd .sticky-contents-right h3 {
    font-size: min(25 * (100vw/1400), 25px);
    text-align: center;
    margin-top: min(440*(100vw / 1400), 440px);
  }
  .CE250424SS2nd .sticky-contents-right p {
    font-size: min(11.9*(100vw / 1400), 11.9px);
    line-height: 1.6911764706;
    width: min(260*(100vw / 1400), 260px);
    margin-left: min(50*(100vw / 1400), 50px);
    margin-top: min(330*(100vw / 1400), 330px);
  }
}