@charset "UTF-8";
.t-lineup-contents {
  padding: 12.5rem 0 9.6rem; }
  @media screen and (max-width: 749px) {
    .t-lineup-contents {
      padding: 6.4rem 0 9.6rem; } }

/* model
-----------------------------------------------------------------*/
.t-model-wrap {
  padding: 0 5.4rem;
  margin-top: 6.4rem; }
  @media screen and (max-width: 1024px) {
    .t-model-wrap {
      padding: 0; } }

.t-lineup-quartz {
  width: 86%;
  margin: 3rem auto 7rem;
  text-align: center; }
  @media screen and (max-width: 1024px) {
    .t-lineup-quartz {
      width: 100%;
      margin: 1.6rem 0 4.2rem; } }

/* イントロダクション
-----------------------------------------------------------------*/
.l-section-introduction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 11rem 0 9.6rem; }
  @media screen and (max-width: 1024px) {
    .l-section-introduction {
      display: block;
      padding: 9.6rem 0 6.4rem; } }

.l-section-introduction__block:first-child {
  width: 55.5%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 15%; }
  @media screen and (max-width: 1024px) {
    .l-section-introduction__block:first-child {
      width: 100%; } }

.l-section-introduction__block:last-child {
  width: 44.5%; }
  @media screen and (max-width: 1024px) {
    .l-section-introduction__block:last-child {
      width: 100%;
      padding-top: 3.2rem; } }
  @media screen and (max-width: 749px) {
    .l-section-introduction__block:last-child {
      padding-top: 1.6rem; } }

@media screen and (max-width: 749px) {
  .t-newitem2020 .l-section-introduction__block:last-child {
    padding-top: 0; } }

.l-section-introduction .c-txt-lead {
  letter-spacing: 0.03em;
  -webkit-font-feature-settings: 'palt' on;
  font-feature-settings: 'palt' on; }

.t-features-colum {
  padding-left: 5.4rem; }
  @media screen and (max-width: 1024px) {
    .t-features-colum {
      padding-left: 0; } }

@media screen and (max-width: 1024px) {
  .t-lineup-list {
    margin-top: -6.4rem; } }

@media screen and (max-width: 749px) {
  .t-lineup-list {
    margin-top: 0 !important; } }

@media screen and (max-width: 1024px) {
  .t-lineup-list .c-column__block {
    margin-top: 6.4rem; } }

.t-lineup-list.-item2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 59%;
  margin: 0 auto; }
  .t-lineup-list.-item2 .c-column__block {
    width: 46%; }

@media screen and (max-width: 749px) {
  .t-lineup-list.-product {
    display: block;
    width: 100%; }
    .t-lineup-list.-product .c-column__block {
      width: 100%;
      margin-top: 0; } }

.t-lineup-list.-button {
  width: 100%; }

.t-lineup-list.-single {
  width: 35rem;
  margin: 0 auto; }
  @media screen and (max-width: 1024px) {
    .t-lineup-list.-single {
      margin-top: -6.4rem !important; } }
  @media screen and (max-width: 749px) {
    .t-lineup-list.-single {
      width: 100%; } }

.t-cal0200-about {
  width: 100%;
  max-width: 1366px;
  margin: -2rem auto 0;
  position: relative; }
  @media screen and (max-width: 1024px) {
    .t-cal0200-about {
      margin: 6.4rem 0 0 0; } }

.t-cal0200-about__text {
  width: 45%;
  position: absolute;
  bottom: 8rem;
  right: 0;
  z-index: var(--z-index-lv3); }
  @media screen and (max-width: 1024px) {
    .t-cal0200-about__text {
      position: relative;
      bottom: auto;
      width: 100%; } }
  :lang(en) .t-cal0200-about__text,
  :lang(zh-cmn-Hans) .t-cal0200-about__text,
  :lang(zh-cmn-Hant) .t-cal0200-about__text {
    width: 39%;
    padding-right: 6%; }
    @media screen and (max-width: 1024px) {
      :lang(en) .t-cal0200-about__text,
      :lang(zh-cmn-Hans) .t-cal0200-about__text,
      :lang(zh-cmn-Hant) .t-cal0200-about__text {
        width: 100%;
        padding-right: 0; } }

