@charset "utf-8";

/*
font-family: 'Montserrat', sans-serif;
Medium 500
SemiBold 600

font-family: 'Noto Sans JP', sans-serif;
Regular 400
Medium 500

/*--------------------------------------------------------
	reset 
---------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; }
ul,ol { list-style-type: none; }
em,strong,th,address { font-style: normal; font-weight: normal; text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%; }
img,
object,
embed { border: 0; vertical-align: top; }
img { max-width: 100%; height: auto; vertical-align: bottom; }
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: linear-gradient(to right, #3e3e3e 0%, #000 100%); color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 16px; line-height: 1.6; -webkit-text-size-adjust: 100%; }
/*txt img 選択時*/
::selection { background:#666; }
::-moz-selection { background:#666; }/*Firefox*/
img::selection { background:none; }
img::-moz-selection { background:none; }/*Firefox*/
/*cookie*/
#onetrust-banner-sdk{ outline: none; display: none;}


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

/*-------------------------------------------------
	anime set
--------------------------------------------------*/
#main h1 small img,
#main h1 span img,
.main_img img,
#concept p,
.movie_title,
.movie_title h2,
.movie_title h2 small,
.movie_inner,
#nav h2,
#nav li img,
.btn_home_title,
.btn_home_bg,
.co_head .bar,
.co_head h2
{ visibility: hidden; }

/*-------------------------------------------------
	new_banner  [hidden]
--------------------------------------------------*/
.hidden {display: none;}


/*-------------------------------------------------
	header
--------------------------------------------------*/
header{ position: relative; z-index: 9999; }
header div{ margin: 0; line-height: 1; font-size: 1px; display: block; }
header div img{ width: 100%; vertical-align: top;}
/*------ header logo ------*/
header .seiko_logo{ width: 130px; position:absolute; right: 30px; top: 30px; text-align: right;}
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 screen and (max-width: 1024px) 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;}

/*-------------------------------------------------
	lineup
--------------------------------------------------*/
#lineup{ padding:90px 0 80px 0; background: #fff; color: #000;}
#lineup h2{ margin: 0 auto 20px; width:50%; max-width: 460px; display: block;text-align: center; }
#lineup h2 small{ margin-top: 23px; font-size: 28px; line-height: 1; display: block;font-weight: 500; text-align: center;}
#lineup ul { margin-top: 0px; display: flex; justify-content: center; }
#lineup ul li { margin-top: 40px; padding: 0 20px; width: 10%; max-width: 108px; text-align: center; }
#lineup ul li p{ margin-top: 8px; font-size: 11px; font-family: 'Montserrat', sans-serif; color: #666; }
@media screen and (max-width: 1200px) {
#lineup ul li { margin-top: 40px; padding: 0 1.7%; }
}/*END*/
@media screen and (max-width: 1080px) {
#lineup{ padding:8.5vw 0 8vw 0;}
#lineup ul li { margin-top: 3.7vw; }
}/*END*/
@media screen and (max-width: 920px) {
#lineup h2 small{ margin-top: 2.5vw; font-size: 3.05vw; }
}/*END*/
@media screen and (max-width: 640px) {
#lineup{ padding:10vw 0 10vw 0;}
#lineup h2{ margin: 0 auto 5vw; width:70%; }
#lineup h2 small{ margin-top: 2.5vw; font-size: 4.1vw; }
#lineup ul li { margin-top: 3.7vw; padding: 0 1.7%; }
#lineup ul li p{ margin-top: 1vw; font-size: 10px; }
}/*END*/
@media screen and (max-width: 500px) {
#lineup ul li p{ margin-top: 1vw; font-size: 8px; }
}/*END*/
@media screen and (max-width: 360px) {
#lineup ul li p{ margin-top: 1vw; font-size: 2.2vw; }
}/*END*/

/*-------------------------------------------------
	movie
--------------------------------------------------*/
.movie{ padding: 0vw 0; background: #000; position: relative;}
@media screen and (max-width: 750px) {
.movie{ padding: 0px 0 100px; }
}/*END*/
.top_movie{ padding:0;}
@media screen and (orientation: portrait) {
.top_movie{ padding: 0;}
}/*END*/
video {width: 100%; height: 34.4vw; }
@media screen and (orientation: portrait) {
video {width: 100%; height: 56.3vw;}
}/*END*/
.movie_pc{ display: block;}
.movie_sp{ display: none;}
@media screen and (orientation: portrait) {
.movie_pc{ display: none;}
.movie_sp{ display: block;}
}/*END*/
.movie_btn{ height: 100%; position: absolute; right: 5%; top: 0%; display: inline-block; display: flex; align-items: center; justify-content: center; z-index: 10; }
.movie_btn a{ display: flex; align-items: center; cursor: pointer; background: #333; padding: 15px 30px; color: #fff; text-decoration: none; font-size: 14px; line-height: 1; letter-spacing: 1px; font-family:'Montserrat', sans-serif; background-color: rgba(150,150,150,0.5); transition: 0.3s; }
.movie_btn a span{ margin-left: 15px; display: inline-block; position: relative; width: 28px; height: 28px; background: rgba(255,255,255,0); border: solid 1px rgba(255,255,255,.6); border-radius: 50%; box-sizing: border-box; z-index: 3; transition: 0.3s; }
.movie_btn a span::after{ border-width: 5px 0 5px 8px; margin: -5px 0 0 -3px; border-color: transparent transparent transparent #fff; left: 50%; top: 50%; position: absolute; content: ''; display: block; width: 0; height: 0; border-style: solid; }
.movie_btn a:hover{ background-color: rgba(150,150,150,0.3); }
.movie_btn a:hover span{ background: rgba(255,255,255,0.2); border: solid 2px rgba(255,255,255,0); }
@media screen and (max-width: 750px) {
.movie_btn{ height: initial; width: 100%; position: absolute; right: initial; top: initial; left: 0; bottom: 23px; }
.movie_btn a{ background-color: #333; }
}/*END*/
@media screen and (max-width: 750px) {
.movie_btn a{ padding: 12px 25px; font-size: 14px; }
}/*END*/
@media screen and (max-width: 500px) {
.movie_btn{ height: initial; width: 100%; position: absolute; right: initial; top: initial; left: 0; bottom: 26px; }
.movie_btn a{ padding: 10px 20px; font-size: 12px; }
}/*END*/

/*-------------------------------------------------
	nav
--------------------------------------------------*/
#nav { text-align: center; }
/*-- top_nav --*/
.top_nav{ padding: 0; }
@media screen and (max-width: 1000px) {
.top_nav{ padding:0 0 90px 0;}
}/*END*/
@media screen and (max-width: 500px) {
.top_nav{ padding:0 0 60px 0;}
}/*END*/
/*-- co_nav --*/
.co_nav{ padding: 90px 0;}
@media screen and (max-width: 1000px) {
.co_nav{ padding: 90px 0;}
}/*END*/
@media screen and (max-width: 500px) {
.co_nav{ padding: 60px 0;}
}/*END*/
/*--- nav ---*/
#nav nav ul{ display: flex; justify-content:center;background: #000; }
#nav nav ul li{ text-align: center; position: relative; width: 50%; }
#nav nav ul li a{ padding-bottom:0px; height: 100%; box-sizing: border-box; display: flex; align-items: center; justify-content: center; cursor: pointer; text-decoration: none; color: #fff; position: relative; z-index: 2; }
#nav.top_nav nav ul li a{ padding-bottom:40px;}
#nav nav ul li h2 { margin: 65px 0 40px;}
@media screen and (max-width: 1600px) {
#nav nav ul li h2 { margin: 65px 0 40px;}
}/*END*/
@media screen and (max-width: 1200px) {
#nav nav ul li h2 { margin: 60px 0 40px; }
}/*END*/
@media screen and (max-width: 1000px) {
#nav nav ul li a{ padding-bottom: 10vw !important;}
}/*END*/
@media screen and (max-width: 850px) {
#nav nav ul li h2 { margin: 8vw 0 6vw; }
}/*END*/
@media screen and (max-width: 640px) {
#nav nav ul li a{ padding-bottom: 12vw !important;}
#nav nav ul li h2 { margin: 8vw 0 6vw; }
}/*END*/
#nav nav ul li h2 { line-height: 1; }
#nav nav ul li h2 span{ font-size: 38px; font-family: 'Montserrat', sans-serif; font-weight: 500;}
#nav nav ul li h2 small{ margin-top: 18px; font-size: 16px; line-height: 1.2; display: block; }
@media screen and (max-width: 1850px) {
#nav nav ul li h2 span{ font-size: 2.05vw; }
#nav nav ul li h2 small{ margin-top: 18px; font-size: 16px; }
}/*END*/
@media screen and (max-width: 1600px) {
#nav nav ul li h2 span{ font-size: 33px; }
#nav nav ul li h2 small{ margin-top: 18px; font-size: 16px; line-height: 1.2; }
}/*END*/
@media screen and (max-width: 850px) {
#nav nav ul li h2 span{ font-size: 3.85vw; }
#nav nav ul li h2 small{ margin-top: 2vw; font-size: 1.85vw; }
}/*END*/
@media screen and (max-width: 500px) {
#nav nav ul li h2 span{ font-size: 4.2vw; }
#nav nav ul li h2 small{ margin-top: 2.2vw; font-size: 2.2vw; }
}/*END*/
.br_nav{ display: none;}
#nav nav ul li img{ width: 100%; max-width: 600px; margin: 0 auto;}
@media screen and (max-width: 1500px) {
#nav nav ul li img{ width: 95%; max-width: 600px; margin: 0 auto;}
}/*END*/
@media screen and (max-width: 1400px) {
#nav nav ul li img{ width: 90%; max-width: 600px; margin: 0 auto;}
}/*END*/
@media screen and (max-width: 900px) {
#nav nav ul li img{ width: 100%; max-width: 600px; margin: 0 auto;}
}/*END*/
/*----nav_scroll----*/
.nav_scroll{ position: absolute; right: 30px; top: 50%; width: 26px; height: 26px; margin: -13px 0 0 ; display: block; z-index: 5; transition: 0.2s;}
.nav_scroll .st0{fill:#777; transition: 0.4s;}
a:hover .nav_scroll{ right: 20px;}
a:hover .nav_scroll .st0{fill:#fcca00;}
@media screen and (max-width: 1250px) {
.nav_scroll{ position: absolute; right: 20px; top: 50%; width: 24px; height: 24px;margin: -12px 0 0 ; }
a:hover .nav_scroll{ right: 15px;}
}/*END*/
@media screen and (max-width: 1000px) {
.nav_scroll{ width: 26px; height: 26px; margin: -13px 0 0 -13px; position: absolute; right: initial; left: 50%; top: initial; bottom: 60px; }
a:hover .nav_scroll{ right: initial;}
a .nav_scroll .st0{fill:#fff !important;}
}/*END*/
@media screen and (max-width: 900px) {
.nav_scroll{ width: 26px; height: 26px; margin: -13px 0 0 -13px; position: absolute; right: initial; left: 50%; top: initial; bottom: 50px; }
}/*END*/
@media screen and (max-width: 740px) {
.nav_scroll{ width: 26px; height: 26px; margin: -13px 0 0 -13px; position: absolute; right: initial; left: 50%; top: initial; bottom: 40px; }
}/*END*/
@media screen and (max-width: 640px) {
.nav_scroll{width: 22px; height: 22px; margin: -11px 0 0 -11px; position: absolute; right: initial; left: 50%; top: initial; bottom: 6vw; }
}/*END*/
@media screen and (max-width: 500px) {
.nav_scroll{ width: 5vw; height: 5vw; margin: -2.5vw 0 0 -2.5vw; }
}/*END*/
/*----nav_scroll_back----*/
.nav_scroll_back{ position: absolute; left: 30px; top: 50%; width: 26px; height: 26px; margin: -13px 0 0 ; display: block; z-index: 5; transition: 0.2s;}
.nav_scroll_back .st0{fill:#777; transition: 0.4s;}
a:hover .nav_scroll_back{ left: 20px;}
a:hover .nav_scroll_back .st0{fill:#fcca00;}
@media screen and (max-width: 1250px) {
.nav_scroll_back{ position: absolute; left: 20px; top: 50%; width: 24px; height: 24px;margin: -12px 0 0 ; }
a:hover .nav_scroll_back{ left: 15px;}
}/*END*/
@media screen and (max-width: 1000px) {
.nav_scroll_back{ width: 26px; height: 26px; margin: -13px 0 0 -13px; position: absolute; left: 50%; top: initial; bottom: 60px; }
a:hover .nav_scroll_back{ left: 50%;}
a .nav_scroll_back .st0{fill:#fff !important;}
}/*END*/
@media screen and (max-width: 900px) {
.nav_scroll_back{ width: 26px; height: 26px; margin: -13px 0 0 -13px; position: absolute; left: 50%; top: initial; bottom: 50px; }
}/*END*/
@media screen and (max-width: 740px) {
.nav_scroll_back{ width: 26px; height: 26px; margin: -13px 0 0 -13px; position: absolute; left: 50%; top: initial; bottom: 40px; }
}/*END*/
@media screen and (max-width: 640px) {
.nav_scroll_back{ width: 22px; height: 22px; margin: -11px 0 0 -11px; position: absolute; left: 50%; top: initial; bottom: 6vw; }
}/*END*/
@media screen and (max-width: 500px) {
.nav_scroll_back{ width: 5vw; height: 5vw; margin: -2.5vw 0 0 -2.5vw; }
}/*END*/
 a .nav_img{ transition: 1s;}
 a:hover .nav_img{ transform: scale(1.05);}
/*nav_bg*/
#nav nav ul li a .nav_bg{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top:0; z-index: -1;}
#nav nav ul li:nth-child(1) a .nav_bg{ opacity: 0.2; background: linear-gradient(to bottom, rgba(100,100,100,1) 0%, rgba(100,100,100,0) 100%); transition: 0.5s; }
#nav nav ul li:nth-child(2) a .nav_bg{ opacity: 0.4; background: linear-gradient(to bottom, rgba(100,100,100,1) 0%, rgba(100,100,100,0) 100%); transition: 0.5s; }
#nav nav ul li:nth-child(1) a:hover .nav_bg,
#nav nav ul li:nth-child(2) a:hover .nav_bg{ opacity: .6;}
#nav img.nav_pc{ display: block;}
#nav img.nav_sp{ display: none;}
@media screen and (max-width: 850px) {
#nav img.nav_pc{ display: none;}
#nav img.nav_sp{ display: block;}
}/*END*/
/*---- HOME btn ----*/
.btn_home { position: relative; overflow: hidden; background: linear-gradient(to bottom, #0c0c0c 20%, #000 60%);}/**/
.btn_home_title{ position: absolute; left: 0; top: 70px; width: 100%; z-index: 10; }
.btn_home_title img{ width: 305px !important; display: block;}
.btn_home_title p{ margin-top: 20px; padding: 8px 22px; font-size: 14px; letter-spacing: 0.5px; line-height: 1; width: auto; display: inline-block; background: #333; font-family: 'Montserrat', sans-serif; transition: 0.3s; position: relative; overflow: hidden;}
.btn_home_title p span{ position: relative; z-index: 10;}
/*.btn_home_title p::after{content: ''; display: block; width: 100%; height: 100%; background: #555; position: absolute; right: -100%; top: 0px; transition: 0.3s; }
.btn_home a:hover .btn_home_title p::after{ right: 0%; }
.btn_home a:hover .btn_home_title p{ background: #666; }*/
.btn_home .btn_home_bg{ display: flex;width: 100%; height: 100%; }
.btn_home .btn_home_bg .btn_home_bg_l{ width: 50%; height: 100%; background: url("https://www.seikowatches.com/us-en/products/prospex/special/speedtimer/asset/img/nav_home2_l.jpg") center bottom no-repeat; background-size:cover;}
.btn_home .btn_home_bg .btn_home_bg_r{ width: 50%; height: 100%; background: url("https://www.seikowatches.com/us-en/products/prospex/special/speedtimer/asset/img/nav_home_r.jpg") center bottom no-repeat; background-size:cover;}
.btn_home a .btn_home_bg{ transition: 1s !important; }
.btn_home a:hover .btn_home_bg{ transform: scale(1.05) !important;}
@media screen and (max-width: 1500px) {
.btn_home_title{ position: absolute; left: 0; top: 5vw; width: 100%; }
.btn_home_title img{ width: 40% !important;}
}/*END*/
@media screen and (max-width: 1280px) {
.btn_home_title{ position: absolute; left: 0; top: 5vw; width: 100%; }
.btn_home_title img{ width: 257px !important;}
.btn_home .btn_home_bg{ position: absolute; left: 0px; top:-15%; width: 100%; height: 155%; background: url("https://www.seikowatches.com/us-en/products/prospex/special/speedtimer/asset/img/nav_home2_bg.jpg") center no-repeat; background-size:contain;}
.btn_home .btn_home_bg .btn_home_bg_l,
.btn_home .btn_home_bg .btn_home_bg_r{ display: none; }
}/*END*/
@media screen and (max-width: 1000px) {
.btn_home_title{ position: absolute; left: 0; top: 55px; width: 100%; }
.btn_home_title img{ width: 257px !important;}
.btn_home .btn_home_bg{ position: absolute; left: 0px; top:-20%;}
}/*END*/
@media screen and (max-width: 850px) {
.btn_home_title{ position: absolute; left: 0; top: 7vw; width: 100%; }
.btn_home_title img{ width: 60% !important;}
.btn_home_title p{ margin-top: 2.5vw; padding: 1vw 2.4vw; font-size: 1.7vw; letter-spacing: 0.5px; }
}/*END*/
@media screen and (max-width: 450px) {
.btn_home_title p{ margin-top: 2.5vw; padding: 1vw 2.4vw; font-size: 2vw; letter-spacing: 0.5px; }
}/*END*/
@media screen and (max-width: 400px) {
.btn_home_title p{ margin-top: 2.5vw; padding: 1vw 2.4vw; font-size: 2.2vw; letter-spacing: 0.5px; }
}/*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("https://www.seikowatches.com/us-en/products/prospex/special/speedtimer/asset/img/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; position: relative; z-index: 10; }
footer *,:after,:before { box-sizing: border-box;}
footer::after { content:" "; display:block; clear:both;}
.foot_l{ float: left; margin: 59px 0 0 40px;}
.foot_l .foot_logo { float: left; line-height: 1; margin-bottom: 53px; }
.foot_l .foot_logo img { width: 131px; transition: 0.2s; }
.foot_l .foot_logo a:hover img{ opacity: 0.6;}
.foot_l .copyright { float: left; margin: 13px 0 0 32px; font-size: 12px; line-height: 1; letter-spacing: 1px; color: #fff; font-family: Arial, Helvetica, sans-serif; font-weight: 400;}
@media (max-width: 750px) { 
.foot_l{ float: none; margin: 39px 0 0 0px; text-align: center;}
.foot_l .foot_logo { float: none; line-height: 1; margin-bottom: 23px; }
.foot_l .copyright { float: none; margin: 13px 0 0 0px; padding-bottom: 30px; font-size: 12px; line-height: 1; color: #fff; }
}/*END*/
.foot_r { float: right; padding-top: 58px; margin: 0 35px 0 0;}
.foot_r .sns { display: flex; list-style-type: none;}
.foot_r .sns img { width: 100%;}
.foot_r .sns > li { width: 40px; margin-right: 12px; padding: 5px; line-height: 1; border-radius: 50%; transition: 0.3s; background: #3c3c3c;}
.foot_r .sns > li:nth-child(2) { margin-right: 0;}
.foot_r .sns > li:hover { opacity: 0.5;}
.foot_r .sns > li img { padding: 5px;}
@media (max-width: 750px) {
 .foot_r {float: none;padding-top: 40px;margin: 0px; }
 .foot_r .sns {position: static;margin-bottom: 20px;justify-content: center; }
 .foot_r .sns > li {margin-right: 10px; }
}/*END*/

/*-------------------------------------------------
	txt [base]
--------------------------------------------------*/
.txt{ font-size: 16px; }
.txt15{ font-size: 15px; }
.txt14{ font-size: 14px; }
.txt_fs{ font-size: 16px; }
.lh_1{ line-height: 1.8;}
.lh_2{ line-height: 2.0;}
.lh_3{ line-height: 2.5;}
.ls_1{ letter-spacing: .5px;}
@media (max-width: 1400px) {
.txt{ font-size: 15px; }
.txt15{ font-size: 14px; }
.txt14{ font-size: 13px; }
.txt_fs{ font-size: 15px; }
}/*END*/
@media (max-width: 1200px) {
.txt_fs{ font-size: 14px; }
}/*END*/
@media (max-width: 1100px) {
.txt{ font-size: 14px; }
}/*END*/
@media (max-width: 1000px) {
.txt{ font-size: 16px; }
}/*END*/
@media (max-width: 960px) {
.lh_2{ line-height: 2;}
}/*END*/
@media (max-width: 640px) {
.txt{ font-size: 15px; }
.lh_3{ line-height: 2;}
}/*END*/
@media (max-width: 500px) {
.lh_2{ line-height: 1.9;}
}/*END*/
@media (max-width: 450px) {
.txt{ font-size: 14px; }
}/*END*/

/*---txt_s---*/
.txt_s{ margin-top: 20px; font-size: 14px!important; line-height: 1.6;letter-spacing: .6px; }
@media (max-width: 1200px) {
.txt_s{ margin-top: 15px; font-size: 13px!important; line-height: 1.6; }
}/*END*/
@media (max-width: 640px) {
.txt_s{ margin-top: 15px; font-size: 12px!important; line-height: 1.6;letter-spacing: 0px; }
}/*END*/

/*-------------------------------------------------
	.btn
--------------------------------------------------*/
.btn a{ font-size: 14px; line-height: 1; letter-spacing: .2px; padding: 16px 40px 18px; display: inline-block; color: #000; border: solid 1px #000; text-decoration: none; transition: 0.3s; }
.btn a:hover{ background: #000; color: #fff; }

/*-------------------------------------------------
	spec
--------------------------------------------------*/
.spec{ background: #fff; color: #000; padding: 80px 0; position: relative; z-index: 10;}
.spec_head{ padding-bottom:20px; width:90%; margin: 0 auto; text-align: center; position: relative;font-family: 'Montserrat', sans-serif; font-weight: 500; z-index: 10; }
.spec_head h2 small{ margin-bottom: 10px; font-size:22px; line-height: 1; display: block; letter-spacing: 4px; }
.spec_head h2{ font-size:45px; line-height: 1; font-weight: 500; letter-spacing: 7px; }
.spec_head h2 .spec_h2_sub{ margin-top: 10px; font-size:25px; display: block; line-height: 1.4; letter-spacing: .5px; font-weight: 500;}
.spec_head h2 .spec_h2_sub span{ display: inline-block; }
.spec_head h2 .spec_h2_sub2{ margin-top: 10px; font-size:30px; display: block; line-height: 1.4; letter-spacing: .5px; font-weight: 500;}
.spec_head h2 .spec_h2_sub2 span{ display: inline-block; }
@media (max-width: 600px){
.spec{ padding: 15vw 0; }
.spec_head{ padding-bottom:4vw; }
.spec_head h2 small{ font-size:3.8vw; letter-spacing: 0.5vw; }
.spec_head h2{ font-size:7.2vw; letter-spacing: 1.1vw; }
.spec_head h2 .spec_h2_sub{ margin-top: 10px; font-size:4vw; line-height: 1.4; letter-spacing: 0.2vw; }
.spec_head h2 .spec_h2_sub2{ margin-top: 10px; font-size:4.5vw; line-height: 1.4; letter-spacing: 0.2vw; }
}/*END*/
@media (max-width: 450px){
.spec{ padding: 13vw 0 15vw; }
}/*END*/

/* img [ on / off ] */
.collections_img_pc{ display: block;}
.collections_img_sp{ display: none;}
@media screen and (max-width: 640px) {
.collections_img_pc{ display: none;}
.collections_img_sp{ display: block;}
}/*end*/
/* .collections_inner */
.collections_inner{ display: flex; justify-content: center; width: 80%; max-width: 650px; margin: 0 auto; position: relative;}
@media (max-width: 1400px){
.collections_inner{ display: flex; justify-content: center; width: 80%; max-width: 600px; margin: 0 auto; }
}/*END*/
@media (max-width: 1000px){
.collections_inner{ max-width: 600px; }
}/*END*/
@media (max-width: 750px){
.collections_inner{ display: block; max-width: 90%; margin: 0 auto; }
}/*END*/
/* img_box */
.collections_inner .img_box{ width: 50%; text-align: center; }
.collections_inner .img_box img{ position: relative; left: 0px; }
@media (max-width: 1400px){
.collections_inner .img_box{ width: 60%; text-align: center; }
}/*END*/
@media (max-width: 750px){
.collections_inner .img_box{ width: 100%; }
.collections_inner .img_box img{ max-width: 280px; width: 90%; }
}/*END*/
/*---------img---------*/
.collections_img { width: 100%; max-width: 305px; margin: 0 auto; position: relative; z-index: 0; }

/*---------【1列】---------*/
/* [[ spec_1r ]] */
.spec_1r .collections_inner{ margin: 60px auto 0; width: 80%; max-width: 550px;  display: flex; align-items: center; justify-content: center;}
.spec_1r .collections_inner .txt_box{ margin-top: 0; width: 50%; text-align: center; position: relative; z-index: 3; }
.spec_1r .collections_inner .img_box img{ max-width: 248px; width: 90%; margin: 0 auto; }
@media (max-width: 750px){
.spec_1r .collections_inner{ margin: 60px auto 0; width: 80%; max-width: 500px; }
.spec_1r .collections_inner .txt_box{ margin-top: 0; width: 100% !important; padding-bottom: 30px; text-align: center; }
.spec_1r .collections_inner .img_box img{ max-width: 248px; width: 95%; margin: 0 auto; }
}/*END*/
@media (max-width: 550px){
.spec_1r .collections_inner{ margin: 8vw auto 0; width: 95%; max-width: 450px; }
.spec_1r .collections_inner .txt_box{ margin-top: 0; width: 100% !important; padding-bottom: 0px; text-align: center; }
.spec_1r .collections_inner .img_box img{ max-width: 248px; width: 90%; margin: 0 auto; }
}/*END*/
@media (max-width: 400px){
.spec_1r .collections_inner{ margin: 8vw auto 0; width: 95%; max-width: 450px;  display: block; }
.spec_1r .collections_inner .txt_box{ margin-top: 0; width: 100% !important; padding-bottom: 0px; text-align: center; }
.spec_1r .collections_inner .img_box img{ max-width: 248px; width: 55%; margin: 0 auto; }
}/*END*/


/*---------【2列】---------*/
/* [[ spec_2r ]] */
.spec_2r ul{ margin: 10px auto 0; width: 80%; max-width: 1600px; display: flex; align-items: center; justify-content: center;  }
.spec_2r ul li{ width: 50%; }
.spec_2r .collections_inner{ margin: 0px auto 0; width: 80%; max-width: 550px;  display: flex; align-items: center; justify-content: center; }
.spec_2r .collections_inner .txt_box{ margin-top: 0px; width: 50%; text-align: center; position: relative; z-index: 3; }
.spec_2r .collections_inner .img_box img{ max-width: 248px; width: 100%; margin: 0 auto; }
@media (max-width: 1400px){
.spec_2r ul{ margin: 10px auto 0; width: 90%; max-width: 1600px; display: flex; align-items: center; justify-content: center;  }
.spec_2r .collections_inner{ margin: 0px auto 0; width: 85%; max-width: 550px;  }
.spec_2r .collections_inner .txt_box{ margin-top: 0px; width: 50%; }
.spec_2r .collections_inner .img_box img{ max-width: 248px; width: 85%; margin: 0 auto; }
}/*END*/
@media (max-width: 1000px){
.spec_2r ul { display: flex; flex-wrap: wrap; justify-content:center; max-width: 750px; width: 85%; margin: 30px auto 0;}
.spec_2r ul li{ margin-top: 0px !important; width: 50%; margin-top: 120px ;}
.spec_2r .collections_inner{ display: block; width: 100%; margin: 0 auto; text-align: center; }
.spec_2r .collections_inner .img_box{ width: 85%; max-width:280px; margin: 0 auto; text-align: center; }
.spec_2r .collections_inner .txt_box{ margin-top: 25px; width: 100%; text-align: center; position: relative; z-index: 3;}
}/*END*/
@media (max-width: 750px){
.spec_2r .collections_inner .img_box img{ width: 80%; max-width: 300px; }
.spec_2r ul li{ margin-top: 14vw ;}
}/*END*/
@media (max-width: 640px){
.spec_2r ul { max-width: 700px; width: 90%; margin: 30px auto 0;}
.spec_2r .collections_inner .img_box{ width: 90%; max-width: 280px; margin: 0 auto; text-align: center; }
}/*END*/
@media (max-width: 400px){
.spec_2r ul { max-width: 700px; width: 95%; margin: 30px auto 0;}
.spec_2r .collections_inner .img_box{ width: 90%; max-width: 280px; margin: 0 auto; text-align: center; }
}/*END*/


/*---------【3列】---------*/
/* [[ spec_3r ]] */
.spec_3r ul { display: flex; flex-wrap: wrap; justify-content:space-between; max-width: 1100px; width: 85%; margin: 60px auto 0;}
.spec_3r ul li{ width: 33.3%;}
.spec_3r .collections_inner{ display: block; width: 100%; margin: 0 auto; text-align: center; }
.spec_3r .collections_inner .img_box{ width:67%; margin: 0 auto; text-align: center;}
.spec_3r .collections_inner .txt_box{ margin-top: 30px; width: 100%; text-align: center; position: relative; z-index: 3; }
@media (max-width: 1000px){
.spec_3r ul { max-width: 750px; width: 85%; margin: 40px auto 0;}
.spec_3r ul li{ width: 50%; margin-top: 100px ;}
.spec_3r ul li:nth-child(1),
.spec_3r ul li:nth-child(2){ margin-top: 0px !important;}
.spec_3r .collections_inner .img_box{ width: 75%; max-width: 250px; margin: 0 auto; text-align: center; }
.spec_3r ul li:nth-child(3){ margin: 100px auto 0;}
}/*END*/
@media (max-width: 750px){
.spec_3r .collections_inner .img_box img{ max-width: 280px; width: 100%; }
.spec_3r ul li{ margin-top: 12vw ;}
.spec_3r ul li:nth-child(3){ margin: 12vw auto 0;}
}/*END*/
@media (max-width: 640px){
.spec_3r ul { max-width: 700px; width: 90%; margin: 40px auto 0;}
.spec_3r .collections_inner .img_box{ width: 80%; max-width: 280px; margin: 0 auto; text-align: center; }
}/*END*/
@media (max-width: 400px){
.spec_3r ul { max-width: 700px; width: 95%; margin: 40px auto 0;}
.spec_3r .collections_inner .img_box{ width: 85%; max-width: 280px; margin: 0 auto; text-align: center; }
}/*END*/

/*---------【4列】---------*/
/* [[ spec_4r ]] */
.spec_4r ul { display: flex; flex-wrap: wrap; justify-content:center; max-width: 1320px; width: 88%; margin: 50px auto 30px;}
.spec_4r ul li{ width: 25%; margin-top: 100px ;}
.spec_4r ul li:nth-child(1),
.spec_4r ul li:nth-child(2),
.spec_4r ul li:nth-child(3),
.spec_4r ul li:nth-child(4){ margin-top: 0px;}
.spec_4r .collections_inner{ display: block; width: 100%; margin: 0 auto; text-align: center; }
.spec_4r .collections_inner .img_box{ width:71%; margin: 0 auto; text-align: center; }
.spec_4r .collections_inner .txt_box{ margin-top: 25px; width: 100%; text-align: center; position: relative; z-index: 3; }
@media (max-width: 1200px){
.spec_4r ul { width: 90%; margin: 50px auto 30px;}
.spec_4r .collections_inner .img_box{ width: 75%; margin: 0 auto; text-align: center; }
}/*END*/
@media (max-width: 1000px){
.spec_4r ul { max-width: 750px; width: 85%; margin: 50px auto 20px;}
.spec_4r ul li:nth-child(1),
.spec_4r ul li:nth-child(2){ margin-top: 0px !important;}
.spec_4r ul li:nth-child(3),
.spec_4r ul li:nth-child(4),
.spec_4r ul li{ width: 50%; margin-top: 100px ;}
.spec_4r .collections_inner .img_box{ width: 75%; max-width: 250px; margin: 0 auto; text-align: center; }
}/*END*/
@media (max-width: 750px){
.spec_4r .collections_inner .img_box img{ max-width: 280px; width: 100%; }
.spec_4r ul li:nth-child(3),
.spec_4r ul li:nth-child(4),
.spec_4r ul li{ margin-top: 12vw ;}
}/*END*/
@media (max-width: 640px){
.spec_4r ul { max-width: 700px; width: 90%; margin: 40px auto 10px;}
.spec_4r .collections_inner .img_box{ width: 80%; max-width: 280px; margin: 0 auto; text-align: center; }
}/*END*/
@media (max-width: 400px){
.spec_4r ul { max-width: 700px; width: 95%; margin: 30px auto 0;}
.spec_4r .collections_inner .img_box{ width: 85%; max-width: 280px; margin: 0 auto; text-align: center; }
}/*END*/


/*---------txt---------*/
.collections_name { margin-top: 20px; font-size: 16px; line-height: 1.5; }
/*collections_no*/
.collections_no { margin-top: 20px; font-size: 21px; line-height: 1; letter-spacing: 1px; font-weight: 500; font-family: 'Montserrat', sans-serif; }
@media screen and (max-width: 420px) {
#co03 .collections_no { margin-top: 0px; font-size: 18px; }
}/*END*/
/*collections_movement*/
.collections_movement { margin-top: 3px; font-size: 14px; line-height: 1.6; letter-spacing: 0px;font-weight: 400; }
@media screen and (max-width: 420px) {
.spec_2r .collections_movement{ margin-top: 3px; font-size: 11px;}
.spec_3r .collections_movement{ margin-top: 3px; font-size: 11px;}
.spec_4r .collections_movement{ margin-top: 3px; font-size: 11px;}
}/*END*/
/*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;}
@media screen and (max-width: 420px) {
.spec_2r .collections_price{ margin-top: 10px; font-size: 17px; }
.spec_4r .collections_price{ margin-top: 10px; font-size: 17px; }
}/*END*/
/*collections_limited*/
.collections_limited { margin-top: 15px; font-size: 14px; line-height: 1.6; letter-spacing: 0.5px; font-weight: 400; position: relative; display: inline-block;}
.collections_limited::after { position: absolute; display: block; content: ''; width: 100%; height: 2px; background: #111; }
@media screen and (max-width: 420px) {
.collections_limited { margin-top: 15px; font-size: 14px; line-height: 1.6; letter-spacing: 0px; font-weight: 400; position: relative; display: inline-block;}
}/*END*/
/*collections_release*/
.collections_release{ margin-top: 17px; font-size: 14px; line-height: 1.4; letter-spacing: 0.5px; font-weight: 400;}
.collections_release span{ display: inline-block;}
@media screen and (max-width: 420px) {
.spec_1r .collections_release{ margin-top: 10px; font-size: 13px;}
.spec_2r .collections_release{ margin-top: 10px; font-size: 13px;}
.spec_2r .collections_release span{ display: block;}
.spec_4r .collections_release{ margin-top: 10px; font-size: 13px;}
.spec_4r .collections_release span{ display: block;}
}/*END*/
/*collections_txt*/
.collections_txt{ margin-top: 20px; font-size: 13px; line-height: 1.4; letter-spacing: 0.5px; font-weight: 400; text-align: center;}
.collections_txt span{ display: inline-block; }
@media screen and (max-width: 750px) {
.collections_txt{ margin-top: 20px; font-size: 12px;}
.spec_1r .collections_txt span{display: block;}
}/*END*/
@media screen and (max-width: 420px) {
.spec_2r .collections_txt{ margin-top: 20px; font-size: 12px;}
.spec_4r .collections_txt{ margin-top: 20px; font-size: 12px;}
}/*END*/

/*collections_btn*/
.collections_btn { max-width: 180px; 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: none; color: #000; border:solid 1px #000; position: relative; overflow: hidden; }
.collections_btn a:hover { cursor: pointer; color: #fff;}
.collections_btn a::before { content: ''; width: 100%; height: 100%; background: #000; position: absolute;left: -100%; top: 0; transition: 0.3s; z-index: -1; }
.collections_btn a:hover::before { left: 0%; top: 0; }
@media screen and (max-width: 1200px) {
.collections_btn { max-width: 160px; 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: 420px) {
.collections_btn { max-width: 150px; 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;}
.spec_2r .collections_btn { max-width: 150px; margin: 22px auto 0; }
.spec_2r .collections_btn a { margin-top: 10px; font-size: 13px; line-height: 1; font-weight: 500; padding: 14px 0 14px; letter-spacing: 0px;}
.spec_4r .collections_btn { max-width: 150px; margin: 22px auto 0; }
.spec_4r .collections_btn a { margin-top: 10px; font-size: 13px; line-height: 1; font-weight: 500; padding: 14px 0 14px; letter-spacing: 0px;}
}/*END*/
@media screen and (max-width: 350px) {
.collections_btn { max-width: 150px; 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;}
.spec_2r .collections_btn { max-width: 130px; margin: 12px auto 0; }
.spec_2r .collections_btn a { margin-top: 10px; font-size: 11px; line-height: 1; font-weight: 500; padding: 14px 0 14px; letter-spacing: 0px;}
.spec_4r .collections_btn { max-width: 130px; margin: 12px auto 0; }
.spec_4r .collections_btn a { margin-top: 10px; font-size: 11px; line-height: 1; font-weight: 500; padding: 14px 0 14px; letter-spacing: 0px;}
}/*END*/
/*collections_new*/
.collections_new{ position: absolute; top: -55px; left: 0px; width: 100%; }
.collections_new span { margin-top: 0px; font-size: 18px; line-height: 1.6; letter-spacing: 1px; font-weight: 500; position: relative; display: inline-block; color: #ecaa00; }
.collections_new span::after { position: absolute; display: block; content: ''; width: 100%; height: 2px; background: #ecaa00; }
@media screen and (max-width: 640px) {
.collections_new{ position: absolute; top: -45px; left: 0px; width: 100%; }
.collections_new span { margin-top: 0px; font-size: 16px; }
}/*END*/

/*-------------------------------------------------
	contents margine
--------------------------------------------------*/
/* ==== co_head ==== */
.co_head{ margin-top: 80px; }
.co_head_mt0{ margin-top: 0px !important; }

/* ==== original_model ==== */
.original_model{ margin: 110px auto 0 !important; }
@media (max-width:1400px){
.original_model{ margin: 110px auto 0 !important; }
}/*END*/
@media (max-width:1200px){
.original_model{ margin: 100px auto 0 !important; }
}/*END*/
@media (max-width:1000px){
.original_model{ margin: 90px auto 0 !important; padding-bottom: 80px !important; }
}/*END*/
@media (max-width:750px){
.original_model{ margin: 90px auto 0 !important; padding-bottom: 12vw !important; }
}/*END*/
@media (max-width:500px){
.original_model{ margin: 16vw auto 0 !important; padding-bottom: 12vw !important; }
}/*END*/

/* ==== slider ==== */
.slider{ margin: 120px auto 0; }
@media (max-width:1000px){
.slider{ margin: 80px auto 0; }
}/*END*/
@media (max-width:750px){
.slider{ margin: 12vw auto 0; }
}/*END*/


.spec{ margin-top: 80px; }


/*-------------------------------------------------
	new_banner
--------------------------------------------------*/
#new_banner{ padding: 80px 0; background: #e6e6e6; }
#new_banner a{ width:80%; max-width: 1000px; display: block; margin: 0 auto; position: relative; overflow: hidden; }
#new_banner a img{ transition: 1s;}
#new_banner a:hover img{ transform: scale(1.05);}
@media screen and (max-width: 1024px) {
#new_banner{ padding: 9vw 0; }
#new_banner a{ width:90%; max-width: 1000px;  }
}/*END*/

/*----new_arrow----*/
#new_banner .new_arrow{ position: absolute; right: 30px; top: 50%; width: 26px; height: 26px; margin: -13px 0 0 ; display: block; z-index: 5; transition: 0.2s;}
#new_banner .new_arrow .st0{fill:#fff; transition: 0.4s;}
#new_banner a:hover .new_arrow .st0{fill:#fcca00;}
@media screen and (max-width: 1250px) {
#new_banner .new_arrow{ position: absolute; right: 30px; top: 50%; width: 24px; height: 24px; margin: -12px 0 0 ; }
}/*END*/
@media screen and (max-width: 1000px) {
#new_banner a .new_arrow .st0{fill:#fff !important;}
}/*END*/
@media screen and (max-width: 680px) {
#new_banner .new_arrow{ position: absolute; right: 4vw; top: 50%; width: 3.5vw; height: 3.5vw; margin: -1.75vw 0 0 ; }
#new_banner .new_arrow svg{ vertical-align: top; }
}/*END*/

/* [ on / off ] */
.new_banner_x1{ display: none;}
.new_banner_x15{ display: block;}
@media screen and (max-width: 800px) {
.new_banner_x1{ display: block;}
.new_banner_x15{ display: none;}
}/*END*/