@charset "UTF-8";


/*================================================================================
SC-54F 個別CSS SMT
=================================================================================*/

:root {
  --docomo_red: #C03;
}

/* 背景 */
.dc20winter .sec-product-lv1-wrap {
  background-color: #f5f5f5;
  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: 25px !important;
}

/* カボレコ .txt-notes */
.dc20winter .sec-product-mv .txt-notes {
  color: #000 !important;
  margin-bottom: 25px !important;
}


/* スペックページ背景色 */
.dc20winter-spec {
  background-color: #f5f5f5;
}

/* スペックページ文字色：黒 */
.dc20winter-spec.light-set .tit-product-lv1 {
  color: #000;
}

.dc20winter-spec.light-set .nav-cmn a:link,
.dc20winter-spec.light-set .nav-cmn a:visited{
  color: #000;
}
.dc20winter-spec.light-set .icon-common--arrow-bottom{
  color: #000;
}

/* タブ間隔調整 */
.product-catalog .simulation-tabs-body {
  margin: 30px auto 0;
}

.product-catalog .dc20winter .sec-product-5gplan {
  margin: 12vw 10px 20px;
}

/* ワイドカラム */
.product-catalog-full-img {
  width: 93%;
  margin: -3px auto 0;
}
.product-catalog-full-img > img {
  width: 100%;
}

/* 黒背景 */
.product-catalog-bg-black {
  width: 100vw;
  background-color: #000;
  color: #fff;
}
.product-catalog-bg-black * {
  color: #fff;
}

/* product-catalog-recomeend */
.product-catalog-recomeend {
  width: 89%;
  margin: 0 auto;
}
.contents p.product-catalog-recomeend-title {
  margin-bottom: 0;
  font-size: 3.0rem;
  font-weight: bold;
  text-align: center;
}
.product-catalog-recomeend-title span {
  color: var(--docomo_red);
  font-size: 3.4rem;
}
.product-catalog-recomeend-list {
  width: 100%;
  margin-top: 12px;
}
.product-catalog-recomeend-list-item {
  counter-increment: num;
  position: relative;
  font-size: 1.6rem;
  font-weight: bold;
}
.product-catalog-recomeend-list-item a {
  width: 100%;
  position: relative;
  display: block;
  padding-right: 33px;
  text-indent: -2.8em;
  padding-left: 2.8em;
  text-decoration: none;
  color: #000;
}
.product-catalog-recomeend-list-item a:hover,
.product-catalog-recomeend-list-item a:focus{
  border-bottom: 2px solid #c03;
}
.product-catalog-recomeend-list-item a:visited {
  text-decoration: none;
  color: #000;
}
.product-catalog-recomeend-list-item a::before {
  content:"0" counter(num) ".";
  position: relative;
  top: 5px;
  padding-right: 10px;
  color: var(--docomo_red);
  font-size: 2.0rem;
  font-weight: bold;
}
.product-catalog-recomeend-list-item a::after {
  --w: 6px;
  --h: 6px;
  content: "";
  position: absolute;
  top: calc(50% - (var(--h)/2));
  right: 3px;
  display: block;
  width: var(--w);
  height: var(--h);
  border-bottom: 2px solid var(--docomo_red);
  border-right: 2px solid var(--docomo_red);
  transform: rotate(45deg);
}
.product-catalog-recomeend-list-item + .product-catalog-recomeend-list-item {
  margin-top: 20px;
}