@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; }
/*-------------------------------------------------
	base
--------------------------------------------------*/
html { font-size: 62.5%; -webkit-text-size-adjust: 100%; position: relative; }
body {position: relative; background: #fff; color: #000; font-family: 'Montserrat', sans-serif; font-weight: 400; line-height: 1.5; font-size: 1.5rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
a:link { color: #fff; transition: 0.3s;}
a:visited { color: #fff; transition: 0.3s;}
a:hover,a:active { color: #fff; }
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*/
.clear::after { content:" "; display:block; clear:both;}
/*anime set
------------------------*/
#main .main_img,
#main .sld,
#main h1,
#concept h2,
#concept p,
.visual_img,
.visual_title,
#design .txt_box,
#de01 .img_box,
#de02 .img_box,
#de03 .img_box,
.asanoha,
.col_box ul li .chip,
.col_box ul li .shadow,
#gmt .gmt_title,
#gmt .gmt_img,
.read h4,
.read p,
.banner_box_bg,
#banner_box li .banner,
.hihada_banner,
#lmited .txt_box,
#lmited .img_box,
#date .date_title,
#date .date_img,
.sl,
.sl2,
.collections .inner .inner_L,
.collections .inner .inner_R { visibility: hidden;}

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

/*-------------------------------------------------
	contents
--------------------------------------------------*/
.wrapper{ position: relative;  overflow: hidden;}
/*-------------------------------------------------
	main
--------------------------------------------------*/
img.main_sp{display:none;}
img.main_sp_x15{display:none;}
img.main_pc{display:inline-block;}
@media screen and (orientation: portrait) {
img.main_sp{display:none;}
img.main_sp_x15{display:inline-block;}
img.main_pc{display:none;}
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {
img.main_sp{display:inline-block;}
img.main_sp_x15{display:none;}
img.main_pc{display:none;}
}/*END*/
#main { width: 100%; height: 100%; max-height: 50vw; position: relative; z-index: 70; overflow: hidden; outline:none; display: flex; align-items: center; justify-content: center; color: #000; background: #fff;}
#main .main_inner{ width: 90%;  height: 100%; position: relative;}
#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;}
#main .main_title{ width: 40%; position: absolute; left: 0; top:0; height: 100%; display: flex; align-items: center; justify-content: center;}
#main .main_title div{ font-family: 'Cormorant', serif;  font-weight: 600; }
#main .main_title div .sld{ font-size: 31px; line-height: 1;   }
#main .main_title div h1{ font-size: 61px; line-height: 1.2;}
@media (max-width: 1600px) {
#main .main_title div .sld{ font-size: 1.93vw; line-height: 1; }
#main .main_title div h1{ font-size: 3.8vw; line-height: 1.2;}
}/*END*/

/*  縦
-----------------------*/
@media screen and (orientation: portrait) {
#main { width: 100%; height: 100%; max-height: 160vw;}
#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 .main_title{ width: 100%; position: absolute; left: 0; top:0; height: 93.5%; display: flex; align-items:flex-end; justify-content: center; text-align: center; }
#main .main_title div .sld{ font-size: 32px; line-height: 1;   }
#main .main_title div h1{ font-size: 61px; line-height: 1.2;}
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {
#main .main_title div .sld{ font-size: 5vw; line-height: 1; }
#main .main_title div h1{ font-size: 9.4vw; line-height: 1.2;}
}/*END*/

/*-------------------------------------------------
	concept
--------------------------------------------------*/
#concept { position: relative; overflow: hidden; background: #fff; }
#concept .inner { padding: 0 0 105px; width: 80%; max-width: 1100px; margin: 0 auto; text-align: center; position: relative; z-index: 2;  }
#concept .inner h2{ padding: 88px 0 60px; color: #363a58; font-size: 20px; letter-spacing: 10px; line-height: 1; font-family: "Times New Roman", Times, "serif"; text-align: center; position: relative; z-index: 2;}
@media (max-width: 1000px) {
#concept .inner h2{ padding: 75px 0 60px; }
}/*END*/
@media (max-width: 640px) {
#concept .inner h2{ padding: 65px 0 53px; font-size: 18px; letter-spacing: 9px;}
}/*END*/
@media (max-width: 540px) {
#concept .inner h2{ padding: 55px 0 43px; font-size: 18px; letter-spacing: 9px;}
}/*END*/
#concept .inner p{ font-size: 16px; line-height: 2.45; letter-spacing: 1px; color: #000; }
#concept .inner p span{ display: inline-block;}
@media (max-width: 1400px) {
#concept .inner p{ font-size: 15px; line-height: 2.4; letter-spacing: .5px; }
}/*END*/
@media (max-width: 1000px) {
#concept .inner { padding: 0 0 105px; }
}/*END*/
@media (max-width: 860px) {
#concept .inner {  width: 80%; text-align: left;}
}/*END*/
@media (max-width: 640px) {
#concept .inner { padding: 0 0 65px; }
#concept .inner p{ font-size: 15px; line-height: 2.1; letter-spacing: 0px; text-align: left; }
}/*END*/
@media (max-width: 400px) {
#concept .inner p{ font-size: 14px; line-height: 2.1; }
}/*END*/
.concept_br{display:inline}
@media (max-width:860px){
.concept_br{display:none}
}/*END*/

/*-------------------------------------------------
	visual
--------------------------------------------------*/
#visual { width: 100%; height: 650px; position: relative; overflow: hidden; outline:none; color: #fff; background: #fff;}
#visual .visual_title{ position: absolute; left: 50%; top: 0; width: 200%; margin-left: -100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 2; text-align: center; }
#visual .visual_title h2{ font-family: 'Cormorant', serif;  font-weight: 600; }
#visual .visual_title h2 small{ font-size: 21px; line-height: 1.2; display: block; }
#visual .visual_title h2 span{  font-size: 42px; line-height: 1.2; display: block; }
@media (max-width: 1600px) {
#visual .visual_title h2 small{ font-size: 1.3vw; }
#visual .visual_title h2 span{  font-size: 2.6vw; }
}/*END*/
@media (max-width: 750px) {
	/*
#visual .visual_title h2{ display: none;}*/
#visual .visual_title h2 small{ font-size: 3vw; }
#visual .visual_title h2 span{  font-size: 5.5vw; }
}/*END*/
#visual .visual_img{ position: absolute; left: 50%; top: 0; width: 200%; margin-left: -100%; height: 100%; text-align: center; z-index: 1; background: #000; }
#visual .visual_img img{ }
@media (max-width: 1600px) {
#visual { width: 100%; height:auto;}
#visual .visual_img{ position: relative; left: 0%; top: 0; width: 100%; margin-left: 0; height: auto; text-align: center; }
}/*END*/
.visual_l{ display: inline-block;}
.visual_m{ display: none;}
.visual_s{ display: none;}
@media (max-width: 1600px) {
.visual_l{ display: none;}
.visual_m{ display: inline-block;}
.visual_s{ display: none;}
}/*END*/
@media (max-width: 750px) {
.visual_l{ display: none;}
.visual_m{ display: none;}
.visual_s{ display: inline-block;}
}/*END*/

/*-------------------------------------------------
	design
--------------------------------------------------*/
p{ font-size: 16px; line-height: 2.2; letter-spacing: 1px; }
@media (max-width: 1400px) {
p{ font-size: 15px; line-height: 2.1; letter-spacing: 1px; }
}/*END*/
@media (max-width: 1200px) {
p{ font-size: 14px; line-height: 2; letter-spacing: 0.8px;}
}/*END*/
@media (max-width: 640px) {
p{ font-size: 14px; line-height: 1.8; }
}/*END*/
@media (max-width: 400px) {
p{ font-size: 14px; line-height: 1.8; }
}/*END*/

.l{display: inline-block;}
.m{display: none;}
.s{display: none;}
@media (max-width: 1000px) {
.l{display: none;}
.m{display: inline-block;}
.s{display: none;}
}/*END*/
@media (max-width: 640px) {
.l{display: none;}
.m{display: none;}
.s{display: inline-block;}
}/*END*/

#design{ position: relative; overflow: hidden; background: #1b2438; }
#design h3{ margin-bottom: 14px; font-size: 45px; font-family: 'Cormorant', serif;  font-weight: 500; }
@media (max-width: 640px) {
#design h3{ margin-bottom: 14px; font-size: 38px; font-family: 'Cormorant', serif;  font-weight: 500; }
}/*END*/
@media (max-width: 400px) {
#design h3{ margin-bottom: 14px; font-size: 33px; font-family: 'Cormorant', serif;  font-weight: 500; }
}/*END*/
/*---------------------
	de01
-----------------------*/
#de01 .inner{ width: 1200px; height: 770px; margin: 0 auto; color: #fff; position: relative; display: flex; align-items: center;}
#de01 .txt_box{ width: 440px; margin-top: -60px; position: relative; z-index: 2; }
#de01 .img_box{ width: 1194px; margin-left: -597px; position: absolute; left: 86%; bottom:-105px; z-index: 1; }
@media (max-width: 1800px) {
#de01 .inner{  width: 1100px; height: 770px; }
}/*END*/
@media (max-width: 1550px) {
#de01 .inner{ width: 80%; height: 50vw; margin: 0 auto; color: #fff; position: relative; display: flex; align-items: center;}
#de01 .img_box{ width: 78vw; margin-left: -45vw; position: absolute; left: 86%; bottom:-105px; z-index: 1; }
}/*END*/
@media (max-width: 1400px) {
#de01 .txt_box{ width: 400px; margin-top: -60px; position: relative; z-index: 2; }
}/*END*/
@media (max-width: 1250px) {
#de01 .inner{ width: 80%; height: 50vw; margin: 0 auto; color: #fff; position: relative; display: flex; align-items: center;}
#de01 .img_box{ width: 78vw; margin-left: -45vw; position: absolute; left: 90%; bottom:-105px; z-index: 1; }
}/*END*/
@media (max-width: 1000px) {
#de01 .inner{ width: 100%; height: auto; margin: 0 auto; color: #fff; position: relative; display: block; align-items: center;}
#de01 .txt_box{ max-width: 600px; width: 65%; margin: 12vw auto 1vw; position: relative; z-index: 2;  }
#de01 .txt_box br{ display: none; }
#de01 .img_box{ width: 100%; margin-left: 0; position: relative; left: 0%; bottom:-50px; z-index: 1; }
}/*END*/
@media (max-width: 640px) {
#de01 .txt_box{ max-width: 600px; width: 75%; margin: 13vw auto 1vw; position: relative; z-index: 2;  }
}/*END*/
@media (max-width: 400px) {
#de01 .txt_box{ max-width: 600px; width: 80%; margin: 13vw auto 1vw; position: relative; z-index: 2;  }
}/*END*/
/*---------------------
	de02
-----------------------*/
#de02{ position: relative; z-index: 10; }
#de02 .de02_bg{ width: 200%; margin-left: -100%; height: 2000px; transform: rotate(5deg); position: absolute; left: 50%; top: 0; background: #fff;  }
#de02 .inner{ width: 1220px; height: 770px; margin: 0 auto; color: #000; position: relative; display: flex; align-items: center; justify-content:flex-end;}
#de02 .txt_box{ width: 540px; position: relative; z-index: 2; }
#de02 .img_box{ width: 660px; margin-left: -330px; position: absolute; left: 20%; bottom:-80px; z-index: 1; }
@media (max-width: 1800px) {
#de02 .inner{  width: 1180px; height: 770px; }
}/*END*/
@media (max-width: 1500px) {
#de02 .inner{ width: 100%; height: auto;  display: block; }
#de02 .txt_box{ max-width: 900px; width: 65%; padding-top: 10vw; margin: 0vw auto 0vw; position: relative; z-index: 2;  }
#de02 .img_box{ width: 100%;  margin:-30px auto 0; position: relative; left: 0%; bottom:-90px; z-index: 1; text-align: center; }
#de02 .img_box img{ width: 50%; max-width: 700px; }
}/*END*/
@media (max-width: 1400px) {
#de02 .inner{ width: 100%; height: auto;  display: block; }
#de02 .img_box{ width: 100%;  margin:-30px auto 0; position: relative; left: 0%; bottom:-7vw; z-index: 1; text-align: center; }
}/*END*/
@media (max-width: 1000px) {
#de02 .inner{ width: 100%; height: auto;  display: block; }
#de02 .txt_box{ max-width: 900px; width: 65%; padding-top: 10vw; margin: 0vw auto 0vw; position: relative; z-index: 2;  }
#de02 .img_box{ width: 100%;  margin:0px auto 0; position: relative; left: 0%; bottom:-50px; z-index: 1; text-align: center; }
#de02 .img_box img{ width: 50%; max-width: 700px; }
}/*END*/
@media (max-width: 640px) {
#de02 .inner{ width: 100%; height: auto;  display: block; }
#de02 .txt_box{ max-width: 600px; width: 75%; padding-top: 14vw; margin: 0vw auto 0vw; position: relative; z-index: 2;  }
#de02 .img_box{ width: 100%;  margin:0px auto 0; position: relative; left: 0%; bottom:-10vw; z-index: 1; text-align: center; }
#de02 .img_box img{ width: 90%; max-width: 500px; }
}/*END*/
@media (max-width: 400px) {
#de02 .txt_box{ max-width: 600px; width: 80%; padding-top: 14vw; margin: 0vw auto 0vw; position: relative; z-index: 2;  }
}/*END*/

#de02 .l{display: inline-block;}
#de02 .m{display: none;}
#de02 .s{display: none;}
@media (max-width: 1000px) {
#de02 .l{display: inline-block;}
#de02 .m{display: none;}
#de02 .s{display: none;}
}/*END*/
@media (max-width: 640px) {
#de02 .l{display: none;}
#de02 .m{display: none;}
#de02 .s{display: inline-block;}
}/*END*/



/*asanoha*/
.asanoha{ width: 25.5vw; position: absolute; right: -4.2vw; top: -9.5vw; z-index: 4; opacity: 0.4;}
@media (max-width: 1550px) {
.asanoha{ width: 25.5vw; position: absolute; right: -4.2vw; top: -13vw; }
}/*END*/
@media (max-width: 1000px) {
.asanoha{ width: 35vw; position: absolute; right: -4.2vw; top: -19vw;}
}/*END*/
@media (max-width: 800px) {
.asanoha{ width: 35vw; position: absolute; right: -4.2vw; top: -15vw;}
}/*END*/

/*---------------------
	de03
-----------------------*/
#de03{ position: relative; z-index: 20; }
#de03 .de03_bg{ width: 200%; margin-left: -100%; height: 1500px; transform: rotate(-5deg); position: absolute; left: 50%; top: 0; background: #efeff1;  }
#de03 .inner{ width: 90%; height: auto; padding: 120px 0 0 0; margin: 0 auto; color: #000; position: relative;}
#de03 .txt_box{ width: 80%; max-width: 980px; margin: 0 auto; position: relative; z-index: 2; text-align: center; }
@media (max-width: 1000px) {
#de03 .inner{ width: 90%; height: auto; padding: 10vw 0 0 0; margin: 0 auto; color: #000; position: relative;}
#de03 h3{ text-align: center;}
#de03 .txt_box { max-width: 600px; width: 80%; padding-top: 0vw;  margin: 0 auto; position: relative; z-index: 2; text-align: left; }
#de03 .txt_box br{ display: none; }
}/*END*/
@media (max-width: 640px) {
#de03 .inner{ width: 90%; height: auto; padding: 15vw 0 0 0; margin: 0 auto; color: #000; position: relative;}
}/*END*/
/*col_box*/
#de03 .col_box{ width: 95%; max-width: 1040px; margin: 65px auto 120px; position: relative; z-index: 2;}
#de03 .col_box ul{ display: flex; justify-content: space-between; }
#de03 .col_box ul li{ width: 152px; }
#de03 .col_box ul li .shadow{ margin-top: 15px; }
@media (max-width: 1215px) {
#de03 .col_box ul li{ width: 14.5%; }
}/*END*/
@media (max-width: 800px) {
#de03 .col_box{ width: 95%; max-width: 1040px; margin: 50px auto 60px; position: relative; z-index: 2;}

#de03 .col_box ul li{ width: 16%; }
}/*END*/
@media (max-width: 600px) {
#de03 .col_box ul li{ width: 17%; }
}/*END*/
@media (max-width: 500px) {
#de03 .col_box{ width: 100%; max-width: 1040px; margin: 65px auto 60px; position: relative; z-index: 2;}
#de03 .col_box ul{ display: block; justify-content: space-between; text-align: center;}
#de03 .col_box ul li{ width: 26%; margin: 0 3% -2vw; display: inline-block; }
#de03 .col_box ul li:nth-child(1) .shadow,
#de03 .col_box ul li:nth-child(2) .shadow,
#de03 .col_box ul li:nth-child(3) .shadow { display: none; }
}/*END*/
@media (max-width: 400px) {
#de03 .inner{ width: 100%; height: auto; padding: 15vw 0 0 0; margin: 0 auto; color: #000; position: relative;}
#de03 .col_box{ width: 90%; max-width: 1040px; margin: 7vw auto 7vw; position: relative; z-index: 2;}
}/*END*/

/*-------------------------------------------------
	gmt
--------------------------------------------------*/
#gmt{ position: relative; z-index: 30; }
/*gmt_main*/
#gmt_main { width: 100%;  margin: 0 auto; height: 750px; position: relative; outline:none; color: #fff; background: #000; overflow: hidden;}
#gmt_main .gmt_title{ position: absolute; left: 31%; top: 0; width: 100%; margin-left: -50%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 2; text-align: center; }
/*h2*/
#gmt_main .gmt_title h2{ font-family: 'Cormorant', serif;  font-weight: 600; }
#gmt_main .gmt_title h2 small{ font-size: 27px; line-height: 1.2; display: block; }
#gmt_main .gmt_title h2 span.title1{ font-size: 46px; line-height: 1.2; display: block; }
#gmt_main .gmt_title h2 span.title2{ font-size: 65px; line-height: 1.2; display: block; color: #cc0000; }
@media (max-width: 1600px) {
#gmt_main .gmt_title h2 small{ font-size: 1.7vw; }
#gmt_main .gmt_title h2 span.title1{ font-size: 2.88vw; }
#gmt_main .gmt_title h2 span.title2{ font-size: 4.1vw; }
}/*END*/
@media (max-width: 1000px) {
#gmt_main .gmt_title{ position: absolute; left: 0%; top: 75%; width: 100%; margin-left: 0%; height: 90%; display: block;  }
#gmt_main .gmt_title h2 small{ font-size: 3.2vw; }
#gmt_main .gmt_title h2 span.title1{ font-size: 6vw; }
#gmt_main .gmt_title h2 span.title2{ font-size: 8vw; }
}/*END*/
@media (max-width: 640px) {
#gmt_main .gmt_title{ position: absolute; left: 0%; top: 75%; width: 100%; margin-left: 0%; height: 90%; display: block;  }
#gmt_main .gmt_title h2 small{ font-size: 5vw; }
#gmt_main .gmt_title h2 span.title1{ font-size: 8vw; }
#gmt_main .gmt_title h2 span.title2{ font-size: 10vw; }
}/*END*/
/*gmt_img*/
#gmt_main .gmt_img{ position: absolute; left: 50%; top: 0; width: 1000%; margin-left: -500%; height: 100%; text-align: center; z-index: 1; }
#gmt_main .gmt_img img{ height: 100%; }
@media (max-width: 1600px) {
#gmt_main { width: 100%; height:46.8vw;}
}/*END*/
@media (max-width: 1000px) {
#gmt_main { width: 100%; height:auto;}
#gmt_main .gmt_img{ position: relative; left: 0%; top: 0; width: 100%; margin-left: 0; height: auto; text-align: center; }
#gmt_main .gmt_img img{ height: auto; }
}/*END*/
@media (max-width: 640px) {
#gmt_main { width: 100%; height:auto;}
#gmt_main .gmt_img{ position: relative; left: 0%; top: 0; width: 100%; margin-left: 0; height: auto; text-align: center; }
}/*END*/
.gmt_l{ display: inline-block;}
.gmt_m{ display: none;}
.gmt_s{ display: none;}
@media (max-width: 1600px) {
.gmt_l{ display: none;}
.gmt_m{ display: inline-block;}
.gmt_s{ display: none;}
}/*END*/
@media (max-width: 750px) {
.gmt_l{ display: none;}
.gmt_m{ display: none;}
.gmt_s{ display: inline-block;}
}/*END*/

/*---------------------
	txt_box
-----------------------*/
#gmt .read{ padding: 120px 0; width: 80%; max-width: 970px; margin: 0 auto; }
#gmt h4{ font-size:24px; line-height: 1.7; letter-spacing: 1.2px; }
#gmt h4 span{ display: inline-block;}
#gmt .read p{ margin-top: 28px; }
@media (max-width: 960px) {
#gmt .read{ padding: 10vw 0; width: 80%; max-width: 970px; margin: 0 auto; }
}/*END*/
@media (max-width: 900px) {
#gmt .read br{ display: none; }
}/*END*/
@media (max-width: 760px) {
#gmt h4 br{ display: none; }
}/*END*/
@media (max-width: 760px) {
#gmt .read{ padding: 14vw 0; width: 80%; max-width: 970px; margin: 0 auto; }
#gmt h4{  font-size:20px;  letter-spacing: 1px; }
}/*END*/
@media (max-width: 500px) {
#gmt h4{  font-size:20px;  line-height: 1.5; letter-spacing: 0.8px; }
}/*END*/
@media (max-width: 400px) {
#gmt h4{  font-size:19px;  line-height: 1.4; letter-spacing: 0px; }
}/*END*/

/*---------------------
	banner_box
-----------------------*/
#banner_box{ width: 100%; position: relative; }
#banner_box .banner_box_bg{width: 94%; height: 100%; position: absolute; left: 0; top: 0; background: url("../image/banner_bg.gif") right top; z-index: 0;}
#banner_box ul{ max-width: 1200px; width: 80%; margin: 0 auto; padding: 118px 0; position: relative; z-index: 1; display: flex; }
#banner_box ul li{  margin: 0 2.5%;}
@media (max-width: 1400px) {
#banner_box ul{ max-width: 1200px; width: 85%; margin: 0 0 0 5%; padding: 8vw 0; }
#banner_box ul li{  margin: 0 2%;}
}/*END*/
@media (max-width: 960px) {
#banner_box .banner_box_bg{width: 96%; }
#banner_box ul{ max-width: 1200px; width: 85%; margin: 0 auto; padding: 5vw 0; position: relative; z-index: 1; display: block; text-align: center;}
#banner_box ul li{  margin: 7% 2.5%;}
}/*END*/
.banner{ display: inline-block; max-width:540px; cursor: pointer; overflow: hidden; background: #000; }
.banner img{ max-width:100%; transition: .5s; }
.banner:hover img{ transform: scale(1.05); opacity: 0.7; }

/*---------------------
	lmited
-----------------------*/
#lmited{ padding: 105px 0 100px; }
#lmited .inner{ width: 90%; max-width: 940px; margin: 0 auto; display: flex; align-items: center; }
#lmited .inner .txt_box{ width: 50%; height: 100%;position: relative; z-index: 2; }
#lmited .inner .txt_box div{ width: 100%;}
#lmited .inner .txt_box div h4{ margin: 0px; line-height: 1.3; }
#lmited .inner .txt_box div p.no{ font-size: 23px; line-height: 1.5; margin: 5px 0 0 0; font-family: "Times New Roman", Times, "serif";}
#lmited .inner .txt_box div p.txt{ margin-top: 20px;  width: 380px;}
#lmited .inner .img_box{ width: 50%; position: relative; z-index: 1;}
@media (max-width: 1400px) {
#lmited .inner .txt_box div p.txt{ margin-top: 20px;  width: 360px;}
}/*END*/
@media (max-width: 1200px) {
#lmited .inner{ width: 90%; max-width: 900px; }
}/*END*/
@media (max-width: 1100px) {
#lmited .inner{ width: 90%; max-width: 840px; }
}/*END*/
@media screen and (min-width: 961px) and (max-width: 1050px) {
#lmited .inner{ width: 90%; max-width: 800px; }
#lmited .inner .txt_box div h4{ margin: 0px; line-height: 1.3;letter-spacing: 0; }
}/*END*/

@media (max-width: 960px) {
#lmited{ padding: 11vw 0; }
#lmited .inner{ width: 80%; max-width: 530px; margin: 0 auto; display: block; text-align: center;}
#lmited .inner .txt_box{ width: 100%; height: auto; }
#lmited .inner .txt_box div{ width: 100%;}
#lmited .inner .txt_box div h4{ margin: 0px; line-height: 1.3; }
#lmited .inner .txt_box div p.no{ font-size: 23px; line-height: 1.5; margin: 5px 0 0 0; }
#lmited .inner .txt_box div p.txt{ margin-top: 20px;  width: 100%;}
#lmited .inner .img_box{ width: 90%; max-width: 500px; margin: 5vw auto 0; position: relative; z-index: 1;}
}/*END*/
@media (max-width: 640px) {
#lmited .inner .txt_box div p.no{ font-size: 19px; line-height: 1.5; margin: 15px 0 0 0; }
#lmited .inner .txt_box div p.txt{ margin-top: 20px;  width: 100%; text-align: left;}
	
}/*END*/

.hihada_banner{ margin: 80px auto 0; display: block; position: relative; z-index: 1; }
@media (max-width: 640px) {
.hihada_banner{ margin: 7vw auto 0; width:87%; }
}/*END*/

/*---------------------
	slider
-----------------------*/
.sl::after,
.sl2::after { content:" "; display:block; clear:both;}
.sl .inner{ width: 93.5%; float: right; background: #000; }
.sl2 .inner{ width: 93.5%; float: left; background: #000;}
.sl .inner ul li,
.sl2 .inner ul li{ float: left; }
.sl .inner ul,
.sl .inner ul li img,
.sl2 .inner ul,
.sl2 .inner ul li img{ height: 46vw; max-height:750px; }
@media (max-width: 640px) {
.sl .inner ul,
.sl2 .inner ul,
.sl .inner ul li img,
.sl2 .inner ul li img{ height: 80vw; max-height:750px; }
}/*END*/

.sl_s{display:none;}
.sl_l{display:inline;}
@media (max-width:1200px){
.sl_s{display:block;}
.sl_l{display:none;}
}/*END*/

/*-------------------------------------------------
	date
--------------------------------------------------*/
#date{ position: relative; z-index: 30; }
/*date_main*/
#date_main { width: 100%; margin: 0 auto; height: 750px; position: relative; outline:none; color: #fff; background: #000; overflow: hidden; }
#date_main .date_title{ position: absolute; left: 66%; top: 0; width: 100%; margin-left: -50%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 2; text-align: center; }
/*h2*/
#date_main .date_title h2{ font-family: 'Cormorant', serif;  font-weight: 600; }
#date_main .date_title h2 small{ font-size: 25px; line-height: 1.2; display: block; }
#date_main .date_title h2 span.title1{ font-size: 44px; line-height: 1.2; display: block; }
#date_main .date_title h2 span.title2{ font-size: 63px; line-height: 1.2; display: block; color: #889fc9; }
@media (max-width: 1600px) {
#date_main .date_title h2 small{ font-size: 1.65vw; }
#date_main .date_title h2 span.title1{ font-size: 2.86vw; }
#date_main .date_title h2 span.title2{ font-size: 3.9vw; }
}/*END*/
@media (max-width: 1000px) {
#date_main .date_title{ position: absolute; left: 0%; top: 75.5%; width: 100%; margin-left: 0%; height: 90%; display: block;  }
#date_main .date_title h2 small{ font-size: 3.2vw; }
#date_main .date_title h2 span.title1{ font-size: 5.8vw; }
#date_main .date_title h2 span.title2{ font-size: 7.8vw; }
}/*END*/
@media (max-width: 640px) {
#date_main .date_title{ position: absolute; left: 0%; top: 75.5%; width: 100%; margin-left: 0%; height: 90%; display: block;  }
#date_main .date_title h2 small{ font-size: 3.8vw; }
#date_main .date_title h2 span.title1{ font-size: 6.8vw; }
#date_main .date_title h2 span.title2{ font-size: 9.3vw; }
}/*END*/
/*date_img*/
#date_main .date_img{ position: absolute; left: 50%; top: 0; width: 1000%; margin-left: -500%; height: 100%; text-align: center; z-index: 1; }
#date_main .date_img img{ height: 100%; }
@media (max-width: 1600px) {
#date_main { width: 100%; height:46.8vw;}
}/*END*/
@media (max-width: 1000px) {
#date_main { width: 100%; height:auto;}
#date_main .date_img{ position: relative; left: 0%; top: 0; width: 100%; margin-left: 0; height: auto; text-align: center; }
#date_main .date_img img{ height: auto; }
}/*END*/
.date_l{ display: inline-block;}
.date_m{ display: none;}
.date_s{ display: none;}
@media (max-width: 1600px) {
.date_l{ display: none;}
.date_m{ display: inline-block;}
.date_s{ display: none;}
}/*END*/
@media (max-width: 750px) {
.date_l{ display: none;}
.date_m{ display: none;}
.date_s{ display: inline-block;}
}/*END*/

/*---------------------
	txt_box
-----------------------*/
#date .read{ padding: 120px 0; width: 80%; max-width: 840px; margin: 0 auto; }
#date h4{ font-size:24px; line-height: 1.7; letter-spacing: 1.2px; }
#date h4 span{ display: inline-block;}
#date .read p{ margin-top: 28px; }
@media (max-width: 960px) {
#date .read{ padding: 10vw 0; width: 80%; max-width: 970px; margin: 0 auto; }
}/*END*/
@media (max-width: 760px) {
#date h4 br{ display: none; }
}/*END*/
@media (max-width: 760px) {
#date .read{ padding: 14vw 0; width: 80%; max-width: 970px; margin: 0 auto; }
#date h4{  font-size:20px;  letter-spacing: 1px; }
}/*END*/
@media (max-width: 500px) {
#date h4{  font-size:20px;  line-height: 1.5; letter-spacing: 0.8px; }
}/*END*/
@media (max-width: 400px) {
#date h4{  font-size:19px;  line-height: 1.4;  letter-spacing: 0px; }
}/*END*/

/*-------------------------------------------------
	collections
--------------------------------------------------*/
.collections_01 { background: #fff; color: #000; width: 90%; max-width: 1300px; margin: 0 auto 0vw; padding: 180px 0; position: relative; text-align: center; z-index: 10; }
.collections_01 ul{ display: flex; justify-content: space-between; }
.collections_01 ul li{position: relative; }
.collections_02 { background: #fff; color: #000; width: 90%; max-width: 1300px; margin: 0 auto 0vw; padding: 180px 0 200px; position: relative; text-align: center; z-index: 10; }
.collections_02 ul{ display: flex; justify-content: space-between; }
.collections_02 ul li{position: relative; }
.collections_02_br02{ display: none;}
.collections_img { width: 72.5%; max-width: 290px; margin: 0 auto; }
@media screen and (max-width: 1600px) {
.collections_01 { background: #fff; color: #000; width: 90%; max-width: 1300px; margin: 0 auto 0vw; padding: 150px 0; position: relative; text-align: center; z-index: 10; }
.collections_02 { background: #fff; color: #000; width: 90%; max-width: 1300px; margin: 0 auto 0vw; padding: 150px 0 170px; position: relative; text-align: center; z-index: 10; }
}/*END*/
@media screen and (max-width: 1200px) {
.collections_01 { background: #fff; color: #000; width: 100%; max-width: 1300px; margin: 0 auto 0vw; padding: 120px 0; position: relative; text-align: center; z-index: 10; }
.collections_01 ul{ display: inline-block; width: 100%;  }
.collections_01 ul li{display: inline-block; width: 23%; margin-bottom: 20px; }
.collections_01 .collections_img { width: 72.5%; max-width: 200px; margin: 0 auto; }
}/*END*/
@media screen and (max-width: 900px) {
.collections_01 { background: #fff; color: #000; width: 100%; max-width: 1300px; margin: 0 auto 0vw; padding: 120px 0; position: relative; text-align: center; z-index: 10; }
.collections_01 ul{ display: inline-block; width: 100%;  }
.collections_01 ul li{display: inline-block; width: 24%; margin-bottom: 20px;  }
.collections_01 .collections_img { width: 84%; max-width: 200px; margin: 0 auto; }
}/*END*/
@media screen and (max-width: 740px) {
.collections_01 { background: #fff; color: #000; width: 100%; max-width: 1300px; margin: 0 auto 0vw; padding: 14vw 0 0; position: relative; text-align: center; z-index: 10; }
.collections_01 ul{ display: inline-block; width: 100%; }
.collections_01 ul li{display: inline-block; width: 45.5%; margin-bottom: 20vw;  }
.collections_01_br02{ display: inline;}
.collections_01 .collections_img { max-width: 290px; width: 75%; margin: 0 auto; }
}/*END*/
@media screen and (max-width: 500px) {
.collections_01 ul{ display: inline-block; width: 100%; }
.collections_01 ul li{display: inline-block; width: 45.5%; margin-bottom: 24vw;  }
.collections_01_br02{ display: inline;}
.collections_01 .collections_img { max-width: 290px; width: 75%; margin: 0 auto; }
}/*END*/
@media screen and (max-width: 400px) {
.collections_01 ul{ display: inline-block; width: 100%; }
.collections_01 ul li{display: inline-block; width: 45.5%; margin-bottom: 100px;  }
.collections_01_br02{ display: inline;}
.collections_01 .collections_img { max-width: 290px; width: 75%; margin: 0 auto; }
}/*END*/

@media screen and (max-width: 1200px) {
.collections_02 { background: #fff; color: #000; width: 100%; max-width: 1300px; margin: 0 auto 0vw; padding: 150px 0 50px; position: relative; text-align: center; z-index: 10; }
.collections_02 ul{ display: inline-block; width: 100%;  }
.collections_02 ul li{display: inline-block; width: 19%; margin-bottom: 120px;  }
.collections_02 .collections_img { width: 72.5%; max-width: 200px; margin: 0 auto; }
}/*END*/
@media screen and (max-width: 900px) {
.collections_02 { background: #fff; color: #000; width: 100%; max-width: 1300px; margin: 0 auto 0vw; padding: 120px 0 20px; position: relative; text-align: center; z-index: 10; }
.collections_02 ul{ display: inline-block; width: 100%;  }
.collections_02 ul li{display: inline-block; width: 30%; margin-bottom: 120px;  }
.collections_02 .collections_img { width: 72.5%; max-width: 200px; margin: 0 auto; }
}/*END*/
@media screen and (max-width: 740px) {
.collections_02 { background: #fff; color: #000; width: 100%; max-width: 1300px; margin: 0 auto 0vw; padding: 12vw 0 10vw; position: relative; text-align: center; z-index: 10; }
.collections_02 ul{ display: inline-block; width: 100%; }
.collections_02 ul li{display: inline-block; width: 45.8%; margin-bottom: 16vw;  }
.collections_02_br02{ display: inline;}
.collections_02 ul li:nth-child(1){  max-width: 400px; width: 50%; margin-bottom: 13vw;  }
.collections_02 .collections_img { max-width: 290px; width: 70%; margin: 0 auto; }
}/*END*/
@media screen and (max-width: 500px) {
.collections_02 ul{ display: inline-block; width: 100%; }
.collections_02 ul li{display: inline-block; width: 45.8%; margin-bottom: 90px;  }
.collections_02_br02{ display: inline;}
.collections_02 ul li:nth-child(1){  max-width: 290px; width: 50%; margin-bottom: 14vw;  }
.collections_02 .collections_img { max-width: 290px; width: 75%; margin: 0 auto; }
}/*END*/
/*picup*/
.collections_picup{  position: absolute; bottom: 100%; margin-bottom: 30px; left: 50%; margin-left: -45%; width: 90%; }
.collections_picup span{ font-size: 14px; line-height: 1.8; letter-spacing: 0px; margin: 0; padding:0 0 1px; display: inline-block; position: relative;}

.collections_picup span:nth-child(1){ padding-right: 5px;}
.collections_picup.new span:nth-child(1){ padding-right: 0px!important;}
.collections_picup span::after { position: absolute; bottom: 0px; display: block; content: ''; width: 100%; height: 2px; background: #111; }
/*new*/
.collections_picup.new span{ font-size: 17px; color: #990000;}
.collections_picup.new span::after { background: #990000; }
@media screen and (max-width: 640px) {
.collections_picup{  position: absolute; bottom: 100%; margin-bottom: 20px; left: 50%; margin-left: -45%; width: 90%; }
.collections_picup span{ font-size: 13px; line-height: 1.8; margin: 0; padding:0 0 0px; display: inline-block; position: relative;}
.collections_picup.new span{ font-size: 15px; color: #990000; padding: 0px!important;}
.collections_picup.new span:nth-child(1){ padding-right: 0px!important;}

}/*END*/
/*---------txt---------*/
.collections_name { margin-top: 0px; font-size: 18px!important; line-height: 1.6; letter-spacing: 1px; font-weight: 700!important;}
.collections_no { margin-top: 30px; font-size: 21px; line-height: 1; letter-spacing: 1.5px; font-weight: 400; font-family:"Times New Roman", Times, "serif";}
@media screen and (max-width: 1000px) {
.collections_no { margin-top: 20px; font-size: 20px; line-height: 1; letter-spacing: .5px; }
}/*END*/
@media screen and (max-width: 430px) {
.collections_no { margin-top: 15px; font-size: 18px; line-height: 1; letter-spacing: .5px;}
}/*END*/

.collections_movement { margin-top: 3px; font-size: 13px; line-height: 1.6; letter-spacing: 0px;font-weight: 400; }
@media screen and (max-width: 430px) {
.collections_movement { margin-top: 3px; font-size: 12px; line-height: 1.6; letter-spacing: 0px;font-weight: 400; }
}/*END*/
.collections_price { margin-top: 17px; font-size: 18px; line-height: 1.1; letter-spacing: 1px; font-family: 'Noto Serif JP', serif; font-weight: 500;}
.collections_price span { font-size: 12px; letter-spacing: 0.5px; margin-left: 3px;}
@media screen and (max-width: 430px) {
.collections_price { margin-top: 16px; font-size: 16px; line-height: 1.1; letter-spacing: 0px; font-family: 'Noto Serif JP', serif; font-weight: 500;}
.collections_price span { font-size: 12px; letter-spacing: 0px; margin-left: 3px;}
}/*END*/
.collections_limited { margin-top: 15px; font-size: 13px; 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 { margin-top: 17px; }
.collections_release p{ font-size: 13px; line-height: 1.6; letter-spacing: 0.5px; font-weight: 400;}
.collections_release p:nth-child(1){padding-bottom: 3px;}
.collections_txt{ margin-top: 25px; font-size: 13px; line-height: 1.6; letter-spacing: 0.5px; font-weight: 400;}
@media screen and (max-width: 430px) {
.collections_release p{ font-size: 13px; line-height: 1.6; letter-spacing: 0px;}
.collections_txt{ font-size: 13px; line-height: 1.6; letter-spacing: 0px;}
}/*END*/
/*collections_btn*/
.collections_btn { max-width: 180px; margin: 22px auto 0; }
.collections_btn a { margin-top: 10px; background: #20293c; color: #fff; font-size: 14px; line-height: 1; font-weight: 500; padding: 14px 0 16px; letter-spacing: 1px; display: block; transition: 0.3s; text-decoration: none; opacity: 1; }
.collections_btn a:hover { opacity: 0.8; cursor: pointer;}
@media screen and (max-width: 1200px) {
.collections_btn { max-width: 150px; margin: 22px auto 0; }
.collections_btn a { margin-top: 10px; background: #20293c; color: #fff; font-size: 12px; line-height: 1; font-weight: 500; padding: 14px 0 16px; letter-spacing: 1px; display: block; transition: 0.3s; text-decoration: none; opacity: 1; }
}/*END*/
@media screen and (max-width: 400px) {
.collections_btn { max-width: 130px; margin: 22px auto 0; }
.collections_btn a { margin-top: 10px; background: #20293c; color: #fff; font-size: 11px; line-height: 1; font-weight: 500; padding: 12px 0 14px; letter-spacing: 1px; display: block; transition: 0.3s; text-decoration: none; opacity: 1; }
}/*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*/