@charset "UTF-8";


/*================================================================================
PIXEL10PROXL個別CSS SMT
=================================================================================*/

.dc20winter .contents .contents-main {
  padding: 0 11px 30px;
}

/* js-product-color-selector */
.dc20winter .js-product-color-selector {
  height: auto;
}

.dc20winter .js-product-color-selector+.thumbnail {
  margin-top: 8px;
}

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

/* スペックページ文字色：黒 */
.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;
}

.dc20winter-spec.light-set .tit-product-lv1 {
  color: #000;
}


/* ===================
カタログページ製品情報
======================*/

.productContents-inner {
  padding: 0 20px;
}

/*===== 共通 =====*/
/* 文字色 */
.product-block {
  color: #3c4043;
}

/* 背景色 */
.product-block.bg-c {
  background-color: #eee9e5;
}

/* blockごとの余白 */
.product-block {
  margin-bottom: 40px;
}

/* h2見出し */
.product-block h2 {
  font-size: 36px;
  font-weight: bold;
  line-height: 1.0;
  text-align: center;
}

/* h3見出し */
.product-block h3 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
}

/* h4見出し */
.product-block h4 {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
}

/* 注釈・詳細説明文 */
.product-block .box-txt .txt-note {
  font-size: 12px;
  color: #9aa0a6;
  text-align: left;
  padding: 0 30px;
}

/* 上つき文字のサイズ */
.product-block .txt-sup {
  font-size: 60%;
}

/* テキスト中央寄せ */
.product-block p {
  text-align: center;
}


/*===== ロゴ =====*/
/* ロゴサイズ */
.product-block .img-common.logo .img-common__image {
  width: 160px;
}


/*===== kvエリア =====*/
/* 画像を画面幅いっぱいに広げる */
.product-block .block-kv .img-common {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}

/* 動画再生ボタンの調整 */
.dc20winter .modal-open.button{
  display: inline-block;
  outline: none !important;
  height: auto;
  width: auto;
  position: static;
  left: 0;
  top: 0;
  margin: auto;
  text-indent: 0;
  overflow: visible;
  background: none;
  background-size: auto;
  z-index: auto;
}

.dc20winter .modal-open.button{
  box-shadow: -3px 2px 10px 0 rgba(34, 24, 21, 0.45);
}

/* h2見出しインデント調整 */
.product-block .block-kv h2 span.indent {
  margin-left: 2rem;
  text-indent: 2rem;
}

@media (max-width: 374px) {
  .product-block .block-kv h2 {
    font-size: 9.6vw;
  }
  .product-block .block-kv .box-txt .txt-note {
    font-size: 3.2vw;
  }
}

/*===== specエリア =====*/
/* 余白調整 */
.product-block .block-spec {
  padding: 30px 0;
}

/* アイコンサイズ */
.product-block .block-spec .content-wrapper .content-list .content-item .img-common__inner {
  width: 50px;
}

/* h4文字サイズ */
.product-block .block-spec .content-wrapper .content-list .content-item h4 {
  font-size: 24px;
  font-weight: normal;
  letter-spacing: -0.04em;
}

@media (max-width: 374px) {
  .product-block .block-spec h3 {
      font-size: 6.4vw;
  }
  .product-block .block-spec .content-wrapper .content-list .content-item h4 {
    font-size: 6.0vw;
  }
}

/*===== featuresエリア =====*/
/* 余白調整 */
.product-block .block-features .content-list {
  padding: 10px 16px 0;
}

.product-block .block-features .content-list li p {
  margin: 40px auto;
  font-size: 17px;
}

/* h3文字サイズ */
.product-block .block-features h3 {
  font-size: 30px;
  letter-spacing: -0.04em;
}

@media (max-width: 374px) {
  .product-block .block-features h3 {
    font-size: 7.5vw;
  }
.product-block .block-features .content-list li p {
  font-size: 4.3vw;
  }
}

/*===== cameraエリア =====*/
/* 余白調整 */
.product-block .block-camera {
  padding: 50px 18px 30px;
}

/* h3文字サイズ */
.product-block .block-camera h3 {
  font-size: 30px;
  letter-spacing: -0.04em;
}

/* h3文字インデント */
.product-block .block-camera h3 span {
  text-indent: 2rem;
  display: block;
}

