@charset "UTF-8";
body {}

.p-top.c-wrapper {background: #000D22;}
.p-productcosbulueLine a, .cb-news a, .cb-hakuto a, .cb-productLink a {transition: 0.3s ease 0s;}

#kv {width: calc(100%-160px);
margin-right: 160px;
background-color: #000;
background-image: url(../img/kv_pc.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: 100%;
background-size: cover;
height: 100vh;
min-height: 640px;
}
#kv img {width: 100%;margin-top: 80px;}
.kv-wrap {position: relative;}
#kv_text {position: absolute;top: 23.82813vw;right: 0;width: 41.51786%;}
#kv_text h2 {font-size: 2.57813vw;line-height: 1.285714286;text-shadow: 0px 4px 6px rgba(0,0,0,0.75);}
#kv_text h1 {padding-top: 0.62500vw;font-size: 4.68750vw;line-height: 1.14;text-shadow: 0px 4px 6px rgba(0,0,0,0.75);}
#kv_text p.date {padding: 2.5vw 0 0 0;font-size: 1.64063vw;font-weight: 700;color: #000;white-space: nowrap;}
#kv_text p.date span {display: inline-block;padding: 0 2.89063vw;line-height: 1.5;background-color: #646672;color: #FFF;white-space: nowrap;}

@media only screen and (max-width: 900px) {
  #kv {width: calc(100%);max-height: 166.66667vw;margin-top: 10.66667vw;margin-right: 0;
background-image: url(../img/kv_sp.jpg);
background-color: #000;
background-position: center center;
min-height: auto;
  }
  #kv img {margin-top: 27.2vw;}
  #kv_text {top: 17.06667vw;right: 6.66667vw;left: 6.66667vw;width: auto;}
  #kv_text h2 {padding-top: 1.06667vw;font-size: 5.86667vw;}
  #kv_text h1 {padding-top: 2.66667vw;font-size: 10.66667vw;line-height: 1;}
  #kv_text p {padding: 3.73333vw 0 0 0.23438vw;}
  #kv_text p.date {padding: 5.33333vw 0 0 0;font-size: 3.2vw;line-height: 1.4;}
  #kv_text p.date span {padding: 1.6vw 0 0 0;border-top: 1px solid #FFF;background: none;}
}


