@charset "UTF-8";

.fs1,
.fs3{ display:inline-block; font-size:110%; vertical-align:baseline; }

:root {
	--z:1px;
}

/* SP */
@media only screen and (max-width:767px) {
	:root {
		--z:100vw / 750;
	}
}

/* .js-product-slide-nav */
.dc20winter .sec-product-mv .js-product-slide-wrap .js-product-slide-nav {
  background-color: rgba(83, 74, 81, 0.5);
}
.dc20winter .sec-product-mv .js-product-slide-wrap .js-product-slide-nav .js-product-slide-dots li button:before {
  color: #fff;
  opacity:0.5;
}
.dc20winter .sec-product-mv .js-product-slide-wrap .js-product-slide-nav .js-product-slide-dots li.slick-active button:before {
  color: #cc0033;
  opacity: 1;
}

.dc20winter .sec-movie{
background-color: #000;
color: #FFF;
}


/* .txt-product-lead */

.dc20winter .sec-product-mv .txt-product-lead-wrap > .txt-product-lead {
  color: #000 !important;
}
.dc20winter .sec-product-mv .js-product-slide-wrap > .txt-product-lead {
  color: #000 !important;
  margin-bottom: 20px !important;
}

#sc_56f { max-width: 940px; margin: 0 auto;}
#sc_56f img {max-width:100%;}
#sc_56f picture{ display:block; }
#sc_56f a{ word-break: break-all;}
#sc_56f .il{ margin-left:-0.5em }
#sc_56f .ir{ margin-right:-0.5em }
#sc_56f .pc{ display:block !important; }
#sc_56f .sp{ display:block !important; }