/* h4文字サイズ */
.product-block .block-camera h4 {
  font-size: 22px;
  letter-spacing: -0.04em;
  margin-bottom: 5px;
}

/* 文字サイズ */
.product-block .block-camera p {
  font-size: 16px;
}

@media (max-width: 374px) {
  .product-block .block-camera h3 {
    font-size: 7.5vw;
  }
.product-block .block-camera p {
  font-size: 4vw;
  }
.product-block .block-camera .box-txt .txt-note {
  font-size: 3.2vw;
  padding: 0;
  }
}

/*===== securityエリア =====*/
/* 余白調整 */
.product-block .block-security .content-list {
  padding: 5px 10px 30px;
}

/* h3文字サイズ */
.product-block .block-security h3 {
  font-size: 30px;
  letter-spacing: -0.04em;
}

/* h4文字サイズ */
.product-block .block-security h4 {
  font-size: 23px;
  letter-spacing: -0.04em;
  margin-bottom: 5px;
  line-height: 1.4;
}

/* 文字サイズ */
.product-block .block-security p {
  font-size: 16px;
}

@media (max-width: 374px) {
  .product-block .block-security h3 {
    font-size: 7.5vw;
  }
  .product-block .block-security h4 {
    font-size: 5.8vw;
  }
  .product-block .block-security p {
    font-size: 4vw;
  }
}

/*===== functionsエリア =====*/
/* 余白調整 */
.product-block .block-functions {
  padding: 50px 0;
}

/* 横並び */
.product-block .block-functions .content-wrapper .content-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  vertical-align: top;
  gap: 5px;
  max-width: 600px;
  margin: 0 auto;
}

.product-block .block-functions .content-wrapper .content-list .content-item {
  width: 44%;
  max-width: 300px;
}

/* アイコンサイズ */
.product-block .block-functions .content-wrapper .content-list .content-item .img-common .img-common__image {
  width: 40px;
}

/* h3文字サイズ */
.product-block .block-functions h3 {
  font-size: 30px;
  letter-spacing: -0.04em;
  padding: 0 46px;
  margin-bottom: 20px;
}

/* h4文字サイズ */
.product-block .block-functions .content-wrapper .content-list .content-item h4 {
  font-size: 17px;
  letter-spacing: -0.04em;
  font-weight: normal;
}

/* 文字サイズ */
.product-block .block-functions p {
  font-size: 17px;
}

/* 背景色を画面幅いっぱいに広げる */
.product-block {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}

/* 画像を画面幅いっぱいに広げる */
.product-block .block-functions .img-common {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}

/* 注釈・詳細説明文 */
.product-block .block-functions .box-txt .txt-note {
  padding: 20px 20px 0;
}

@media (max-width: 374px) {
.product-block .block-functions h3 {
  font-size: 7.5vw;
  }
.product-block .block-functions .content-wrapper .content-list .content-item h4{
  font-size: 4.5vw;
  }
.product-block .block-functions p {
  font-size: 4.5vw;
  }
}


/*===== benefitsエリア =====*/
/* 背景色 */
.product-block .block-benefits{
  background-color:#f8f9fa;
}

/* 余白調整 */
.product-block .block-benefits {
  padding: 60px 20px;
}

/* アイコンサイズ */
.product-block .block-benefits .content-wrapper .content-list .content-item .img-common .img-common__image {
  width: 48px;
  margin-bottom: 10px;
}

/* h3文字サイズ */
.product-block .block-benefits h3 {
  font-size: 30px;
  letter-spacing: -0.04em;
  padding: 0 16px;
}

/* h4文字サイズ */
.product-block .block-benefits .content-wrapper .content-list .content-item h4 {
  font-size: 23px;
  letter-spacing: -0.04em;
  margin-bottom: 10px;
}

/* 文字サイズ */
.product-block .block-benefits p {
  font-size: 17px;
}

@media (max-width: 374px) {
  .product-block .block-benefits h3 {
    font-size: 7.5vw;
  }
  .product-block .block-benefits .content-wrapper .content-list .content-item h4 {
    font-size: 6.1vw;
  }
  .product-block .block-benefits p {
    font-size: 4.2vw;
  }
.product-block .block-benefits .box-txt .txt-note {
  font-size: 3.2vw;
  padding: 0 18px;
  }
}