.t-cal0200-about__pict {
  width: 77.8rem;
  position: relative;
  left: -5.4rem;
  z-index: var(--z-index-lv1); }
  @media screen and (max-width: 1024px) {
    .t-cal0200-about__pict {
      width: 100%;
      left: 9.2rem;
      margin-top: -16rem; } }

/* 5sec AQ4090-59E専用
-----------------------------------------------------------------*/
.t-5sec-introduction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (max-width: 1024px) {
    .t-5sec-introduction {
      display: block; } }

.t-5sec-introduction__block {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .t-5sec-introduction__block:last-child {
    width: calc(100% - 30.8%);
    padding-left: 6%; }
    @media screen and (max-width: 1024px) {
      .t-5sec-introduction__block:last-child {
        width: 100%;
        padding-left: 0; } }
  .t-5sec-introduction__block:first-child {
    width: 30.8%; }
    @media screen and (max-width: 1024px) {
      .t-5sec-introduction__block:first-child {
        width: 100%; } }

.t-5sec-introduction__text {
  padding: 6.4rem 0 12.7rem 28.8%; }
  @media screen and (max-width: 1024px) {
    .t-5sec-introduction__text {
      width: 100%;
      padding: 6.4rem 3rem 7.3rem; } }

@media screen and (max-width: 1024px) {
  .t-5sec-introduction__pict {
    width: 66%;
    margin: 0 auto; } }

/* 5sec iconic-nature（新商品）専用
-----------------------------------------------------------------*/
.t-iconicColumn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (max-width: 749px) {
    .t-iconicColumn {
      display: block;
      width: calc(100% - 6.2rem);
      margin: 0 auto; } }

.t-iconicColumn__block {
  width: calc(100% / 4);
  position: relative;
  overflow: hidden; }
  @media screen and (max-width: 749px) {
    .t-iconicColumn__block {
      width: 100%; } }

.t-iconicColumn__block a {
  position: relative !important;
  display: block; }

.t-iconicColumn__block a::after {
  content: "";
  width: 100%;
  height: 13.5rem;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  z-index: 80;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
  background-blend-mode: darken;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.t-iconicColumn__block a:hover {
  opacity: 1 !important; }

.t-iconicColumn__block a:hover img {
  opacity: 1 !important;
  -webkit-transform: scale(1.15, 1.15);
  -ms-transform: scale(1.15, 1.15);
  transform: scale(1.15, 1.15);
  -webkit-transition: -webkit-transform .2s linear;
  transition: -webkit-transform .2s linear;
  -o-transition: transform .2s linear;
  transition: transform .2s linear;
  transition: transform .2s linear, -webkit-transform .2s linear; }
  @media screen and (max-width: 749px) {
    .t-iconicColumn__block a:hover img {
      -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      transform: scale(1, 1); } }

.t-iconicColumn__pict {
  position: relative;
  z-index: 10; }

.t-iconicColumn__text {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 100;
  text-align: center;
  padding-top: 3rem;
  padding-bottom: 2.8rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 100000;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.t-iconicColumn__en {
  font-size: 24px;
  line-height: 200%;
  font-family: 'Untitled Serif', serif;
  -webkit-font-feature-settings: 'halt' on;
  font-feature-settings: 'halt' on;
  color: #fff; }

.t-iconicColumn__jp {
  font-family: 'noto-serif', serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.14em;
  -webkit-font-feature-settings: 'halt' on;
  font-feature-settings: 'halt' on;
  color: #fff;
  padding-top: .6rem; }

.t-iconicColumn__link {
  margin: auto auto 0; }

.t-iconicColumn .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 2rem; }
  .t-iconicColumn .slick-dots li {
    width: 6px;
    height: 6px;
    border-radius: .6rem;
    overflow: hidden;
    border: none;
    background: #fff; }
  .t-iconicColumn .slick-dots li + li {
    margin-left: .8rem; }
  .t-iconicColumn .slick-dots li.slick-active {
    background: #B4B7BA; }
  .t-iconicColumn .slick-dots li button {
    display: none; }

/* モーダル2（全画面ハーフタイプ）
-----------------------------------------------------------------*/
.c-modal-cover {
  width: calc(100% - var(--tpl-side-width));
  height: 100%;
  position: fixed;
  top: 0;
  left: var(--tpl-side-width);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: var(--z-index-lv9);
  background: #b4b7ba; }
  @media screen and (max-width: 749px) {
    .c-modal-cover {
      width: 100%;
      left: 0;
      display: block;
      overflow: scroll; } }

.c-modal-cover__pict {
  width: 49.2%;
  height: 100%;
  overflow: hidden; }
  @media screen and (max-width: 749px) {
    .c-modal-cover__pict {
      width: 100%;
      height: 38.4rem; } }

.c-modal-cover__pict__inner {
  height: 100%;
  opacity: 0;
  -webkit-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
  -webkit-transition: opacity 1s ease-out .25s, -webkit-transform 1s ease-out .25s;
  transition: opacity 1s ease-out .25s, -webkit-transform 1s ease-out .25s;
  -o-transition: opacity 1s ease-out .25s, transform 1s ease-out .25s;
  transition: opacity 1s ease-out .25s, transform 1s ease-out .25s;
  transition: opacity 1s ease-out .25s, transform 1s ease-out .25s, -webkit-transform 1s ease-out .25s; }

.is-toggle-modal-open .c-modal-cover__pict__inner {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1); }

.c-modal-cover__body {
  width: calc(100% - 49.2%);
  position: relative; }
  @media screen and (max-width: 749px) {
    .c-modal-cover__body {
      width: 100%;
      padding-bottom: 8rem; } }

.c-modal-cover .t-iconicColumn__jp {
  color: #181818; }

.c-modal-cover__body__inner {
  width: 60%;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: block;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block; }
  @media screen and (max-width: 749px) {
    .c-modal-cover__body__inner {
      position: static;
      width: 100%;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
      padding: 6rem 4rem 0;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; } }

.t-iconicColumn__copy {
  font-size: 1.6rem;
  line-height: 32px;
  font-family: 'noto-serif', serif;
  letter-spacing: 0.03em;
  font-weight: 300;
  -webkit-font-feature-settings: 'halt' on;
  font-feature-settings: 'halt' on;
  color: #181818;
  padding-top: 1.5rem; }

.c-modal-cover__close {
  position: fixed;
  top: 3.8rem;
  right: 2rem;
  display: block;
  font-size: 12px;
  line-height: 150%;
  font-family: 'noto-sans', serif;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  letter-spacing: 0.02em;
  -webkit-font-feature-settings: 'palt' on, 'liga' off;
  font-feature-settings: 'palt' on, 'liga' off; }
  .c-modal-cover__close::after {
    content: "";
    width: 1.1rem;
    height: 1.1rem;
    background: url(https://www.citizenwatch-global.com/the-citizen/assets/image/common/icon/close-black.png) no-repeat left top/cover;
    display: block;
    margin-left: 1rem; }
  @media screen and (max-width: 749px) {
    .c-modal-cover__close {
      top: 1.6rem;
      right: 1.6rem;
      background: rgba(255, 255, 255, 0.8);
      padding: .7rem 1rem;
      border-radius: 4px; } }

.c-modal-cover__link {
  width: calc(100% - var(--tpl-side-width));
  position: fixed;
  bottom: 2.4rem;
  right: 0; }
  @media screen and (max-width: 749px) {
    .c-modal-cover__link {
      width: 100%;
      position: static; } }

.c-modal-cover__link__inner {
  width: calc(100% - 49.2%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  padding: 0 2rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media screen and (max-width: 749px) {
    .c-modal-cover__link__inner {
      width: 100%;
      margin-top: 6.4rem; } }

.c-modal-cover__link__inner .c-txt-link {
  padding-right: 0; }

/* 2022/09/13追加
-----------------------------------------------------------------*/
.c-banner {
  width: 100%;
  min-height: 48.6rem;
  background: #B4B7BA;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none; }
  @media screen and (max-width: 749px) {
    .c-banner {
      display: block; } }

.c-banner-media,
.c-banner-body {
  width: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  @media screen and (max-width: 749px) {
    .c-banner-media,
    .c-banner-body {
      width: 100%; } }

.c-banner-media .js-slide-fade *,
.js-slide-fade {
  height: 100%; }

.c-banner-body {
  padding-top: 6.4rem;
  padding-left: 6rem;
  padding-right: 7.3rem;
  padding-bottom: 5rem;
  color: #fff;
  position: relative; }
  @media screen and (max-width: 1024px) {
    .c-banner-body {
      padding-right: 6rem; } }
  @media screen and (max-width: 749px) {
    .c-banner-body {
      padding: 3rem; } }

.c-banner-caption {
  font-family: 'Untitled Serif', serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 125%;
  letter-spacing: 0.02em;
  -webkit-font-feature-settings: 'palt' on, 'liga' off;
  font-feature-settings: 'palt' on, 'liga' off; }

.c-banner-title {
  font-family: 'Untitled Serif', serif;
  font-style: normal;
  font-weight: 300;
  font-size: 2.5rem;
  line-height: 150%;
  letter-spacing: 0.06em;
  -webkit-font-feature-settings: 'palt' on, 'liga' off;
  font-feature-settings: 'palt' on, 'liga' off;
  padding-top: .8rem; }

.c-banner-copy {
  width: 355px;
  margin-top: 7.7rem;
  position: absolute;
  bottom: 5rem;
  right: 7.3rem;
  margin-left: auto; }
  @media screen and (max-width: 1024px) {
    .c-banner-copy {
      position: static;
      width: 100%; } }
  @media screen and (max-width: 749px) {
    .c-banner-copy {
      margin-top: 2.4rem; } }

.t-detail-slide-wrap {
  width: 80%;
  margin: 7.6rem auto 0;
  padding: 3.4rem 0;
  border-top: 1px solid #B4B7BA;
  border-bottom: 1px solid #B4B7BA; }
  @media screen and (max-width: 749px) {
    .t-detail-slide-wrap {
      width: 100%; } }

.t-detail-slide-title {
  font-weight: 400;
  font-family: 'noto-sans', serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 175%;
  text-align: center;
  letter-spacing: 0.04em;
  color: #4D4D4D; }
  :lang(zh-cmn-Hant) .t-detail-slide-title {
    font-weight: 300; }

.t-detail-slide-label {
  font-weight: 400;
  font-family: 'noto-sans', serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 175%;
  letter-spacing: 0.04em;
  -webkit-font-feature-settings: 'liga' off;
  font-feature-settings: 'liga' off;
  color: #4D4D4D;
  margin-top: 2.6rem; }
  :lang(zh-cmn-Hant) .t-detail-slide-label {
    font-weight: 300; }
  @media screen and (max-width: 749px) {
    .t-detail-slide-label {
      margin-top: 0; } }

.t-detail-slide-pict {
  width: 59%;
  display: block;
  margin: 3.4rem auto 0; }
  @media screen and (max-width: 749px) {
    .t-detail-slide-pict {
      width: 100%;
      margin: 0 auto; } }

.t-detail-slide .slick-dots {
  bottom: -30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto; }

.t-detail-slide .slick-dots li {
  width: 6px;
  height: 6px;
  border-radius: 100px;
  background: #B4B7BA;
  margin: 0 4px; }
  .t-detail-slide .slick-dots li.slick-active {
    background: #4D4D4D; }
  .t-detail-slide .slick-dots li:not(.slick-active):hover {
    background: #898989; }

.t-detail-slide .slick-dots li button:before {
  content: ""; }

.l-interview-wrap {
  width: 70%;
  margin-left: auto; }
  @media screen and (max-width: 749px) {
    .l-interview-wrap {
      width: 100%; } }

.l-interview__label {
  font-family: 'Untitled Serif', serif;
  font-style: normal;
  font-weight: 300;
  font-size: 21px;
  line-height: 150%;
  -webkit-font-feature-settings: 'palt' on, 'pwid' on, 'liga' off;
  font-feature-settings: 'palt' on, 'pwid' on, 'liga' off;
  color: #181818; }
  :lang(zh-cmn-Hant) .l-interview__label {
    font-weight: 300;
    font-family: "Noto Serif TC"; }
  :lang(zh-cmn-Hans) .l-interview__label {
    font-weight: 300;
    font-family: "Noto Serif SC"; }

.l-interview__label + p {
  padding-top: 1rem; }

.l-interview__label2 {
  font-weight: 400;
  font-family: 'noto-sans', serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 175%;
  letter-spacing: 0.04em;
  -webkit-font-feature-settings: 'liga' off;
  font-feature-settings: 'liga' off;
  color: #181818; }
  :lang(zh-cmn-Hant) .l-interview__label2 {
    font-weight: 300; }
  :lang(zh-cmn-Hant) .l-interview__label2 {
    font-weight: 400;
    font-family: "Noto Sans TC"; }
  :lang(zh-cmn-Hans) .l-interview__label2 {
    font-weight: 400;
    font-family: "Noto Sans SC"; }

.l-interview__label2 + p {
  padding-top: 1.3rem; }

.l-interview-imgset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .l-interview-imgset + .l-interview-imgset {
    margin-top: 1.6rem; }
    @media screen and (max-width: 749px) {
      .l-interview-imgset + .l-interview-imgset {
        margin-top: 1.4rem; } }
  .l-interview-imgset__block {
    width: calc(50% - .8rem); }

@media screen and (max-width: 749px) {
  .l-interview-imgset.-sp-single {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .l-interview-imgset.-sp-single .l-interview-imgset__block {
      width: 100%; }
      .l-interview-imgset.-sp-single .l-interview-imgset__block + .l-interview-imgset__block {
        margin-top: 1.4rem; } }

.l-interview-profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media screen and (max-width: 749px) {
    .l-interview-profile {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }
  .l-interview-profile__text {
    width: calc(73% - 70px); }
    @media screen and (max-width: 749px) {
      .l-interview-profile__text {
        width: 100%; } }
  .l-interview-profile__pict {
    width: 27%; }
    @media screen and (max-width: 749px) {
      .l-interview-profile__pict {
        width: 62%;
        margin-top: 4.8rem; } }
  .l-interview-profile + .l-interview-profile {
    margin-top: var(--space-xxs); }
    @media screen and (max-width: 749px) {
      .l-interview-profile + .l-interview-profile {
        margin-top: var(--space-s); } }

.l-interview-profile__text__label {
  font-family: 'Untitled Serif', serif;
  font-style: normal;
  font-weight: 300;
  font-size: 21px;
  line-height: 150%;
  -webkit-font-feature-settings: 'palt' on, 'pwid' on, 'liga' off;
  font-feature-settings: 'palt' on, 'pwid' on, 'liga' off;
  color: #181818; }
  :lang(zh-cmn-Hant) .l-interview-profile__text__label {
    font-weight: 300;
    font-family: "Noto Serif TC"; }
  :lang(zh-cmn-Hans) .l-interview-profile__text__label {
    font-weight: 300;
    font-family: "Noto Serif SC"; }

.l-interview-profile__text__copy {
  font-weight: 400;
  font-family: 'noto-sans', serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 175%;
  text-align: left;
  letter-spacing: 0.02em;
  color: #4D4D4D;
  padding-top: 1.3rem; }
  :lang(zh-cmn-Hant) .l-interview-profile__text__copy {
    font-weight: 300; }
  :lang(zh-cmn-Hant) .l-interview-profile__text__copy {
    font-weight: 400;
    font-family: "Noto Sans TC"; }
  :lang(zh-cmn-Hans) .l-interview-profile__text__copy {
    font-weight: 400;
    font-family: "Noto Sans SC"; }

@media screen and (max-width: 749px) {
  .c-pagenation-back.-single {
    padding: 6.4rem 0; } }

.c-pagenation-back.-single .c-pagenation-back__prev {
  position: static;
  margin-left: 0;
  margin-right: auto;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none; }

/* ==============================================================================================
modal window
============================================================================================== */
.js-toggle-modal {
  cursor: pointer; }

.c-modal {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: var(--z-index-max);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .5s ease;
  -o-transition: opacity .5s ease;
  transition: opacity .5s ease; }
  .c-modal.is-toggle-modal-open {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .1s ease;
    -o-transition: opacity .1s ease;
    transition: opacity .1s ease; }

.c-modal[data-modal="iframe"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.c-modal__inner {
  width: 72.6rem;
  background: #e0e2e2;
  text-align: center;
  padding: 6.4rem 6.4rem 12rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  opacity: 0.5;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  z-index: var(--z-index-lv2); }
  @media screen and (max-width: 749px) {
    .c-modal__inner {
      padding: 5.4rem 3rem 10.2rem; } }
  .is-toggle-modal-open .c-modal__inner {
    opacity: 1;
    -webkit-transition: opacity .1s ease;
    -o-transition: opacity .1s ease;
    transition: opacity .1s ease; }

.c-modal__iframe-wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.c-modal__bg {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  z-index: var(--z-index-lv1); }

.c-modal__button {
  width: 40rem;
  margin: 0 auto; }
  @media screen and (max-width: 749px) {
    .c-modal__button {
      width: 100%; } }

.c-modal__switch {
  position: absolute;
  bottom: 3.2rem;
  left: 0;
  right: 0;
  padding: 0;
  margin: 0 auto;
  display: block; }
  @media screen and (max-width: 749px) {
    .c-modal__switch {
      bottom: 4rem; } }

.c-modal__iframe {
  width: 69%;
  position: relative;
  z-index: 10; }
  @media screen and (max-width: 749px) {
    .c-modal__iframe {
      width: 80%; } }

.c-modal__close {
  width: 5rem;
  height: 2rem;
  position: relative;
  display: block;
  z-index: 9999;
  cursor: pointer;
  margin: 3.6rem auto 0; }
  @media screen and (max-width: 749px) {
    .c-modal__close {
      width: 3rem;
      height: 2.2rem;
      position: absolute;
      bottom: 3.2rem; } }
  .c-modal__close:hover {
    opacity: .4; }

.c-modal__close__line {
  width: 5rem;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 50%; }
  @media screen and (max-width: 749px) {
    .c-modal__close__line {
      width: 3rem; } }
  .c-modal__close__line:first-child {
    left: 0;
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg); }
    @media screen and (max-width: 749px) {
      .c-modal__close__line:first-child {
        -webkit-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        transform: rotate(30deg); } }
  .c-modal__close__line:last-child {
    right: 0;
    -webkit-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg); }
    @media screen and (max-width: 749px) {
      .c-modal__close__line:last-child {
        -webkit-transform: rotate(-30deg);
        -ms-transform: rotate(-30deg);
        transform: rotate(-30deg); } }

.t-detail-slide-wrap .slick-prev:hover,
.t-detail-slide-wrap .slick-next:hover {
  opacity: .6; }

.t-detail-slide-wrap .slick-prev {
  left: -18px; }
  @media screen and (max-width: 749px) {
    .t-detail-slide-wrap .slick-prev {
      left: 0; } }

.t-detail-slide-wrap .slick-next {
  right: -18px; }
  @media screen and (max-width: 749px) {
    .t-detail-slide-wrap .slick-next {
      right: 0; } }

.t-detail-slide-wrap .slick-prev::before,
.t-detail-slide-wrap .slick-next::before {
  content: "";
  width: 1.2rem;
  height: 2.2rem;
  display: block; }

.t-detail-slide-wrap .slick-prev::before {
  background: url(https://www.citizenwatch-global.com/the-citizen/assets/image/lineup/aizome/arrow_prev.png) no-repeat left top; }

.t-detail-slide-wrap .slick-next::before {
  background: url(https://www.citizenwatch-global.com/the-citizen/assets/image/lineup/aizome/arrow_next.png) no-repeat left top; }