/* -------------------------------- */
.cb-productLead {margin: 0 160px 0 0;padding: 0 0 10.93750vw 0;background-image: url(../img/bg_galaxy.svg);background-color: #000;background-position: 100% 0;background-repeat: no-repeat;background-size: contain;}
.cb-productLead__wrap {padding-right: 6.87500vw;padding-left: 13.12500vw;padding-top: 10.93750vw;}
.cb-productLead__wrap h2 {font-size: 4.8rem;font-weight: 400;line-height: 1.5;letter-spacing: 0;margin-bottom: 30px;}
.cb-productLead__wrap p {font-size: 2.1rem;font-weight: 400;line-height: 1.8;letter-spacing: 0;position: relative}
.slick-arrow span {cursor: pointer;transition: 0.3s ease 0s;}
.slick-arrow span:hover {opacity: 0.8;}

/* Slider */
.slick-slider {position: relative;/*display: block;*/box-sizing: border-box;
-webkit-user-select: none;  -moz-user-select: none; -ms-user-select: none; user-select: none;
-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;   touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer;cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0);  -moz-transform: translate3d(0, 0, 0);   -ms-transform: translate3d(0, 0, 0);    -o-transform: translate3d(0, 0, 0);       transform: translate3d(0, 0, 0);}
.slick-track {position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before,
.slick-track:after {display: table;content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide {float: right;}
.slick-slide img {display: block;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}

@media only screen and (max-width: 900px) {
  .cb-productLead {margin: 0;padding: 0;}
  .cb-productLead__wrap {padding: 10.93750vw 6.66667vw 23vw 6.66667vw;}
  .cb-productLead__wrap h2 {font-size: 3.2rem;margin-bottom: 14px;}
  .cb-productLead__wrap p {font-size: 1.6rem;}
}
/* -------------------------------- */
#mv {margin-right: 160px;padding-right: 6.87500vw;padding-left: 13.12500vw;background: #000;}
.movie-wrap {position:relative;width:100%;padding-top:56.25%;}
.movie-wrap iframe {position:absolute;top:0;right:0;width:100%;height:100%;}

@media only screen and (max-width: 900px) {
  #mv {margin-right: 0;padding: 0 6.66667vw;}
}

/* -------------------------------- */
.cb-theme {position: relative;margin-right: 160px;padding: 100px 0 106px 0;
background-color: #000;
background-image: url(../img/starbg.png);
background-size: cover;
}
.star {z-index: 1;
position: absolute;top: 0;right: 0;bottom: 0;left: 0;
background-image: url(../img/starshadow.png);
animation: bgloop 8s linear infinite;
}
@keyframes bgloop {
    0% {background-position: 0 0;}
    100% {background-position: -120px 130px;}
}

.cb-theme-wrap {z-index: 2;position: relative;padding-right: 6.87500vw;padding-left: 13.12500vw;}
.cb-theme p {font-size: 2.1rem;line-height: 1.8;}
.cb-theme p strong {font-weight: 700;}
.cb-theme p span {font-size:  1.6rem;}
.cb-theme h2 {font-size: 4.8rem;line-height: 1.5;padding: 20px 0 36px 0;}
.cb-theme .theme_logo {width: 124px;margin: 95px auto 0 auto;text-align: center;line-height: 1;}
.cb-theme .theme_logo img {vertical-align: bottom;}
#logo_attesa {width: 124px;margin-top: 52px;}
#logo_exceed {width: 103px;margin-top: 36px;}
#logo_xc {width: 27px;margin-top: 36px;}

@media only screen and (max-width: 900px) {
  .cb-theme {margin: 0;padding: 130px 6.66667vw 55px 6.66667vw;}
  .cb-theme-wrap {padding: 0;}
  .cb-theme p {font-size: 1.6rem;}
  .cb-theme h2 {font-size: 3.2rem;padding: 10px 0 52px 0;}
  .cb-theme .theme_logo {width: 83px;margin: 55px auto 0 auto;background-size: 80px auto;}
  #logo_attesa {width: 83px;margin-top: 35px;}
  #logo_exceed {width: 69px;margin-top: 25px;}
  #logo_xc {width: 18px;margin-top: 25px;}
}

/* -------------------------------- */
.p-productcosbulueLine {margin-right: 160px;padding: 0 0 64px 0;background: #000;}
.lineuplist {display: flex;flex-wrap: wrap;justify-content: space-between;padding: 58px 6.875vw 80px 12.5vw;
background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(19,19,19,1) 0%, rgba(0,0,0,1) 56px, rgba(0,0,0,1) 100%);
}
.watche_wrap {width: 55.53022%;}
.watche_slide {position: relative;}
.watche_slide li img {width: 100%;}
.slide-arrow {position: absolute;z-index: 9;top: 0;bottom: 0;display: block;width: 5.33881%;}
.slide-arrow img {position: absolute;top: 37%;transform: translateY(-50%);width: 100%;}
.prev-arrow {right: -3.08008%;}
.next-arrow {left: -3.08008%;}
.watches_item {position: relative;}
.watche_data {width: 37.05815%;margin: 56px 0 0 0;}
.watche_data h3 {font-size: 3.5rem;line-height: 1.5;}
.watche_data h4 {margin: 14px 0 20px 0;font-size: 1.8rem;line-height: 1.8;}
.watche_data p {font-size: 1.4rem;line-height: 1.8;color: #C3C3C3;}

.item_detail p {display: block;position: relative;width: calc(100% - 2px);
margin: 0;padding: 15px 0 14px 0;border: 1px solid #C3C3C3;color: #C3C3C3;
font-size: 1.2rem;line-height: 1.8;text-align: center;background: #000;
cursor: pointer;}
.item_detail p:before,
.item_detail p:after {position: absolute;top: 50%;right: 0;content: '';position: absolute;background-color: #C3C3C3;width: 1px;height: 9px;
transition: transform 0.1s ease;}
.item_detail p:before {transform: translate(-17px, -3px) rotate(49deg);}
.item_detail p:after {transform: translate(-23px, -3px) rotate(-49deg);}

.item_detail p.on:before {transform: translate(-23px, -3px) rotate(49deg);}
.item_detail p.on:after {transform: translate(-17px, -3px) rotate(-49deg);}

.submenu {display: none;}

.item_detail table {width: 100%;padding: 0 0 0 1px;background: #454444;}
.item_detail th, .item_detail td {border-top: 1px solid #000;box-sizing: border-box;font-size: 1.2rem;line-height: 1.5;}
.item_detail th {min-width: 100px;padding: 10px 3.07692%;text-align: left;color: #B3B3B3;}
.item_detail td {padding: 10px 3.07692% 10px 0;color: #FFFFFF;}


@media only screen and (max-width: 900px) {
  .p-productcosbulueLine {margin: 0;padding: 0 0 37px 0;}
  .lineuplist {display: block;padding: 56px 6.66667vw 0 6.66667vw;}
  .watche_wrap {width: 100%;}
  .slide-arrow {width: 4.8vw;}
  .slide-arrow img {position: absolute;top: 44%;}
  .prev-arrow {right: -2.93333%;}
  .next-arrow {left: -2.93333%;}
  .watche_data {z-index: 10;position: relative;width: 100%;margin: -25px 0 50px 0;}
  #wt_tezt04.watche_data {margin: -53px 0 50px 0;}
  .watche_data a {
    font-size: 1rem;
    margin: 15px 0 0 0;padding: 8px 50px 10px 35px;
    background-image: url(../img/icon-nw.svg);
    background-position: right 32px top 50%;
    background-repeat: no-repeat;
    background-size: 11px auto;
  }
  .p-productcosbulueLine ul.caption {margin: 0;margin: 18px 0 0 0;border-top: 1px solid #757575;}
}

/* -------------------------------- */
.cb-hakuto-bg {margin-right: 160px;
background-color: #000;
background: linear-gradient(180deg, rgba(23,24,47,1) 0%, rgba(5,8,15,1) 11.71875vw, rgba(5,8,15,1) 100%);}
.cb-hakuto {padding: 11.71875vw 0 17.03125vw 0;
background-color: none;
  background-image: url(../img/bg_hakuto_pc.jpg);
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
}
.cb-hakuto-wrap {padding-right: 6.87500vw;padding-left: 13.12500vw;}
.cb-hakuto h3 {font-size: 2.7rem;line-height: 1.4;font-weight: 700;text-align: center;
margin-bottom: 55px;padding-bottom: 39px;
background-image: url(../img/ark.svg);
background-position: 50% 100%;
background-repeat: no-repeat;
}
.cb-hakuto p {font-size: 1.4rem;line-height: 1.8;}
.hakutoimg img {margin-top: 37px;width: 142px;height: auto;}
.cb-hakuto a {display: inline-block;border: 1px solid #C3C3C3;
  font-size: 1.5rem;
  margin-top: 18px;padding: 12px 80px 17px 55px;
  background-image: url(../img/icon-nw.svg);
  background-position: right 50px top 48%;
  background-repeat: no-repeat;
}
.cb-hakuto a:HOVER {border: 1px solid #FFF;}
@media only screen and (max-width: 900px) {
  .cb-hakuto-bg {margin: 0;
  background: linear-gradient(180deg, rgba(23,24,47,1) 0%, rgba(0,0,0,1) 20.26667vw, rgba(0,0,0,1) 100%);}
  .cb-hakuto {margin: 0;padding: 20.26667vw 6.66667vw 34.13333vw 6.66667vw;
    background-image: url(../img/bg_hakuto_sp.jpg);
    background-position: 50% 100%;
}
  .cb-hakuto-wrap {padding: 0;}
  .cb-hakuto h3 {font-size: 1.8rem;margin-bottom: 42px;padding-bottom: 29px;background-size: 80px auto;}
  .hakutoimg img {width: 95px;height: auto;}
  .cb-hakuto a {font-size: 1rem;
    margin-top: 26px;padding: 8px 50px 10px 35px;
    background-image: url(../img/icon-nw.svg);
    background-position: right 32px top 50%;
    background-repeat: no-repeat;
    background-size: 11px auto;
  }
}

/* -------------------------------- */
.cb-productLink {margin-right: 160px;padding: 62px 14.06250vw 62px 20.46875vw;background: #17182F;}
.cb-productLink img {width: 100%;}
@media only screen and (max-width: 900px) {
  .cb-productLink {margin: 0;padding: 44px 6.66667vw 44px 6.66667vw;}
}

/* -------------------------------- */
.cb-news {
  margin-right: 160px;padding: 9.375vw 14.06250vw 9.375vw 20.46875vw;
  background-color: #000;
  background-image: url(../img/bg_news.svg);
  background-position: 100% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.cb-news-wrap {text-align: center;}
.cb-news a {display: inline-block;border: 3px solid #8B8C97;
  font-size: 1.8rem;
  width: calc(100% - 6px );
  padding: 35px 0 40px 0;
}
.cb-news a:hover {border: 3px solid #FFF;}
.cb-news a span {display: inline-block;
padding-right: 25px;
background-image: url(../img/icon-nw.svg);
background-position: right 0 top 48%;
background-repeat: no-repeat;
}

@media only screen and (max-width: 900px) {
  .cb-news {margin: 0;padding: 15.2vw 6.66667vw 15.2vw 6.66667vw;background-position: 75% 50%;}
  .cb-news-wrap {padding: 0;}
  .cb-news a {
    font-size: 1.2rem;
    padding: 23px 0 23px 0;
  }
  .cb-news a span {display: inline-block;
  padding-right: 18px;
  background-image: url(../img/icon-nw.svg);
  background-position: right 0 top 48%;
  background-repeat: no-repeat;
  background-size: 11px auto;
  }
}

/* -------------------------------- */
.cb-Share {margin-right: 160px;padding: 60px 0 60px 80px;background: #17182F;text-align: center;}
.cb-Share p {font-size: 1.6rem;}
.cb-Share ul {display: flex;justify-content: center;}
.cb-Share li {padding: 20px 12px 0 12px;}
@media only screen and (max-width: 900px) {
  .cb-Share {margin: 0;padding: 48px 0 45px 0;}
}