@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; }
a{ outline: none;}
hr { border: none;}
table { border-collapse: collapse; border-spacing: 0; font-size: 100%; }
li { list-style-type: none; }
strong { font-weight: bold; }

/*-------------------------------------------------
	base
--------------------------------------------------*/
body {position: relative; background: #e6e1d7; color: #000; font-family: 'Montserrat', sans-serif;  font-weight: 400; font-size: 16px; line-height: 1.6; -webkit-text-size-adjust: 100%; }

/*anime set
------------------------*/
.main_img img,
.main_img h1,
.scroll,
#concept p,
#sl,
#design h2,
#design .read,
#design .img_box .img,
#design .original_box img,
#design .original_box .txt_box h5,
#design .original_box .txt_box p,
#design .obi_01,
#design .obi_02,
#design h3,
#design h4,
.vj_para_sp,
#fs h3,
#fs h3 span,
#fs .img_box .fs01_img1,
#fs .img_box .fs01_img2,
#fs .fs02 .img_box_inner,
#fs .txt_box p,
#fs .txt_box_bg1,
#fs .txt_box_bg2,
#option .option_read p,
#option .option_sl,
#vj_sl,
#spec .spec_head,
.collections_img,
.collections_inner .txt_box h3,
.collections_inner .txt_box p,
.btm_txt_s { visibility: hidden;}

/*-------------------------------------------------
	header
--------------------------------------------------*/
header{ position: relative; z-index: 80; }
/*------ header logo ------*/
header .seiko_logo{ width: 130px; position:absolute; right: 30px; top: 30px; }
header .prospex_logo{ width: 220px; position:absolute; left: 30px; top: 30px; }
@media (max-width: 1600px) {
header .seiko_logo{ width: 8.17vw; right: 1.85vw; top: 1.85vw; }
header .prospex_logo{ width: 13.9vw; left: 1.85vw; top: 1.85vw; }
}/*END*/
@media (max-width: 1000px) {
header .seiko_logo{ width: 9.17vw; right: 1.85vw; top: 1.85vw; }
header .prospex_logo{ width: 15.9vw; left: 1.85vw; top: 1.85vw; }
}/*END*/
@media screen and (orientation: portrait) { 
header .seiko_logo{ width: 130px; right: 30px; top: 30px; }
header .prospex_logo{ width: 220px; left: 30px; top: 30px; }
}/*END*/
@media screen and (max-width: 780px) and (orientation: portrait) { 
header .seiko_logo{ width: 17vw; right: 3.8vw; top: 3.8vw; }
header .prospex_logo{ width: 28vw; left: 3.8vw; top: 3.8vw; }
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {
header .seiko_logo{ width: 20vw; right: 3.8vw; top: 3.8vw; }
header .prospex_logo{ width: 36vw; left: 3.8vw; top: 3.8vw; }
}/*END*/

header{ position: relative; z-index: 80; }
/*------ header logo ------*/
header .seiko_logo{ width: 130px; position:absolute; right: 30px; top: 30px; }
header .prospex_logo{ width: 240px; position:absolute; left: 30px; top: 30px; }
@media (max-width: 1600px) {
header .seiko_logo{ width: 8.17vw; right: 1.85vw; top: 1.85vw; }
header .prospex_logo{ width: 14.9vw; left: 1.9vw; top: 1.8vw; }
}/*END*/
@media (max-width: 1000px) {
header .seiko_logo{ width: 9.17vw; right: 1.85vw; top: 1.85vw; }
header .prospex_logo{ width: 15.9vw; left: 1.85vw; top: 1.85vw; }
}/*END*/
@media screen and (orientation: portrait) { 
header .seiko_logo{ width: 130px; right: 30px; top: 30px; }
header .prospex_logo{ width: 220px; left: 30px; top: 30px; }
}/*END*/
@media screen and (max-width: 780px) and (orientation: portrait) { 
header .seiko_logo{ width: 17vw; right: 3.8vw; top: 3.8vw; }
header .prospex_logo{ width: 28vw; left: 3.8vw; top: 3.8vw; }
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {
header .seiko_logo{ width: 20vw; right: 3.8vw; top: 3.8vw; }
header .prospex_logo{ width: 36vw; left: 3.8vw; top: 3.8vw; }
}/*END*/

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

/*-------------------------------------------------
	main
--------------------------------------------------*/
img.main_pc_x15{display:inline-block;}
img.main_pc_x1{display:none;}
img.main_sp_x15{display:none;}
img.main_sp{display:none;}
@media screen and (max-width: 1400px) and (orientation: landscape) {
img.main_pc_x15{display:none;}
img.main_pc_x1{display:inline-block;}
img.main_sp_x15{display:none;}
img.main_sp{display:none;}
}/*END*/
@media screen and (orientation: portrait) {
img.main_pc_x15{display:none;}
img.main_pc_x1{display:none;}
img.main_sp_x15{display:inline-block;}
img.main_sp{display:none;}
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {
img.main_pc_x15{display:none;}
img.main_pc_x1{display:none;}
img.main_sp_x15{display:none;}
img.main_sp{display:inline-block;}
}/*END*/

#main { width: 100%; height: 100%; max-height: 50vw; position: relative; z-index: 1; overflow: hidden; outline:none; display: flex; align-items: center; justify-content: center; color: #fff; background: #13120d;}
/*main_img*/
#main .main_img{ position: absolute; left: 50%; top: 0; width: 1000%; margin-left: -500%; height: 100%; text-align: center; }
#main .main_img img{ height:50vw; max-height:100vh; position: relative; z-index: 1; pointer-events: none;}
#main .main_inner{ height: 100%; position: relative; display: inline-block; }
/*main_title*/
#main .main_title{ width: 100%; position: absolute; left: 63.6%; top:0; height: 100%; font-family: 'Roboto', sans-serif; display: flex; align-items: center; justify-content: flex-start; text-align: left; z-index: 5;}
#main .main_title div h1 small{ margin-top: 0.2vw; font-size: 1.17vw; line-height: 1; display: block; font-weight: 500; }
#main .main_title div h1 span{ margin-top: 0.35vw; font-size: 1.85vw; line-height: 1.2; font-weight: 500; text-align: left; display: block; }
@media (max-width: 1500px) {
#main .main_title div h1 small{ margin-top: 0.2vw; font-size: 1.17vw;;}
#main .main_title div h1 span{ margin-top: 0.35vw; font-size: 1.85vw; }
}/*END*/

/* 縦
-----------------------*/
@media screen and (orientation: portrait) {
#main { width: 100%; height: 100%; max-height: 180vw; }
/*main_img*/
#main .main_img{ position: absolute; left: 50%; top: 0; width: 400%; margin-left: -200%; height: 100%; text-align: center; }
#main .main_img img{ height:160vw; max-height:100vh;}
/*main_title*/
#main .main_title{ width: 100%; position: absolute; left: 0; top:68%; height: auto; display: flex; align-items:flex-end; justify-content: center; text-align: left; }
#main .main_title div h1 small{ margin-top: 0vh; font-size: 3.1vw;line-height: 1; }
#main .main_title div h1 span{ margin-top: .9vh; font-size: 5vw; line-height: 1.2; }
}/*END*/
@media screen and (max-width: 1000px) and (orientation: portrait) {
#main .main_title{ width: 100%; position: absolute; left: 0; top:68%; }
#main .main_title div h1 small{ margin-top: 0.2vw; font-size: 3.7vw;}
#main .main_title div h1 span{ margin-top: 1.2vw; font-size: 6vw; }
}/*END*/
@media screen and (max-width: 500px) and (orientation: portrait) {
#main .main_title{ width: 100%; position: absolute; left: 0; top:68%; }
#main .main_title div h1 small{ margin-top: 0.2vw; font-size: 3.9vw; }
#main .main_title div h1 span{ margin-top: 1.2vw; font-size: 6.3vw; }
}/*END*/

/*-----scroll-----*/
.scroll{ position: absolute; bottom:1.5vw; left: 50%; width: 50%; margin-left: -25%; z-index: 2; text-align: center;}
.scroll a{ display: block; text-align: center; color: #fff;text-decoration: none; transition: 0.3s;}
.scroll a p{ font-size: 12px; line-height: 1; letter-spacing: 1px; display: inline-block; font-family: 'Roboto', sans-serif; font-weight: 400; }
.scroll a .scroll_icon{ max-width: 35px; min-width: 16px; width: 4%; height: auto; margin: 0.5vw auto 0; font-size: 1px;display: block; }
.scroll a .scroll_icon img{ width: 100%; margin: 0 !important; padding: 0 !important; vertical-align: middle; }
@media screen and (max-width: 1500px) {
.scroll{ position: absolute; bottom:1.5vw;}
.scroll a .scroll_icon{ max-width: 35px; min-width: 16px; width: 4%; height: auto; margin: 0.5vw auto 0; font-size: 1px; }
.scroll a p{ font-size: 0.8vw; line-height: 1; letter-spacing: 0.1vw; }
}/*END*/
@media screen and (orientation: portrait) {
.scroll{ position: absolute; bottom:2vh; }
.scroll a .scroll_icon{ max-width: 40px; width: 11%; margin: 0.3vw auto 0; }
.scroll a p{ font-size: 11px; line-height: 1; letter-spacing: 0.1vw; }
}/*END*/
@media screen and (max-width: 500px) and (orientation: portrait) {
.scroll a p{ font-size: 2.7vw; line-height: 1; letter-spacing: 0.1vw; }
.scroll a .scroll_icon{ max-width: 40px; width: 11%; margin: .8vw auto 0; }
}/*END*/
.scroll a:hover{ opacity: 0.6;}
/*-- scroll anime --*/
.scroll a .scroll_icon { animation: scroll_anime 1.5s 0s infinite normal ease; }
@keyframes scroll_anime { 0% { opacity: .3;} 90% { opacity:1;} 100% { opacity:1;} }

/*-------------------------------------------------
	txt [base]
--------------------------------------------------*/
p.txt{ font-size: 17px; }
p.txt15{ font-size: 15px; }
p.txt_fs{ font-size: 16px; }
.lh_1{ line-height: 1.7;}
.lh_2{ line-height: 2.2;}
.lh_3{ line-height: 1.8;}
@media (max-width: 1400px) {
p.txt{ font-size: 16px; }
p.txt15{ font-size: 14px; }
p.txt_fs{ font-size: 15px; }
}/*END*/
@media (max-width: 1200px) {
p.txt_fs{ font-size: 14px; }
}/*END*/
@media (max-width: 960px) {
.lh_2{ line-height: 2;}
}/*END*/
@media (max-width: 640px) {
.lh_3{ line-height: 1.7;}
}/*END*/
@media (max-width: 500px) {
.lh_2{ line-height: 1.9;}
}/*END*/
.txt_s{ margin-top: 20px; font-size: 15px!important; line-height: 1.6; letter-spacing: .6px; }
@media (max-width: 1200px) {
.txt_s{ margin-top: 15px; font-size: 14px!important; line-height: 1.6; }
}/*END*/
@media (max-width: 640px) {
.txt_s{ margin-top: 15px; font-size: 13px!important; line-height: 1.6; letter-spacing: 0px; }
}/*END*/

/*-------------------------------------------------
	concept
--------------------------------------------------*/
#concept { position: relative; overflow: hidden; background: #f3f0eb; padding: 80px 0; }
#concept .inner{ width: 90%; max-width: 1050px; margin: 0 auto; text-align: center; }
@media (max-width: 1400px) {
#concept br.concept_br{ display: none; }
#concept .inner{ width: 90%; max-width: 1000px; margin: 0 auto; text-align: center; }
}/*END*/
@media (max-width: 1200px) {
#concept br.concept_br{ display: none; }
#concept .inner{ width: 80%; max-width: 1050px; margin: 0 auto; text-align: left; }
}/*END*/
@media (max-width: 1000px) {
#concept { position: relative; overflow: hidden; background: #f3f0eb; padding: 60px 0; }
}/*END*/
@media (max-width: 500px) {
#concept { position: relative; overflow: hidden; background: #f3f0eb; padding: 50px 0; }
#concept .inner{ width: 83%; max-width: 1050px; margin: 0 auto; text-align: left; }
}/*END*/

/*-------------------------------------------------
	sl
--------------------------------------------------*/
#sl ul{ display: flex; pointer-events: none;}
#sl ul li{ width: 28%; }
@media (max-width: 1000px) {
#sl ul li{ width: 40%; }
}/*END*/
@media (max-width: 500px) {
#sl ul li{ width: 70%; }
}/*END*/
/*img*/
#sl img.sl_x15{display:inline-block;}
#sl img.sl_x1{display:none;}
@media screen and (max-width: 1400px) {
#sl img.sl_x15{display:none;}
#sl img.sl_x1{display:inline-block;}
}/*END*/

/*-------------------------------------------------
	DESIGN
--------------------------------------------------*/
#design{ padding: 90px 0; text-align: center; pointer-events: none;}
@media (max-width: 750px) {
#design{ padding: 70px 0; }
}/*END*/
@media (max-width: 640px) {
#design{ padding: 15vw 0; }
}/*END*/
#design h2{ font-size: 22px; letter-spacing: 10px; padding: 2px 5px .5px 15px; line-height: 1; margin: 0 auto; text-align: center; font-family: 'Roboto', sans-serif; font-weight: 400; background: url(../image/design_title_bg.gif); display: inline-block; color: #fff;}
@media (max-width: 420px) {
#design h2{ font-size: 5.2vw; letter-spacing: 2.4vw; padding: .6vw 1.5vw .6vw 3.6vw; }
}/*END*/
#design p.de_read{ width: 70%; max-width: 850px; margin: 40px auto 0;}
@media (max-width: 840px) {
#design p.de_read{ width: 80%; max-width: 650px; margin: 40px auto 0; text-align: left;}
}/*END*/
@media (max-width: 500px) {
#design p.de_read{ width: 83%; margin: 40px auto 0; }
}/*END*/
/* ul li */
#design ul{ margin: 60px auto 0; width: 90%; max-width: 1400px; }
#design ul li{ margin-top: 60px; display: flex;}
/*逆*/
#design ul li:nth-child(even){ flex-direction : row-reverse; }
/*img_box*/
#design ul li .img_box{ width: 50%; background: #fff; position: relative; overflow: hidden;}
#design ul li .img_box .img img{ max-width: 60%; max-height: 700px; }
/*h3*/
#design ul li .img_box h3{ margin:25px; max-width:42px; width:8%; position: absolute; left: 0; top:0; }
#design ul li:nth-child(even) .img_box h3{ position: absolute; left: initial; right: 0; }
@media (max-width: 1400px) {
#design ul li .img_box h3{ margin:1.8vw; }
}/*END*/
@media (max-width: 1200px) {
#design ul li .img_box h3{ margin:1.8vw; max-width:45px !important; width:8% !important; position: absolute; left: 0 !important; top:0; }
#design ul li:nth-child(even) .img_box h3{ position: absolute; left: 0; right: initial; }
}/*END*/
/*img*/
.de_x15{display:inline-block;}
.de_x1{display:none;}
@media screen and (max-width: 500px) {
.de_x15{display:none;}
.de_x1{display:inline-block;}
}/*END*/
/* original_box */
#design ul li .original_box{ width: 50%; background: #f3f0eb; position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden;}
/*h4*/
#design ul li .original_box h4{ margin:25px; max-width:21px; width:5%; position: absolute; left: 0; top:0; }
#design ul li:nth-child(even) .original_box h4{ position: absolute; left: initial; right: 0; }
@media (max-width: 1400px) {
#design ul li .original_box h4{ margin:1.8vw; }
}/*END*/
#design ul li .original_box .inner{ width: 80%; position: relative; }
#design ul li .original_box .inner img{ width: 62%; max-width: 296px;}
#design ul li .original_box .inner .txt_box{ text-align: left;}
#design ul li .original_box .inner .txt_box h5{ margin-top: 40px; font-size: 22px; font-weight: 700;}
#design ul li .original_box .inner .txt_box p{ margin-top: 12px;}
@media (max-width: 1200px) {
#design ul li{ margin-top: 60px; display: block;}
#design ul li .img_box{ width: 100%; max-width: 700px; margin: 0 auto;}
#design ul li .original_box{ width: 100%; max-width: 700px; margin: 0 auto; padding: 70px 0;}
#design ul li .original_box .inner{ width: 80%; max-width: 450px; position: relative;}
#design ul li .original_box .inner img{ width: 80%; max-width: 296px; }
/*h3*/
#design ul li .img_box h3{ margin:25px; max-width:36px; width:10%; position: absolute; left: initial; right: 0; top:0; }
#design ul li:nth-child(even) .img_box h3{ position: absolute; left: initial; right: 0; }
/*h4*/
#design ul li .original_box h4{ margin:25px; max-width:21px; width:6%; position: absolute; left: initial; right: 0 !important; top:0; }
#design ul li:nth-child(even) .original_box h4{ position: absolute; right: initial; left: initial; right: 0 !important;}
}/*END*/
@media (max-width: 640px) {
#design ul li{ margin-top: 10vw; }
#design ul li .img_box .img img{ max-width: 65%; max-height: 700px; }
#design ul li .original_box{ width: 100%; max-width: 700px; margin: 0 auto; padding: 13vw 0;}
#design ul li .img_box h3{ margin:4vw; }
#design ul li .original_box h4{ margin:4vw; }
#design ul li .original_box .inner .txt_box h5{ margin-top: 8vw; font-size: 20px; font-weight: 700;}
}/*END*/
/*---- obi ----*/
.obi_01{ width: 55px; height: 55px; position: absolute; left: -1px; bottom:-1px; transform: rotate(0deg) !important; }
.obi_02{ width: 55px; height: 55px; position: absolute; right: -1px; bottom:-1px;transform: rotate(0deg) !important; }
@media (max-width: 1200px) {
.obi_01{ transform: rotate(180deg) !important; }
.obi_02{ transform: rotate(-90deg) !important; }
.obi_01,
.obi_02{ position: absolute; left: initial; right: -1px !important; top:-1px;}
}/*END*/
@media (max-width: 400px) {
.obi_01,
.obi_02{ width: 14vw; height: 14vw; }
}/*END*/

/*-------------------------------------------------
	vj_para
---------------------------------------------------*/
#vj_para{ width: 100%; height: 33vw; position: relative; z-index: 1; top: 0; left: 0;}
#vj_para .parallax-window { height: 100%; background: transparent; }
@media screen and (max-width: 1024px) {
#vj_para{width: 100%; height: auto; }
}/*END*/
.vj_para_x15{ display: block;}
.vj_para_x1{ display: none;}
.vj_para_sp{ display: none;}
@media screen and (max-width: 1200px) {
.vj_para_x15{ display: none;}
.vj_para_x1{ display: block;}
.vj_para_sp{ display: none;}
}/*END*/
@media screen and (max-width: 1000px) {
.vj_para_x15{ display: none;}
.vj_para_x1{ display: none;}
.vj_para_sp{ display: block; width: 100% !important; }
#vj_para{ width: 100%; height: auto; position: relative; z-index: 1; top: 0; left: 0;}
.vj_para_sp img{ width: 100% !important; display: block; }
}/*END*/

/*-------------------------------------------------
	Fabric strap [#fs]
---------------------------------------------------*/
#fs{ padding: 80px 0 0; width: 90%; max-width: 1300px; margin: 0 auto;}
#fs img{ pointer-events: none; }
@media screen and (max-width: 1200px) {
#fs{ padding: 80px 0 0; width: 100%; margin: 0 0;}
}/*END*/
@media screen and (max-width: 1000px) {
#fs{ padding: 0; width: 90%; max-width: 950px; margin: -20px auto 0; background: #f8f6f3;}
}/*END*/
/*---- fs01 ----*/
.fs01{ position: relative; z-index: 2; display: flex; transition: 0.5s; }
.fs01 .txt_box{ padding: 0 0; width: 60%; position: relative; display: flex; align-items: center; justify-content: center; z-index: 2; }
.fs01 .txt_box .txt_box_inner{ width: 75%; max-width: 530px; position: relative; z-index: 3;}
.fs01 .txt_box .txt_box_inner h3{ padding-left: 0px; font-size: 40px; line-height: 1;font-family: 'Roboto', sans-serif; font-weight: 700; position: relative;} 
.fs01 .txt_box .txt_box_inner h3 span{ position: absolute; left: -30px; top: 0; width: 8px; height: 92%; border-radius: 3px; background: #c8c2b7; display: inline-block;} 
.fs01 .txt_box .txt_box_inner p{ margin-top: 40px;} 
@media screen and (max-width: 850px) {
.fs01 .txt_box .txt_box_inner h3{ padding-left: 26px; font-size: 36px; } 
.fs01 .txt_box .txt_box_inner h3 span{ position: absolute; left: 0px; top: 0; width: 7px; height: 92%; border-radius: 2px;} 
}/*END*/
@media screen and (max-width: 450px) {
.fs01 .txt_box .txt_box_inner h3{ padding-left: 4.5vw; font-size: 8vw !important; }
.fs01 .txt_box .txt_box_inner h3 span{ position: absolute; left: -1vw; top: 0; width: 6px; height: 92%; border-radius: 2px;}
}/*END*/
@media screen and (max-width: 400px) {
.fs01 .txt_box .txt_box_inner h3 span{ position: absolute; left: -1vw; top: 0; width: 5px; height: 92%; border-radius: 1px;}
}/*END*/
/*txt_box_bg1*/
.fs01 .txt_box_bg1{ width: 120%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background: #f8f6f3; display: block; transition: 0.5s;}
/*img_box*/
.fs01 .img_box{ width: 40%; position: relative; }
.fs01 .img_box .img_box_inner{ position: relative; top: 60px; right: 0px; z-index: 3;}
.fs01 .img_box .img_box_inner .fs01_img{ max-width: 100%; }
.fs01 .img_box .img_box_inner .fs01_img2{ margin-top: 40px; }
@media screen and (max-width: 1200px) {
.fs01{ width: 96%; margin: 0 0;}
.fs01 .txt_box{ padding: 0 0; width: 58%; }
.fs01 .img_box{ width: 42%; position: relative; }
.fs01 .txt_box .txt_box_inner{ width: 65%; max-width: 450px; position: relative; z-index: 3; margin-left: 2vw;}
}/*END*/
@media screen and (max-width: 1000px) {
.fs01{ width: 100%; display: block; }
.fs01 .txt_box{ padding: 70px 0 6vw; width: 100%; }
.fs01 .img_box{ width: 85%; margin: 0 auto; position: relative; }
/*txt_box_inner*/
.fs01 .txt_box .txt_box_inner{ width: 80%; max-width: 650px; position: relative; z-index: 3; margin-left: 2vw;}
/*img_box_inner*/
.fs01 .img_box .img_box_inner{ position: relative; top: 0px; right: 0px; z-index: 3; display: flex; justify-content: space-between; }
.fs01 .img_box .img_box_inner .fs01_img{ max-width: 48%; }
.fs01 .img_box .img_box_inner .fs01_img2{ margin: 0px; }
.fs01 .txt_box .txt_box_inner p{ margin-top: 40px;} 
/*txt_box_bg1*/
.fs01 .txt_box_bg1{ width: 100%; height: 100%;}
}/*END*/
@media screen and (max-width: 500px) {
.fs01 .img_box .img_box_inner .fs01_img{ max-width: 48%; }
.fs01 .txt_box{ padding: 50px 0 25px; width: 100%; }
.fs01 .txt_box .txt_box_inner p{ margin-top: 30px;} 
}/*END*/
/*img*/
.fs_img_x15{ display: block;}
.fs_img_sp{ display: none;}
@media screen and (max-width: 640px) {
.fs_img_x15{ display: none;}
.fs_img_sp{ display: block; }
}/*END*/

/*---- fs02 ----*/
.fs02{ margin-top: 120px; position: relative; z-index: 2; display: flex; flex-direction : row-reverse; transition: 0.5s; }
.fs02 .txt_box{ padding: 0 0; width: 46%; position: relative; display: flex; align-items: center; justify-content: center; z-index: 2; }
.fs02 .txt_box .txt_box_inner{ width: 60%; max-width: 400px; position: relative; z-index: 3;}
.fs02 .img_box{ width: 54%; position: relative; }
.fs02 .img_box .img_box_inner{ position: relative; top: -60px; right: 0px; z-index: 4;}
/*txt_box_bg1*/
.fs02 .txt_box_bg2{ width: 135%; height: 100%; position: absolute; right: 0; top: 0; z-index: -1; background: #f8f6f3; display: block; transition: 0.5s;}
@media screen and (max-width: 1200px) {
.fs02{ width: 96%; margin: 120px 0 0 4%;}
.fs02 .txt_box{ padding: 0 0; width: 50%; }
.fs02 .img_box{ width: 50%; position: relative; }
}/*END*/
@media screen and (max-width: 1000px) {
.fs02{ width: 100%; margin: 0px 0 0 0%; position: relative; z-index: 2; display: block; }
.fs02 .txt_box{ padding: 6vw 0; width: 100%; position: relative; display: flex; align-items: center; justify-content: center; z-index: 2; }
.fs02 .txt_box .txt_box_inner{ width: 80%; max-width: 650px; position: relative; z-index: 3;}
.fs02 .img_box{ width: 85%; margin: 0 auto; padding-bottom: 5vw; position: relative; }
.fs02 .img_box .img_box_inner{ position: relative; top: 0px; right: 0px; z-index: 4;}
/*txt_box_bg1*/
.fs02 .txt_box_bg2{ width: 100%; height: 100%;}
}/*END*/

/*-------------------------------------------------
	option 
---------------------------------------------------*/
#option{ margin-top: 90px; padding-bottom: 150px; background: #f8f6f3; position: relative; z-index: 1;}
@media (max-width: 1000px) {
#option{ margin-top: 50px; padding-bottom: 150px; background: #f8f6f3; position: relative; z-index: 1;}
}/*END*/
@media (max-width: 850px) {
#option{ margin-top: 6vw; padding-bottom: 70px; background: #f8f6f3; position: relative; z-index: 1;}
}/*END*/
@media (max-width: 640px) {
#option{ margin-top: 8vw; padding-bottom: 70px; background: #f8f6f3; position: relative; z-index: 1;}
}/*END*/
#option .option_read{ width: 80%; max-width: 800px; margin: 0 auto; padding: 90px 0 100px; text-align: center; }
@media (max-width: 1000px) {
#option .option_read{ width: 80%; max-width: 600px; }
}/*END*/
@media (max-width: 850px) {
#option .option_read{ width: 80%; margin: 0 auto; padding: 9vw 0 9vw; text-align: center; }
}/*END*/
@media (max-width: 640px) {
#option .option_read{ width: 80%; margin: 0 auto; padding: 12vw 0 10vw; text-align: center; }
}/*END*/
#option .option_read p{ font-size: 18px; line-height: 1.9; font-weight: 700; }
#option .option_read p span{ display: inline-block; }
@media (max-width: 840px) {
#option .option_read p{ font-size: 16px; }
}/*END*/
@media (max-width: 740px) {
#option .option_read p{ font-size: 16px; line-height: 1.7; }
#option .option_read p{ text-align: left;}
#option .option_read p span{ display: inline; }
#option .option_read p br{ display: none; }
}/*END*/
@media (max-width: 350px) {
#option .option_read p{ font-size: 4.5vw;}
}/*END*/
/*option_sl*/
.option_sl{ width: 100%; margin:0px auto; height:auto; position:relative;}
.option_sl li{ width: 100%; display: block; outline: none; text-align: center; }
.option_sl li .inner{ width: 100%; margin: 0 auto; text-align: center; }
.option_sl li:nth-child(even) .inner{ width: 100%; margin: 0 auto; display: inline-block; text-align: center; }
/*option_head*/
.option_head{ width: 80%; max-width:850px; margin: 0 auto 10px; display: flex; flex-direction: row; justify-content: space-between; }
@media (max-width: 600px) {
.option_head{ width: 90%; max-width:850px; margin: 0 auto 10px; display: flex; flex-direction: row; justify-content: space-between; }
}/*END*/
/*option_head_title*/
.option_head_title{ margin: 47px 0 0 0;}
@media (max-width: 1400px) {
.option_head_title{ margin: 3vw 0 0 0;}
}/*END*/
/*strap_img*/
.strap_img{ width: 47%; max-width: 380px; position: relative; text-align: center;}
.strap_img p{ margin-top: 8px; font-size: 16px; line-height: 1; display: inline-block; font-family: 'Roboto', sans-serif; font-weight: 400;}
.strap_img p::after{ content: ''; display: block; width: 100%; height: 1px; background: #000; }
@media (max-width: 800px) {
.strap_img p{ font-size: 15px; }
}/*END*/
@media (max-width: 500px) {
.strap_img p{ font-size: 14px; }
}/*END*/
/*h3*/
.option_sl h3{ text-align: left; font-family: 'Roboto', sans-serif; display: block; }
.option_sl li:nth-child(odd) h3 span{ background: #a48954; }
.option_sl li:nth-child(even) h3 span{ background: #737373; }/*偶数*/
.option_sl h3 br{ display: none;}
.option_sl h3 span{ margin-bottom: 8px; font-size: 24px; padding: 1px 2px 0px 3px; line-height: 1; font-weight: 700; color: #fff; display: inline-block; }
.option_sl h3 small{ font-size: 16px; line-height: 1.2; display: block; }
@media (max-width: 1000px) {
.option_sl h3 br{ display: block;}
.option_sl h3 span{ margin-bottom: .6vw; font-size: 2.5vw; padding: 1px 2px 0px 3px; line-height: 1; font-weight: 700; color: #fff; display: inline-block; }
.option_sl h3 small{ font-size: 1.8vw; line-height: 1.2; display: block; }
}/*END*/
@media (max-width: 640px) {
.option_sl h3 span{ margin-bottom: .6vw; font-size: 3.5vw; padding: 1px 2px 0px 3px; line-height: 1; font-weight: 700; color: #fff; display: inline-block; }
.option_sl h3 small{ font-size: 2.7vw; line-height: 1.2; display: block; }
}/*END*/
/*model_img*/
.model_img{ width: 100%; max-width: 928px; display: inline-block; vertical-align: bottom; }
/*img*/
.model_img img.os_img_x15{ display: block;}
.model_img img.os_img_x1{ display: none;}
.model_img img.os_img_sp{ display: none;}
@media screen and (max-width: 1400px) {
.model_img img.os_img_x15{ display: none;}
.model_img img.os_img_x1{ display: block; }
.model_img img.os_img_sp{ display: none; }
}/*END*/
@media screen and (max-width: 640px) {
.model_img img.os_img_x15{ display: none;}
.model_img img.os_img_x1{ display: none; }
.model_img img.os_img_sp{ display: block; }
}/*END*/

 /* Slider < > dots
 ----------------------------------------------------*/
 /* < > btn */
 .option_sl .slick-prev,
 .option_sl .slick-next { position: absolute; z-index: 999; top:50%; width: 30px; height: 30px; padding: 7px; margin-top: -15px; border: solid 1px rgba(0, 0, 0, 0.5); transition: 0.2s; outline: none; cursor: pointer; }
 .option_sl .slick-prev:hover,
 .option_sl .slick-next:hover {opacity: 0.4!important;}
 .option_sl .slick-prev { left: 20%; background: url("../image/sl_prev.png") no-repeat center center ; background-size: 43%;}
 .option_sl .slick-next { right: 20%; background: url("../image/sl_next.png") no-repeat center center; background-size: 43%;}
@media (max-width: 2000px) {
 .option_sl .slick-prev,
 .option_sl .slick-next { width: 30px; height: 30px; padding: 7px; margin-top: -15px; }
 .option_sl .slick-prev { left: 17%; }
 .option_sl .slick-next { right: 17%; }
}/*END*/
@media (max-width: 1900px) {
 .option_sl .slick-prev,
 .option_sl .slick-next { width: 30px; height: 30px; padding: 7px; margin-top: -15px; }
 .option_sl .slick-prev { left: 16%; }
 .option_sl .slick-next { right: 16%; }
}/*END*/
@media (max-width: 1600px) {
 .option_sl .slick-prev,
 .option_sl .slick-next { width: 30px; height: 30px; padding: 7px; margin-top: -15px; }
 .option_sl .slick-prev { left: 15%; }
 .option_sl .slick-next { right: 15%; }
}/*END*/
@media (max-width: 1600px) {
 .option_sl .slick-prev,
 .option_sl .slick-next { width: 30px; height: 30px; padding: 7px; margin-top: -15px; }
 .option_sl .slick-prev { left: 13%; }
 .option_sl .slick-next { right: 13%; }
}/*END*/
@media (max-width: 1500px) {
 .option_sl .slick-prev,
 .option_sl .slick-next { width: 30px; height: 30px; padding: 7px; margin-top: -15px; }
 .option_sl .slick-prev { left: 12%; }
 .option_sl .slick-next { right: 12%; }
}/*END*/
@media (max-width: 1300px) {
 .option_sl .slick-prev,
 .option_sl .slick-next { width: 24px; height: 24px; padding: 7px; margin-top: -12px; }
 .option_sl .slick-prev { left: 12%; }
 .option_sl .slick-next { right: 12%; }
}/*END*/
@media (max-width: 1100px) {
 .option_sl .slick-prev,
 .option_sl .slick-next { width: 20px; height: 20px; padding: 7px; margin-top: -10px; }
 .option_sl .slick-prev { left: 12%; }
 .option_sl .slick-next { right: 12%; }
}/*END*/
@media (max-width: 750px) {
 .option_sl .slick-prev,
 .option_sl .slick-next { width: 16px; height: 16px; padding: 7px; margin-top: -8px; }
 .option_sl .slick-prev { left: 10%; }
 .option_sl .slick-next { right: 10%; }
}/*END*/
@media (max-width: 650px) {
 .option_sl .slick-prev,
 .option_sl .slick-next { position: absolute; z-index: 999; top:initial; bottom: -45px; width: 30px; height: 30px; padding: 7px; margin-top: 0px; border: solid 1px rgba(0, 0, 0, 0.5); transition: 0.2s; outline: none; cursor: pointer; }
 .option_sl .slick-prev,
 .option_sl .slick-next { width: 16px; height: 16px; padding: 7px; margin-top: 8px; }
 .option_sl .slick-prev { left: 25%; }
 .option_sl .slick-next { right: 25%; }
 .option_sl .slick-prev,
 .option_sl .slick-next { display: none !important;}
}/*END*/

 /* < > btn 薄く */
.slick-disabled{ opacity: .2; pointer-events: none; border: solid 1px#444 !important; }
 /*dots*/
 .option_sl ul.slick-dots{position: absolute; bottom: -50px; left: 0%; z-index: 500; width:100%; margin:0 auto !important; padding: 0; line-height: none; text-align: center; display: flex !important; justify-content: center;z-index:1; }
 .option_sl ul.slick-dots li{ position: relative; width: 12%!important; height: 40px!important; margin: 0 4px; }
 .option_sl 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 */
 .option_sl ul.slick-dots li button:before{ position: absolute; top:50%; left: 0;content: ''; margin-top: -2px; opacity: 1; width: 100%; height: 4px; background: #dfddda; transition: 0.4s;}/* focus */
 .option_sl ul.slick-dots li button:hover:before{ background: #999; cursor: pointer;}/* ON */
 .option_sl ul.slick-dots li.slick-active button:before{ background: #000; cursor: pointer;}/* focus */
 @media (max-width: 1000px){
 .option_sl ul.slick-dots li{ position: relative; width: 12%!important; height: 40px!important; margin: 0 2px; }
 }/*END*/
 @media (max-width: 400px){
.option_sl ul.slick-dots li{ position: relative; width: 12%!important; height: 40px!important; margin: 0 2px; }
.option_sl ul.slick-dots li button:before{ height: 2px;}/* focus */
 }/*END*/
 @media (max-width: 400px){
.option_sl ul.slick-dots li{ position: relative; width: 12%!important; height: 40px!important; margin: 0 2px; }
.option_sl ul.slick-dots li button:before{ height: 2px;}/* focus */
 }/*END*/

/*-------------------------------------------------
	vj_sl
--------------------------------------------------*/
/*----- slide -----*/
.slide { position: relative;margin: 0; padding: 0; pointer-events: none;overflow: hidden; }
.slide li { position: relative; height: 37.5vw; max-height: 600px; overflow: hidden; }
.slide li img {position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; width: 100%; z-index: -1;}
.slide > .slick-list,
.slide > .slick-list > .slick-track,
.slide > .slick-list > .slick-track > .slick-slide > div { position: relative; height: 100%;}
.slide-animation{ animation: fadezoom 5s 0s forwards ease-out;}
@keyframes fadezoom { 0% { transform: scale(1.18);} 10% { transform: scale(1.1);} 100% { transform: scale(1);} }
/*IE11のみ*/
@media all and (-ms-high-contrast:none){
.slide-animation{ animation: fade_ie 5s 0s forwards ease-out;}
@keyframes fade_ie { 0% { opacity: 0;} 70% { opacity: 1;} 100% { opacity: 1;} }
}

#vj_sl img.visual_sl_x15{ display: block;}
#vj_sl img.visual_sl_x1{ display: none;}
#vj_sl img.visual_sl_sp{ display: none;}
@media screen and (max-width: 1300px) {
#vj_sl img.visual_sl_x15{ display: none;}
#vj_sl img.visual_sl_x1{ display: block;}
#vj_sl img.visual_sl_sp{ display: none;}
}/*END*/
@media screen and (max-width: 640px) {
#vj_sl img.visual_sl_x15{ display: none;}
#vj_sl img.visual_sl_x1{ display: none;}
#vj_sl img.visual_sl_sp{ display: block; width: 100% !important; }
}/*END*/

/*-------------------------------------------------
	spec
--------------------------------------------------*/
.spec_head{ padding: 72px 0; width: 100%; text-align: center; }
.spec_head h2 small{ font-size:24px; line-height: 1.5; display: block; }
.spec_head h2{ font-size:30px; line-height: 1.1; font-family: 'Roboto', sans-serif;  font-weight: 500; width: 85%; margin: 0 auto; }
.spec_head h2 span{ display: inline-block; }
 @media (max-width: 1200px){
.spec_head{ padding: 60px 0; }
 }/*END*/
 @media (max-width: 660px){
.spec_head{ padding: 12vw 0; }
.spec_head h2 small{ font-size:4vw; line-height: 1.5; display: block; }
.spec_head h2{ font-size:5.5vw; line-height: 1.1;  }
 }/*END*/

/*-------------------------------------------------
	spec_box
--------------------------------------------------*/
#spec ul{ display: flex;}
#spec ul li{ width: 50%; padding: 120px 0 30px; text-align: center;display: flex; align-items: center; justify-content: center; overflow: hidden; }
#spec ul li:nth-child(odd){ background: #ffffff; }
#spec ul li:nth-child(even){ background: #f5f3ef; }
.collections_inner{ display: flex; justify-content: center; width: 530px; }
 @media (max-width: 1400px){
.collections_inner{ display: flex; justify-content: center; width: 480px; }
 }/*END*/
 @media (max-width: 1200px){
#spec ul li{ width: 50%; padding: 90px 0 90px; text-align: center;display: flex; align-items: center; justify-content: center; }
.collections_inner{ display: block; width: 90%; margin: 0 auto; }
 }/*END*/
@media (max-width: 1000px){
#spec ul li{ width: 100%; padding: 10vw 0 10vw; }
}/*END*/
@media (max-width: 600px){
#spec ul{ display: block;}
#spec ul li{ width: 100%; padding: 14vw 0 14vw; }
}/*END*/
/*img_box*/
.collections_inner .img_box{ width: 50%; ; text-align: center; }
.collections_inner .img_box img{ position: relative; left: 0px;}
/*txt_box*/
.collections_inner .txt_box{ margin-top: 80px; width: 50%; text-align: center; position: relative; z-index: 3; }
 @media (max-width: 1400px){
.collections_inner .txt_box{ margin-top: 70px; }
}/*END*/
 @media (max-width: 1200px){
.collections_inner .img_box{ width: 100%; ; text-align: center; }
.collections_inner .img_box img{ position: relative; left: 0px;}
/*txt_box*/
.collections_inner .txt_box{ margin-top: -60px; width: 100%; text-align: center; } 
}/*END*/
 @media (max-width: 840px){
.collections_inner .txt_box{ margin-top: -7vw; width: 100%; text-align: center; } 
 }/*END*/
 @media (max-width: 600px){
.collections_inner .txt_box{ margin-top: -60px; width: 100%; text-align: center; } 
 }/*END*/

/*---------img---------*/
.collections_img { width: 100%; max-width: 260px; margin: 0 auto; position: relative; z-index: 0; }
 @media (max-width: 1400px){
.collections_img { width: 95%; }
 }/*END*/
 @media (max-width: 1200px){
.collections_img { width: 65%; }
 }/*END*/
 @media (max-width: 400px){
.collections_img { width: 70%; }
 }/*END*/

/*---------txt---------*/
.collections_name { margin-top: 20px; font-size: 16px; line-height: 1.3; }
/*collections_no*/
.collections_no { margin-top: 20px; font-size: 21px; line-height: 1; letter-spacing: 1px; font-weight: 500; font-family: 'Montserrat', sans-serif; }
/*collections_movement*/
.collections_movement { margin-top: 3px; font-size: 14px; line-height: 1.6; letter-spacing: 0px;font-weight: 400; }
/*collections_price*/
.collections_price { margin-top: 15px; font-size: 18px; line-height: 1.1; letter-spacing: 0px; }
.collections_price span { font-size: 12px; letter-spacing: 0.5px; margin-left: 3px;}
/*collections_limited*/
.collections_limited { margin-top: 15px; font-size: 14px; line-height: 1.6; letter-spacing: 1px; font-weight: 400; position: relative; display: inline-block;}
.collections_limited::after { position: absolute; display: block; content: ''; width: 100%; height: 2px; background: #111; }
/*collections_release*/
.collections_release{ margin-top: 17px; font-size: 14px; line-height: 1.4; letter-spacing: 0.5px; font-weight: 400;}
/*collections_txt*/
.collections_txt{ margin-top: 25px; font-size: 14px; line-height: 1.6; letter-spacing: 0.5px; font-weight: 400;}
/*collections_btn*/
.collections_btn { max-width: 160px; margin: 26px auto 0; }
.collections_btn a { margin-top: 10px; font-size: 14px; line-height: 1; font-weight: 500; padding: 14px 0 16px; letter-spacing: .5px; display: block; transition: 0.3s; text-decoration: none; opacity: 1; background: #000; color: #fff; border-radius: 0px; }
.collections_btn a:hover { opacity: 0.6; cursor: pointer;}
@media screen and (max-width: 1200px) {
.collections_btn { max-width: 150px; margin: 22px auto 0; }
.collections_btn a { margin-top: 10px; font-size: 14px; line-height: 1; font-weight: 500; padding: 14px 0 16px; letter-spacing: .5px; }
}/*END*/
@media screen and (max-width: 400px) {
.collections_btn { max-width: 140px; margin: 22px auto 0; }
.collections_btn a { margin-top: 10px; font-size: 13px; line-height: 1; font-weight: 500; padding: 14px 0 14px; letter-spacing: 0px;}
}/*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: 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; }
@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*/