@charset "utf-8";
/*
font-family: 'Noto Serif JP', serif;
Regular 400
Medium 500

/*--------------------------------------------------------
	reset 
---------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; }
ul,ol { list-style-type: none; }
em,strong,th,address { font-style: normal; font-weight: normal; text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%; }
img,
object,
embed { border: 0; vertical-align: top; }
img { max-width: 100%; width: 100%;}
hr { display: none; }
table { border-collapse: collapse; border-spacing: 0; font-size: 100%; }
li { list-style-type: none; }
strong { font-weight: bold; }

/*--------------------------------------------------------
	base 
---------------------------------------------------------*/
*{ box-sizing: border-box; margin: 0; padding: 0; } 
body { background: #fff; position: relative; font-family: 'Noto Serif JP', serif; font-weight: 400; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust:100%; }
a{ outline: none;cursor: pointer; }
a:link { color: #000; text-decoration: none; }
a:visited { color: #000; text-decoration: none; }
a:hover,a:active { text-decoration: none; }
.wrapper{ overflow: hidden; }
@media screen and (max-width: 750px){
.wrapper {min-width: initial;}
}/*END*/
.clear::after { content:" "; display:block; clear:both; }/*clearfix*/
/* SEIKO Cookie */
#onetrust-banner-sdk{ outline: none;}

/*anime set
------------------------*/
#main .img_box img,
#main h1,
#concept .img_box img,
#lineup ul li img,
.co_main img
{ visibility: hidden; }

/* [ on off ]*/
.x15{display:block;}
.x1{display:none;}
@media (max-width: 1600px) {
.x15{display:none;}
.x1{display:block;}
}

/*-------------------------------------------------
	fade
--------------------------------------------------*/
.wrap_f{ width: 100%; height: 100%; position: relative;}
.wrap_f::after {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #999; pointer-events: none; user-select: none; z-index: 8888; opacity: 1; transition:2s; }
.wrap_f.fade::after { opacity: 0; pointer-events: none; user-select: none; }

/*-------------------------------------------------
	header
--------------------------------------------------*/
header{ position: absolute; z-index: 9999; left: 0; top: 0; width: 100%; }
/*------ header logo ------*/
header img{ width: 100%; }
header .seiko_logo{ width: 130px; position:absolute; left: 35px; top: 35px; font-size: 10px;}
@media (max-width: 1600px) {
header .seiko_logo{ width: 8.17vw; left: 2.2vw; top: 2.2vw;}
}/*END*/
@media screen and (orientation: portrait) { 
header .seiko_logo{ width: 130px; left: 2.8vw; top: 3vw; }
}/*END*/
@media screen and (max-width: 750px) and (orientation: portrait) { 
header .seiko_logo{ width: 17vw; left: 2.5vw; top: 4vw;}
}/*END*/

/*-------------------------------------------------
	main
--------------------------------------------------*/
#main{ width: 100%;position: relative;}
#main .main_logo_110{ width: 100%; position: absolute; top: 8.2%; left: 0; text-align: center; }
#main .main_logo_110 img{ width: 22.4%; }
@media (orientation: portrait) {
#main .main_logo_110{ top: 12.2%; }
#main .main_logo_110 img{ width: 48%; }
}/*END*/
@media (max-width: 750px) {
#main .main_logo_110{ top: 18.3%; }
#main .main_logo_110 img{ width: 53.8%; }
}/*END*/

/*main_title*/
.main_title{ position: absolute; top: 86.4%; left: 0%; width: 100%; z-index: 2; text-align: center; color: #fff; }
.main_title h1{ font-size: 2.15vw; letter-spacing: .1vw; }
@media (orientation: portrait) {
.main_title{ top: 87.1%; }
.main_title h1{ font-size: 3.8vw; }
}/*END*/
@media (max-width: 750px) {
.main_title{ top: 79.4%; }
.main_title h1{ font-size: 4.5vw; }
}/*END*/

/* [ on off ]*/
#main .x15{display:block;}
#main .x1{display:none;}
#main .tab{display:none;}
#main .sp{display:none;}
@media (max-width: 1600px) {
#main .x15{display:none;}
#main .x1{display:block;}
#main .tab{display:none;}
#main .sp{display:none;}
}/*END*/
@media (orientation: portrait) {
#main .x15{display:none;}
#main .x1{display:none;}
#main .tab{display:block;}
#main .sp{display:none;}
}/*END*/
@media (max-width: 750px) {
#main .x15{display:none;}
#main .x1{display:none;}
#main .tab{display:none;}
#main .sp{display:block;}
}/*END*/

/*-------------------------------------------------
	txt
--------------------------------------------------*/
/*--- concept txt ---*/
#concept .txt{ font-size: 17px; line-height: 2;}
@media (max-width: 1400px) {
#concept .txt{ font-size: 16px; }
}/*END*/
@media (max-width: 1200px) {
#concept .txt{ font-size: 1.3vw; }
}/*END*/
@media (max-width: 1024px) {
#concept .txt{ font-size: 16px; }
}/*END*/
@media (max-width: 640px) {
#concept .txt{ font-size: 15px; }
}/*END*/
@media (max-width: 420px) {
#concept .txt{ font-size: 15px; }
}/*END*/
@media (max-width: 360px) {
#concept .txt{ font-size: 14px; }
}/*END*/

/*#concept ul li*/
#concept ul li{ font-size: 14px; line-height: 1.6;}
@media (max-width: 1400px) {
#concept ul li{ font-size: 13px; }
}/*END*/
@media (max-width: 1200px) {
#concept ul li{ font-size: 1.1vw; }
}/*END*/
@media (max-width: 1024px) {
#concept ul li{ font-size: 13px; }
}/*END*/
@media (max-width: 640px) {
#concept ul li{ font-size: 12px; }
}/*END*/
@media (max-width: 420px) {
#concept ul li{ font-size: 11px;}
}/*END*/
@media (max-width: 360px) {
#concept ul li{ font-size: 10px; }
}/*END*/

/*--- h2 ---*/
#concept h2,
#lineup h2{ font-size: 32px; font-weight: 500; letter-spacing: 5px; color: #900; }
@media (max-width: 500px) {
#concept h2,
#lineup h2{ font-size: 30px; }
}/*END*/
@media (max-width:  640px) {
#concept h2,
#lineup h2{ font-size: 28px;}
}/*END*/
@media (max-width: 400px) {
#concept h2,
#lineup h2{ font-size: 7vw;}
}/*END*/

/*-------------------------------------------------
	concept
--------------------------------------------------*/
#concept{ position: relative; width: 100%; background-color: #d4d1cf;}
#concept .inner{ margin: 0 auto; width: 90%; max-width: 1300px; display: flex; align-items: center; flex-direction : row-reverse; }
#concept .inner .txt_box{ width: 50%; margin-right: 5%; }
#concept .inner .txt_box .txt{ margin-top: 30px;}
#concept .inner .img_box{ width: 38%; margin-right: 4%; overflow: hidden;}
#concept .inner .txt_box .txt_s{ margin-top: 25px;}
@media screen and (max-width: 1400px){
#concept .inner .txt_box{ width: 580px; margin-right: 7%; }
#concept .inner .img_box{ width: 38%; margin-right: 4%;}
}/*END*/
@media screen and (max-width: 1200px){
#concept .inner .txt_box{ width: 50%; margin-right: 4%; }
#concept .inner .img_box{ width: 40%; margin-right: 4%;}
}/*END*/
@media screen and (max-width: 1024px){
#concept{  position: relative; width: 100%; background: #f2efec;}
#concept .inner{ width: 100%; display: block;  }
#concept .inner .txt_box{ padding: 70px 0 ; width: 80%; max-width: 750px; margin: 0 auto;  }
#concept .inner .txt_box h2{ text-align: center; }
#concept .inner .img_box{ background: #d4d1cf; padding: 0; width: 100%; text-align: center;}
#concept .inner .img_box .img_box_inner{  vertical-align: bottom; width: 55%; max-width: 350px; display: inline-block;}
#concept .inner .img_box .img_box_inner img{margin-left: 20px;}
}/*END*/
@media screen and (max-width: 640px){
#concept .inner .txt_box{ padding: 65px 0 70px; width: 85%; max-width: 700px; margin: 0 auto;  }
#concept .inner .img_box .img_box_inner img{margin-left: 3vw;}
}/*END*/
@media screen and (max-width: 500px){
#concept .inner .txt_box{ padding: 45px 0 50px; width: 85%;  }
#concept .inner .txt_box .txt{ margin-top: 8vw;}
}/*END*/

/*注釈*/
#concept ul{ margin-top:30px;}
#concept ul li{ margin: 12px 0; }
#concept .x15{display:block;}
#concept .x1{display:none;}
@media (max-width: 1000px) {
#concept .x15{display:none;}
#concept .x1{display:block;}
}/*END*/

/*-------------------------------------------------
	nav
--------------------------------------------------*/
#nav{ position: absolute; width: 100%; height: 100px; text-align: center; background: #fff; box-shadow: 0px 0px 15px -8px #777; z-index: 100; transition: 0.5s; }
#nav.fixed{ position: fixed; top: 0; z-index: 200; }
#nav .nav_inner{height: 100%; width: 96.5%; max-width: 1550px; margin: 0 auto; position: relative; }
.nav_logo{  height: 100%; padding: 0; position:absolute; left: 1.5%; top: 0px; transition: 0.5s; z-index: 200;}
.nav_logo a{ width: 130px; transition: 0.5s;transition: 0.3s; height: 100%; display: flex; align-items: center; justify-content: center;}
.nav_logo a img{ width: 100%; }
/*-------- nav --------*/
#nav .nav_inner nav { position: absolute; right: 0px; top: 0px; height: 100%;  max-width: 1020px;  }
/* nav font*/
#nav .nav_inner nav{ width: 80%; font-size: 18px; letter-spacing: 1.5px; line-height: 1; font-weight: 500; transition: 0.3s; }
@media screen and ( max-width: 1400px) {
#nav .nav_inner nav{ width: 78%; font-size: 1.4vw; letter-spacing: .5px; }
}/*end*/
@media screen and ( max-width: 1100px) {
#nav .nav_inner nav{ width: 80%; font-size: 17px; letter-spacing: .5px; }
}/*end*/
@media screen and ( max-width: 1000px) {
#nav{ position: absolute; width: 100%; height: 60px; }
#nav .nav_inner{height: 100%; width: 96.5%;  }
#nav .nav_inner nav { display: none; }
.nav_logo{ position:absolute; left: 7px; top: 0px; transition: 0.5s; z-index: 200;  }
.nav_logo a{ width: 85px; padding:0;}
}/*end*/
/*ul li*/
#nav .nav_inner nav ul{ display: flex; width: 100%; height: 100%; justify-content: space-around; }
#nav .nav_inner nav ul li { height: 100%;}
#nav .nav_inner nav ul li:nth-child(1) { width:8%; }
#nav .nav_inner nav ul li:nth-child(2) { width:14.5%; }
#nav .nav_inner nav ul li:nth-child(3) { width:14.6%; }
#nav .nav_inner nav ul li:nth-child(4) { width:13.7%; }
#nav .nav_inner nav ul li:nth-child(5) { width:13%; }
#nav .nav_inner nav ul li:nth-child(6) { width:11.8%; }
#nav .nav_inner nav ul li:nth-child(7) { width:25.6%; }
#nav .nav_inner nav ul li a{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;  }
#nav .nav_inner nav ul li a span{position: relative; height: 100%; display: flex; align-items: center; justify-content: center; width: auto; white-space: nowrap; }
#nav .nav_inner nav ul li a span::after{ content: ''; display: block; width: 0%; height:3px; position: absolute; bottom: 0px; background: #fff; transition: 0.3s; }
/*hover*/
#nav .nav_inner nav ul li a:hover span,
#nav .nav_inner nav ul li a.active span{ color: #900; }
#nav .nav_inner nav ul li a:hover span::after,
#nav .nav_inner nav ul li a.active span::after{ content:''; display: block; width: 100%; height:3px; position: absolute; bottom: 0px; background: #900; transition: 0.3s; }

/*-------------------------------------------------
	sp nav
--------------------------------------------------*/
/* hamburger [ = ]
-------------------------------*/
#nav .btn_drawer,
#nav .drawer-nav{ display: none; font-size:100% !important; padding: 0; margin: 0; position: relative; }
@media screen and ( max-width: 1000px) {
#nav .btn_drawer{ display:block; position: absolute; right: 0px; top:0px; z-index: 101; }
#nav .btn_drawer button { padding: 15px 10px; max-height: 60px !important; }
/*menu_txt*/
.menu_txt,
.menu_txt_x{ width: 34px; color: #000; font-size: 9px; line-height: 1; padding: 0; margin: 0 0 0 -3px; position: relative; top: 3px; font-family: 'Noto Serif JP', serif; font-weight: 500; text-align: center;}
.menu_txt_x{letter-spacing: 0.5px;}
.menu_txt{ display: block; }
.drawer-open .menu_txt{ display: none;}
.menu_txt_x{ display: none;}
.drawer-open .menu_txt_x{ display: block;}
/*.drawer-hamburger*/
.drawer-hamburger { top:3px !important; right:0px !important; margin: 0; padding: 0; }/*バンバーガー ナビ 位置 CLOSE*/
.drawer-open .drawer-hamburger { top:3px !important; right:0px !important; }/*バンバーガー ナビ 位置 OPEN*/
}/*END*/

/* sp nav open 
-------------------------------*/
@media screen and ( max-width: 1000px) {
.drawer_head{ position: absolute; left: 0px; top: 0px; width: 100%; }
.drawer_head_inner{width: 97%; height: 60px; margin: 0 auto; position: relative;}
.sp_nav_inner{ padding-top: 60px; background: #fff; }
.drawer-nav .sp_nav > ul{ border-bottom: solid 1px #ddd; }
.drawer-nav .sp_nav ul > li > a { outline:none; padding: 0;  }
/*sp_nav*/
.drawer-nav .sp_nav ul > li > a { font-size: 16px; line-height: 1; font-weight: bold; text-align: left; color: #000; padding: 22px 0 22px 5vw; border-top: solid 1px #ddd; display: block; position: relative; text-decoration: none; }
.drawer-nav .sp_nav ul > li > a span{ display: block; font-size: 16px; line-height: 1; letter-spacing: .5px; font-weight: 500; }
}/*END*/

/*-------------------------------------------------
	lineup
--------------------------------------------------*/
#lineup { margin-top: 100px; padding-bottom: 60px; background: #fff; transition: 0.5s; }
#lineup h2{ padding: 60px 0; text-align: center;}
#lineup ul{ margin: 0 auto; width: 93%; display: flex; flex-wrap: nowrap;  justify-content: center; }
@media screen and (max-width: 1200px){
#lineup ul{ margin: 0 auto; width: 93%; }
}/*END*/
#lineup ul li{ }
#lineup ul li a{ padding: 0; position: relative; display: block;}
#lineup ul li a img{ margin: 0 1vw; height: 16vw; width: auto;}
#lineup ul li a::after{ bottom: 5px; content: ''; display: block; width: 20px; height:25px; margin: 0 0 0 -10px; position: absolute;  background: url('../img/arrow.svg') no-repeat; background-size: contain; transition: 0.3s;  opacity: 0;}
#lineup ul li:nth-child(1) a::after{ left: 54%; }
#lineup ul li:nth-child(2) a::after{ left: 54%; }
#lineup ul li:nth-child(3) a::after{ left: 54%; }
#lineup ul li:nth-child(4) a::after{ left: 54%; }
#lineup ul li:nth-child(5) a::after{ left: 56%; }
#lineup ul li:nth-child(6) a::after{ left: 56%; }
#lineup ul li:nth-child(7) a::after{ left: 56%; }
#lineup ul li:nth-child(8) a::after{ left: 54%; }
#lineup ul li:nth-child(9) a::after{ left: 55%; }
#lineup ul li:nth-child(10) a::after{ left: 58%; }
#lineup ul li:nth-child(11) a::after{ left: 56%; }
#lineup ul li a:hover::after{  bottom: 0px;  opacity: 1;}
@media screen and (max-width: 1600px){
#lineup ul li a::after{ bottom: 0vw;  width: 18px; height:25px; margin: 0 0 0 -9px; }
#lineup ul li a:hover::after{  bottom: -0.5vw;}
}/*END*/
@media screen and (max-width: 1400px){
#lineup ul li a::after{ bottom: -1vw;  width: 16px; height:25px; margin: 0 0 0 -8px; }
#lineup ul li a:hover::after{  bottom: -1.5vw;}
}/*END*/
@media screen and (max-width: 1000px) {
#lineup{ margin-top: 60px; padding-bottom: 6vw; }
#lineup h2{ padding: 7vw 0; text-align: center;}
#lineup ul{ margin: 0 auto; width: 90%; flex-wrap: wrap; } 
#lineup ul li a img{ margin: 0 1.5vw; height: 28vw;  }
#lineup ul li a::after{ display: none;}
}/*END*/
@media screen and (max-width: 750px){
#lineup ul img{height: 33.9vw;}
}/*END*/
@media screen and (max-width: 640px){
#lineup h2{ padding: 50px 0;}
}/*END*/
@media screen and (max-width: 500px){
#lineup h2{ padding: 10vw 0 10vw;}
}/*END*/
/* on / off */
#lineup .x15{display:block;}
#lineup .x1{display:none;}
@media (max-width: 500px) {
#lineup .x15{display:none;}
#lineup .x1{display:block;}
}/*END*/

/*-------------------------------------------------
	co_img
--------------------------------------------------*/
#presage .co_main_logo img{ width: 30%;}
#prospex .co_main_logo img{ width: 30%;}
#astron .co_main_logo img{width: 28%;}
#SBSA241 .co_main_logo img{width: 21%;}
#lukia .co_main_logo img{ width: 15%;}
#seikoselection .co_main_logo .inner_logo{ width: 35%;}
@media (max-width: 1310px) {
#seikoselection .co_main_logo .inner_logo{ width: 20vw; font-size: 18px}
}/*END*/
@media (max-width: 1024px) {
#presage .co_main_logo img{ width: 55%;}
#prospex .co_main_logo img{ width: 60%;}
#astron .co_main_logo img{width: 55%;}
#SBSA241 .co_main_logo img{width: 45%;}
#lukia .co_main_logo img{ width: 32%;}
#seikoselection .co_main_logo .inner_logo{ width: 75%;}
}/*END*/

/*-------------------------------------------------
	main
--------------------------------------------------*/
.co_main{ position: relative; overflow: hidden;}
.co_main_logo{ position: absolute; top: 0px; width: 50%; height: 100%;display: flex; align-items: center; justify-content: center;} 
.co_l .co_main_logo{ left: 0px;}
.co_r .co_main_logo{ right: 0px ;}
#prospex .co_main_logo{margin-bottom: 20px;}
#seikoselection .co_main_logo .inner_logo{ font-size: 1px;}
#seikoselection .slick01 .SS_txt_box{ font-size: 16px; line-height: 1; position: absolute; color: #fff;  }
#seikoselection .slick01 li:nth-child(1) .SS_txt_box{ left:20px; bottom: 20px; }
#seikoselection .slick01 li:nth-child(2) .SS_txt_box{ right: 20px; bottom: 20px; }
@media (max-width: 1300px) {
#seikoselection .slick01 .SS_txt_box{ font-size: 14px; }
}/*END*/
@media (max-width: 750px) {
#seikoselection .slick01 .SS_txt_box{ font-size: 14px; line-height: 1; position: absolute; color: #fff;  }
#seikoselection .slick01 li:nth-child(1) .SS_txt_box{ left:15px; bottom: 15px; }
#seikoselection .slick01 li:nth-child(2) .SS_txt_box{ right: 15px; bottom: 15px; }
}/*END*/
@media (max-width: 500px) {
#seikoselection .slick01 .SS_txt_box{ font-size: 2.5vw; line-height: 1; position: absolute; color: #fff;  }
#seikoselection .slick01 li:nth-child(1) .SS_txt_box{ left:3vw; bottom: 3vw; }
#seikoselection .slick01 li:nth-child(2) .SS_txt_box{ right: 3vw; bottom: 3vw; }
}/*END*/
.co_main .x15{display:block;}
.co_main .x1{display:none;}
.co_main .sp{display:none;}
@media (max-width: 1400px) {
.co_main .x15{display:none;}
.co_main .x1{display:block;}
.co_main .sp{display:none;}
}/*END*/
@media (max-width: 1024px) {
.co_main .x15{display:none;}
.co_main .x1{display:none;}
.co_main .sp{display:block;}
}/*END*/


/*-------------------------------------------------
  lead
--------------------------------------------------*/
.co_l .lead{ background: linear-gradient(90deg, rgb(219, 217, 215, 1)0%, rgb(219, 217, 215, 0)85%);}
.co_r .lead{ background: linear-gradient(90deg, rgb(219, 217, 215, 0)15%, rgb(219, 217, 215, 1)100%);}
@media (max-width: 640px) {
.co_l .lead{ background: linear-gradient(90deg, rgb(219, 217, 215, .7)0%, rgb(219, 217, 215, 0)85%);}
.co_r .lead{ background: linear-gradient(90deg, rgb(219, 217, 215, 0)15%, rgb(219, 217, 215, .7)100%);}
}/*END*/
/*.lead .inner*/
.lead .inner{ width: 83%; max-width: 1100px; text-align: left; margin: 0 auto; padding:75px 0 85px; }
@media (max-width: 1024px) {
.lead .inner{ width: 80%; max-width: 800px; padding:70px 0 80px; }
}/*END*/
@media (max-width: 800px) {
.lead .inner{ width: 80%; max-width: 800px; padding:65px 0 75px; }
}/*END*/
@media (max-width: 640px) {
.lead .inner{ width: 80%; max-width: 800px; padding: 12vw 0 12.8vw; }
}/*END*/
/*.lead .txt*/
.lead .txt{ font-size: 24px; line-height: 2; letter-spacing: 1px;}
.lead .txt span{ display: inline-block;}
@media (max-width: 1400px){
.lead .txt{font-size: 22px; }
}/*END*/
@media (max-width: 1200px){
.lead .txt{font-size: 20px; }
}/*END*/
@media (max-width: 1024px){
.lead .txt{font-size: 22px; }
.lead .txt br{ display: none;}
}/*END*/
@media (max-width: 800px){
.lead .txt{font-size: 20px; line-height: 1.9;}
}/*END*/
@media (max-width: 640px){
.lead .txt{font-size: 17px; letter-spacing: 0.5px;}
}/*END*/
@media (max-width: 400px){
.lead .txt{font-size: 16px; letter-spacing: 0px;}
}/*END*/
@media (max-width: 370px){
.lead .txt{font-size: 15px;}
}/*END*/

/* -----------------------------------------
 slick base setting
 -----------------------------------------*/
#seikoselection  ul.slick-dots{position: absolute; bottom: 15px; left: 0%; z-index: 100; width:100%; margin:0 auto; padding: 0; list-style: none; display: flex; justify-content: center; z-index:1;}
#seikoselection  ul.slick-dots li{ position: relative; height: 20px; width: 30px; margin: 0 0px; z-index: 2;}
/*button ●○○○ */
#seikoselection  ul.slick-dots li button{ font-size: 0; line-height: 0; display: block; cursor: pointer; border: 0; outline: none; background: transparent; width: 100%; height: 100%; } /* OFF */
#seikoselection  ul.slick-dots li button:before{ position: absolute; top:50%; left: 50%; content: ''; margin: -5px 0 0 -5px; width: 10px; height: 10px; background: #fff; opacity: 0.2; box-sizing: border-box; transition: 0.3s; border-radius: 10px;}/* focus */
/* ON focus */
#seikoselection ul.slick-dots li button:hover:before,/* ON */
#seikoselection ul.slick-dots li.slick-active button:before{ cursor: pointer; position: absolute; top:50%; left: 50%; content: ''; margin: -5px 0 0 -5px; opacity: 1; width: 10px; height: 10px; background: #fff; box-sizing: border-box; transition: 0.3s; border-radius: 10px;}/* focus */
#seikoselection ul.slick-dots li::before{ position: absolute; width: 100px; margin-left: -50px; left: 50%; bottom:65px; transition:0.5s; z-index: -1; }
@media (max-width:1400px){
#seikoselection ul.slick-dots{ bottom: -1vw; }
#seikoselection ul.slick-dots li{ position: relative; height: 7vw; width: 30px; }
}/*END*/
@media (max-width:1000px){
#seikoselection ul.slick-dots{ bottom: -1vw; }
#seikoselection ul.slick-dots li{ position: relative; height: 8vw; width: 25px; }
#seikoselection ul.slick-dots li button:before,
#seikoselection ul.slick-dots li button:hover:before,
#seikoselection ul.slick-dots li.slick-active button:before{ margin: -4px 0 0 -4px; width: 8px; height: 8px; }
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) { /* 縦 / 640px */
#seikoselection ul.slick-dots{ bottom: -1vw; }
#seikoselection ul.slick-dots li{ position: relative; height: 9vw; width: 25px; }
}/*END*/

/*-------------------------------------------------
	spec
--------------------------------------------------*/
.spec{ padding:100px 0 0; background: #fff; color: #000; position: relative; }
.spec .spec_wrap { margin: 0 auto;  width: 95%; max-width: 1300px; display: flex; }
.spec .spec_wrap .inner{ width: 100%; margin: 0 auto; display: flex; justify-content: center; }
/*img_box*/
.spec .spec_wrap .inner .img_box{ display: flex; flex-direction : row-reverse; }
/*watch*/
.spec .spec_wrap .inner .img_box .watch{ height: 545px;}
.spec .spec_wrap .inner .img_box .watch img{ height: 100%; width: auto; }
/*strap*/
.spec .spec_wrap .inner .img_box .strap {width: 54%; height: 90%; display: flex; align-items: center;  justify-content: space-between; }
.spec .spec_wrap .inner .img_box .strap::after{ content: ''; width: 60px; height: 10px; display: block;}
.spec .spec_wrap .inner .img_box .strap .strap_inner{ text-align: center; width: 261px; }
.spec .spec_wrap .inner .img_box .strap .strap_inner img{ width: 261px; }
.spec .spec_wrap .inner .img_box .strap .strap_inner .txt_option{ font-size: 14px; margin-top: 10px; display: inline-block; border-bottom: solid 1px #000; padding-bottom: 3px; }
/*txt_box*/
.spec .spec_wrap .inner .txt_box{ margin:0 5%; height: 78%; display: flex; align-items: center; justify-content: center;}
.spec .spec_wrap .inner .txt_box .txt_box_inner{ line-height: 1.5; text-align: center; position: relative; z-index: 2; }
@media screen and ( max-width: 1400px) {
.spec{ padding:7.1vw 0 0; }
.spec .spec_wrap .inner .img_box .watch{ height: 39vw;}
.spec .spec_wrap .inner .img_box .strap .strap_inner,
.spec .spec_wrap .inner .img_box .strap .strap_inner img{ width: 18.5vw; }
}/*end*/
@media screen and ( max-width: 1024px) {
.spec{ padding:80px 0 0; }
.spec .spec_wrap .inner .img_box .watch{ height: 450px;}
.spec .spec_wrap .inner .img_box .strap .strap_inner,
.spec .spec_wrap .inner .img_box .strap .strap_inner img{ width: 230px; }
}/*end*/
@media screen and ( max-width: 950px) {
.spec{ padding:90px 0 0; }
.spec .spec_wrap .inner .img_box .watch{ height: 500px;}
/*2つの場合（ ss ）*/
.spec .spec_wrap { display: flex; flex-wrap:wrap; }
}/*end*/
@media screen and ( max-width: 750px) {
.spec{ padding:12vw 0 0; }
.spec .spec_wrap .inner .img_box .watch{ height: 66.5vw;}
.spec.st_inner .spec_wrap .inner .img_box .watch{ height:initial; width: 90%;}
}/*end*/
@media screen and ( max-width: 640px) {
.spec .spec_wrap .inner .img_box .watch{ height: 70vw;}
}/*end*/
@media screen and ( max-width: 500px) {
.spec{ padding:13vw 0 0; }
.spec .spec_wrap .inner .img_box .watch{ height: 85vw;}

/***** 個別調整 *****/
/*PSX-01*/
#SBEJ017 .spec{ padding:55px 0 10px; } 
/*PSX-02*/
#SBER009 .spec{ padding:60px 0 10px; } 
/*5s*/
#SBSA241 .spec{ padding:65px 0 10px; } 
/*lk*/
#SSVW223 .spec{ padding:60px 0 5px; } 
/******************/

.spec .spec_wrap .inner .txt_box .strap img{ width: 25vw;}
.spec .spec_wrap .inner .txt_box .strap .txt_option{ font-size: 11px; margin-top: 1px; padding-bottom: 2px; }
}/*end*/
@media screen and ( max-width: 420px) {
/*.spec .spec_wrap .inner .txt_box.strap_txt_box{ padding: 20px 0 0;}*/
}/*end*/
@media screen and ( max-width: 400px) {
.spec .spec_wrap .inner .txt_box{ margin:0 3%; }
.spec .spec_wrap .inner .img_box .watch{ height: 80vw;}
}/*end*/

/*======================== ストラップ　縦 ========================*/
@media screen and ( max-width: 900px) {
.spec.st_inner{ padding:60px 0 !important; }/*上*/
.spec.st_inner .spec_wrap .inner{ padding: 0 0 0 !important; }/*下*/
.spec.st_inner .spec_wrap .inner .img_box{ display: block; width: 43%; max-width: 230px; margin: 0; }
/* watch */
.spec.st_inner .spec_wrap .inner .img_box .watch{ height:initial !important; width: 90% !important; margin: 0 auto;}
.spec.st_inner .spec_wrap .inner .img_box .watch img{ height: initial; width: 100%; }
/* strap */
.spec.st_inner .spec_wrap .inner .img_box .strap { width: 100%; height: initial; display: block; margin: 0 auto; }
.spec.st_inner .spec_wrap .inner .img_box .strap::after{ display: none; }
.spec.st_inner .spec_wrap .inner .img_box .strap .strap_inner{ width: 100%; margin: 0 auto; }
.spec.st_inner .spec_wrap .inner .img_box .strap .strap_inner img{ width: 62%; margin: 0 10% 0 0; }
/*txt_option*/
.spec.st_inner .spec_wrap .inner .img_box .strap .strap_inner .txt_option{ font-size: 13px; margin-top: 1vw; padding-bottom: 2px; }
/*txt_box*/
.spec.st_inner .spec_wrap .inner .txt_box{ margin:0 5%; height: 100%; display: flex; align-items: center; justify-content: center;}
/* === lukia === */
#lukia .spec.st_inner{ padding:50px 0 !important; }/*上*/
#lukia .spec.st_inner .spec_wrap .inner .img_box .watch{ height:initial !important; width: 70% !important; margin: 0 auto;}
#lukia .spec.st_inner .spec_wrap .inner .img_box .strap .strap_inner img{ width: 62%; margin: 0 0% 0 5%; }
}/*end*/
@media screen and ( max-width: 640px) {
.spec.st_inner{ padding:9vw 0 !important; }/*上下*/
/* === lukia === */
#lukia .spec.st_inner{ padding:7.5vw 0 !important; }/*上下*/
.spec.st_inner .spec_wrap .inner .img_box .strap .strap_inner .txt_option{ font-size: 12px; margin-top: 1.2vw; }
}/*end*/
@media screen and ( max-width: 400px) {
.spec.st_inner .spec_wrap .inner .img_box .strap .strap_inner .txt_option{ font-size: 12px; margin-top: 1vw;}
}/*end*/
@media screen and ( max-width: 350px) {
.spec.st_inner .spec_wrap .inner .img_box .strap .strap_inner .txt_option{ font-size: 10px; margin-top: 1vw;}
}/*end*/
/*======================== /ストラップ　縦 ========================*/

/* [ on off ]*/
.spec .x15{display:block;}
.spec .x1{display:none;}
@media (max-width: 500px) {
.spec .x15{display:none;}
.spec .x1{display:block;}
}/*END*/

/* [ on off ]*/
.st_inner .x15{display:block;}
.st_inner .st{display:none;}
@media (max-width: 900px) {
.st_inner .x15{display:none;}
.st_inner .st{display:block;}
}/*END*/

.number		{ margin-top: 0px; font-size: 26px; letter-spacing: 1px; font-weight: 400; color: #900; }
.caribre	{ margin-top: 5px; font-size: 15px; }
.price		{ margin-top: 7px; font-size: 18px; }
.price span	{ margin-top: 0px; font-size: 12px; margin-left: 3px; }
.limited	{ margin-top: 7px; font-size: 15px; position: relative; padding-bottom: 4px; display: inline-block;} 
.limited::after { content: ''; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 2px; background: #000; }
.limited_sub{ margin-top: 3px; font-size: 12px; }
.spec_txt	{ margin-top: 7px; font-size: 14px; }
.spec_txt2	{ margin-top: 18px; font-size: 13px; }
@media screen and (max-width: 640px) {
.number		{ margin-top: 0px; font-size: 24px; }
.caribre	{ margin-top: 5px; font-size: 14px; }
.price		{ margin-top: 7px; font-size: 16px; }
.price span	{ margin-top: 0px; font-size: 11px; margin-left: 3px; }
.limited	{ margin-top: 7px; font-size: 14px; position: relative; padding-bottom: 4px; display: inline-block;}
.limited_sub{ margin-top: 3px; font-size: 11px; }
.spec_txt	{ margin-top: 7px; font-size: 13px; }
.spec_txt2	{ margin-top: 18px; font-size: 12px; }
}/*END*/
@media screen and (max-width: 500px) {
.number		{ margin-top: 0px; font-size: 22px; }
.caribre	{ margin-top: 5px; font-size: 13px; }
.limited	{ margin-top: 7px; font-size: 13px;}
.price		{ margin-top: 7px; font-size: 14px; }
.spec_txt	{ margin-top: 7px; font-size: 12px; }
}/*END*/
@media screen and (max-width: 400px) {
.number		{ margin-top: 0px; font-size: 21px; }
}/*END*/

/*spec_btn*/
.spec_btn { margin:22px auto 0; display: block;}
.spec_btn a {width: 190px; padding: 16px 0 18px; margin:0 auto; font-size: 14px; line-height: 1; font-weight: 400;letter-spacing: .5px; color: #fff; background: #584f48; display: block; transition: 0.3s; text-decoration: none; border-radius: 4px;}
.spec_btn a:hover { cursor: pointer; color: #fff; opacity: 0.7; }
@media screen and (max-width: 640px) {
.spec_btn { margin: 18px auto 0; }
.spec_btn a {  width: 150px; padding: 14px 0 16px; font-size: 13px; letter-spacing: 0px;}
}/*END*/
@media screen and (max-width: 500px) {
.spec_btn { margin: 15px auto 0; }
.spec_btn a { font-size: 12px; }
}/*END*/

/*-------------------------------------------------
	gotop
--------------------------------------------------*/
.gotop { position:absolute; bottom:0px; right:20px;width:50px; height:70px; box-sizing:border-box; border-radius: 0%; z-index: 2000!important; }
.gotop a{ position: relative; display:block; background:rgba(33,33,33,0.8); text-decoration:none;width:50px; height:50px; box-sizing:border-box; border-radius: 0%; z-index: 11; transition: 0.3s; }
.gotop a::after { position:absolute; top:50%; left:50%; content: ''; width: 16px; height: 16px; margin: -8px 0 0 -8px; background: url("../img/page_top.svg") no-repeat ; background-size: cover;}
.gotop a:hover { background:rgba(60,60,60,0.5); }
@media (max-width: 500px) {
.gotop { position:absolute; bottom:0px; right:10px; width:40px; height:50px; }
.gotop a{ width:40px; height:40px; }
.gotop a::after { width: 14px; height: 14px; margin: -7px 0 0 -7px; }
}/*END*/

/*-------------------------------------------------
	footer
--------------------------------------------------*/
footer{ background: #262626; width: 100%; height: auto; position: relative; z-index: 10; }
footer::after { content:" "; display:block; clear:both;}
.foot_l{ float: left; margin: 59px 0 0 40px;}
.foot_l .foot_logo { float: left; line-height: 1; margin-bottom: 53px; }
.foot_l .foot_logo img { width: 131px; transition: 0.2s; }
.foot_l .foot_logo a:hover img{ opacity: 0.6;}
.foot_l .copyright { float: left; margin: 13px 0 0 32px; font-size: 12px; line-height: 1; letter-spacing: 1px; color: #fff; font-family: Arial, Helvetica, sans-serif; font-weight: 400;}
@media (max-width: 750px) { 
.foot_l{ float: none; margin: 39px 0 0 0px; text-align: center;}
.foot_l .foot_logo { float: none; line-height: 1; margin-bottom: 23px; }
.foot_l .copyright { float: none; margin: 13px 0 0 0px; padding-bottom: 30px; font-size: 12px; line-height: 1; color: #fff; }
}/*END*/
*,:after,:before { box-sizing: border-box;}
.foot_r { float: right; padding-top: 58px; margin: 0 35px 0 0;}
.foot_r .sns { display: flex; list-style-type: none;}
.foot_r .sns img { width: 100%;}
.foot_r .sns > li { width: 40px; margin-right: 12px; padding: 5px; line-height: 1; border-radius: 50%; transition: 0.3s; background: #3c3c3c;}
.foot_r .sns > li:nth-child(2) { margin-right: 0;}
.foot_r .sns > li:hover { opacity: 0.5;}
.foot_r .sns > li img { padding: 5px;}
@media (max-width: 750px) {
 .foot_r {float: none;padding-top: 40px;margin: 0px; }
 .foot_r .sns {position: static;margin-bottom: 20px;justify-content: center; }
 .foot_r .sns > li {margin-right: 10px; }
}/*END*/