@charset "UTF-8";

/* ------------------------------------------------------------
カテゴリページ
------------------------------------------------------------ */
.contents_wrap li {
  list-style: none;
}

.fv {
  position: relative;
}

.fv_logo {
  width: 62.1%;
  position: absolute;
  top: 2.74%;
  left: 0;
  right: 0;
  margin: auto;
}

.fv_lens {
  width: 88%;
  top: 78.74%;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}

.product {
  /* background-image: linear-gradient(180deg,rgba(253, 253, 253, 1) 0%, rgba(253, 253, 253, 1) 50%, rgba(220, 220, 220, 1) 100%); */
  background-color: #e6d3c7;
  position: relative;
  /* padding-bottom: 186.2%; */
  padding-bottom: 261.257%;
}

.product_title {
  position: absolute;
  top: 0.2%;
  left: 0;
  right: 0;
  margin: auto;
  width: 91.5%;
}

.product_image {
  position: absolute;
  top: 9.4%;
  left: 16.4%;
  width: 67.08%;
}

.product_catch_title {
  position: absolute;
  top: 21.82%;
  left: 3.5%;
  width: 91.9%;
}

.product_catch_text {
  position: absolute;
  top: 32.25%;
  left: 5%;
  width: 90%;
}

.product_info_image {
  position: absolute;
  top: 38.95%;
  left: 7%;
  width: 86%;
}

.product_info_table {
  position: absolute;
  top: 57.37%;
  left: 5%;
  width: 90%;
}

.product_image+.product_image {
  position: absolute;
  top: 18.144%;
  left: 44.8%;
  width: 31.6%;
  z-index: 1;
}

.product_color_cicle {
  position: absolute;
  top: 77.02%;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #fff;
}

.product_lineupTitle {
  width: 49%;
  margin: 8% auto 7.5%;
}

.product_subTitle {
  width: 90%;
  margin: 0 auto 3%;
}

.product_color_list {
  display: flex;
  justify-content: space-between;
  margin: 0 2.8% 4.6% 5%;
}

.product_color_list_item {
  flex-basis: 33%;
}

.product_circle_list {
  display: flex;
  justify-content: center;
  padding-bottom: 3.1%;
}

.product_circle_list_item {
  flex-basis: 30.5%;
}

.product_info {
  position: absolute;
  top: 63.04%;
  left: 0;
  right: 0;
  margin: auto;
  width: 90%;
}

.awards {
  width: 90.1%;
  margin: 4.1% auto;
}

.price_title {
  width: 48.9%;
  margin: 5.6% auto 4.7%;
}

.price_image_color {
  margin: 0% 0% 0% 7.3%;
  width: 84%;
}

.price_image_circle {
  margin: -0.5% 0% 0% 7.3%;
  width: 84%;
}

.subsc {
  background-color: #ffffff;
  padding-top: 2.4%;
  padding-bottom: 0%;
  position: relative;
}

.subsc_wrap {
  position: absolute;
  top: 50.9%;
  left: 0;
  display: flex;
  justify-content: center;
  width: 100%;
}

.subsc_color_btn {
  width: 42%;
  margin-right: 2%;
}

.subsc_circle_btn {
  width: 42%;
  margin-left: 2%;
}

.color_title {
  margin: 8% auto 2%;
  width: 49%;
}

.color_lens {
  margin: 3% auto 2%;
  width: 50%;
}

.color_lead {
  margin: 2.6% auto 2%;
  width: 82%;
}

.color_model {
  margin: 7.3% auto 6%;
  width: 100%;
}

.circle_title {
  margin: 8% auto 2%;
  width: 49%;
}

.circle_lens {
  margin: 3% auto 2%;
  width: 32%;
}

.circle_lead {
  margin: 2.6% auto 2%;
  width: 72%;
}

.circle_model {
  margin: 7.3% auto 6%;
  width: 100%;
}

.lens_item {
  padding-top: 8%;
  padding-bottom: 7.8%;
  margin-right: 6%;
  margin-left: 6%;
}

.lens_item:first-child {
  padding-top: 0;
}

.lens_item:not(:last-child) {
  border-bottom: #3c3c3c 1px solid;
}

.lens_item a {
  text-decoration: none;
}

.lens_item_disc {
  display: flex;
  margin-right: -3.4%;
  justify-content: space-between;
  margin-bottom: 6%;
}