/* gradient */
.gradient1 { 
    background: linear-gradient(90deg, #a0f8c7 0%, #07a0ff 37%, #07a0ff 100%); 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; 
    color: transparent;
}
.gradient2 { 
    background: linear-gradient(100deg, #0547aa 0%, #114382 73%, #05468f 100%); 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; 
    color: transparent;
}

/* .kv{ */
.kv .ttl{
    font-size:calc(var(--z) * 36); line-height:1.4; font-weight:800; text-align:center;
    padding:calc(var(--z) * 90) 0;
}

/* PC */
@media only screen and (min-width:768px) {
	#sc_56f .sp{ display:none !important; }
}

/* SP */
@media only screen and (max-width:767px) {
	#sc_56f .pc{ display:none !important; }
    .kv .ttl{
        font-size:calc(var(--z) * 40);
        padding:calc(var(--z) * 80) 0;
    }
}
/* } */

/* .box{ */
.box:nth-last-of-type(2n+0) {
    padding-bottom: calc(var(--z) * 100);
    background-repeat: no-repeat;
    background-size: cover;
}
.box._1 { background-image:url(/flcache_data/product/sc56f/bg_box1.png); }
.box._3 { background-image:url(/flcache_data/product/sc56f/bg_box3.png); }
.box.box:nth-of-type(2n+1) {background-color: #f5faff;}

.box_bul {
    display: inline-block; 
    padding:calc(var(--z) * 8) calc(var(--z) * 23); 
    margin:0 calc(var(--z) * 50) 0; 
    border: 2px solid #333; 
    border-radius: calc(var(--z) * 21); 
    color: #333; 
    font-size:calc(var(--z) * 22); 
    font-weight: bold;
    line-height:1.0; }
.box .ttl{ font-weight: bold; }
.box .read{ overflow:hidden; }
.box:nth-of-type(2n+0) .box_inner { border: 1px solid #686e83; }
.box:nth-of-type(2n+0) .read { color: #fff; }
.box:nth-of-type(2n+0) .box_bul { border: 2px solid #fff; color: #e3e6f3; }
.box:nth-of-type(2n+0) .read .note { color: #bbb; }

.box .read .note{ display:table; color:#444; }
.box .read .note dl{ display:table-row; }
.box .read .note dl>*{ display:table-cell; }
.box .read .note dl dt{ padding-right:0.5em; }
.box .read sup{ vertical-align:text-top; }

/* PC */
@media only screen and (min-width:768px) {
	.box{ padding-top:calc(var(--z) * 100); }
	.box .ttl{ margin: calc(var(--z) * 35) calc(var(--z) * 50); font-size:calc(var(--z) * 48); font-weight:800; line-height:1.25; }
    .box .img1 {margin-bottom: calc(var(--z) * 37);}
    .box .img4 {margin-bottom: calc(var(--z) * 35);}
    .box .box_inner{ margin: 0 calc(var(--z) * 50) ; padding-top: calc(var(--z) * 80); border: 1px solid #abbad5; border-radius: 0 calc(var(--z) * 240) 0 0;}
    .box.box:nth-of-type(2n+1) {padding-bottom: calc(var(--z) * 100);}
    .box:nth-of-type(2n+1) .read {margin-bottom: calc(var(--z) * 67);}
    .box:nth-of-type(2n+1) .read:not(:first-of-type) {margin-bottom: 0;}
    .box:nth-of-type(2n+1) .read:last-child .read_inner {border-bottom: 0; }
	.box .read { padding: 0 calc(var(--z) * 50) ;margin-bottom: calc(var(--z) * 95); font-size: calc(var(--z) * 18);}
    .box .read .sub{ font-size:calc(var(--z) * 32); font-weight:bold; line-height:1.4; }
    .box .read .sub+.img-common{ padding-top: calc(var(--z) * 30); }
    .box .read:has(.img3) { position: relative; }
    .box .read:has(.img3) .img-common{ padding-top: calc(var(--z) * 100); margin-bottom: 0;}
    .box .read .sub.gradient1 { position: absolute; top: 0; left: 50%; display: inline-block; font-weight: bold; transform: translateX(-50%);}
    .box .read p{ margin-top: calc(var(--z) * 20); }
    .box .read .img-common+p {margin-top: calc(var(--z) * 50);}
    .box .read .note{ font-size:calc(var(--z) * 14); }
    .box .read sup{ font-size:calc(var(--z) * 12); }
    .box .read:not(:has(.read_inner)) .img-common {margin-left: calc(var(--z) * -50);margin-right: calc(var(--z) * -50);}
    .box .read:not(:has(.read_inner)) .img2.img-common {margin: 0 calc(var(--z) * -51);}

    .read:has(.read_inner) {padding-left: 0;padding-right: 0;margin-bottom: 0;}
    .read:has(.read_inner)+.read .sub {border-top: 0;}
    .read:has(.read_inner) .sub {padding: calc(var(--z) * 25) calc(var(--z) * 50); border-top: 1px solid #abbad5; border-bottom: 1px solid #abbad5; line-height: 1.5;}
    .read_inner {display: flex; flex-wrap: wrap;width: 100%; padding-left: calc(var(--z) * 50); border-bottom: 1px solid #abbad5;}
    .read_inner >*:not(.img) {width: calc(100% - calc(var(--z) * 294)); padding-right: calc(var(--z) * 50);}
    .read_inner .text {order: 1; padding-bottom: calc(var(--z) * 45); border-right: 1px solid #abbad5;}
    .read_inner .text p { margin-top: calc(var(--z) * 40); margin-bottom: calc(var(--z) * 18); line-height: 1.5;}
    .read_inner .img {order: 2; width: calc(var(--z) * 294)}
}

/* SP */
@media only screen and (max-width:767px) {
    .box._1 { background-image:url(/flcache_data/product/sc56f/bg_box1_sp.png); }
    .box._3 { background-image:url(/flcache_data/product/sc56f/bg_box3_sp.png); }

    .box_bul {
    padding:calc(var(--z) * 9) calc(var(--z) * 21); 
    margin:0 calc(var(--z) * 40) 0; 
    border-radius: calc(var(--z) * 22.5); 
    font-size:calc(var(--z) * 24); }

    .box{ padding-top:calc(var(--z) * 100); }
	.box .ttl{ margin: calc(var(--z) * 40) calc(var(--z) * 40) calc(var(--z) * 46); font-size:calc(var(--z) * 40); font-weight:800; line-height:1.25; }
    .box .img1 {margin-bottom: calc(var(--z) * 50);}
    .box .img3 {margin-top: calc(var(--z) * -120);}
    .box .img4 {margin-bottom: calc(var(--z) * 50);}
    .box .box_inner{ margin: 0 calc(var(--z) * 40); padding-top: calc(var(--z) * 100); border: 1px solid #abbad5; border-radius: 0 calc(var(--z) * 240) 0 0;}
    .box.box:nth-of-type(2n+1) {padding-bottom: calc(var(--z) * 100);}
    .box:nth-of-type(2n+1) .read {margin-bottom: calc(var(--z) * 120);}
    .box:nth-of-type(2n+1) .read:not(:first-of-type) {margin-bottom: 0;}
    .box:nth-of-type(2n+1) .read:last-child .read_inner {border-bottom: 0; }
	.box .read { padding: 0 calc(var(--z) * 50) ;margin-bottom: calc(var(--z) * 100); font-size: calc(var(--z) * 26);}
    .box .read .sub{ font-size:calc(var(--z) * 32); font-weight:bold; line-height:1.4; }
    .box .read .sub+.img-common{ padding-top: calc(var(--z) * 30); }
    .box .read .sub.gradient1 { display: inline-block; text-align: center; font-weight: bold; transform: translateX(25%);}
    .box .read p{ margin-top: calc(var(--z) * 30); font-size:calc(var(--z) * 30);}
    .box .read .img-common+p {margin-top: calc(var(--z) * 50);}
    .box .read .note{ font-size:calc(var(--z) * 28); }
    .box .read:not(:has(.read_inner)) .img-common {margin-left: calc(var(--z) * -50);margin-right: calc(var(--z) * -50);}
    .box .read sup{ font-size:calc(var(--z) * 24); }

    .read:has(.read_inner) {padding-left: 0;padding-right: 0;margin-bottom: 0;}
    .read:has(.read_inner)+.read .sub {border-top: 0;}
    .read:has(.read_inner) .sub {padding: 0 calc(var(--z) * 40) calc(var(--z) * 50); border-top: none; border-bottom: 1px solid #abbad5; line-height: 1.5;}
    .read_inner {display: flex; flex-wrap: nowrap;width: 100%; flex-direction: column-reverse;padding-left: 0; border-bottom: none;}
    .read_inner >*:not(.img) {width: 100%; padding-right: calc(var(--z) * 50);}
    .read_inner .text {order: 1; padding: 0 calc(var(--z) * 40) calc(var(--z) * 100); border-right: none;}
    .read_inner .text p { margin-top: calc(var(--z) * 50); margin-bottom: calc(var(--z) * 20); line-height: 1.5;}
    .read_inner .img {order: 2; width: 100%; border-bottom: 1px solid #abbad5}

    .box._4 .read_inner >*:not(.img) {width: 100%;}
    .box._4 .read_inner .img {width: 100%}
}

/* } */


/* end */