@charset "utf-8";
/* layout */
.for-sp { display: none;}

/* MV
-------------------- */
/* .mv-ttl-wrap { background: url(../top/main_pc.jpg) no-repeat top right 10% / cover; color: #fff;}
.mv-ttl-wrap .inner { padding-top: clamp( 112px, 8.33vw, 160px); padding-left: clamp( 86px, 6.4vw, 123px); padding-right: clamp( 86px, 6.4vw, 123px); padding-bottom: clamp( 56px, 4.16vw, 80px);}
.mv-ttl-wrap .mv-ttl { font-size: clamp( 19px, 1.4vw, 27px); letter-spacing: 0.08em; width: fit-content; margin: 0 0 35px;}
.mv-ttl-wrap .lenz-img { width: clamp( 302px, 22.5vw, 432px);}
.mv-ttl-wrap .ttl-lenz .lenz-name { font-size: clamp( 53px, 3.95vw, 76px);}
.mv-ttl-wrap .ttl-lenz .lenz-type { font-size: clamp( 42px, 3.75vw, 72px);}
.mv-ttl-wrap .buy-box { display: flex; gap: 0 40px; margin-top: 16px; justify-content: flex-end;}
.mv-ttl-wrap .buy-box .buy-price { font-size: 1.15rem; letter-spacing: 0.08em; flex-shrink: 0; padding: 10px 0 7px;}
.mv-ttl-wrap .buy-box .buy-price > .small { font-size: 0.8rem;}
.mv-ttl-wrap .buy-box .buy-price-btn { color: #fff; background-color: #3081C1; color: #fff; display: flex; align-items: center; justify-content: center; width: 240px; height: 50px; font-size: 1.15rem;}
.mv-ttl-wrap .buy-box .buy-price-btn span { background: url(/cms/img/usr/common/ico-cart-wh.svg) no-repeat left 40%/16% 70%; display: inline-block; padding-left: 50px;
} */

/* header
-------------------- */
/* #prdTop_menu { left: 0; right: 0; z-index: 100;}
#prdTop_menu .item-detail-header--top { display: none;}
#prdTop_menu .item-detail-header--top.is-active { display: block;} */

/* lead
-------------------- */
.block-lead-area .lead--wrap { padding: 100px 0 135px; text-align: center;}
.block-lead-area .lead-lenz-img { margin: 0 0 30px;}
.block-lead-area .lead-ttl { font-size: 40px; letter-spacing: 0.05em; margin: 0 0 55px;}
.block-lead-area .lead-text { font-size: 20px; letter-spacing: 0.05em; line-height: 2.25; font-weight: 400;}