.lens_item_title {
  width: 64%;
  flex-basis: 64%;
}

.lens_item_image_melty_bare {
  width: 78.7%;
}

.lens_item_image_stay_me {
  width: 92%;
}

.lens_item_image_sheer_sable {
  width: 89.5%;
}

.lens_item_image_muuse_brown {
  width: 97.5%;
}

.lens_item_image_brown {
  width: 94%;
}

.lens_item_text {
  font-size: 2.7rem;
  line-height: 1.7;
  padding-top: 6.8%;
  color: #333;
  text-decoration: none;
  letter-spacing: 0.06rem;
  text-align: left;
}

.lens_item_gdia {
  width: 36%;
  margin-top: auto;
  flex-basis: 36%;
}

.lens_item_wear {
  width: 100%;
  margin: auto;
}

.color_chart {
  position: relative;
  padding-bottom: 22.3%;
}

.color_chart_title {
  margin: 6.3% auto;
  width: 72%;
}

.color_chart_bg {}

.color_chart_lens {
  position: absolute;
  top: 15%;
}

.lensSpec {
  --font_min: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", "YuMincho", serif;
  background-color: #c1c1c3;
  position: relative;
  padding-bottom: 10%;
}

.lens_spec_bg {
  position: absolute;
  top: 0;
}

.lensSpec_wrap {
  width: 90%;
  margin: auto;
  position: relative;
}

.lensSpec_wrap_inner {
  background-color: #fff;
  margin-bottom: 1%;
  padding-bottom: 4%;
}

.lensSpec_title {
  width: 81%;
  margin: 0 auto;
  padding-top: 17%;
  padding-bottom: 6.5%;
  position: relative;
}

.lensSpec_ja_title_image {
  margin: 0 auto 3.5%;
  width: 70%;
  padding-top: 6.6%;
}

.lensSpec_ja_title {
  text-align: center;
  padding-top: 4%;
  font-size: 3rem;
  font-family: var(--font_min);
  font-weight: bold;
}

.lensSpec_en_title_image {
  margin: 5.5% auto 3.6%;
  width: 66%;
}

.lensSpec_ja_text_L {
  text-align: center;
  font-size: 2.3rem;
  line-height: 1.5;
}

.lensSpec_ja_text_M {
  text-align: center;
  font-size: 1.9rem;
  line-height: 1.5;
}

.lens_spec_image {
  margin: 0 auto 3%;
  width: 79%;
}

.lensSpec_gdia_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 80%;
  margin: 2% auto;
}

.lensSpec_gdia_image {
  flex-basis: 40%;
}

.lensSpec_wrap_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.lensSpec_wrap_list_item {
  background-color: #fff;
  padding: 4% 3% 4%;
  width: 49.4%;
  margin-bottom: 1%;
}

