@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:500,600&display=swap&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:500&display=swap&subset=japanese&text=ASNR012345,J1Limited edition of');
@import url('https://fonts.googleapis.com/css?family=Mukta+Mahee&display=swap');
@import url('https://fonts.googleapis.com/css?family=Jomolhari&display=swap');
/*font-family: 'Jomolhari', serif;*/
/*-------------------------------------------------
	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 { display: none; }
table { border-collapse: collapse; border-spacing: 0; font-size: 100%; }
li { list-style-type: none; }
strong { font-weight: bold; }
*:focus {outline: none;}

/*-------------------------------------------------
	base
--------------------------------------------------*/
* { margin: 0; padding: 0; }
html,body{ width: 100%;	}
body {margin: 0; height: 100%; font-size: 16px; font-family: 'Noto Serif JP', serif; font-weight: 500; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; background:#000; position:relative;
	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html,body{ width: 100%; min-width: 1100px;	}
@media screen and (max-width: 750px) {
html,body{ width: 100%; min-width: 300px;	}
}/*END*/
img { max-width: 100%; vertical-align: bottom;}
a:link{ outline:none;}
.pc{ display: block;}
.sp{ display: none;}
@media screen and (max-width: 750px) {
.pc{ display: none;}
.sp{ display: block;}
}/*END*/
.wrapper{ position: relative; overflow: hidden;}

/*anime set
================================*/
#main .inner,
.main_bg,
.read,
#side_access,
.header_language,
.silicone_strap,
.urethane_strap,
.light_line
 { visibility: hidden;}


/*-------------------------------------------------
	loading
--------------------------------------------------*/
#loading{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background:#000; pointer-events: none; z-index: 500; opacity: 0; transition: opacity 2s ease;}
#loading::before { content: ''; position: absolute; top: 50%; left: 50%; width: 24px; height: 24px; margin: -12px 0 0 -12px;  background:url("../img/loading.gif") no-repeat; background-size: cover; pointer-events: none; z-index: 501; }
#loading.fade { opacity: 1; }

/*-------------------------------------------------
	header
--------------------------------------------------*/
header{ position: relative;}

/*----------- header logo -----------*/
header .seiko_logo{ width: 135px; transition: 0.5s;padding: 0;  position:absolute; left: 30px; top: 30px; z-index: 600;}
header .prospex_logo{ width: 220px; transition: 0.5s;padding: 0;  position:absolute; right: 30px; top: 30px; z-index: 600;}
@media (max-width: 750px) {
header .seiko_logo{ width: 110px; transition: 0.5s;padding: 0;  position:absolute; left: 20px; top: 20px;}
header .prospex_logo{ width: 180px; transition: 0.5s;padding: 0;  position:absolute; right: 20px; top:20px; }
}/*END*/
@media (max-width: 450px) {
header .seiko_logo{ width: 80px; transition: 0.5s;padding: 0;  position:absolute; left: 15px; top: 15px;}
header .prospex_logo{ width: 130px; transition: 0.5s;padding: 0;  position:absolute; right: 15px; top:10px;}
}/*END*/

/*----------- header_language -----------*/
header .header_language { display: flex; position: absolute; top: 85px; right: 15px; z-index: 50; transition: 0.7s; font-family: 'Noto Sans JP'; font-weight: 400;  }
header .header_language ul { background: #f00; }
header .header_language li { color: #fff; margin:0 15px; font-size: 13px; line-height: 1; letter-spacing: 2px; }
header .header_language li a{  color: #fff; text-decoration: none; padding: 7px 0; display: block;}
header .header_language li.active { border-bottom: solid 1px #fec526;padding: 7px 0;  box-sizing: border-box; pointer-events: none;}
header .header_language li a:hover{ opacity: 0.6;}
@media (max-width: 750px) {
header .header_language { top: 60px; right: 10px;  }
header .header_language li { color: #fff; margin:0 10px; font-size: 12px; line-height: 1; letter-spacing: 2px; }
header::after{ content: ''; height: 80px; width: 100%; background: linear-gradient(to bottom , rgba(0,0,0,0.6) 20%, rgba(0,0,0,0) 100%); display: block; position: absolute; z-index: 2; }
}/*END*/
@media (max-width: 450px) {
header .header_language { top: 50px; right: 5px;  }
header .header_language li { color: #fff; margin:0 10px; font-size: 12px; line-height: 1; letter-spacing: 2px; }
header::after{ content: ''; height: 80px; width: 100%; background: linear-gradient(to bottom , rgba(0,0,0,0.6) 20%, rgba(0,0,0,0) 100%); display: block; position: absolute; z-index: 2; }
}/*END*/

/*-------------------------------------------------
	side_access
--------------------------------------------------*/
#side_access{ position: fixed; right: 40px; top: 50%; width: 50px; height: 140px; margin-top: -10px; text-align: center; display: table; z-index: 50; font-family: 'Noto Sans JP'; font-weight: 400; }
#side_access {-webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;}
#side_access a{ color: #fff; font-size: 13px; letter-spacing: 3px; text-decoration: none; vertical-align:middle; display: table-cell;}
#side_access a span{ padding-bottom: 25px; position: relative; display: inline-block;}
#side_access a span::after{ position: absolute; bottom:0px; left: 50%; margin-left: -10px; content:" "; width:20px; height: 20px; background: url("../img/access_icon.png"); background-size: cover; display: block; }
#side_access a:hover{ opacity: 0.6;}
#side_access { mix-blend-mode:none; display: block; }
#side_access.scroll_action { mix-blend-mode:difference; }
@media screen and (max-width: 750px) {
#side_access{ position: fixed; right: 10px; top: 50%; width: 50px; height: 140px; }
#side_access a{ color: #fff; font-size: 11px; }
#side_access a span{ padding-bottom: 20px;}
#side_access a span::after{ position: absolute; bottom:0px; left: 50%; margin-left: -8px; content:" "; width:16px; height: 16px;  }
}/*END*/
@media screen and (max-width: 500px) {
#side_access a{ color: #fff; font-size: 10px; letter-spacing: 2px; }
}/*END*/


/*-------------------------------------------------
	main
--------------------------------------------------*/
#main{ width: 100%; height:auto; position: relative; z-index: 20; }
#main .inner { width: 90%; padding-top: 188px; margin: 0 auto; text-align: center; position: relative; z-index: 2;}
#main .inner .winterfair { max-width: 400px; margin: 0 auto; }
#main .inner h1 { margin-top: 30px; font-size: 34px; line-height: 1.7; letter-spacing: 5px;  font-family: 'Jomolhari', serif; font-weight: 400; }
#main .inner p.date { margin-top:32px; font-size: 19px; line-height: 1; letter-spacing: 2px;  font-family: 'Jomolhari', serif; font-weight: 400; padding: 18px 14px 20.5px; border-top:solid 1px #fff; border-bottom:solid 1px #fff; display: inline-block;}
@media screen and (max-width: 750px) {
#main .inner { padding-top: 35vw; }
#main .inner .winterfair{ width: 50%; margin: 0 auto;}
#main .inner h1 { margin-top:5.5vw;  font-size: 5.4vw; line-height: 1.6; letter-spacing: 0.4vw;  transition: 0.3s; }
#main .inner h1 span { display: inline-block; }
#main .inner p.date { margin-top:5.2vw; font-size: 3.2vw; line-height: 1.6; letter-spacing: 1px; padding: 2.6vw 2.5vw 3.0vw; }
#main .inner p.date span { display: block; padding-left: 0px; }
}/*END*/
@media screen and (max-width: 500px) {
#main .inner h1 { margin-top:5.5vw;  font-size: 5.4vw; line-height: 1.6; letter-spacing: 0.4vw;  transition: 0.3s; }
#main .inner p.date { margin-top:5.2vw; font-size: 3.2vw; line-height: 1.6; letter-spacing: 1px; padding: 2.6vw 2.5vw 3.0vw; }
#main .inner p.date span { display: block; padding-left: 0px; }
}/*END*/

/*-------------------------------------------------
	main  .read
--------------------------------------------------*/
#main .read{ width: 90%; margin: 150px auto 0; text-align: center; position: relative; z-index: 2;}
#main .read p span{ display: inline-block;}
#main .read p.txt{ font-size:17px; line-height: 2.37; letter-spacing: 2px; color: #ccc; }
#main .read p.txt_s{ margin-top: 40px; font-size:14px; line-height: 1.8; letter-spacing: 2px; color: #ccc; }
#main .read p br.pc{ display: inline;}
@media only screen and (max-width: 750px) {
#main .read{ width: 85%; margin: 31vw auto 0; text-align: left;}
#main .read p.txt{ font-size:16px; line-height: 1.8; letter-spacing: 0px; }
#main .read p span{ display: inline;}
#main .read p br.pc{ display: none;}
#main .read p.txt_s{ margin-top: 30px; font-size:13px; line-height: 1.8; letter-spacing: 0px; color: #ccc; }
}/*END*/

/*-------------------------------------------------
	main  .novelty
--------------------------------------------------*/
#main .novelty{ background-color: rgba(255,255,255,0.0); /**/ }
#main .novelty{ width: 100%; max-width: 1000px; height: 860px; margin: 80px auto 0; text-align: center; position: relative; z-index: 2;}
/*シリコンストラップ*/
#main .novelty .silicone_strap{ width: 50%; max-width: 500px; position: absolute; left: 56px; top:0px; z-index: 2;}
/*ウレタンストラップ*/
#main .novelty .urethane_strap{ width: 50%; max-width: 500px; position: absolute; right: 26px; top:369px; z-index: 2;}
/*光*/
#main .novelty .light_line{ width: 86%; max-width: 860px; position: absolute; left: 76px; top:124px; z-index: 1;}
/*txt_box*/
#main .novelty .silicone_strap .txt_box{ position: relative; left: -9%; top: -40px;}
#main .novelty .urethane_strap .txt_box{ margin-top: 28px;}
/*txt_box p txt*/
#main .novelty .txt_box p.name{ font-size: 14px; line-height: 1; letter-spacing: 1px; color: #fec526; border: solid 1px #fec526; display: inline-block; padding: 4px 10px 6px; border-radius: 4px;}
#main .novelty .txt_box p.txt{ margin-top: 10px; font-size: 20px; line-height: 1.6; letter-spacing: 1px; }
@media only screen and (max-width: 750px) {
#main .novelty{ width: 100%; max-width: 1000px; height: auto; margin: 80px auto 0; text-align: center; position: relative; z-index: 2;}
/*シリコンストラップ*/
#main .novelty .silicone_strap{ width: 80%; max-width: 500px; margin: 0px auto 0; margin: 0 auto; position: relative; left: 0px; top:0px; text-align: center;}
/*ウレタンストラップ*/
#main .novelty .urethane_strap{ width: 80%; max-width: 500px; margin: 120px auto 0; position: relative; right: 0px; top:0px; }
#main .novelty .silicone_strap img{ width: 350px; margin: 0 auto; position: relative; left: 10px; top:0px; }
#main .novelty .urethane_strap img{ width: 350px; margin: 0 auto; }
/*光*/
#main .novelty .light_line{ width: 100%;  position: absolute; left: 0%; top:205px; }
#main .novelty .light_line img{ width:90%; max-width: 440px; margin:0 auto; transform: rotate(9deg); position: relative; left: 10px;}
/*txt_box*/
#main .novelty .silicone_strap .txt_box{ position: relative; left: 0%; top: -20px;}
#main .novelty .urethane_strap .txt_box{ margin-top: 28px;}
/*txt_box p txt*/
#main .novelty .txt_box p.name{ font-size: 13px; line-height: 1; letter-spacing: 1px; }
#main .novelty .txt_box p.txt{ margin-top: 10px; font-size: 18px; line-height: 1.6; letter-spacing: 1px; }
}/*END*/
@media only screen and (max-width: 500px) {
#main .novelty{ width: 100%; max-width: 1000px; height: auto; margin: 80px auto 0; text-align: center; position: relative; z-index: 2;}
/*シリコンストラップ*/
#main .novelty .silicone_strap{ width: 100%; max-width: 500px; margin: 0px auto 0; margin: 0 auto; position: relative; left: 0px; top:0px;}
/*ウレタンストラップ*/
#main .novelty .urethane_strap{ width: 100%; max-width: 500px; margin: 24vw auto 0; position: relative; right: 0px; top:0px;}
#main .novelty .silicone_strap img{ width: 70%;  position: relative; left: 10px; top:0px;}
#main .novelty .urethane_strap img{ width: 70%; }
/*光*/
#main .novelty .light_line{ width: 100%;  position: absolute; left: 0%; top:42vw; }
#main .novelty .light_line img{ width:90%; max-width: 440px; margin:0 auto; transform: rotate(9deg); position: relative; left: 10px;}
/*txt_box*/
#main .novelty .silicone_strap .txt_box{ position: relative; left: 0%; top: -4vw;}
#main .novelty .urethane_strap .txt_box{ margin-top: 4vw;}
/*txt_box p txt*/
#main .novelty .txt_box p.name{ font-size: 13px; line-height: 1; letter-spacing: 1px; }
#main .novelty .txt_box p.txt{ margin-top: 10px; font-size: 17px; line-height: 1.6; letter-spacing: 1px; }
}/*END*/
@media only screen and (max-width: 420px) {
#main .novelty .silicone_strap .txt_box{ position: relative; left: 0%; top: -2vw;}
#main .novelty .light_line{ width: 100%;  position: absolute; left: 0%; top:44vw; }
/*txt_box p txt*/
#main .novelty .txt_box p.txt{ margin-top: 10px; font-size: 16px; line-height: 1.6; letter-spacing: 1px; }
}/*END*/
@media only screen and (max-width: 370px) {
#main .novelty .light_line{ width: 100%;  position: absolute; left: 0%; top:46vw; }
/*ウレタンストラップ*/
#main .novelty .urethane_strap{ width: 100%; max-width: 500px; margin: 28vw auto 0; position: relative; right: 0px; top:0px;}
}/*END*/
/*----------- main_bg -----------*/
.main_bg{ width: 1800px; height: 1540px; position: absolute; left:50%; top: 0px; margin-left: -900px; background: url("../img/main_bg.jpg") top center no-repeat ;  }
@media (max-width: 750px) {
.main_bg{  width: 100%; height: 100%; position: absolute; left:0%; top: 0px; margin-left: 0px; background: url("../img/main_bg_sp.jpg") top center no-repeat ; }
}/*END*/
/*----------- main_bg  anime -----------*/
.main_bg{ background-size: contain; z-index: 0;}

/*-------------------------------------------------
	lxline
--------------------------------------------------*/
#lxline{ margin-top: 100px; width: 100%; text-align: center; padding: 110px 0 130px; position: relative;  z-index: 2;}
#lxline::before{ content: ''; width: 100%; height: 500%; text-align: center;position: absolute; left: 0; bottom: 50%; background: #000; z-index: -2!important;}
#lxline .inner{ position: relative;  z-index: 2!important; }
#lxline h2{ font-size: 30px;line-height: 1.5; letter-spacing: 3px; font-weight: 500; padding: 0 0 24px 0; position: relative;}
#lxline h2::after{ content: ''; position: absolute; bottom:0px; left: 50%; height: 1px; width: 90px; margin-left: -45px; background: #fec526; }
#lxline p{ width: 80%; max-width: 1350px; margin: 46px auto 0; font-size: 16px; line-height: 2.3; letter-spacing: 1.5px; font-family: 'Noto Sans JP'; font-weight: 400; }
/*lx_line_banner*/
#lxline .lx_line_banner { width: 80%; margin: 50px auto 0; max-width: 480px;}
#lxline .lx_line_banner a{ transition: 0.3s;}
#lxline .lx_line_banner a:hover{ opacity: 0.7;}
#lxline .bg{ width: 500%; height: 100%; position: absolute; top: 0px; z-index: 0!important; left: 50%; margin-left: -250%; background: #1a1a1a; transform:rotate(9deg); }
@media (max-width: 750px){
#lxline{ width: 100%; text-align: center; padding: 60px 0 80px; position: relative; }
#lxline h2{ font-size: 25px;line-height: 1.5; letter-spacing: 2px; font-weight: 500; padding: 0 0 24px 0; position: relative;}
#lxline p{ width: 80%; margin: 36px auto 0; font-size: 14px; line-height: 2.3; letter-spacing: 1px; font-family: 'Noto Sans JP'; font-weight: 400; text-align: left;}
/*lx_line_banner*/
#lxline .lx_line_banner { width: 80%; margin: 40px auto 0; max-width: 480px;}
}/*END*/
@media (max-width: 500px){
#lxline h2{ font-size: 5.6vw;line-height: 1.5; letter-spacing: 1px; font-weight: 500; padding: 0 0 24px 0; position: relative;}
}/*END*/

/*-------------------------------------------------
	GALLERY
--------------------------------------------------*/
#gallery{ width: 100%; text-align: center; padding: 155px 0 250px 0 ; position: relative; }
@media (max-width: 750px){
#gallery{ width: 100%; text-align: center; padding: 90px 0 50px 0 ; position: relative; }
}/*END*/
#gallery h2{ font-size: 28px; line-height: 1.6; letter-spacing: 11px; font-family: 'Mukta Mahee', sans-serif; font-weight: 400; }
@media (max-width: 750px){
#gallery h2{ font-size: 25px; line-height: 1.6; letter-spacing: 7px; font-family: 'Mukta Mahee', sans-serif; font-weight: 400; }
}/*END*/
/*-------------- LINE base --------------*/
.gallery_line { position: absolute; width: 500%; height: 8px; margin-left: -250%;  background-size: 250px; z-index: -2; opacity: 0.99; }
.gallery_line.bg1{ background: url("../img/gallery_line1.jpg") left ;}
.gallery_line.bg2{ background: url("../img/gallery_line2.jpg") left ;}
@media (max-width: 750px){
.gallery_line {  height: 6px; }
}/*END*/
/*-------------- LINE --------------*/
#gallery .line01{left: 17%; top: 12%; transform:rotate(39deg); }
#gallery .line02{left: 17%; top: 12%; transform:rotate(-30deg); }
#gallery .line03{left: 66%; top: 70%; transform:rotate(-62deg);}
#gallery .line04{left: 20%; top: 100%; transform:rotate(33deg);}
@media (max-width: 750px){
#gallery .line01{left: 15%; top: 8%; transform:rotate(39deg); }
#gallery .line02{left: 15%; top: 8%; transform:rotate(-30deg); }
#gallery .line03{left: 66%; top: 70%; transform:rotate(-62deg);}
#gallery .line04{left: 20%; top: 100%; transform:rotate(33deg);}
}/*END*/
 /*  Slider
 ----------------------------------------------------*/
.slider_box{ width:100%; margin:120px auto 0; height:auto; position:relative; }
.slider_box img{width:100%; margin: 0;}
@media (max-width: 750px){
.slider_box{  width:100%; margin:60px auto 80px; height:auto; position:relative; }
}/*END*/
/* < > btn */
.slider_box .slick-prev,
.slider_box .slick-next { position: absolute; z-index: 999; top:330px; width: 90px; height: 90px; margin-top: -50px; transition: 0.2s; outline: none;}
.slider_box .slick-prev:hover,
.slider_box .slick-next:hover {opacity: 0.4!important;}
.slider_box .slick-prev { left: 0%;  background: url("../img/sl_prev.png") no-repeat left center; background-size: contain;}
.slider_box .slick-next { right: 0%; background: url("../img/sl_next.png") no-repeat right center; background-size: contain;}
@media (max-width: 750px){
.slider_box { width: 100%; margin: 60px auto 80px; padding: 0; position: relative; }
.slider_box .slick-prev,
.slider_box .slick-next { position: absolute; z-index: 99; top:27vw; width: 10%; height: 100px; margin-top: -50px;}
}/*END*/
/*slider_img*/
#slider_img { width:80%; max-width:1000px; margin:0 auto; z-index:1; }
#slider_img li { position:relative; margin: 0;}
#slider_img li img{ width:100%; }
/*slider-nav*/
#slider_nav { max-width: 1000px; width:80%; margin: 15px auto 0; position: relative; padding-bottom: 20px; }
#slider_nav li{ width:90%; margin:0 0.2%;  position: relative; outline: none; padding-bottom: 10px; }
#slider_nav li div{ background: #000; }
#slider_nav li:hover{ opacity:1;  transition: 0.2s linear;}
#slider_nav li img {filter:alpha(opacity=100); -moz-opacity: 1; opacity: 0.5;  transition: 0.3s; }
#slider_nav li img:hover { opacity: 1;}
#slider_nav li.slick-center img{ opacity: 1; }
#slider_nav li::before { content:" "; display: block; width: 0%; height: 3px; position: absolute; left: 50%; bottom: 0px; background: none; transition: 0.8s; }
#slider_nav li.slick-center::before { content:" "; display: block; width: 100%; height: 2px; position: absolute; left: 0px; bottom: 0px; background: #fec526; }
/*dots*/
.slider_box .slick-dots{ position: absolute; bottom: -50px; z-index: 500; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
.slider_box .slick-dots li{ position: relative; display: inline-block; margin: 0 0px; width: 20px!important; height: 20px!important;  }
.slider_box .slick-dots li button{ display:none; font-size: 0; line-height: 0; display: block; cursor: pointer; border: 0; outline: none; background: transparent; width: 20px; height: 20px; background: url("../img/dot_off.png"); background-size:contain; } /* OFF */
.slider_box .slick-dots li button:hover{ display:none; font-size: 0; line-height: 0; display: block; cursor: pointer; border: 0; outline: none; background: transparent; width: 20px; height: 20px; background: url("../img/dot_on.png"); background-size:contain; } /* ON */
.slider_box .slick-dots li button:before{ position: absolute; top: 0; left: 0; content: ''; }
.slider_box .slick-dots li.slick-active button:before{  position: absolute; top: 0; left: 0; opacity: 1; -ms-filter: "alpha(opacity=100)";  filter: alpha(opacity=100);  color: black;opacity: 1; width: 20px; height: 20px; background: url("../img/dot_focus.png"); background-size:contain;  }/* focus */
@media (max-width: 750px){
.slider_box .slick-dots{ position: absolute; bottom: -30px; z-index: 500; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
.slider_box .slick-dots li{ position: relative; display: inline-block; margin: 0 -2px!important; width: 20px!important; height: 20px!important;  }
.slider_box .slick-dots li button{ display:none; font-size: 0; line-height: 0; display: block; cursor: pointer; border: 0; outline: none; background: transparent; width: 15px; height: 15px; background: url("../img/dot_off.png"); background-size:contain; } /* OFF */
.slider_box .slick-dots li button:hover{ display:none; font-size: 0; line-height: 0; display: block; cursor: pointer; border: 0; outline: none; background: transparent; width: 15px; height: 15px; background: url("../img/dot_on.png"); background-size:contain; } /* ON */
.slider_box .slick-dots li.slick-active button:before{  position: absolute; top: 0; left: 0; opacity: 1; -ms-filter: "alpha(opacity=100)";  filter: alpha(opacity=100);  color: black;opacity: 1; width: 15px; height: 15px; background: url("../img/dot_focus.png"); background-size:contain;  }/* focus */
}/*END*/

/*-------------------------------------------------
	PICKUP
--------------------------------------------------*/
#pickup{padding: 100px 0 250px; width: 100%; text-align: center; color: #000; background: url("../img/pickup_bg.jpg") no-repeat center top; background-size: cover; position: relative; overflow: hidden;  z-index: 4;}
#pickup h2{ width: 90%; margin: 0 auto; padding: 0 0 32px 0; font-size: 30px; line-height: 1.5; letter-spacing: 3px; text-align: center; font-family: 'Noto Serif JP', serif; font-weight: 500; position: relative; display: inline-block;}
#pickup h2::after{ content: ''; position: absolute; bottom:0px; left: 50%; height: 1px; width: 90px; margin-left: -45px; background: #fec526; }

@media screen and (max-width: 1300px) {
#pickup{padding: 100px 0 14vw; }

}/*END*/
@media screen and (max-width: 750px) {
#pickup{ padding: 60px 0 150px;  }
#pickup h2{ width: 85%; margin: 0 auto;  padding: 0 0 20px 0; font-size: 23px; line-height: 1.5; letter-spacing: 2px; }
}/*END*/
/*pickup_list*/
#pickup .pickup_list{ margin-top: 0px;}
#pickup .pickup_list ul{ width: 90%; max-width: 1300px; margin: 0 auto;  padding-bottom: 0px;   }
#pickup .pickup_list ul li{ position: relative; }
#pickup .pickup_list ul li::after { content:" "; display:block; clear:both;}/*clearfix*/
@media screen and (max-width: 750px) {
#pickup .pickup_list ul{ width: 85%; max-width: 1370px; margin: 0 auto;  padding-bottom: 0px;   }
}/*END*/
#pickup .pickup_list ul li:nth-child(1){ margin-top: 50px; min-height: 652px; }
#pickup .pickup_list ul li:nth-child(2){ margin-top: 20px; min-height: 687px; }
#pickup .pickup_list ul li:nth-child(3){ margin-top: 20px; min-height: 760px; }
#pickup .pickup_list ul li .img_box{ width: 41.3%; position: relative;}
#pickup .pickup_list ul li .img_box img{ position:absolute; width: 536px!important; transition: 0.7s;}
#pickup .pickup_list ul li .txt_box{ width: 57%; position: relative;}
#pickup .pickup_list ul li:nth-child(odd) .img_box{ float: left;}
#pickup .pickup_list ul li:nth-child(odd) .txt_box{ float: right;}
#pickup .pickup_list ul li:nth-child(even) .img_box{ float: right;}
#pickup .pickup_list ul li:nth-child(even) .txt_box{ float: left;}
#pickup .pickup_list ul li:nth-child(1) .img_box img{ position: relative; left: 20%;}
#pickup .pickup_list ul li:nth-child(1) .txt_box{ padding-top: 70px; }
#pickup .pickup_list ul li:nth-child(2) .img_box  img{ position: relative; left: -20%;}
#pickup .pickup_list ul li:nth-child(2) .txt_box{ padding-top: 100px; }
#pickup .pickup_list ul li:nth-child(3) .img_box  img{ position: relative; left: 20%;}
#pickup .pickup_list ul li:nth-child(3) .txt_box{ padding-top:120px; }
@media screen and (max-width: 1400px) {
#pickup .pickup_list ul{ width: 80%; max-width: 1300px; margin: 0 auto;  padding-bottom: 0px;   }
#pickup .pickup_list ul li .img_box{ width: 50%; position: relative;}
#pickup .pickup_list ul li .txt_box{ width: 50%; position: relative;}
#pickup .pickup_list ul li:nth-child(1){ margin-top: 50px; min-height: 652px; }
#pickup .pickup_list ul li:nth-child(2){ margin-top: 50px; min-height: 687px; }
#pickup .pickup_list ul li:nth-child(3){ margin-top: 50px; min-height: 760px; }
#pickup .pickup_list ul li:nth-child(1) .img_box img{ position: relative; left: 0%;}
#pickup .pickup_list ul li:nth-child(1) .txt_box{ padding-top: 40px; }
#pickup .pickup_list ul li:nth-child(2) .img_box  img{ position: relative; left: -0%;}
#pickup .pickup_list ul li:nth-child(2) .txt_box{ padding-top: 40px; }
#pickup .pickup_list ul li:nth-child(3) .img_box  img{ position: relative; left: 0%;}
#pickup .pickup_list ul li:nth-child(3) .txt_box{ padding-top: 60px; }
}/*END*/
@media screen and (max-width: 1200px) {
#pickup .pickup_list ul li:nth-child(1) .txt_box{ padding-top: 0px; }
#pickup .pickup_list ul li:nth-child(2) .txt_box{ padding-top: 0px; }
#pickup .pickup_list ul li:nth-child(3) .txt_box{ padding-top: 0px; }
}/*END*/
@media screen and (max-width: 750px) {
#pickup .pickup_list ul li:nth-child(1){  margin-top:20px; }
#pickup .pickup_list ul li:nth-child(2){  margin-top:50px; }
#pickup .pickup_list ul li:nth-child(3){  margin-top:50px; }
#pickup .pickup_list ul li:nth-child(1) .img_box{ width: 80%; max-width: 400px; float: none;  position: relative; left: 0px; margin: 0 auto;}
#pickup .pickup_list ul li:nth-child(1) .txt_box{ width: 100%; float: none;  margin-left: 0%; padding-top:0px; }
#pickup .pickup_list ul li:nth-child(2) .img_box{ width: 80%; max-width: 400px; float: none; position: relative; left: 0px; margin: 0 auto;}
#pickup .pickup_list ul li:nth-child(2) .txt_box{ width: 100%; float: none; margin-right: 0%; padding-top:0px;}
#pickup .pickup_list ul li:nth-child(3) .img_box{ width: 80%; max-width: 400px; float: none;  position: relative; left: 0px; margin: 0 auto;}
#pickup .pickup_list ul li:nth-child(3) .txt_box{ width: 100%; float: none; margin-left: 0%; padding-top:0px; }
}/*END*/
/*txt*/
#pickup .pickup_list ul li h3{ font-size: 28px; line-height: 1.5; letter-spacing: 2px; padding: 0; margin: 0;  font-family: 'Noto Serif JP', serif; font-weight: 500;}
#pickup .pickup_list ul li h3 span{display: inline-block;}
#pickup .pickup_list ul li p.number{ margin-top: 20px; padding: 0; font-size: 24px; line-height: 1; letter-spacing: 1.5px; font-family: 'Noto Sans JP'; font-weight: 500;}
#pickup .pickup_list ul li p.limited{ margin-top: 24px; padding: 0;font-size: 15px; line-height: 1; letter-spacing: 1.5px; font-family: 'Noto Sans JP'; font-weight: 500; padding-bottom: 6px; position: relative; display: inline-block;}
#pickup .pickup_list ul li p.limited::after{ content: ''; position: absolute; bottom:0px; left: 0%; height: 2px; width: 100%; background: #000; }
#pickup .pickup_list ul li p.price{ margin-top: 24px; padding: 0; font-size: 19px; line-height: 1;letter-spacing: 1.5px; font-family: 'Noto Serif JP', serif; font-weight: 500;}
#pickup .pickup_list ul li p.price small{ font-size: 12px; padding: 0 0 0 3px; line-height: 1; letter-spacing: 0.5px;}
#pickup .pickup_list ul li p.txt{ width: 95%; margin: 25px auto 0; padding: 0 0 22px; font-size: 16px; line-height: 2.15; letter-spacing: 1px; font-family: 'Noto Sans JP'; font-weight: 400;}
#pickup .pickup_list ul li .btn { margin-top:12px;}
#pickup .pickup_list ul li .btn a{ padding:15px 0 17px; width: 200px; background: #000; font-size: 14px; line-height: 1; letter-spacing: 1.5px; color: #fff; font-family: 'Noto Sans JP'; font-weight: 500; text-decoration: none; display: inline-block;}
#pickup .pickup_list ul li .btn a:hover{ opacity: 0.7;}
@media screen and (max-width: 1400px) {
#pickup .pickup_list ul li p.txt { width: 100%; margin: 25px auto 0; text-align: left; }
#pickup .pickup_list ul li p.txt br{ display: none; }
}/*END*/
@media screen and (max-width: 1200px) {
#pickup .pickup_list ul li h3{ font-size: 26px; line-height: 1.5; letter-spacing: 2px; padding: 0; margin: 0;  font-family: 'Noto Serif JP', serif; font-weight: 500;}
}/*END*/
@media screen and (max-width: 750px) {
#pickup .pickup_list ul li h3{ font-size: 22px; line-height: 1.5; letter-spacing: 1px; }
#pickup .pickup_list ul li p.price{ margin: 10px 0 0 0; padding: 0; font-size: 16px;}
#pickup .pickup_list ul li p.price small{ font-size: 11px;}
#pickup .pickup_list ul li p.txt br{ display: none;}
#pickup .pickup_list ul li p.txt{ margin: 27px 0 0 0;padding: 0 0 10px;  font-size: 14px; line-height: 2; letter-spacing: 1px; text-align: left;}
#pickup .pickup_list ul li .btn { margin-top:12px;}
}/*END*/

/*----------------------------------------------------------------------------
	ACCESS 
----------------------------------------------------------------------------*/
#access{ width: 100%; text-align: center; padding: 0px 0 160px; position: relative; background: #1a1a1a; z-index: 50;  font-family: 'Noto Sans JP'; font-weight: 400; }/*1a1a1a*/
@media (max-width: 750px){
#access{ width: 100%; text-align: center; padding: 60px 0 ; position: relative; }
}/*END*/
#access h2{ font-size: 28px; line-height: 1.6; letter-spacing: 11px; font-family: 'Mukta Mahee', sans-serif; font-weight: 400; }
@media (max-width: 750px){
#access h2{ font-size: 25px; line-height: 1.6; letter-spacing: 7px; font-family: 'Mukta Mahee', sans-serif; font-weight: 400; }
}/*END*/
#access .access_bg{ width: 200%; height: 50%; position: absolute; top: 0px; z-index: -1; left: 0%;  background: #1a1a1a; transform:rotate(-10deg); transform-origin:left top 0;}
#access .inner::after { content:" "; display:block; clear:both;}/*clearfix*/
#access .inner { width: 90%; max-width: 1000px; margin: 100px auto 0;}
#access .inner .img_box{ float: left; width: 46.4%;  text-align: right;}
#access .inner .txt_box{ float: right; width: 46.4%; display: flex; align-items: center; justify-content: center;}
#access .inner .txt_box div{  width: 100%; text-align: left;}
@media (max-width: 750px){
#access .inner { width: 90%; max-width: 1000px; margin: 60px auto 0;}
#access .inner .img_box{ float: none; width: 100%; text-align: center;}
#access .inner .txt_box{ float: none; margin-top: 40px; width: 100%; display: block; padding-bottom: 80px; border-bottom: solid 1px #333;   }
#access .inner .txt_box div{  width: 100%; text-align: center;}
}/*END*/
#access .inner .txt_box h3{ font-size: 18px; line-height: 1.6; letter-spacing: 1px;}
#access .inner .txt_box h3 span{ display: inline-block;}
#access .inner .txt_box p{ margin-top: 55px; font-size: 14px; line-height: 1.9; letter-spacing: 0px;}
#access .inner .txt_box p span{ display: inline-block;}
#access .inner .txt_box a{ color: #fff;}
.map { width: 95%; max-width: 1000px; margin: 125px auto 0; position: relative;}
.map .map_img { position: relative;}
.map .btn { position: absolute; left: 68.9%; top: 45%;}
.map .btn a{ width: 250px; padding: 12px 0 16px; font-size: 14px; line-height: 1; text-align: center; letter-spacing: 1px;  border: solid 1px #fff;  color: #fff; text-decoration: none; display:inline-block; transition: 0.3s;}
.map .btn a span{ padding-left: 25px; position: relative;}
.map .btn a span::after{ position: absolute; top:50%; left: 0px; margin-top: -5px; opacity: 0.5; content:" "; width:16px; height: 16px; background: url("../img/map_icon.png"); background-size: cover; display: block; }
.map .btn a:hover{ background: rgba(255,255,255,0.2);  }
@media (max-width: 750px){
.map { width: 95%; max-width: 1000px; margin: 60px auto 0; position: relative;}
.map .btn { margin-top: 60px; position: inherit; left: inherit; top: inherit;}
}/*END*/

/*-------------------------------------------------
	gotop
--------------------------------------------------*/
.gotop { position:fixed; bottom:0px; right:20px;width:50px; height:70px; box-sizing:border-box; border-radius: 0%; z-index: 100; }
.gotop a{ position: relative; display:block; background:rgba(80,80,80,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("../img/page_top.png") no-repeat; background-size: cover;}
.gotop a:hover { background:rgba(60,60,60,0.4); }
@media (max-width: 500px) {
.gotop { position:fixed; 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: #000; width: 100%; height: auto; }
footer::after { content:" "; display:block; clear:both;}/*clearfix*/
.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'; font-weight: 400;  }
@media (max-width: 750px) {
footer{ padding-top: 39px; }
.foot_l{ float: none; margin: 0px 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*/