/* spec
-------------------- */
.prdTop_spec { background-color: #E9E9E9; padding: 130px 0 200px;}
.prdTop_spec .spec--wrap { padding: 0 4.21%; max-width: 1660px; margin: 0 auto; box-sizing: border-box;}
.prdTop_spec .icon-img { margin: 0 0 -11% -6%; width: 19.14%;}
.prdTop_spec .spec-ttl { font-size: clamp( 35px, 2.73vw, 45px); letter-spacing: 0.05em; margin: 0 0 60px;}
.prdTop_spec .spec-ttl > span { display: block;}
.prdTop_spec .spec-ttl .kakko::before { content: "“";}
.prdTop_spec .spec-ttl .kakko::after { content: "”";}
.prdTop_spec .spec-text-box { width: clamp( 675px, 59.21vw, 900px); background: linear-gradient(90deg, rgba(204,204,204,1) 0%, rgba(204,204,204,0) 100%); padding: 13.54% 5.54% 5.54%;}
.prdTop_spec .spec-common-btn { background-color: #000000; color: #fff; text-align: center; font-size: clamp( 13px, 1.18vw,18px); letter-spacing: 0.24em; display: block; width: 31.11%; min-width: 210px; font-weight: 400; padding: 16.5px 0; position: relative; transition: 0.2s;}
.prdTop_spec .spec-common-btn::before { content: ''; width: 8px; height: 8px; border-top: solid 2px #FFFFFF; border-right: solid 2px #FFFFFF; position: absolute; right: 20px; top: 41%; transform: rotate(45deg); transition: 0.2s;}
.prdTop_spec .spec-common-btn:hover { background-color: #fff; color: #000;}
.prdTop_spec .spec-common-btn:hover::before { border-color: #000;}

.prdTop_spec .spec-list > li+li { margin-top: 160px;}
.prdTop_spec .spec-list > li { position: relative;}
.prdTop_spec .img-list > li { position: absolute;}

.prdTop_spec .spec-list-item01 .spec01_01 { width: 59.21%; right: 7.03%; top: 0;}
.prdTop_spec .spec-list-item01 .spec01_02 { width: 21.05%; right: 0; top: 57.28%;}
.prdTop_spec .spec-list-item01 .spec01_03 { width: 21.05%; right: 25.46%; bottom: 0;}
.prdTop_spec .spec-list-item01 { padding: 19.21% 5.26% 2.17%;}

.prdTop_spec .spec-list-item02 { padding-top: 20%;}
.prdTop_spec .spec-list-item02 .spec-ttl { text-align: right;}
.prdTop_spec .spec-list-item02 .spec-ttl > span { display: inline;}
@media (max-width:1100px) {
  .prdTop_spec .spec-list-item02 .spec-ttl > span { display: block;}
}
.prdTop_spec .spec-list-item02 .spec-common-btn { margin: 0 0 0 auto;}
.prdTop_spec .spec-list-item02 .icon-img { margin: 0 0 -9% auto; text-align: right;}
.prdTop_spec .spec-list-item02 .spec-text-box { background: linear-gradient(-90deg, rgba(204,204,204,1) 0%, rgba(204,204,204,0) 100%); margin: 0 80px 0 auto;}
.prdTop_spec .spec-list-item02 .spec02_01 { width: 59.21%; left: 8%; top: 0;}
.prdTop_spec .spec-list-item02 .spec02_02 { width: 21.05%; left: 0; top: 61%;}

.prdTop_spec .spec-list-item03 { padding: 19.21% 5.26% 2.17%;}
.prdTop_spec .spec-list-item03 .spec03_01 { width: 59.21%; right: 7.03%; top: 0;}
.prdTop_spec .spec-list-item03 .spec03_02 { width: 21.05%; right: 0; top: 60.28%;}

/* 追加1210 */
body.is-fixed {
  position: fixed;
  width: 100%;
}

.block-breadcrumb-wrap {
  display: none;
}

.pane-header {
  top: 0;
  left: 0;
  right: 0;
  z-index: 10000;
  transition: 0.2s all;
}

.pane-header.active {
  display: block;
  transform: translateY(0);
  animation-name: fadeInAnime;
  animation-duration: 0.2s;
  animation-fill-mode: forwards;
}

header.is-fixed .cm-header,
header.is-fixed .header-detail {
  display: block;
}

.pane-header.is-fixed:not(.active) {
  transform: translateY(-167px);
}

@keyframes fadeInAnime {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.block-fixed-allow {
  transition: opacity 0.4s ease;
  position: fixed;
  bottom: 10px;
  left: 5%;
  transform: translateX(-50%);
  z-index: 0;
  width: 60px;
  height: 60px;
  border: 2px solid rgba(255,255,255,0.2);
  border-radius: 50%;
}
.block-fixed-allow img {
  transition: opacity 0.4s ease;
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
  margin: auto;
  animation-name: allowInAnime;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
@keyframes allowInAnime{
  0% {
      bottom: 25px;
  }
  50% {
      bottom: 5px;
  }
  100% {
      bottom: 25px;
  }
}

.block-read-area.bg-white {
  background-color: #fff;
  margin-top: 0!important;
  padding-top: 100px;
  margin-bottom: 0!important;
  padding-bottom: 80px;
}

/* NEW MV */
.wrapper_ {
  background-color: #434343;
}

#prdTop_mv {
  position: relative;
  height: 100vh;
}
.guarantee-text {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 10px;
}

.item-detail-header--top {
  padding: 8px 0;
}

.item-detail-nav ul li a {
  padding: 12px 10px;
}


.item-detail-header--top .item-name {
  font-size: 1.2rem;
}

.js-prllx-bg .bg-inner {
  position: fixed;
  top: 112px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  pointer-events: none;
}
.js-prllx-bg .bg-inner img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.main-read-item {
  position: fixed;
  top: calc(327px + 5vh);
  left: 5vw;
  margin: auto;
  z-index: 100;
  color: #fff;
  width: fit-content;
  z-index: 0;
}


.mv-img-wrap .lenz-img {
  width: calc(333 / 1920 * 100vw);
}

.main-read-item .inner {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-direction: column-reverse;
}

.mv-text-wrap .lenz-name {
  font-family: "A-OTF Ryumin Pr6N", serif;
  font-size: calc(35 / 1920 * 100vw);
  line-height: 1.1;
  margin-bottom: calc(10 / 1920 * 100vw);
}

.mv-text-wrap .lenz-text {
  font-family: "A-OTF Ryumin Pr6N", serif;
  font-size: calc(15 / 1920 * 100vw);
}

.main-read-item p,
.main-read-item .block-award img {
  filter: drop-shadow(2px 4px 6px black);
}

.forcms_block {
  position: relative;
}

.block-lead-area,
.block-item-detail,
.block-item-detail h2 {
  background-color: #fff;
}

.bg-img__item img {
  width: 100%;
  object-fit: contain;
}

.block-pickup {
  margin-top: 300px;
}

.item-point .point-detail {
  margin-bottom: 0;
}