.lensSpec_wrap_list_sub {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.lensSpec_wrap_list_sub .lensSpec_wrap_list_title {
  padding-bottom: 10%;
}

.lensSpec_wrap_list_sub .lensSpec_wrap_list_item {
  background-color: #fff;
  padding: 4% 1.2% 4%;
  width: calc(98% / 3);
  margin-bottom: 1%;
}

.lensSpec_wrap_list_title {
  font-family: var(--font_min);
  font-weight: bold;
  text-align: center;
  font-size: 3rem;
  padding-bottom: 4%;
}

.lensSpec_wrap_list_text {
  text-align: center;
  font-size: 1.7rem;
  line-height: 1.6;
}

.lensSpec_wrap_list_item .lens_spec_image_uv {
  margin: 5% auto 0;
  width: 77%;
}

.lensSpec_wrap_list_item .lens_spec_image_high_water {
  margin: 5% auto 0;
  width: 24%;
}

.lensSpec_wrap_list_item .lens_spec_image_oxygen {
  margin: 5% auto 0;
  width: 28%;
}

.lensSpec_wrap_list_item .lens_spec_image_sandwich {
  margin: 5% auto 0;
  width: 70%;
}

.lensSpec_wrap_list_item .lens_spec_image_moist {
  margin: 4% auto 0;
  width: 90%;
}

.lensSpec_wrap_list_item .lens_spec_image_cut {
  margin: 14% auto 0;
  width: 79%;
}

.lensSpec_wrap_list_item .lens_spec_image_clear {
  margin: 9% auto 0;
  width: 56%;
}

.quality {
  background-color: #c1c1c3;
  padding-bottom: 5%;
}

.quality_title {
  margin: 0 auto;
  width: 43%;
  padding-top: 7%;
  padding-bottom: 5.4%;
}

.quality_image {
  margin: 0 auto;
  width: 90%;
}

.profile {
  background-color: #c1c1c3;
  margin: 0 auto;
  padding-top: 13%;
}

.profile_subTitle {
  width: 84.3%;
  margin: 0 auto 6%;
}

.profile_image {
  width: 76%;
  margin: 0 auto;
}

.logo {
  background-color: #c1c1c3;
}

.logo_image {
  width: 36%;
  margin: 0 auto;
  padding-top: 18%;
  padding-bottom: 18%;
}

/* シンプルフェードアップ */
.fadeUp {
  opacity: 0;
  transform: translateY(20px);
  /* 少し下に配置 */
  transition:
    opacity 0.4s ease-out,
    transform 0.4s ease-out;
}

.fadeUp.active {
  opacity: 1;
  transform: translateY(0);
}

/* 遅延時間を transition-delay で指定する */
.fadeUp.delay1 {
  transition-delay: 0s;
}

.fadeUp.delay2 {
  transition-delay: 0.1s;
}

.fadeUp.delay3 {
  transition-delay: 0.2s;
}

.fadeUp.delay4 {
  transition-delay: 0.3s;
}

.fadeUp.delay5 {
  transition-delay: 0.4s;
}

.fadeUp.delay6 {
  transition-delay: 0.5s;
}

.fadeUp.delay7 {
  transition-delay: 0.6s;
}

.fadeUp.delay8 {
  transition-delay: 0.7s;
}

.fadeUp.delay9 {
  transition-delay: 0.8s;
}

/* シンプルフェードイン */
.fadeIn {
  opacity: 0;
  transition: opacity 0.4s ease-out;
}

.fadeIn.active {
  opacity: 1;
}

/* 遅延時間を transition-delay で指定する */
.fadeIn.delay1 {
  transition-delay: 0.2s;
}

.fadeIn.delay2 {
  transition-delay: 0.5s;
}

.fadeIn.delay3 {
  transition-delay: 0.8s;
}

.fadeIn.delay4 {
  transition-delay: 1.1s;
}

/* 右から左 */
.fadeRight {
  opacity: 0;
  transform: translateX(30px);
  transition:
    opacity 0.4s ease-out,
    transform 0.4s ease-out;
}

.fadeRight.active {
  opacity: 1;
  transform: translateX(0);
}

/* 左から右  */
.fadeLeft {
  opacity: 0;
  transform: translateX(-30px);
  transition:
    opacity 0.6s ease,
    transform 0.6s ease;
}

.fadeLeft.active {
  opacity: 1;
  transform: translateX(0);
}

/* 遅延時間を transition-delay で指定する */
.fadeLeft.delay1 {
  transition-delay: 0s;
}

.fadeLeft.delay2 {
  transition-delay: 0.1s;
}

.fadeLeft.delay3 {
  transition-delay: 0.2s;
}

.fadeLeft.delay4 {
  transition-delay: 0.3s;
}

.fadeLeft.delay5 {
  transition-delay: 0.4s;
}

.fadeLeft.delay6 {
  transition-delay: 0.5s;
}

.fadeLeft.delay7 {
  transition-delay: 0.6s;
}

.fadeLeft.delay8 {
  transition-delay: 0.7s;
}

.fadeLeft.delay9 {
  transition-delay: 0.8s;
}

/* ------------------------------------------------------------
商品ページ COLOR・CIRCLE共通
------------------------------------------------------------ */
.rm1dLp_color .aniv,
.rm1dLp_circle .aniv {
  background-color: #c1c1c3;
}

.rm1dLp_color .lensSpec,
.rm1dLp_circle .lensSpec {
  margin-top: -2px;
}

.rm1dLp_color .lensSpec_wrap_list_title,
.rm1dLp_circle .lensSpec_wrap_list_title {
  font-size: 2rem;
}

.rm1dLp_color .lensSpec_wrap_list_text,
.rm1dLp_circle .lensSpec_wrap_list_text {
  font-size: 1.1rem;
}

.rm1dLp_color .lens_item_text,
.rm1dLp_circle .lens_item_text {
  font-size: 1.5rem;
}

.rm1dLp_color .lensSpec_ja_text_L,
.rm1dLp_circle .lensSpec_ja_text_L {
  font-size: 1.4rem;
}

.rm1dLp_color .lensSpec_ja_text_M,
.rm1dLp_circle .lensSpec_ja_text_M {
  font-size: 1.3rem;
}

.rm1dLp_color .lensSpec_ja_title,
.rm1dLp_circle .lensSpec_ja_title {
  font-size: 1.9rem;
}

/* 注意事項 */
.aniv_notice {
  margin: 0 auto;
  padding: 0 5% 5%;
  width: 90%;
  text-align: center;
  position: relative;
}

.aniv_notice_bgNewcolor {
  background-color: #3c3c3c;
}

.aniv_notice_bgSticker {
  background-color: #fff;
}

.aniv_notice_details {
  background-color: #fff;
  border-radius: 100px;
  border: 2px solid #3c3c3c;
  padding: 14px 0;
}

.aniv_notice_details[open] {
  border-radius: 28px;
}

.aniv_notice_summary {
  cursor: pointer;
  list-style: none;
  padding: 3px 9.6% 3px 7.2%;
}

.aniv_notice_summary::before {
  content: "";
  position: absolute;
  right: 9.2%;
  top: 24px;
  border: solid transparent;
  border-top-color: #3c3c3c;
  border-width: 10px 7px 0 7px;
}

.aniv_notice_details[open] .aniv_notice_summary::before {
  transform: rotate(180deg);
}

.aniv_notice_block {
  padding: 5%;
}

.aniv_notice_text {
  font-size: 1.4rem;
  line-height: 2rem;
  text-align: left;
  margin-bottom: 20px;
}

.aniv_notice_text:has(+ .aniv_notice_list) {
  margin-bottom: 5px;
}

.aniv_notice_text:last-of-type {
  margin-bottom: 0;
}

.aniv_notice_item {
  font-size: 1.4rem;
  list-style: none;
  line-height: 1.8rem;
  margin-bottom: 5px;
  text-align: left;
  text-indent: -1em;
  padding-left: 1em;
}

.aniv_notice_emphasis {
  color: #d50036;
}

/* ReVIA Products */
.other_products {
  margin-top: 40px;
}

.other_products_title {
  background-color: #333;
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  padding: 10px 15px;
  text-align: left;
}

.other_products_image {
  margin-bottom: 30px;
}

.other_products_subTitle {
  font-size: 1.4rem;
  color: #3c3c3c;
  margin: 6px 0 0;
}

.other_products_lineup {
  margin-top: 20px;
}

/* よくある質問 */
.productContent_title {
  width: 100%;
  margin: 0 auto 5.5%;
}

.productFaq_title,
.productFaq_subTitle {
  color: #fff;
}

.productFaq_answer {
  background-image: url(https://fatp275ehc.user-space.cdn.idcfcloud.net/images/pc/type/se_revia_toric1d_26/icon_a_red.svg);
  background-position: left 5% top 26px;
  background-repeat: no-repeat;
  background-size: 16px;
  background-color: #fff;
}

.productFaq_text {
  font-weight: 500;
}

/* ------------------------------------------------------------
商品ページ COLOR
------------------------------------------------------------ */
/* よくある質問 */
.rm1dLp_color .productFaq_summary {
  background-color: #3c3c3c;
}

.rm1dLp_color .productFaq {
  background-color: #c1c1c3;
}

/* ------------------------------------------------------------
商品ページ CIRCLE
------------------------------------------------------------ */
/* よくある質問 */
.rm1dLp_circle .productFaq {
  background-color: #eba0b9;
}

.rm1dLp_circle .productFaq_summary {
  background-image: url(https://fatp275ehc.user-space.cdn.idcfcloud.net/images/pc/product/arrow_product_faq.svg), url(https://fatp275ehc.user-space.cdn.idcfcloud.net/images/pc/type/se_revia_toric1d_26/icon_q_black.svg);
  background-color: #f5d2d7;
  color: #3c3c3c;
}

.rm1dLp_circle .productFaq_details[open] .productFaq_summary {
  background-image: url(https://fatp275ehc.user-space.cdn.idcfcloud.net/images/pc/product/arrow_product_faq_close.svg), url(https://fatp275ehc.user-space.cdn.idcfcloud.net/images/pc/type/se_revia_toric1d_26/icon_q_black.svg);
}