@charset "UTF-8";
@import url('https://www.samsung.com/etc.clientlibs/samsung/clientlibs/consumer/global/clientlib-site/resources/global/css/fonts.css');

:root {
	--z:1px;
}

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

/* 背景 */
.dc20winter .sec-product-lv1-wrap {
  background: #f5f5f5 url(https://www.docomo.ne.jp//product/sc53f/images/bg_pc.jpg) no-repeat bottom center;
  background-size: cover;
}

/* .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;
}


#a36{ max-width:940px; margin:0 auto; }
#a36 img{ max-width:100%; }
#a36 picture{ display:block; }
#a36 a{ color:inherit; }
#a36 .il{ margin-left:-0.5em }
#a36 .ir{ margin-right:-0.5em }

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

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

/* SP */
@media only screen and (max-width:767px) {
	#a36 .pc{ display:none !important; }
}
/* } */

/* .box{ */
.box._1 .box_inner{ background:#e5f1de; }
.box._2 .box_inner{ background:#fff1f1; }
.box._3 .box_inner{ background:#ebe8f7; }

.box .ttl{ display:flex; align-items:center; font-weight:800; position:relative; }
.box .ttl span{ position:relative; z-index:2; }
.box .ttl::before{ display:block; content:""; position:absolute; z-index:1; }
.box._1 .ttl::before{ background:#c7deb9; }
.box._2 .ttl::before{ background:#ffc9c9; }
.box._3 .ttl::before{ background:#d6cff2; }
.box .read{ background:#FFFFFF; overflow:hidden; }
.box .read .sub{ font-weight:700; }
.box .read .note{ display:table; color:#888888; }
.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{ margin-top:calc(var(--z) * 66); }
	.box .ttl{ font-size:calc(var(--z) * 48); line-height:1.0; margin:0 calc(var(--z) * 97); }
	.box .ttl::before{ width:calc(var(--z) * 36); height:calc(var(--z) * 36); left:calc(var(--z) * -15); }
	.box._1 .ttl::before{ top:0; }
	.box._2 .ttl::before{ bottom:0; }
	.box._3 .ttl::before{ top:0; }
	.box .box_inner{ padding:0 calc(var(--z) * 97) calc(var(--z) * 77); }
	.box .read+.read{ margin-top:calc(var(--z) * 67); }
	.box .read{ font-size:calc(var(--z) * 18); line-height:1.6; }
	.box .read:nth-of-type(2n+1){ padding:calc(var(--z) * 87) calc(var(--z) * 69) calc(var(--z) * 50) calc(var(--z) * 97); margin-left:calc(var(--z) * -97); border-radius:0 calc(var(--z) * 50) 0 0; }
	.box .read:nth-of-type(2n+0){ padding:calc(var(--z) * 87) calc(var(--z) * 97) calc(var(--z) * 50) calc(var(--z) * 69); margin-right:calc(var(--z) * -97); border-radius:calc(var(--z) * 50) 0 0 0; }
	.box .read:nth-of-type(1){ border-radius:0 0 calc(var(--z) * 50) 0; }
	.box .read>*:not(:last-child){ margin-bottom:calc(var(--z) * 32); }
	.box .read .sub{ font-size:calc(var(--z) * 32); line-height:1.4; margin-bottom:calc(var(--z) * 38); }
	.box .read .note{ font-size:calc(var(--z) * 14); line-height:1.6; }
	.box .read sup{ font-size:calc(var(--z) * 12); }
	
	.box._1 .read:nth-of-type(1){ padding-bottom:calc(var(--z) * 92); }
	.box .img1{ margin:calc(var(--z) * -97) calc(var(--z) * -97) 0 !important; }
	.box .img3{ margin-bottom:calc(var(--z) * -50) !important; }
	.box .img4{ text-align:center; }
	.box .img5{ margin:0 calc(var(--z) * -69) calc(var(--z) * -50) calc(var(--z) * -97) !important; }
	.box .img6{ margin-bottom:calc(var(--z) * -50) !important; }
	.box._3 .read:nth-of-type(1){ padding-bottom:calc(var(--z) * 100); }
	.box .img7{ margin:calc(var(--z) * -97) calc(var(--z) * -97) 0 !important; }
	.box .img8{ margin:0 calc(var(--z) * -97) calc(var(--z) * -50) calc(var(--z) * -69) !important; }
	.box .img9{ text-align:center; }
}

/* SP */
@media only screen and (max-width:767px) {
	.box{ margin-top:calc(var(--z) * 88); }
	.box .ttl{ font-size:calc(var(--z) * 48); line-height:1.6; margin-left:calc(var(--z) * 77); }
	.box .ttl::before{ width:calc(var(--z) * 28); height:calc(var(--z) * 28); left:calc(var(--z) * -8); }
	.box._1 .ttl::before{ top:calc(var(--z) * 5); }
	.box._2 .ttl::before{ bottom:calc(var(--z) * 5); }
	.box._3 .ttl::before{ top:calc(var(--z) * 5); }
	.box .read+.read{ margin-top:calc(var(--z) * 67); }
	.box .box_inner{ padding:0 calc(var(--z) * 77) calc(var(--z) * 60); }
	.box .read{ font-size:max(12px,calc(var(--z) * 26)); line-height:1.6; }
	.box .read:nth-of-type(2n+1){
		padding:calc(var(--z) * 53) calc(var(--z) * 50) calc(var(--z) * 55) calc(var(--z) * 77);
		margin-left:calc(var(--z) * -77); border-radius:0 calc(var(--z) * 40) 0 0;
	}
	.box .read:nth-of-type(2n+0){
		padding:calc(var(--z) * 53) calc(var(--z) * 60) calc(var(--z) * 55) calc(var(--z) * 60);
		margin-right:calc(var(--z) * -77); border-radius:calc(var(--z) * 40) 0 0 0;
	}
	.box .read:nth-of-type(1){ border-radius:0 0 calc(var(--z) * 40) 0; }
	.box .read>*:not(:last-child){ margin-bottom:calc(var(--z) * 32); }
	.box .read .sub{ font-size:calc(var(--z) * 38); line-height:1.35; margin:0 calc(var(--z) * -30) calc(var(--z) * 36) 0; }
	.box .read .note{ font-size:max(12px,calc(var(--z) * 20)); line-height:1.6; }
	.box .read sup{ font-size:max(8px,calc(var(--z) * 16)); }

	.box._1 .read:nth-of-type(1){ padding-bottom:calc(var(--z) * 63); }
	.box .img1{ margin:calc(var(--z) * -63) calc(var(--z) * -77) 0 !important; }
	.box .img2{ width:calc(var(--z) * 547); }
	.box .img3{ width:calc(var(--z) * 477); margin:0 auto calc(var(--z) * -55) !important; }
	.box .img4{ width:calc(var(--z) * 522); }
	.box .img5{ margin:0 calc(var(--z) * -50) calc(var(--z) * -55) calc(var(--z) * -77) !important; }
	.box .img6{ width:calc(var(--z) * 473); margin:0 auto calc(var(--z) * -55) !important; }
	.box._3 .read:nth-of-type(1){ padding-bottom:calc(var(--z) * 100); }
	.box .img7{ margin:calc(var(--z) * -97) calc(var(--z) * -97) 0 !important; }
	.box .img8{ margin:0 calc(var(--z) * -77) calc(var(--z) * -55) calc(var(--z) * -60) !important; }
	.box .img9{ text-align:center; }
}

/* } */

/* .func{ */
.func{}
.func .ttl h4{ display:inline-block; font-weight:800; position:relative; }
.func .ttl h4 span{ position:relative; z-index:2; }
.func .ttl h4::before{ display:block; content:""; position:absolute; z-index:1; background:#e0e0e0; }
.func .item .sub{ font-weight:700; letter-spacing:-0.02em; }
.func .item .read{ position:relative; z-index:2; }
.func .item .read sup{ vertical-align:text-top; }
.func .item .note{ display:table; color:#888888; position:relative; z-index:2; }
.func .item .note dl{ display:table-row; }
.func .item .note dl>*{ display:table-cell; }
.func .item .note dl dt{ padding-right:0.5em; white-space:pre; }
.func .item .img{ position:relative; z-index:1; }

/* PC */
@media only screen and (min-width:768px) {
	.func{ padding:0 calc(var(--z) * 40) calc(var(--z) * 75) }
	.func .ttl{ font-size:calc(var(--z) * 48); line-height:1.2; text-align:center; padding:calc(var(--z) * 80) 0; }
	.func .ttl h4::before{ width:calc(var(--z) * 36); height:calc(var(--z) * 36); left:calc(var(--z) * -15); top:0; }
	.func .item{ display:flex; flex-wrap:wrap; }
	.func .item:not(:last-child){ margin-bottom:calc(var(--z) * 48); }
	.func .item>*{ width:50%; }
	
	.func .item .read{ font-size:calc(var(--z) * 18); line-height:1.6; }
	.func .item .read>*{ margin-bottom:calc(var(--z) * 12); }
	.func .item .read .sub{ font-size:calc(var(--z) * 30); line-height:1.4; margin-bottom:calc(var(--z) * 24); }
	.func .item .read sup{ font-size:calc(var(--z) * 12); }
	.func .item .note{ font-size:calc(var(--z) * 14); line-height:1.6; }
	.func .item._1 .note,.func .item._3 .note{ flex-grow: 2; }
	
	.func .item:nth-of-type(2n+1) .read{ order:1; padding-right:calc(var(--z) * 35); }
	.func .item:nth-of-type(2n+1) .note{ order:3;}
	.func .item:nth-of-type(2n+1) .img{ order:2; }
	
	.func .item:nth-of-type(2n+0) .read{ order:2; padding-right:calc(var(--z) * 35); }
	.func .item:nth-of-type(2n+0) .note{ order:3;}
	.func .item:nth-of-type(2n+0) .img{ order:1; }
	
	.func .item._1 .img{ margin:calc(var(--z) * -68) 0 calc(var(--z) * -86) 0; }
}

/* SP */
@media only screen and (max-width:767px) {
	.func{ padding:calc(var(--z) * 70) calc(var(--z) * 60) calc(var(--z) * 75); }
	
	.func .ttl h4{ font-size:calc(var(--z) * 48); line-height:1.6; margin-bottom:calc(var(--z) * 68); }
	.func .ttl h4::before{ width:calc(var(--z) * 28); height:calc(var(--z) * 28); left:calc(var(--z) * -8); bottom:calc(var(--z) * 5); }
	
	.func .item .read{ font-size:max(12px,calc(var(--z) * 27)); line-height:1.6; }
	.func .item .read>*{ margin-bottom:calc(var(--z) * 12); }
	.func .item .read .sub{ font-size:calc(var(--z) * 38); line-height:1.4; margin:0 calc(var(--z) * -50) calc(var(--z) * 36) 0; }
	.func .item .read sup{ font-size:max(8px,calc(var(--z) * 16)); }
	.func .item .note{ font-size:max(12px,calc(var(--z) * 20)); line-height:1.6; }
	.func .item .img{ margin:0 calc(var(--z) * -60); }
	
	.func .item._1 .img{ margin:calc(var(--z) * -40) calc(var(--z) * -60) calc(var(--z) * -50); }
}

/* } */

/* .spec{ */
.spec .ttl{ font-weight:800; text-align:left; }
.spec .row{ display:flex; text-align:center; }
.spec .cel{ width:calc(100% / 10 * 3); font-weight:600; }
.spec .cel:nth-child(1){ width:calc(100% / 10 * 4) }
.spec .cel p{ margin:0; padding:0; letter-spacing:-0.05em; }
.spec .cel p.s{ font-weight:400; }
.spec .cel p.sub{ color:#757575; font-weight:400; }

/* PC */
@media only screen and (min-width:768px) {
	.spec{ padding:0 calc(var(--z) * 40) calc(var(--z) * 100); }
	.spec .ttl{ font-size:calc(var(--z) * 28); line-height:1; border-bottom:2px solid #dddddd; padding:calc(var(--z) * 60) 0 calc(var(--z) * 15); margin-bottom:calc(var(--z) * 25); }
	.spec .cel p.sub{ font-size:calc(var(--z) * 16); }
	.spec .cel p{ font-size:calc(var(--z) * 18); line-height:1.6; padding-top:calc(var(--z) * 15); }
	.spec .cel img{ max-width:calc(var(--z) * 64) !important; max-height:calc(var(--z) * 64) !important; }
	.spec ._0 .cel p{ font-size:calc(var(--z) * 24); line-height:2.2; padding-top:calc(var(--z) * 30); }
	.spec ._0 .cel img{ max-width:none !important; max-height:calc(var(--z) * 220) !important; }
	.spec ._1 .cel p{ line-height:2.2; padding-top:calc(var(--z) * 30); }
	.spec .cel p.s{ font-size:calc(var(--z) * 13); }
}

/* SP */
@media only screen and (max-width:767px) {
	.spec{ padding:0 calc(var(--z) * 50) calc(var(--z) * 100); }
	.spec .ttl{ font-size:calc(var(--z) * 20); line-height:1; border-bottom:1px solid #dddddd; padding:calc(var(--z) * 45) 0 calc(var(--z) * 15); margin-bottom:calc(var(--z) * 15); }
	.spec .cel p.sub{ font-size:calc(var(--z) * 14); letter-spacing:-0.05em; }
	.spec .cel p{ font-size:calc(var(--z) * 18); line-height:1.6; padding-top:calc(var(--z) * 15); }
	.spec .cel p.sub+p{ padding-top:calc(var(--z) * 0); }
	.spec .cel img{ max-width:calc(var(--z) * 64) !important; max-height:calc(var(--z) * 64) !important; }
	.spec ._0 .cel p{ line-height:1.12; padding-top:calc(var(--z) * 30); }
	.spec ._0 .cel img{ max-width:none !important; max-height:calc(var(--z) * 182) !important; }
	.spec .cel p.s{ font-size:calc(var(--z) * 12); }
}
/* } */


/* end */