@charset "utf-8";
/*-------------------------------------------------
	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%; height: auto; }
hr { border: none;}
table { border-collapse: collapse; border-spacing: 0; font-size: 100%; }
li { list-style-type: none; }
strong { font-weight: bold; }
a{ outline: none;}
/*-------------------------------------------------
	base
--------------------------------------------------*/
body {position: relative; background: #070604; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 400; line-height: 1.5; font-size: 15px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
img.sp{display:none!important;}
img.pc{display:inline!important;}
@media (max-width:1024px){
img.sp{display:inline!important;}
img.pc{display:none!important;}
}/*END*/
img.de_sp{display:none!important;}
img.de_pc{display:inline!important;}
@media (max-width:940px){
img.de_sp{display:inline!important;}
img.de_pc{display:none!important;}
}/*END*/

/*tel none*/
a[href^="tel:"] { color: inherit; text-decoration: none; pointer-events: none; }

/*anime set
------------------------*/
.main_bg,
.main_kabuto,
.title,
.title2,
.main_img .img01,
.main_img .img02,
.main_img .img03,
#concept p,
.about_bg,
.about_logo,
.about h2,
.about_inner_r p,
.movie,
#nav li:nth-child(1),
#nav li:nth-child(2),
#nav li:nth-child(3),
.products_title,
.products_main img,
.photo .img01 img,
.photo .img01,
.photo .img02 img,
.photo .img02,
.photo .img03 img,
.photo .img03,
.photo .title,
.design h3,
.design li:nth-child(1),
.design li:nth-child(2),
.design li:nth-child(3),
.spec_bg,
.spec .inner .inner_L,
.spec .inner .inner_R,
#box .box_bg,
#box h2,
#box .inner_L p,
#box .box_logo,
#box #slider_img img,
#bottom_logo img,
#bottom_logo p
 { visibility: hidden;}

/*-------------------------------------------------
	header
--------------------------------------------------*/
header{ position: relative; z-index: 80; }
/*------ header logo ------*/
header .seiko_logo{ width: 130px; position:absolute; right: 35px; top: 35px; transition: 0.s;}
header .s5s_logo{ width: 100px; position:absolute; left: 30px; top: 30px; transition: 0.s;}
@media (max-width: 1600px) {
header .seiko_logo{ width: 8.17vw; right: 2.2vw; top: 2.2vw;}
header .s5s_logo{ width: 6.2vw; left: 1.85vw; top:1.85vw; }
}/*END*/
@media (max-width: 1000px) {
header .seiko_logo{ width: 10vw; right: 1.85vw; top: 1.85vw;}
header .s5s_logo{ width: 8vw; left: 2.2vw; top:2.2vw; }
}/*END*/
@media screen and (orientation: portrait) {   
header .seiko_logo{ width: 130px; right: 35px; top: 35px; }
header .s5s_logo{ width: 100px;  left: 30px; top: 30px;}
}/*END*/
@media screen and (max-width: 780px) and (orientation: portrait) {   
header .seiko_logo{ width: 17vw; right: 4.5vw; top: 4.5vw;}
header .s5s_logo{ width: 13vw; left: 3.8vw; top: 3.8vw; }
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {
header .seiko_logo{ width: 20vw; right: 3.9vw; top: 3.9vw;}
header .s5s_logo{ width: 17vw; left: 3.3vw; top: 3.3vw; }
}/*END*/

/*-------------------------------------------------
	contents
--------------------------------------------------*/
.wrapper{ position: relative;  overflow: hidden;}

/*-------------------------------------------------
	main
--------------------------------------------------*/
#main { width: 100%; height: auto;  position: relative; z-index: 70; overflow: hidden; outline:none;}
#main .main_inner{ margin: 5vw auto 0; display: block; width: 77%; max-width: 1000px; height: 950px; position: relative; z-index: 3;}
#main .main_inner .main_kabuto{ width: 368px; margin-left: 6px;}
#main .main_inner .title{ width: 430px; position: absolute; left: 472px; top: 48px;}
#main .main_inner .title2{ width: 760px; margin: 21px auto 0; }
#main .main_inner .main_img { position: relative; margin: 71px auto 0; display: flex; justify-content: center;}
#main .main_inner .main_img img{ width: 252px; margin: 0 38px; }
#main .main_bg{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url("../image/main_bg.jpg") center top repeat-x; z-index: 2; }
@media (max-width: 1300px) {
#main .main_inner{ height: 73.1vw;}
#main .main_inner .main_kabuto{ width: 36.8%; margin-left: 0.6%;}
#main .main_inner .title{ width: 43%; position: absolute; left: 47.2%; top: 3.7vw;}
#main .main_inner .title2{ width: 76%; margin: 1.5vw auto 0; }
#main .main_inner .main_img { width: 98%; position: relative; margin: 5.5vw auto 0; display: flex; justify-content: center;}
#main .main_inner .main_img img{ width:77%; margin: 0 11.5%; }
#main .main_bg{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url("../image/main_bg.jpg") center top repeat-x; background-size: 123%; z-index: 2; }
}/*END*/
@media screen and (orientation: portrait) {
#main .main_bg{ position: absolute; top: 0px; left: 50%; width: 1680px; height: 100%; background: url("../image/main_bg.jpg") center top repeat-x; background-size: 100%; margin-left: -840px; z-index: 2; }
}/*END*/
@media screen and (max-width: 1050px) and (orientation: portrait) {
#main .main_bg{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url("../image/main_bg.jpg") center top repeat-x; background-size: 160%; margin-left: 0px; z-index: 2; }
}/*END*/
/* 縦
-----------------------*/
@media screen and (orientation: portrait) {   
#main .main_inner{ margin: 17vw auto 0; display: block; width: 95%; max-width: 1000px; height: 935px; position: relative; z-index: 3;}
}/*END*/
@media screen and (max-width: 1050px) and (orientation: portrait) {
#main .main_inner{ margin: 17vw auto 0; display: block; width: 95%; max-width: 1000px; height:89vw; position: relative; z-index: 3;}
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {   
#main .main_inner{ margin: 28.5vw auto 0; display: block; width: 95%; max-width: 1000px; height: 98.5vw; position: relative; z-index: 3;}
#main .main_inner .main_img { width: 95%; position: relative; margin: 5.5vw auto 0; display: flex; justify-content: center;}
#main .main_inner .title2{ width: 76%; margin: 2vw auto 0; }
#main .main_inner .main_img { width: 98%; position: relative; margin: 7.5vw auto 0; display: flex; justify-content: center;}
#main .main_inner .main_img img{ width:92%; margin: 0 3%; }
#main .main_bg{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url("../image/main_bg_sp.jpg") center top repeat-x; background-size: 100%; z-index: 2; }
}/*END*/
/*main_img pc sp */
.main_img_pc{display: block;}
.main_img_sp{display: none;}
@media screen and (max-width: 1200px) and (orientation: landscape) { /*横*/
.main_img_pc{display: none;}
.main_img_sp{display: block;}
}/*END*/
@media screen and (max-width: 940px) and (orientation: portrait) { /*縦*/
.main_img_pc{display: none;}
.main_img_sp{display: block;}
}/*END*/

/*-------------------------------------------------
	concept
--------------------------------------------------*/
#concept{ margin: 160px auto 0; position: relative; z-index: 5; text-align: center;}
#concept p {font-size: 33px; line-height: 1.6; letter-spacing: 0.4px; font-family: 'Cormorant Infant', serif; color:#e0c361; }
#concept p { display: inline-block; background: linear-gradient(-40deg, #fbd416, #fffcd1, #ca9a10); -webkit-background-clip: text; -webkit-text-fill-color: rgba(255,255,255,0.0);}
#concept p .br01{display: inline-block;}
#concept p .br02{display: none;}
#concept p .br03{display: none;}
/*IE*/
@media all and (-ms-high-contrast:none){
#concept p { background: none; color: #e0c361;}
}
@media (max-width: 1200px) {
#concept{ margin: 120px auto 0; position: relative; z-index: 2; text-align: center;}
}/*END*/
@media (max-width: 940px) {
#concept p{font-size: 3.5vw; line-height: 1.6; letter-spacing: 0.4px; }
}/*END*/
@media (max-width: 840px) {
#concept{ margin: 120px auto 60px; position: relative; z-index: 2; text-align: center;}
}/*END*/
@media (max-width: 780px) {
#concept{ margin: 100px auto 20px; width: 90%;}
}/*END*/
@media (max-width: 640px) {
#concept{ margin: 100px auto 20px; width: 80%;}
#concept p{font-size: 24px; line-height: 1.6; letter-spacing: 0px; text-align: center; }
#concept p .br01{display: none;}
#concept p .br02{display: inline-block;}
#concept p .br03{display: none;}
}/*END*/
@media (max-width: 550px) {
#concept p {font-size: 4.4vw; line-height: 1.6; }
}/*END*/
@media (max-width: 500px) {
#concept{ margin: 20vw auto 5vw; width: 95%;}
}/*END*/
@media (max-width: 450px) {
#concept{ margin: 20vw auto 5.2vw; width: 95%; text-align: ;}
#concept p{font-size: 4.6vw; line-height: 1.6; }
}/*END*/	
@media (max-width: 400px) {
#concept p .br01{display: none;}
#concept p .br02{display: none;}
#concept p .br03{display: inline-block;}
#concept p {font-size: 5.4vw; line-height: 1.6; }
}/*END*/	

/*-------------------------------------------------
	about
--------------------------------------------------*/
.about{ padding: 125px 0 0px; height: 740px; position: relative; z-index: 1; }
.about .about_inner{ margin: 0 auto; width: 85%; max-width: 1260px; position: relative; z-index: 2; display: flex; justify-content: space-between; align-items: center; }
.about .about_inner .about_inner_l{ max-width: 564px; padding-top: 70px; }
.about .about_inner .about_inner_r{ max-width: 570px; }
.about .about_inner .about_logo{ width: 90%; max-width: 564px; margin: 0 auto; }
.about .about_inner h2{ margin-top: 36px; font-size: 20px; letter-spacing: 4px; text-align: center; font-weight: 500;}
.about .about_inner .about_inner_r p{ font-size:15px; line-height: 2.1;}
@media (max-width: 1480px) {
.about .about_inner{ width: 85%; max-width: 1100px;  }
.about .about_inner .about_inner_l{ max-width: 564px; padding-top: 70px; }
.about .about_inner .about_inner_r{ max-width:480px; }
}/*END*/
@media (max-width: 1290px) {
.about .about_inner{ width: 85%; max-width: 1100px;  }
.about .about_inner .about_inner_l{ max-width: 50%; padding-top: 70px; }
.about .about_inner .about_inner_r{ max-width:480px; }
}/*END*/
@media (max-width: 1200px) {
.about{ padding: 165px 0 80px; height: auto; position: relative; z-index: 1;}
.about .about_inner{ width: 85%; max-width: 1100px; display: block; text-align: center; }
.about .about_inner .about_inner_l{ max-width: 100%; padding-top: 0px; margin: 0 auto; }
.about .about_inner .about_inner_r{ max-width:620px; text-align: left; margin: 280px auto 0; }
.about .about_inner .about_logo { width: 85%; max-width: 564px; margin: 0 auto; }
}/*END*/
@media (max-width: 1030px) {
.about .about_inner{ width: 85%; max-width: 1100px; display: block; text-align: center; }
.about .about_inner .about_inner_l{max-width: 100%; padding-top: 0px; margin: 0 auto; }
.about .about_inner .about_inner_r{ max-width:620px; text-align: left; margin:280px auto 0; }
}/*END*/	
@media (max-width: 840px) {
.about{ padding: 10vw 0 14vw; position: relative; z-index: 1;}
.about .about_inner .about_inner_l{ max-width: 100%; padding-top: 0px; margin: 0 auto; }
.about .about_inner .about_inner_r{ max-width:620px; text-align: left; margin: 38vw auto 0; }
.about .about_inner h2{ margin-top: 6vw; font-size: 2.6vw; letter-spacing: 0.5vw; text-align: center;}
}/*END*/
@media (max-width: 550px) {
.about .about_inner h2{ margin-top: 6vw; font-size: 3.5vw; letter-spacing: 0.5vw; text-align: center;}
}/*END*/
@media (max-width: 450px) {
.about .about_inner .about_inner_r p{ font-size:14px; line-height: 1.9;}
}/*END*/
/*about_bg*/
.about_bg{ position: absolute; top: -152px; left: 0px; width: 100%; height: 150%; background: url("../image/about_bg.jpg") center top no-repeat; z-index: 0; }
@media (max-width: 1600px) {
.about_bg{ position: absolute; top: -152px; left: 0px; width: 100%; height: 150%; background: url("../image/about_bg.jpg") center top no-repeat;  }
}/*END*/
@media (max-width: 1200px) {
.about_bg{ position: absolute; top: -180px; left: 0px; width: 100%; height: 100%; background: url("../image/about_bg.jpg") center top no-repeat;  background-size: 1400px;  }
}/*END*/
@media (max-width: 1030px) {
.about_bg{ position: absolute; top: -180px; left: 0px; width: 100%; height: 100%; background: url("../image/about_bg.jpg") center top no-repeat; background-size: 1400px; }
}/*END*/
@media (max-width: 840px) {
.about_bg{ position: absolute; top: -17vw; left: 0px; width: 100%; height: 100%; background: url("../image/about_bg_sp.jpg") center top no-repeat; background-size: 100%; }
}/*END*/

/*-------------------------------------------------
	MOVIE
--------------------------------------------------*/
.movie{ margin: 0 auto; width: 80%; max-width: 942px; padding-bottom: 120px; position: relative; z-index: 2;}
@media screen and (max-width: 640px) {
.movie{  padding-bottom: 60px; }
}/*END*/
.movie_box{ position: relative;}
/*movie_inner*/
.movie_inner{ position: absolute; text-align: center; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 3; }
.movie_inner div { text-align: center;}
.movie_inner div h2{ width: 120px; margin: 0 auto;}
.movie_inner div .movie_txt{ width: 320px; margin: 25px auto 0;}
@media screen and (max-width: 730px) {
.movie_inner div h2{ width: 16.5vw; margin: 0 auto;}
.movie_inner div .movie_txt{ width: 44vw; margin: 3.5vw auto 0;}
}/*END*/
.movie_inner div figure{ margin: 24px auto 0; width: 65px; height: 65px; background: rgba(255,255,255,0); border: solid 2px rgba(255,255,255,1); border-radius: 50%; box-sizing: border-box; position: relative; transition: 0.3s; }
.movie_inner div figure::after{ border-width: 13px 0 13px 23px; margin: -13px 0 0 -8px; border-color: transparent transparent transparent #fff; left: 50%; top: 50%;  position: absolute; content: ''; display: block; width: 0; height: 0; border-style: solid; }
.movie_inner:hover figure{ background: rgba(255,255,255,0.5);  border: solid 2px rgba(255,255,255,0);}
@media screen and (max-width: 730px) {
.movie_inner div figure{ margin: 3.2vw auto 0; width: 8.8vw; height: 8.8vw; background: rgba(255,255,255,0); border: solid 2px rgba(255,255,255,1); }
.movie_inner div figure::after{ border-width: 1.8vw 0 1.8vw 3.2vw; margin: -1.8vw 0 0 -1.1vw; border-color: transparent transparent transparent #fff; left: 50%; top: 50%;  position: absolute; content: ''; display: block; width: 0; height: 0; border-style: solid; }
}/*END*/
@media screen and (max-width: 500px) {
.movie_inner div figure{  border: solid 1px rgba(255,255,255,1); }
}/*END*/
.banner .movie_img{ position: relative; z-index: 0;}
.banner:hover{cursor: pointer;}
.banner:hover .movie_img{ background: #111;}
.banner .movie_img img{ opacity: 0.7 !important; }
.banner:hover .movie_img img{ opacity: 0.7 !important; }
.noiz{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: url("../image/noiz2.gif") left top; opacity: 0; z-index: 2;}
.banner:hover .noiz{ opacity: .2;}
/*----- waku -----*/
.w01{position: absolute; top: 0px; left: 0px; background: url("../image/w01.png") left top no-repeat; background-size: contain;}
.w02{position: absolute; top: 0px; right: 0px; background: url("../image/w02.png") left top no-repeat; background-size: contain;}
.w03{position: absolute; bottom: 0px; left: 0px; background: url("../image/w03.png") left top no-repeat; background-size: contain;}
.w04{position: absolute; bottom: 0px; right: 0px; background: url("../image/w04.png") left top no-repeat; background-size: contain;}
.wak{ width: 34px; height: 34px; z-index: 3; }
@media (max-width: 1200px) {
.wak{ width: 3vw; height: 3vw; }
}/*END*/
@media (max-width: 640px) {
.wak{ width: 4vw; height: 4vw; }
}/*END*/

/*-------------------------------------------------
	nav
--------------------------------------------------*/
#nav{ display: none; }
#nav a:hover{ cursor: pointer; }
@media (max-width: 750px) {
#nav{ display: block; }
#nav ul{ display: flex; }
}/*END*/

/*-------------------------------------------------
	products
--------------------------------------------------*/
#products{ background: #eee; padding-bottom: 0.1px;}
.products_title{ background: #131313; padding: 80px 0; text-align: center;}
.products_title img{ width: 80%; max-width: 780px;}
@media (max-width: 980px) {
.products_title{ background: #131313; padding: 7vw 0;}
}/*END*/
@media (max-width: 640px) {
.products_title{ background: #131313; padding: 10vw 0;}
.products_title img{ width: 70%; max-width: 780px;}
}/*END*/
.products_title_pc{ display: inline-block;}
.products_title_sp{ display: none;}
@media (max-width: 640px) {
.products_title_pc{ display: none;}
.products_title_sp{ display: inline-block;}
}/*END*/

/*products_main img pc sp*/
.products_pc_m{ display: inline-block;}
.products_sp{ display: none;}
@media (max-width: 750px) {
.products_pc_m{ display: none;}
.products_sp{ display: inline-block;}
}/*END*/

/*products_main*/
.products_main{ position: relative; height: 46.8vw; width: 100%; overflow: hidden; }
.products_main div{ width: 100%; height: auto; position: absolute; left: 0%; margin-left:0%;}
.products_main div img{ width: 100%; }
@media (max-width: 750px) {
.products_main{ position: relative; height: auto; width: 100%; }
.products_main div{ width: 100%; height: auto; position: relative; left: 0%; margin-left:0%;}
}/*END*/
/*photo*/
.photo{ margin: 100px auto 0;}
.photo .pmov{ overflow: hidden;}
@media (max-width: 1600px) {
.photo{ margin: 6.3vw auto 0;}
}/*END*/
@media (max-width: 750px) {
.photo{ margin: 9vw auto 0;}
}/*END*/

/*-------------------------------------------------
	#watch01 photo
--------------------------------------------------*/
#watch01 .photo{ max-width: 1463px; height: 886px; position: relative; }
#watch01 .photo .img01{ width: 43.8%; position: absolute; left: 24.3%; top:0px; }
#watch01 .photo .img02{ width: 25.3%; position: absolute; left: 74.7%; top:336px; }
#watch01 .photo .img03{ width: 18.5%; position: absolute; left: 0%; top:215px; }
#watch01 .photo .title{ width: 19.6%; position: absolute; left: 74.7%; top:158px; }
@media (max-width: 1600px) {
#watch01 .photo{ width: 92%; max-width: 1463px; height: 55.44vw; }
#watch01 .photo .img01{ width: 43.8%; position: absolute; left: 24.3%; top:0px; }
#watch01 .photo .img02{ width: 25.3%; position: absolute; left: 74.7%; top:21vw; }
#watch01 .photo .img03{ width: 18.5%; position: absolute; left: 0%; top:13.45vw; }
#watch01 .photo .title{ width: 19.6%; position: absolute; left: 74.7%; top:9.9vw; }
}/*END*/
@media (max-width: 1200px) {
#watch01 .photo .title{ width: 25%; position: absolute; left: 74.7%; top:9.9vw; }
}/*END*/
@media (max-width: 750px) {
#watch01 .photo{ width: 100%; max-width: 750px; height: auto; }
.photo::after { content:" "; display:block; clear:both;}
.photo .img01,.photo .img02,.photo .img03,.photo .title{ position: relative!important; left: 0!important; top:0!important; }
#watch01 .photo .img01{ width: 85.5%; margin-left: 7.3%; }
#watch01 .photo .img02{ width: 48.9%; margin-top: 7vw; float: left; }
#watch01 .photo .img03{ width: 35.6%; margin: 13vw 0 0 7.6vw; float: left }
#watch01 .photo .title{ width: 38.5%; margin: 14vw 0 0 7.6vw; float: left; }
}/*END*/

/*-------------------------------------------------
	#watch02 photo
--------------------------------------------------*/
#watch02 .photo{ max-width: 1463px; height: 877px; position: relative; }
#watch02 .photo .img01{ width: 43.8%; position: absolute; left: 0%; top:0px; }
#watch02 .photo .img02{ width: 25.3%; position: absolute; left: 50.55%; top:327px; }
#watch02 .photo .img03{ width: 18.5%; position: absolute; left: 81.5%; top:114px; }
#watch02 .photo .title{ width: 19.6%; position: absolute; left: 50.55%; top:155px; }
@media (max-width: 1600px) {
#watch02 .photo{ width: 92%; max-width: 1463px; height: 55vw; }
#watch02 .photo .img01{ width: 43.8%; position: absolute; left: 0%; top:0px; }
#watch02 .photo .img02{ width: 25.3%; position: absolute; left: 50.55%; top:20.5vw; }
#watch02 .photo .img03{ width: 18.5%; position: absolute; left: 81.5%; top:7.2vw; }
#watch02 .photo .title{ width: 19.6%; position: absolute; left: 50.55%; top:9.8vw; }
}/*END*/
@media (max-width: 1200px) {
#watch02 .photo .title{ width: 25%; position: absolute; left: 50.55; top:9.8vw; }
}/*END*/
@media (max-width: 750px) {
#watch02 .photo{ width: 100%; max-width: 750px; height: auto; }
#watch02 .photo .img01{ width: 85.5%; margin-left: 7.3%; }
#watch02 .photo .img02{ width: 48.9%; margin-top: 7vw; float: right; }
#watch02 .photo .img03{ width: 35.6%; margin: 13vw 0 0 7.6vw; float: left }
#watch02 .photo .title{ width: 38.5%; margin: 14vw 0 0 7.6vw; float: left; }
}/*END*/

/*-------------------------------------------------
	#watch03 photo
--------------------------------------------------*/
#watch03 .photo{ max-width: 1463px; height: 890px; position: relative; }
#watch03 .photo .img01{ width: 43.8%; position: absolute; left: 0%; top: 90px; }
#watch03 .photo .img02{ width: 25.3%; position: absolute; left: 50.4%; top:0px; }
#watch03 .photo .img03{ width: 18.5%; position: absolute; left: 81.5%; top:389px; }
#watch03 .photo .title{ width: 19.6%; position: absolute; left: 50.4%; top:621px; }
@media (max-width: 1600px) {
#watch03 .photo{ width: 92%; max-width: 1463px; height: 56vw; }
#watch03 .photo .img01{ width: 43.8%; position: absolute; left:　0%; top:5.6vw; }
#watch03 .photo .img02{ width: 25.3%; position: absolute; left: 50.4%; top:0vw; }
#watch03 .photo .img03{ width: 18.5%; position: absolute; left: 81.5%; top:24.3vw; }
#watch03 .photo .title{ width: 19.6%; position: absolute; left: 50.4%; top:38.9vw; }
}/*END*/
@media (max-width: 1200px) {
#watch03 .photo .title{ width: 25%; position: absolute; left: 50.4%; top:38.9vw; }
}/*END*/
@media (max-width: 750px) {
#watch03 .photo{ width: 100%; max-width: 750px; height: auto; }
#watch03 .photo .img01{ width: 85.5%; margin-left: 7.3%; }
#watch03 .photo .img02{ width: 48.9%; margin-top: 7vw; float: left; }
#watch03 .photo .img03{ width: 35.6%; margin: 13vw 0 0 7.6vw; float: left }
#watch03 .photo .title{ width: 38.5%; margin: 14vw 0 0 7.6vw; float: left; }
}/*END*/

/*-------------------------------------------------
	design
--------------------------------------------------*/
#watch01 .design { text-align: center; padding: 60px 0 100px 0;}
#watch02 .design { text-align: center; padding: 110px 0 100px 0;}
#watch03 .design { text-align: center; padding: 110px 0 100px 0;}
@media (max-width: 840px) {
#watch01 .design { text-align: center; padding: 70px 0 20px 0;}
#watch02 .design { text-align: center; padding: 70px 0 20px 0;}
#watch03 .design { text-align: center; padding: 70px 0 20px 0;}
}/*END*/
.design h3{ width:109px; overflow: hidden;}
#watch01 .design h3{ background: #b58f1f; display: inline-block; margin: 0 auto;}
#watch02 .design h3{ background: #6e4429; display: inline-block; margin: 0 auto;}
#watch03 .design h3{ background: #c10f1d; display: inline-block; margin: 0 auto;}
/* ul li */
.design ul { margin: 85px auto 0; width: 90%; max-width: 1380px; display: flex; justify-content: space-around;  color: #000;}
.design ul li{ width: 28%; text-align: left;}
.design ul li h4{ margin-top: 30px; width: 140px; }
.design ul li p{ margin-top: 15px; font-size: 15px; line-height: 1.6;}
.design ul li p.txt_s{ margin-top: 10px; font-size: 13px; line-height: 1.5;}
@media (max-width: 1530px) {
.design ul { margin: 5.5vw auto 0; width: 95%;}
}/*END*/
@media (max-width: 1200px) {
.design h3{ width:90px;}
.design ul { margin: 5.5vw auto 0; width: 95%;}
.design ul li{ width: 29%; text-align: left;}
}/*END*/
@media (max-width: 840px) {
.design h3{ width:80px;}
.design ul { margin: 60px auto 0; width: 75%; max-width: 500px; display: block;}
.design ul li{ width: 100%; text-align: left; margin-bottom: 13vw;}
.design ul li h4{ margin-top: 22px; width: 140px; }
}/*END*/
@media (max-width: 450px) {
.design ul li p{ margin-top: 10px; font-size: 14px; line-height: 1.6;}
.design ul li p.txt_s{ margin-top: 10px; font-size: 12px; line-height: 1.5;}
}/*END*/

/*-------------------------------------------------
	collections
--------------------------------------------------*/
.spec { width: 92%; max-width: 1550px; margin: 0 auto 4vw; padding: 0; position: relative; text-align: center; background:#fff; color: #000; z-index: 0; overflow: hidden; }
@media screen and (max-width: 960px) {
.spec { margin: 0 auto 10vw; }
}/*END*/
.spec .inner{ max-width: 620px; margin: 0 auto; padding: 85px 0 85px ; transition: 0.5s;}
@media screen and (max-width: 1350px) {
.spec .inner{ max-width: 620px; margin: 0 auto; padding: 60px 0 60px;}
}/*END*/
@media screen and (max-width: 750px) {
.spec { width: 90%;  }
.spec .inner{ max-width: 640px; margin: 0 auto; padding: 45px 0 60px;}
}/*END*/
/*spec_bg*/
.spec_bg{ position: absolute; top:50%; left:50%; height: 1060px; width: 1060px; margin: -530px 0 0 -530px; background: url("../image/spec_bg.jpg") center center no-repeat; background-size: contain; z-index: -1;}
@media screen and (max-width: 1350px) {
.spec_bg{ position: absolute; top:50%; left:50%; height: 960px; width: 960px; margin: -480px 0 0 -480px; background: url("../image/spec_bg.jpg") center center no-repeat; background-size: contain; z-index: -1;}
}/*END*/
@media screen and (max-width: 1100px) {
.spec_bg{ position: absolute; top:50%; left:50%; height: 800px; width: 800px; margin: -400px 0 0 -400px; background: url("../image/spec_bg.jpg") center center no-repeat; background-size: contain; z-index: -1;}
}/*END*/
@media screen and (max-width: 750px) {
.spec_bg{ position: absolute; top:4%; left:50%; height: 880px; width: 880px; margin: 0px 0 0 -440px; background: url("../image/spec_bg.jpg") center center no-repeat; background-size: contain; z-index: -1;}
}/*END*/
@media screen and (max-width: 500px) {
.spec_bg{ position: absolute; top:4%; left:50%; height: 170vw; width: 170vw; margin: 0vw 0 0 -85vw; background: url("../image/spec_bg.jpg") center center no-repeat; background-size: contain; z-index: -1;}
}/*END*/
/*.spec .inner*/
.spec .inner::after { content:" "; display:block; clear:both;}
.spec .inner .inner_L{ float: left; width: 53%; }
@media screen and (max-width: 750px) {
.spec .inner .inner_L{ float: none; width: 100%;}
}/*END*/
.spec .inner .inner_R{ float: left; width: 47%; margin-top: 95px; }
.spec .inner .inner_R.spec_sushi_m{ float: left; width: 47%; margin-top: 70px; }
@media screen and (max-width: 750px) {
.spec .inner .inner_R{ float: none; width: 100%; margin-top: 25px;}
.spec .inner .inner_R.spec_sushi_m{ float: none; width: 100%; margin-top: 25px; }
}/*END*/
.spec .collections_img { max-width: 295px; margin: 0 auto; }
@media screen and (max-width: 750px) {
.spec .collections_img { max-width: 300px; width: 58%; margin: 20px auto 0; }
}/*END*/
/*---------txt---------*/
.collections_name { margin-top: 0px; font-size: 16px!important; line-height: 1.6; letter-spacing: 1px; font-weight: 500!important;}
.collections_no { margin-top: 14px; font-size: 26px; line-height: 1; letter-spacing: 1.5px; font-family: 'Montserrat', sans-serif; font-weight: 500;}
.collections_movement { margin-top: 3px; font-size: 14px; line-height: 1.6; letter-spacing: 0.5px;font-weight: 500; }
.collections_price { margin-top: 20px; font-size: 20px; line-height: 1; letter-spacing: 1px;font-weight: 500;}
.collections_price span { font-size: 12px; letter-spacing: 0.5px; margin-left: 3px;}
.collections_limited { margin-top: 20px; font-size: 14px; line-height: 1.6; letter-spacing: 0.5px; font-weight: 500; position: relative; display: inline-block;}
.collections_limited::after { position: absolute; display: block; content: ''; width: 100%; height: 2px; background: #111; }
.collections_release { margin-top: 27px; }
.collections_release p{ font-size: 14px; line-height: 1.6; letter-spacing: 0.5px; font-weight: 500;}
.collections_release p:nth-child(1){padding-bottom: 3px;}
.collections_txt{ margin-top: 25px; font-size: 13.5px; line-height: 1.6; letter-spacing: 0px; font-weight: 500;}
@media screen and (max-width: 450px) {
.collections_no { margin-top: 14px; font-size: 23px; line-height: 1; letter-spacing: 1.5px;}
}/*END*/
@media screen and (max-width: 430px) {
.collections_release p{ font-size: 13px; line-height: 1.6; letter-spacing: 0px;}
.collections_txt{ margin-top: 25px; font-size: 12px; line-height: 1.6; letter-spacing: 0px; font-weight: 500;}
}/*END*/
/*collections_btn*/
.collections_btn { max-width: 190px; margin: 10px auto 0; }
.collections_btn a { margin-top: 10px; background: #333; color: #fff; font-size: 15px; line-height: 1; font-weight: 500; padding: 14px 0 16px; letter-spacing: 0px; display: block; transition: 0.3s; text-decoration: none; opacity: 1; }
.collections_btn a:hover { opacity: 0.8; }
.btm_spec{ margin-top: 25px;}
#watch01 .btm_spec a{ background: url("../image/btn01_bg.jpg") center center no-repeat; background-size: cover; }
#watch02 .btm_spec a{ background: url("../image/btn02_bg.jpg") center center no-repeat; background-size: cover; }
#watch03 .btm_spec a{ background: url("../image/btn03_bg.jpg") center center no-repeat; background-size: cover; }
.collections_btn a span{ width: 12px; height: 16px; margin: 0 5px -2px; display: inline-block; background: url("../image/map.png") center center no-repeat; background-size: contain; }

/*-------------------------------------------------
	box
--------------------------------------------------*/
#box{ display: block; height: 600px; padding: 0px 0; background: #0b0b0b; overflow: hidden; position: relative;}
#box .box_bg{ position: absolute; left: 0px; top: 0px; display: block; width: 100%; height: 100%; padding: 0px 0; background: url("../image/box_bg.jpg") top center repeat-x; z-index: 0;}
#box .box_inner{ width: 93%; max-width: 1100px; height: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;  position: relative; z-index:2;} 
#box .box_inner .inner_L{ width: 38%;max-width: 380px; margin-left: 3%; } 
#box .box_inner .inner_R{ width: 55%; margin-top: 40px; position: relative; } 
#box .box_inner .inner_L h2{ width: 160px; } 
#box .box_inner .inner_L p{ margin-top: 15px; font-size: 15px; line-height: 1.7;}
#box .box_inner .inner_L p span{ font-family: 'Noto Sans JP', sans-serif; font-weight: 400; letter-spacing: 0.5px;}
#box .box_inner .box_logo{ margin-top: 40px; } 
#box .box_inner .box_logo2{display: none;} 
#box .box_inner .inner_R .inner_R_bg{ position: absolute; left: -100px; top: -15px; width: 140%; height: 120%; background: url("../image/box_sl_bg.png") center center no-repeat; background-size: 100%;} 
@media screen and (max-width: 940px) {
#box{ display: block; height: auto; padding: 0px 0; }
#box .box_bg{ position: absolute; left: 0px; top: 0px; display: block; width: 100%; height: 100%; padding: 0px 0; background: url("../image/box_bg_sp.jpg") top center repeat-x; background-size: 100%;}
#box .box_inner{ width: 99%; max-width: 1100px; height: 100%; margin: 0 auto; padding: 85px 0 60px; display: block; align-items: center; justify-content: space-between; } 
#box .box_inner .inner_L{ width: 80%;max-width: 480px; margin:0 auto; } 
#box .box_inner .inner_R{width: 82%; max-width: 550px; margin: 40px auto 0; position: relative; } 
#box .box_inner .inner_L h2{ width: 180px; } 
#box .box_inner .box_logo{ display: none;} 
#box .box_inner .box_logo2{display: block; width: 73.5%; max-width: 440px; margin: 40px auto 0; position: relative; z-index: 2;} 
}/*END*/
@media screen and (max-width: 640px) {
#box{ display: block; height: auto; padding: 0px 0; }
#box .box_bg{ position: absolute; left: 0px; top: 0px; display: block; width: 100%; height: 100%; padding: 0px 0; background: url("../image/box_bg_sp.jpg") top center no-repeat; background-size: 126%;}
#box .box_inner{  padding: 19vw 0 9vw; } 
#box .box_inner .inner_L h2{ width: 160px; } 
}/*END*/
@media screen and (max-width: 450px) {
#box .box_inner .inner_L p{ margin-top: 15px; font-size: 14px; line-height: 1.7;}
}/*END*/

/* Slider
--------------------------------------------------*/
.slider_box{ width:100%; box-sizing: border-box; height:auto; position:relative; }
.slider_box::after { content:" "; display:block; clear:both;}
.slider_box .inner{ background:#1f1f1f; }
.slider_box img{ outline: none ; }
/*slider_img*/
#slider_img { width:100%; margin:0 auto; z-index:1; }
#slider_img li { position:relative; margin: 0; outline: none ; }
#slider_img li p { width:85%; text-align: center; position: relative; bottom:50px; font-size: 12px; letter-spacing: 1px; opacity: .5; }
/* Dots */
.slick-dotted.slick-slider{  }
.slick-dots{ position: absolute; bottom: 15px; display: block; width: 85%; height: 20px; padding: 0; margin: 0; list-style: none; text-align: center; background: rgba(255,0,0,0.0);}
.slick-dots li{ position: relative; display: inline-block; width: 20px; height: 20px; top: -12px; margin: 0px; padding: 0; cursor: pointer; background: rgba(255,255,0,0.0);}
.slick-dots li button{ font-size: 0; line-height: 0; display: block; width: 6px; height: 6px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;}
.slick-dots li button:hover,
.slick-dots li button:focus{ outline: none;}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{ opacity: 1;}
.slick-dots li button:before{ content: ''; font-size: 6px; position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; margin: -3px 0 0 -3px; opacity: .25; background: #fff;  display: block; border-radius: 50%;}
.slick-dots li.slick-active button:before{ opacity: 1; background: #ffd275;}
@media screen and (max-width: 940px) {
#slider_img li p { width:100%; text-align: center; position: relative; bottom:30px; font-size: 12px; letter-spacing: 1px; opacity: .5; }
.slick-dots{ position: absolute; bottom: 0vw; display: block; width: 100%; height: 20px; padding: 0; margin: 0; list-style: none; text-align: center; background: rgba(255,0,0,0.0);}
}/*END*/
@media screen and (max-width: 500px) {
#slider_img li p { width:100%; text-align: center; position: relative; bottom:10px; }
#slider_img{ padding-bottom: 4vw;}
}/*END*/

/*-------------------------------------------------
	bottom_logo
--------------------------------------------------*/
#bottom_logo{ padding: 78px 0;background: #eee; text-align: center;}
#bottom_logo img{ max-width: 330px; width: 60%;}
#bottom_logo p.txt_s{ margin: 40px auto 0; width: 90%; font-size: 13px; line-height: 1.5; color: #000;}
#bottom_logo p.txt_s span{ display: inline-block;}
@media screen and (max-width: 500px) {
#bottom_logo{ padding: 15vw 0;}
#bottom_logo p.txt_s{ margin: 30px auto 0; width: 90%; font-size: 13px; line-height: 1.5; color: #000;}
}/*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: 20px; height: 20px; margin: -10px 0 0 -10px; background: url("../image/page_top.png") 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: 20px; height: 20px; margin: -10px 0 0 -10px; }
}/*END*/

/*-------------------------------------------------
	footer
--------------------------------------------------*/
footer{ background: #262626; width: 100%; height: auto; }
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: 'Noto Sans JP', 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*/
.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:35px; 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; }
@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*/