@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; 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: #000; 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,
.color img,
.his_box img,
.year,
.model_name,
.co_head_title small,
.co_head_title span,
.co_head_title span.span2,
.movement,
.option,
.de .img_box,
.movement .img_box,
.option .img_box,
.de .img_box img,
.movement .img_box img,
.option .img_box img,
.txt,
.de h3,
.de h3 span,
.movement h3 span,
.movement h3 small,
.spec .spec_head,
.collections_img,
.collections_inner .txt_box h3,
.collections_inner .txt_box p
 { visibility: hidden;}

/*-------------------------------------------------
	header
--------------------------------------------------*/
header{ position: relative; z-index: 110; }
/*------ header logo ------*/
header .seiko_logo{ width: 130px; position:absolute; right: 30px; top: 30px; }
@media (max-width: 1600px) {
header .seiko_logo{ width: 8.17vw; right: 1.85vw; top: 1.85vw; }
}/*END*/
@media (max-width: 1000px) {
header .seiko_logo{ width: 9.17vw; right: 1.85vw; top: 1.85vw; }
}/*END*/
@media screen and (orientation: portrait) { 
header .seiko_logo{ width: 130px; right: 30px; top: 30px; }
}/*END*/
@media screen and (max-width: 780px) and (orientation: portrait) { 
header .seiko_logo{ width: 17vw; right: 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; }
}/*END*/

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

/*-------------------------------------------------
	main
--------------------------------------------------*/
.pc_x15{display:block;}
.pc_x1{display:none;}
.sp_x15{display:none;}
.sp_x1{display:none;}
@media screen and (max-width: 1400px) and (orientation: landscape) {
.pc_x15{display:none;}
.pc_x1{display:block;}
.sp_x15{display:none;}
.sp_x1{display:none;}
}/*END*/
@media screen and (orientation: portrait) {
.pc_x15{display:none;}
.pc_x1{display:none;}
.sp_x15{display:block;}
.sp_x1{display:none;}
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {
.pc_x15{display:none;}
.pc_x1{display:none;}
.sp_x15{display:none;}
.sp_x1{display:block;}
}/*END*/

#main { width: 100%; height: auto; position: relative; z-index: 100; overflow: hidden; outline:none; }
/*main_img*/
#main .main_img { width: 100%; position: relative; z-index: 100;}
#main .main_img img{ width: 100%;}
/*parallax
----------------------*/
#main .parallax-window { position: relative; z-index: 0; height: 50vw; background: transparent; }
#main h1{ width: 100%; margin: 0; position: absolute; left:0%; top: 5.7vw; z-index: 200; text-align: center; }
#main h1 small img{ width:28vw; display: inline-block; }
#main h1 span img{ width: 21.3vw; display:inline-block; margin-top: 2.2vw; }
/*scroll*/
.scroll a{ width: 100%; height: 7vw; display: block; margin: 0; position: absolute; left:0%; bottom: 0%; z-index: 100; text-align: center; display: flex; align-items: center; justify-content: center;}
.scroll svg{ width: 1.8vw; margin: 0 0 0vw 0; display: inline-block; }
.scroll a .st0{fill:#fff}
.scroll a:hover .st0{fill:#fcca00}

/* 縦
-----------------------*/
@media screen and (orientation: portrait) {
#main h1{ width: 100%; margin: 0; position: absolute; left:0%; top: 23.5vw; z-index: 200; text-align: center; }
#main h1 small img{ width:60.5vw; display: inline-block; }
#main h1 span img{ width: 45.5vw; display:inline-block; margin-top: 4.8vw; }
/*scroll*/
.scroll a{ width: 100%; height: 20vw; }
.scroll svg{ width: 6vw; margin: 0; display: inline-block; }
}/*END*/

/*-------------------------------------------------
	txt [base]
--------------------------------------------------*/
p.txt{ font-size: 16px; }
p.txt15{ font-size: 15px; }
p.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) {
p.txt{ font-size: 15px; }
p.txt15{ font-size: 14px; }
p.txt_fs{ font-size: 15px; }
}/*END*/
@media (max-width: 1200px) {
p.txt_fs{ font-size: 14px; }
}/*END*/
@media (max-width: 1100px) {
p.txt{ font-size: 14px; }
}/*END*/
@media (max-width: 1000px) {
p.txt{ font-size: 16px; }
}/*END*/
@media (max-width: 960px) {
.lh_2{ line-height: 2;}
}/*END*/
@media (max-width: 640px) {
p.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) {
p.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*/


h2,h3,h4{ font-weight: 500;}
nav h3{ font-weight: 500;}

/*-------------------------------------------------
	concept
--------------------------------------------------*/
#concept {padding: 6.4vw 0;}
#concept p{ width: 80%; max-width:950px; text-align: left; margin: 0 auto;}
.concept_br{ display: inline-block;}
@media (max-width: 1600px) {
#concept {padding: 100px 0;}
#concept p{ width: 80%; max-width:950px; text-align: left; margin: 0 auto;}
}/*END*/

@media (max-width: 1400px) {
#concept {padding: 100px 0;}
#concept p{ width: 80%; max-width:900px; text-align: left; margin: 0 auto;}
}/*END*/

@media (max-width: 1000px) {
.concept_br{ display: none;}
#concept p{ width: 80%; max-width:1000px; text-align: left; margin: 0 auto;}
}/*END*/
@media (max-width: 640px) {
#concept {padding: 17vw 0;}
}/*END*/
@media screen and (orientation: portrait) {
#concept { background: linear-gradient(to bottom, #111 0%, #000 100%);}
}/*END*/

/*-------------------------------------------------
	movie
--------------------------------------------------*/
.movie_head{ position: relative;}
.movie_head .movie_head_bar{ position: absolute; bottom: 0px; left: 0px; width: 100%; height: 50px; background: linear-gradient(to right, #303030 0%, #000 100%); z-index: 1;}
.movie_head .movie_title{ width: 600px; background: #fcca00; color: #000; position: relative; z-index: 2;}
.movie_head .movie_title h2{ font-size: 32px; padding:25px 0px 25px 40px; line-height: 1.2; font-weight: 500; font-family: 'Montserrat', sans-serif; }
.movie_bottom_bar{ width: 100%; height: 50px; background: linear-gradient(to left, #303030 0%, #000 100%);}
@media (max-width: 1180px) {
.movie_head .movie_title{ width: 50%; background: #fcca00; color: #000; position: relative; z-index: 2;}
}/*END*/

@media (max-width: 1180px) {
.movie_head .movie_title h2{ font-size: 2.71vw; padding:2.2vw 0px 2.2vw 3.5vw ; line-height: 1.2; }
}/*END*/
@media screen and (max-width: 900px) {
.movie_head .movie_title{ width: 85vw; }
.movie_head .movie_title h2{ font-size: 32px; padding:25px 0px 25px 35px; line-height: 1.2; font-family: 'Montserrat', sans-serif; }
}/*END*/
@media screen and (max-width: 680px) {
.movie_head .movie_head_bar{ height: 10vw; background: linear-gradient(to left, #222 0%, #000 100%); z-index: 1;}
.movie_bottom_bar{ height: 10vw; background: linear-gradient(to left, #303030 0%, #000 100%);}
.movie_head .movie_title{ width: 85vw; }
.movie_head .movie_title h2{ font-size: 4.7vw; padding:4vw 0px 4vw 5vw; line-height: 1.2; font-family: 'Montserrat', sans-serif; }
}/*END*/
/* movie
-------------------*/
.movie{ margin: 0px auto 0px; width: 85%; max-width: 810px; display: block;}
.movie_inner{ display: block; position: relative; overflow: hidden; background: #000; border: solid 0px #111;}
.movie_inner img{ transition: 1s; opacity: 1; position: relative; z-index: 1; width: 100%;}
.movie_inner:hover img{ transform:scale(1.05); opacity: .6;}
/*再生icon*/
.movie_inner figure{ position: absolute; left: 50%; top: 65%; margin: -45px 0 0 -45px; width: 90px; height: 90px; background: rgba(255,255,255,0); border: solid 2px rgba(255,255,255,1); border-radius: 50%; box-sizing: border-box; z-index: 2; transition: 0.3s; }
.movie_inner figure::after{ border-width: 15px 0 15px 26px; margin: -15px 0 0 -9px; border-color: transparent transparent transparent #fff; left: 50%; top: 50%; position: absolute; content: ''; display: block; width: 0; height: 0; border-style: solid; }
.movie_inner:hover figure{ background: rgba(252,202,0,.8); border: solid 2px rgba(255,255,255,0);}
.movie_inner:hover figure::after{ border-color: transparent transparent transparent #fff;}
@media screen and (max-width: 1600px) {
.movie_inner figure{position: absolute; left: 50%; top: 65%; margin: -2.8vw 0 0 -2.8vw; width: 5.6vw; height: 5.6vw; }
.movie_inner figure::after{ border-width: .9vw 0 .9vw 1.6vw; margin: -.9vw 0 0 -0.6vw; }
}/*END*/
@media screen and (max-width: 1100px) {
.movie_inner figure{position: absolute; left: 50%; top: 65%; margin: -5vw 0 0 -5vw; width: 10vw; height: 10vw; }
.movie_inner figure::after{ border-width: 2vw 0 2vw 3vw; margin: -2vw 0 0 -1vw; }
}/*END*/
@media screen and (orientation: portrait)and (max-width: 760px) {
.movie_inner figure{position: absolute; left: 50%; top: 65%; margin: -7vw 0 0 -7vw; width: 14vw; height: 14vw; }
.movie_inner figure::after{ border-width: 2.5vw 0 2.5vw 4vw; margin: -2.5vw 0 0 -1.5vw; }
}/*END*/
img.movie_x15{display:block;}
img.movie_x1{display:none;}
img.movie_tab{display:none;}
img.movie_sp{display:none;}
@media screen and (max-width: 1400px) and (orientation: landscape) {
img.movie_x15{display:none;}
img.movie_x1{display:block;}
img.movie_tab{display:none;}
img.movie_sp{display:none;}
}/*END*/
@media screen and (max-width: 1100px) {
img.movie_x15{display:none;}
img.movie_x1{display:none;}
img.movie_tab{display:block;}
img.movie_sp{display:none;}
}/*END*/
@media screen and (orientation: portrait)and (max-width: 760px) {
img.movie_x15{display:none;}
img.movie_x1{display:none;}
img.movie_tab{display:none;}
img.movie_sp{display:block;}
}/*END*/

/*-------------------------------------------------
	nav
--------------------------------------------------*/
#nav { text-align: center; background: #111;}
#nav h2{ padding: 8.3vw 0; width: 28.5vw; display: block; margin: 0 auto; }
#nav h2 img{display: block; margin-bottom: 0px;}
@media screen and (max-width: 1600px) {
#nav h2{ padding: 130px 0; width: 460px; }
}/*END*/
@media screen and (max-width: 750px) {
#nav h2{ padding: 15vw 0; width: 60vw; }
}/*END*/
/*--- nav ---*/
#nav nav ul{ display: flex; justify-content:center; background: #171717; }
#nav nav ul li{ text-align: center; width: 50%; position: relative; }
#nav nav ul li a{padding: 84px 0 0; height: 650px; box-sizing: border-box; display: block; cursor: pointer; text-decoration: none; color: #fff; position: relative; z-index: 2;}
#nav nav ul li img{ width: 210px;}
#nav nav ul li h3{ font-size: 16px; line-height: 1.5;}
#nav nav ul li:nth-child(1) h3{ margin-top: 50px; }
#nav nav ul li:nth-child(2) h3{ margin-top: 31px; }
.color { margin: 18px 0 0px;}
.nav_l_box{ display: flex; justify-content: center; }
.nav_l_box .inner{ margin: 0 2vw; position: relative; }
/*scroll*/
 .nav_scroll{ width: 100%; display: block; margin: 0; position: absolute; left:0%; bottom: 78px; z-index: 3; text-align: center; display: block; z-index: 5;}
 .nav_scroll svg{ width: 26px; height:26px; margin: 0 0 0vw 0; display: inline-block; }
 .nav_scroll .st0{fill:#777; transition: 0.4s;}
 a:hover .nav_scroll .st0{fill:#fcca00;}
 a .nav_img{ transition: 0.5s;}
 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.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(2) 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(1) a:hover .nav_bg,
#nav nav ul li:nth-child(2) a:hover .nav_bg{ opacity: 1;}
@media screen and (max-width: 1400px) {
#nav nav ul li a{padding: 6vw 0 0; height: 46.5vw; }
#nav nav ul li img{ width: 15vw;}
#nav nav ul li:nth-child(1) h3{ margin-top: 3vw; }
#nav nav ul li:nth-child(2) h3{ margin-top: 2vw; }
.color { margin: 1.2vw 0 0vw;}
/*scroll*/
 a .nav_scroll{ bottom: 5.5vw; }
 a .nav_scroll svg{ width: 2vw; height:2vw; margin: 0 0 0vw 0; display: inline-block; }
}/*END*/
.nav_limited{display: none; }
h3.nav_l_title{display: none !important; }
.nav_l_box h3{display: block !important; }
@media screen and (max-width: 1000px) {
 a .nav_scroll .st0{fill:#fcca00 !important;}
#nav nav ul li a{padding: 90px 0 0; height: 500px; }
.nav_l_box .inner{ margin: 0 .5vw; position: relative; }
.nav_limited{ position: absolute; left: 0px; top:-40px; width: 100%; font-size: 11px; display: block; }
.nav_limited span{ border-bottom: solid 2px #fff; padding-bottom: 2px; }
h3.nav_l_title{display: block !important; }
.nav_l_box h3{display: none !important; }
#nav nav ul li img{ width: 150px;}
#nav nav ul li:nth-child(1) h3{ margin-top: 15px; }
#nav nav ul li:nth-child(2) h3{ margin-top: 15px; }
#nav nav ul li .color img{ margin: 1.2vw 0 0vw; width: 150px;}
/*scroll*/
a .nav_scroll{ bottom: 40px; }
a .nav_scroll svg{ width: 20px; height:20px; margin: 0 0 0vw 0; display: inline-block; }
}/*END*/
@media screen and (max-width: 720px) {
#nav nav ul li a{padding: 13vw 0 0; height: 70vw; }
#nav nav ul li h3{ font-size: 14px; line-height: 1.5;}
.nav_l_box .inner{ margin: 0 0vw; position: relative; }
.nav_limited{ position: absolute; left: 0px; top:-6vw; width: 100%; font-size: 11px; display: block; }
#nav nav ul li img{ width: 20vw;}
a .nav_scroll svg{ width: 3vw; height:3vw; margin: 0 0 0vw 0; display: inline-block; }
}/*END*/
@media screen and (max-width: 600px) {
#nav nav ul li h3{ font-size: 13px; line-height: 1.5;}
#nav nav ul li a{padding: 15vw 0 0; height: 80vw; }
.nav_limited{ position: absolute; left: 0px; top:-7vw; width: 100%; font-size: 11px; display: block; }
 a .nav_scroll svg{ width: 4vw; height:4vw; margin: 0 0 0vw 0; display: inline-block; }
#nav nav ul li .color img{ margin: 2vw 0 0vw; width: 120px;}
}/*END*/
@media screen and (max-width: 550px) {
#nav nav ul li a{padding: 15vw 0 0; height: 80vw; }
.nav_limited{ position: absolute; left: 0px; top:-7vw; width: 100%; font-size: 11px; display: block; }
.nav_limited span{ border-bottom: solid 1px #fff; padding-bottom: 1px; }
 a .nav_scroll svg{ width: 5vw; height:5vw; margin: 0 0 0vw 0; display: inline-block; }
}/*END*/
@media screen and (max-width: 500px) {
#nav nav ul li a{padding: 15vw 0 0; height: 85vw; }
}/*END*/
@media screen and (max-width: 450px) {
#nav nav ul li a{padding: 17vw 0 0; height: 90vw; }
.nav_limited{ position: absolute; left: 0px; top:-8vw; width: 100%; font-size: 9px; display: block; }
#nav nav ul li h3{ font-size: 12px; line-height: 1.5;}
}/*END*/
@media screen and (max-width: 400px) {
#nav nav ul li a{padding: 20vw 0 0; height: 95vw; }
.nav_limited{ position: absolute; left: 0px; top:-8.3vw; width: 100%; font-size: 8px; display: block; }
}/*END*/
@media screen and (max-width: 350px) {
#nav nav ul li a{padding: 20vw 0 0; height: 100vw; }
.nav_limited{ position: absolute; left: 0px; top:-9vw; width: 100%; font-size: 8px; display: block; }
#nav nav ul li .color img{ margin: 2vw 0 0vw; width: 110px;}
}/*END*/
.nav02_col_x15{ display: inline-block;}
.nav02_col_sp{ display: none;}
@media screen and (max-width: 900px) {
.nav02_col_x15{ display: none;}
.nav02_col_sp{ display: inline-block;}
}/*END*/

/*-------------------------------------------------
	co [base]
--------------------------------------------------*/
.co{background: linear-gradient(to right, #3e3e3e 0%, #000 100%);}

/*-------------------------------------------------
	co_head
--------------------------------------------------*/
.co_head{ width: 100%; height: 50vw; position: relative; z-index: 100 ; top: 0; left: 0; display: flex; align-items: center; }
.co_head .parallax-window { z-index: 1; height: 100%; background: transparent; }
/*co_head_img*/
.co_head_img{ width: 100%; height: 100%; opacity: .7; position: absolute; left: 0; top: 0; overflow: hidden; z-index: 1;}
/*h2*/
.co_head_title h2{ position: relative; margin-left:57.6vw; color: #fff; text-align: left; z-index: 20; }
.co_head_title h2 span,
.co_head_title h2 small{ font-size:2.1vw; font-weight: 500; }
.co_head_title h2 small{ letter-spacing: 0.04vw; line-height: 0.8; display: block;}
.co_head_title h2 span{ padding-top: 0.8vw; line-height: 1; display: block;}
.co_head_title h2::before{ content: ''; display: block; position: absolute; left: -2.4vw; top: 0px; width: 0.46vw; height: 100%; background: #fcca00; z-index: 10; }
@media screen and (orientation: portrait) {
.co_head{ width: 100%; height: auto; position: relative; z-index: 100 ; top: 0; left: 0; display: block;}
.co_head_img{ width: 100%; opacity:1; position: relative; left: 0; top: 0;height: auto;}
.co_head_img img{ width: 100%; }
/*h2*/
.co_head_title{ position: absolute; left: 0; top: 108vw; width: 100%; text-align: center;}
.co_head_title h2{ position: relative; margin:0; color: #fff; text-align: center; z-index: 20; }
.co_head_title h2 span,
.co_head_title h2 small{ font-size:5.2vw; line-height: 1; font-weight: 500; }
.co_head_title h2 small{ letter-spacing: 0.04vw;}
.co_head_title h2 span{ padding-top: 2.2vw; display: inline-block;}
.co_head_title h2::before{ content: ''; display: block; position: absolute; left: 50%; top: initial;bottom: -4.5vw; width:16vw; margin: 0 0 0 -8vw; height: 1.2vw; background: #fcca00; z-index: 10; }
}/*END*/

/*-------------------------------------------------
	co01
--------------------------------------------------*/
/*------------------------
	#co01 .base_design
-------------------------*/
#co01 .base_design{ margin: 144px auto 0; width: 90%; max-width: 1000px; display: flex; justify-content: space-between; align-items: center; }
#co01 .base_design .txt_box{ width: 50%; }
#co01 .base_design .his_box{ width: 35.4%; position: relative;}
#co01 .base_design .his_box img{ max-width: 236px; }
@media (max-width:1500px){
#co01 .base_design .txt_box{ width: 45%; }
#co01 .base_design .his_box{ width: 43%; }
}/*END*/
@media (max-width:1400px){
#co01 .base_design{ margin: 120px auto 0; }
#co01 .base_design .txt_box{ width: 43%; }
#co01 .base_design .his_box img{ max-width: 200px; }
}/*END*/
@media (max-width:1200px){
#co01 .base_design{ margin: 100px auto 0; width: 90%; max-width: 900px; }
#co01 .base_design .txt_box{ width: 45%; }
#co01 .base_design .his_box{ width: 43%; }
}/*END*/
@media (max-width:1100px){
#co01 .base_design{ margin: 100px auto 0; width: 90%; max-width: 900px; }
#co01 .base_design .txt_box{ width: 43%; }
#co01 .base_design .his_box{ width: 43%; }
}/*END*/
@media (max-width:1000px){
#co01 .base_design{ margin: 90px auto 0; padding-bottom: 60px; width: 80%; max-width: 800px; display: block; border-bottom: solid 1px #444;}
#co01 .base_design .txt_box{ width: 100%; }
#co01 .base_design .his_box{ width: 300px; margin: 60px auto 0; }
}/*END*/
@media (max-width:550px){
#co01 .base_design{ margin: 14vw auto 0; padding-bottom: 14vw; }
#co01 .base_design .his_box{ width: 300px; margin: 40px auto 0; }
}/*END*/
/*#co01 .his_txt_box*/
#co01 .his_txt_box{ position: absolute; left: 220px; bottom: 40px; padding-left: 15px; width: 200px; border-left: solid 4px #5b5c5b; }
#co01 .his_txt_box .year{ margin-top: 0px; font-size: 24px; letter-spacing: 2px; line-height: 1; font-family: 'Montserrat', sans-serif; }
#co01 .his_txt_box .model_name{ margin-top: 6px; font-size: 14px; line-height: 1;}
@media (max-width:1400px){
#co01 .his_txt_box{ position: absolute; left: 190px; bottom: 40px; }
}/*END*/
@media (max-width:1200px){
#co01 .his_txt_box .year{ margin-top: 0px; font-size: 20px; }
#co01 .his_txt_box .model_name{ margin-top: 5px; font-size: 12px; }
}/*END*/
@media (max-width:1000px){
#co01 .base_design .his_box img{ max-width: 190px; margin-left: 5px; }
#co01 .his_txt_box{ position: absolute; left: 180px; bottom: 40px; padding-left: 18px; }
}/*END*/
@media (max-width:550px){
#co01 .his_txt_box{ position: absolute; left: 150px; bottom: 40px; padding-left: 18px; }
#co01 .base_design .his_box img{ max-width: 160px; margin-left: 0px; }
}/*END*/
@media (max-width:400px){
#co01 .his_txt_box{ position: absolute; left: 150px; bottom: 40px; padding-left: 12px; }
#co01 .his_txt_box .year{ margin-top: 0px; font-size: 18px; letter-spacing: 2px; line-height: 1; font-family: 'Montserrat', sans-serif; }
#co01 .his_txt_box .model_name{ margin-top: 6px; font-size: 11px; line-height: 1;}
}/*END*/
@media (max-width:370px){
#co01 .base_design .his_box img{ max-width: 140px; }
#co01 .his_txt_box{ position: absolute; left: 130px; bottom: 40px; padding-left: 12px; }
#co01 .his_txt_box .year{ margin-top: 0px; font-size: 16px; letter-spacing: 2px; line-height: 1; font-family: 'Montserrat', sans-serif; }
#co01 .his_txt_box .model_name{ margin-top: 6px; font-size: 10px; line-height: 1;}
}/*END*/

/*-------------------------------------------------
	co02
--------------------------------------------------*/
/*------------------------
	#co02 .base_design
-------------------------*/
#co02 .base_design{ margin: 125px auto 0; width: 90%; max-width: 1100px; display: flex; justify-content: space-between; align-items: center; }
#co02 .base_design .txt_box{ width: 46%; }
#co02 .base_design .his_box{ width: 46%; position: relative;}
#co02 .base_design .his_box img{ max-width: 260px; }
@media (max-width:1500px){
#co02 .base_design .txt_box{ width: 43%; }
#co02 .base_design .his_box{ width: 50%; }
}/*END*/
@media (max-width:1400px){
#co02 .base_design{ margin: 120px auto 0; }
#co02 .base_design .txt_box{ width: 40%; }
#co02 .base_design .his_box img{ max-width: 260px; }
}/*END*/
@media (max-width:1200px){
#co02 .base_design{ margin: 100px auto 0; width: 90%; max-width: 880px; }
#co02 .base_design .txt_box{ width: 40%; }
#co02 .base_design .his_box{ width: 52%; }
}/*END*/
@media (max-width:1000px){
#co02 .base_design{ margin: 90px auto 0; padding-bottom: 60px; width: 80%; max-width: 800px; display: block; border-bottom: solid 1px #5b5c5b;}
#co02 .base_design .txt_box{ width: 100%; }
#co02 .base_design .his_box{ width: 450px; margin: 60px auto 0; }
}/*END*/
@media (max-width:550px){
#co02 .base_design{ margin: 14vw auto 0; padding-bottom: 60px; width: 80%; max-width: 800px; display: block; border-bottom: solid 1px #5b5c5b;}
#co02 .base_design .his_box{ width: 100%; margin: 40px auto 0; text-align: center; }
}/*END*/
/*#co02 .his_txt_box*/
#co02 .his_txt_box{ position: absolute; left: 290px; bottom: 40px; padding-left: 15px; width: 220px; border-left: solid 4px #5b5c5b; }
#co02 .his_txt_box .year{ margin-top: 0px; font-size: 24px; letter-spacing: 2px; line-height: 1; font-family: 'Montserrat', sans-serif; }
#co02 .his_txt_box .model_name{ margin-top: 6px; font-size: 14px; line-height: 1;}
@media (max-width:1400px){
#co02 .his_txt_box{ position: absolute; left: 290px; bottom: 40px; }
}/*END*/
@media (max-width:1200px){
#co02 .his_txt_box{ position: absolute; left: 280px; bottom: 40px; }
#co02 .his_txt_box .year{ margin-top: 0px; font-size: 20px; }
#co02 .his_txt_box .model_name{ margin-top: 5px; font-size: 12px; }
}/*END*/
@media (max-width:1000px){
#co02 .base_design .his_box img{ max-width: 240px; margin-left: 5px; }
#co02 .his_txt_box{ position: absolute; left: 260px; bottom: 40px; padding-left: 18px; }
}/*END*/
@media (max-width:550px){
#co02 .his_txt_box{ position: relative; left: initial; bottom: initial; padding-left: 0px; margin-top: 10px; width: 100%; border-left:none; }
#co02 .base_design .his_box img{ max-width: 200px; margin: 0px auto; }
}/*END*/
@media (max-width:400px){
#co02 .his_txt_box .year{ margin-top: 0px; font-size: 18px; letter-spacing: 2px; line-height: 1; font-family: 'Montserrat', sans-serif; }
#co02 .his_txt_box .model_name{ margin-top: 6px; font-size: 11px; line-height: 1;}
}/*END*/
@media (max-width:370px){
#co02 .base_design .his_box img{ max-width: 150px; }
#co02 .his_txt_box .year{ margin-top: 0px; font-size: 16px; letter-spacing: 2px; line-height: 1; font-family: 'Montserrat', sans-serif; }
#co02 .his_txt_box .model_name{ margin-top: 6px; font-size: 10px; line-height: 1;}
}/*END*/

/*-------------------------------------------------
	co03
--------------------------------------------------*/
/*------------------------
	#co03 .base_design
-------------------------*/
#co03 .base_design{ margin: 120px auto 0; width: 90%; max-width: 930px; display: flex; justify-content: space-between; align-items: center; }
#co03 .base_design .txt_box{ width: 42%; }
#co03 .base_design .his_box{ width: 45%; position: relative;}
#co03 .base_design .his_box img{ max-width: 236px; }
@media (max-width:1400px){
#co03 .base_design{ margin: 120px auto 0; width: 90%; max-width: 880px;}
#co03 .base_design .txt_box{ width: 40%; }
#co03 .base_design .his_box{ width: 50%; }
#co03 .base_design .his_box img{ max-width: 236px; }
}/*END*/
@media (max-width:1100px){
#co03 .base_design .txt_box{ width: 37%; }
#co03 .base_design .his_box{ width: 50%; }
}/*END*/
@media (max-width:1000px){
#co03 .base_design{ margin: 90px auto 0; padding-bottom: 60px; width: 80%; max-width: 800px; display: block; border-bottom: solid 1px #5b5c5b;}
#co03 .base_design .txt_box{ width: 100%; }
#co03 .base_design .his_box{ width: 300px; margin: 60px auto 0; }
}/*END*/
@media (max-width:550px){
#co03 .base_design{ margin: 14vw auto 0; padding-bottom: 14vw; }
#co03 .base_design .his_box{ width: 300px; margin: 40px auto 0; }
}/*END*/
/*#co03 .his_txt_box*/
#co03 .his_txt_box{ position: absolute; left: 240px; bottom: 50px; padding-left: 15px; width: 200px; border-left: solid 4px #5b5c5b; }
#co03 .his_txt_box .year{ margin-top: 0px; font-size: 24px; letter-spacing: 2px; line-height: 1; font-family: 'Montserrat', sans-serif; }
#co03 .his_txt_box .model_name{ margin-top: 6px; font-size: 14px; line-height: 1;}
@media (max-width:1400px){
#co03 .his_txt_box{ position: absolute; left: 230px; bottom: 40px; }
}/*END*/
@media (max-width:1000px){
#co03 .base_design .his_box img{ max-width: 190px; margin-left: 5px; }
#co03 .his_txt_box{ position: absolute; left: 200px; bottom: 40px; padding-left: 18px; }
}/*END*/
@media (max-width:550px){
#co03 .his_txt_box{ position: absolute; left: 180px; bottom: 40px; padding-left: 18px; }
#co03 .base_design .his_box img{ max-width: 180px; margin-left: 0px; }
}/*END*/
@media (max-width:400px){
#co03 .his_txt_box{ position: absolute; left: 180px; bottom: 40px; padding-left: 12px; }
#co03 .his_txt_box .year{ margin-top: 0px; font-size: 18px; letter-spacing: 2px; line-height: 1; font-family: 'Montserrat', sans-serif; }
#co03 .his_txt_box .model_name{ margin-top: 6px; font-size: 11px; line-height: 1;}
}/*END*/
@media (max-width:370px){
#co03 .base_design .his_box img{ max-width: 140px; }
#co03 .his_txt_box{ position: absolute; left: 150px; bottom: 40px; padding-left: 12px; }
#co03 .his_txt_box .year{ margin-top: 0px; font-size: 16px; letter-spacing: 2px; line-height: 1; font-family: 'Montserrat', sans-serif; }
#co03 .his_txt_box .model_name{ margin-top: 6px; font-size: 10px; line-height: 1;}
}/*END*/

/*-------------------------------------------------
	de base
--------------------------------------------------*/
.x15{ display: block;}
.x1{ display: none;}
@media (max-width:1400px){
.x15{ display: none;}
.x1{ display: block;}
}/*END*/
.de h3{ font-size: 45px; line-height: 1; color: #fcca00; font-family: 'Montserrat', sans-serif;}
.de h3 span{ display: inline-block;}
.de p{ margin-top: 28px;}
@media (max-width:1400px){
.de h3{ font-size: 42px; }
}/*END*/
@media (max-width:1050px){
.de h3{ font-size: 4vw; }
}/*END*/
@media (max-width:1000px){
.de h3{ font-size: 40px; margin: 30px auto 0;}
.de p{ margin: 10px auto;}
}/*END*/
@media (max-width:450px){
.de h3{ font-size: 8vw; margin: 7vw auto 0;}
.de p{ margin: 10px auto;}
}/*END*/
.de .img_box{ overflow: hidden;}

/*-------------------------------------------------
	co01 
--------------------------------------------------*/
/*co01 de01
----------------------------*/
#co01 .de01{ width: 90%; max-width: 1400px; margin: 150px auto 0; display: flex; justify-content: flex-start; align-items: center; }
#co01 .de01 .img_box{ width: 60%; max-width: 840px;}
#co01 .de01 .txt_box{ width: 390px; margin-left: 10%; }
@media (max-width:1600px){
#co01 .de01 .txt_box{ width: 390px; margin-left: 8vw; }
}/*END*/
@media (max-width:1400px){
#co01 .de01 .txt_box{ width: 370px; margin-left: 7vw; }
}/*END*/
@media (max-width:1050px){
#co01 .de01 .txt_box{ width: 310px; margin-left: 7vw; }
}/*END*/
@media (max-width:1000px){
#co01 .de01{ width: 80%; max-width: 800px; margin: 15vw auto 0; display: block; }
#co01 .de01 .img_box{ width: 100%;}
#co01 .de01 .txt_box{ width: 100%; margin-left: 0%; }
}/*END*/

/*co01 de02
----------------------------*/
#co01 .de02{ width: 90%; max-width: 1400px; margin: 150px auto 0; display: flex; justify-content: flex-start; align-items: center; flex-direction : row-reverse; }
#co01 .de02 .img_box{ width: 60%; max-width: 840px;}
#co01 .de02 .txt_box{ width: 350px; margin-right: 10%; }
@media (max-width:1600px){
#co01 .de02 .txt_box{ width: 350px; margin-right: 8vw; }
}/*END*/
@media (max-width:1400px){
#co01 .de02 .txt_box{ width: 330px; margin-right: 8vw; }
}/*END*/
@media (max-width:1200px){
#co01 .de02 .txt_box{ width: 330px; margin-right: 5vw }
}/*END*/
@media (max-width:1000px){
#co01 .de02{ width: 80%; max-width: 800px; margin: 15vw auto 0; display: block; }
#co01 .de02 .img_box{ width: 100%;}
#co01 .de02 .txt_box{ width: 100%; margin-left: 0%; }
}/*END*/

/*co01 de03
----------------------------*/
#co01 .de03{ width: 90%; max-width: 1400px; margin: 150px auto 0; display: flex; justify-content: flex-start; align-items: center; }
#co01 .de03 .img_box{ width: 39.3%; max-width: 549px; margin-left: 13.5%;}
#co01 .de03 .txt_box{ width: 290px; margin-left: 9.5%; }
@media (max-width:1600px){
#co01 .de03 .txt_box{ width: 290px; margin-left: 7.5vw; }
}/*END*/
@media (max-width:1400px){
#co01 .de03 .txt_box{ width: 270px; margin-left: 7.5vw; }
}/*END*/
@media (max-width:1200px){
#co01 .de03 .txt_box{ width: 270px; margin-left: 7vw; }
}/*END*/
@media (max-width:1000px){
#co01 .de03{ width: 80%; max-width: 800px; margin: 15vw auto 0; display: block; }
#co01 .de03 .img_box{ width: 75%; margin: 0 auto;}
#co01 .de03 .txt_box{ width: 100%; margin-left: 0%; }
}/*END*/

/*co01 movement
----------------------------*/
.movement{ width: 95%; max-width: 1500px; margin: 150px auto 100px; background: #262626;}
.movement .inner{ width: 90%; max-width: 1317px; padding: 100px 0 80px; margin: 0 auto; display: flex; justify-content: flex-start; align-items: center; flex-direction : row-reverse; }
.movement .inner .txt_box{ width: 43%; margin-right: 6%;}
.movement .inner .txt_box h3{color: #262626; font-family: 'Montserrat', sans-serif; }
.movement .inner .txt_box h3 span{ padding: 0 5px; font-size: 45px; line-height: 1; background: #fcca00; display: inline-block;}
.movement .inner .txt_box h3 small{ padding: 5px 8px; margin-top: 4px; font-size: 24px; line-height: 1; background: #fcca00; display: inline-block;}
.movement .inner .img_box{ width: 46%; max-width: 608px;}
.movement .inner p{ margin-top: 28px;}
@media (max-width:1050px){
.movement .inner .txt_box h3 span{ padding: 0 5px; font-size: 4.27vw; }
.movement .inner .txt_box h3 small{ padding: 5px 8px; margin-top: 4px; font-size: 2.25vw; }
}/*END*/
@media (max-width:1000px){
.movement{ width: 90%; max-width: 1500px; margin: 150px auto 100px; background: #262626;}
.movement{ margin: 17vw auto 15vw; }
.movement .inner{ width: 80%; max-width: 1317px; padding: 8vw 0 10vw; margin: 0 auto; display: block; }
.movement .inner .txt_box h3 span{ padding: 0 4px; font-size: 40px; }
.movement .inner .txt_box h3 small{ padding: 4px 7px; margin-top: 3px; font-size: 20px; }
.movement .inner .txt_box{ width: 100%; margin-right: 0%;}
.movement .inner .img_box{ width: 100%; max-width: 100%; margin: 0 auto 5vw; text-align: center;}
.movement .inner .img_box img{ width: 85%; max-width: 600px; margin:0 0 0 1.3vw; }
}/*END*/
@media (max-width:800px){
.movement .inner{ width: 80%; max-width: 1317px; padding: 10vw 0 10vw; margin: 0 auto; display: block; }
.movement .inner .img_box img{ width: 90%; max-width: 600px; margin:0vw 0 7vw 9vw; }
}/*END*/
@media (max-width:450px){
.movement .inner{ width: 84%; max-width: 1317px; padding: 10vw 0 10vw; margin: 0 auto; display: block; }
.movement .inner .txt_box h3 span{ padding: 0 1.5vw; font-size: 8.2vw; }
.movement .inner .txt_box h3 small{ padding: 0.8vw 1.5vw; margin-top: .5vw; font-size: 5.2vw; }
}/*END*/
@media (max-width:350px){
.movement .inner{ width: 86%; max-width: 1317px; padding: 10vw 0 10vw; margin: 0 auto; display: block; }
}/*END*/
/*-------------------------------------------------
	co02
--------------------------------------------------*/
/*co02 de01
----------------------------*/
#co02 .de01{ width: 90%; max-width: 1400px; margin: 150px auto 0; display: flex; justify-content: flex-start; align-items: center; }
#co02 .de01 .img_box{ width: 60%; max-width: 840px;}
#co02 .de01 .txt_box{ width: 360px; margin-left: 10%; }
@media (max-width:1600px){
#co02 .de01 .txt_box{ width: 360px; margin-left: 8.5vw; }
}/*END*/
@media (max-width:1400px){
#co02 .de01 .txt_box{ width: 340px; margin-left: 8vw; }
}/*END*/
@media (max-width:1200px){
#co02 .de01 .txt_box{ width: 320px; margin-left: 7vw; }
}/*END*/
@media (max-width:1000px){
#co02 .de01{ width: 80%; max-width: 800px; margin: 15vw auto 0; display: block; }
#co02 .de01 .img_box{ width: 100%;}
#co02 .de01 .txt_box{ width: 100%; margin-left: 0%; }
}/*END*/

/*co02 de02
----------------------------*/
#co02 .de02{ width: 90%; max-width: 1400px; margin: 150px auto 0; display: flex; justify-content: flex-start; align-items: center; flex-direction : row-reverse; }
#co02 .de02 .img_box{ width: 60%; max-width: 840px;}
#co02 .de02 .txt_box{ width: 350px; margin-right: 10%; }
@media (max-width:1600px){
#co02 .de02 .txt_box{ width: 350px; margin-right: 8.5vw; }
}/*END*/
@media (max-width:1400px){
#co02 .de02 .txt_box{ width: 350px; margin-right: 8vw; }
}/*END*/
@media (max-width:1200px){
#co02 .de02 .txt_box{ width: 310px; margin-right: 6vw }
}/*END*/
@media (max-width:1000px){
#co02 .de02{ width: 80%; max-width: 800px; margin: 15vw auto 0; display: block; }
#co02 .de02 .img_box{ width: 100%;}
#co02 .de02 .txt_box{ width: 100%; margin-left: 0%; }
}/*END*/

/*co02 de03
----------------------------*/
#co02 .de03{ width: 90%; max-width: 1400px; margin: 150px auto 0; display: flex; justify-content: flex-start; align-items: center; }
#co02 .de03 .img_box{ width: 58%; max-width: 810px; margin-left: 2.2%;}
#co02 .de03 .txt_box{ width: 320px; margin-left: 7.9%; }
@media (max-width:1600px){
#co02 .de03 .txt_box{ width: 320px; margin-left: 8vw; }
}/*END*/
@media (max-width:1400px){
#co02 .de03 .txt_box{ width: 300px; margin-left: 8vw; }
}/*END*/
@media (max-width:1200px){
#co02 .de03 .txt_box{ width: 300px; margin-left: 8vw; }
}/*END*/
@media (max-width:1000px){
#co02 .de03{ width: 80%; max-width: 800px; margin: 15vw auto 0; display: block; }
#co02 .de03 .img_box{ width: 100%; margin: 0 auto;}
#co02 .de03 .txt_box{ width: 100%; margin-left: 0%; }
}/*END*/

/*co02 option
----------------------------*/
.option{ width: 95%; max-width: 1500px; margin: 150px auto 100px; background: #222;}
.option .inner{ width: 90%; max-width: 1240px; padding: 110px 0 100px; margin: 0 auto; display: flex; justify-content: flex-start; align-items: center; flex-direction : row-reverse; }
.option .inner .txt_box{ width: 35%; margin-right: 3%;}
.option .inner .txt_box h3{font-size: 45px; line-height: 1; color: #fcca00; font-family: 'Montserrat', sans-serif; }
.option .inner .img_box{ width: 58%; max-width: 705px;}
.option .inner p{ margin-top: 28px;}
@media (max-width:1050px){
.option .inner .txt_box h3{font-size: 40px; }
.option .inner p{ margin-top: 15px;}
}/*END*/
@media (max-width:1000px){
.option{ width: 90%; max-width: 1500px; margin: 100px auto 80px; background: #222;}
.option .inner{ width: 85%; max-width: 1240px; padding: 80px 0 80px; margin: 0 auto; display: block; }
.option .inner .txt_box{ width: 100%; margin-right: 3%;}
.option .inner .img_box{ width: 100%; max-width: 705px; margin: 0 auto 5vw;}
}/*END*/
@media (max-width:800px){
.option .inner{ width: 85%; max-width: 1240px; padding: 10vw 0 10vw; margin: 0 auto; display: block; }
}/*END*/
@media (max-width:450px){
.option .inner .txt_box h3{font-size: 8vw; }
}/*END*/

/*-------------------------------------------------
 co03	de
--------------------------------------------------*/
/*co03 de01
----------------------------*/
#co03 .de01{ width: 90%; max-width: 1400px; margin: 150px auto 0; display: flex; justify-content: flex-start; align-items: center; }
#co03 .de01 .img_box{ width: 60%; max-width: 840px;}
#co03 .de01 .txt_box{ width: 280px; margin-left: 10%; }
@media (max-width:1600px){
#co03 .de01 .txt_box{ width: 280px; margin-left: 9vw; }
}/*END*/
@media (max-width:1400px){
#co03 .de01 .txt_box{ width: 280px; margin-left: 9vw; }
}/*END*/
@media (max-width:1100px){
#co03 .de01 .txt_box{ width: 260px; margin-left: 8vw; }
}/*END*/
@media (max-width:1050px){
#co03 .de01 .txt_box{ width: 260px; margin-left: 7vw; }
}/*END*/
@media (max-width:1000px){
#co03 .de01{ width: 80%; max-width: 800px; margin: 15vw auto 0; display: block; }
#co03 .de01 .img_box{ width: 100%;}
#co03 .de01 .txt_box{ width: 100%; margin-left: 0%; }
}/*END*/

/*co03 de02
----------------------------*/
#co03 .de02{ width: 90%; max-width: 1400px; margin: 150px auto ; display: flex; justify-content: flex-start; align-items: center; flex-direction : row-reverse; }
#co03 .de02 .img_box{ width: 60%; max-width: 840px;}
#co03 .de02 .txt_box{ width: 400px; margin-right: 9%; }
@media (max-width:1600px){
#co03 .de02 .txt_box{ width: 330px; margin-right: 8vw; }
}/*END*/
@media (max-width:1400px){
#co03 .de02 .txt_box{ width: 310px; margin-right: 8vw; }
}/*END*/
@media (max-width:1200px){
#co03 .de02 .txt_box{ width: 310px; margin-right: 6vw }
}/*END*/

@media (max-width:1000px){
#co03 .de02{ width: 80%; max-width: 800px; margin: 15vw auto 15vw; display: block; }
#co03 .de02 .img_box{ width: 100%;}
#co03 .de02 .txt_box{ width: 100%; margin-left: 0%; }
}/*END*/

/*-------------------------------------------------
	spec
--------------------------------------------------*/
.spec{ background: #fff; color: #000; padding: 100px 0; position: relative; z-index: 10;}
#co03 .spec{ padding: 100px 0 150px; }

.spec_head{ padding-bottom:50px; width:90%; margin: 0 auto; text-align: center; position: relative;font-family: 'Montserrat', sans-serif; font-weight: 400; 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 span{ margin-top: 12px;font-size:25px; display: block; line-height: 1; letter-spacing: 1px; font-family: 'Montserrat', sans-serif; font-weight: 500; }
 @media (max-width: 600px){
.spec{padding: 14vw 0; }
#co03 .spec{padding: 14vw 0 140px; }
.spec_head{ padding-bottom:40px; }
.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 span{ margin-top: 1.5vw; display: block; font-size:4vw; letter-spacing: 0.2vw; }
 }/*END*/
 @media (max-width: 500px){
#co03 .spec{padding: 14vw 0 25vw; }
 }/*END*/
/*--------------------
	spec_box
----------------------*/
.collections_img_pc{ display: inline-block;}
.collections_img_sp{ display: none;}
@media screen and (max-width: 900px) {
.collections_img_pc{ display: none;}
.collections_img_sp{ display: inline-block;}
}/*end*/
.collections_inner{ display: flex; justify-content: center; width: 650px; margin: 0 auto; }
 @media (max-width: 1000px){
.collections_inner{ width: 600px; }
 }/*END*/
 @media (max-width: 750px){
.collections_inner{ display: block; 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: 750px){
.collections_inner .img_box{ width: 100%; }
.collections_inner .img_box img{ max-width: 280px; width: 90%; }
#co03 .collections_inner .img_box img{ max-width: 280px; width: 100%; }
 }/*END*/
/* co03 */
.spec ul { display: flex; flex-wrap: wrap; justify-content:space-between; max-width: 1320px; width: 90%; margin: 30px auto 0;}
.spec ul li{ width: 25%;}
.spec ul li .collections_inner{ display: block; width: 100%; margin: 0 auto; text-align: center; }
.spec ul li .collections_inner .img_box{ width: 72%; margin: 0 auto; text-align: center; }

@media (max-width: 1000px){
#co03 .spec ul { display: flex; flex-wrap: wrap; justify-content:space-between; max-width: 700px; width: 90%; margin: 30px auto 0;}

.spec ul li{ width: 50%;}
.spec ul li:nth-child(3),
.spec ul li:nth-child(4){ margin-top: 70px;}
}/*END*/
@media (max-width: 600px){
.spec ul li{ width: 50%;}
.spec ul li:nth-child(3),
.spec ul li:nth-child(4){ margin-top: 12vw;}
}/*END*/
/*txt_box*/
#co01 .collections_inner .txt_box{ margin-top: 80px; width: 50%; text-align: center; position: relative; z-index: 3; }
#co02 .collections_inner .txt_box{ margin-top: 55px; width: 50%; text-align: center; position: relative; z-index: 3; }
#co03 .collections_inner .txt_box{ margin-top: 25px; width: 100%; text-align: center; position: relative; z-index: 3; }
 @media (max-width: 750px){
#co01 .collections_inner .txt_box,
#co02 .collections_inner .txt_box{ margin-top: 30px; width: 100% !important; padding-bottom: 30px; text-align: center; } 
 }/*END*/
 @media (max-width: 550px){
#co01 .collections_inner .txt_box,
#co02 .collections_inner .txt_box{ margin-top: 6vw; width: 100%; text-align: center; } 
 }/*END*/
/*---------img---------*/
.collections_img { width: 100%; max-width: 305px; margin: 0 auto; position: relative; z-index: 0; }
 @media (max-width: 1400px){
.collections_img { width: 95%; }
.spec ul .collections_img { width: 100%; }
 }/*END*/
 @media (max-width: 1200px){
.collections_img { width: 95%; }
.spec ul .collections_img { width: 100%;max-width: 240px; }
 }/*END*/
 @media (max-width: 580px){
.collections_img { width: 60%; }
 }/*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) {
#co03 .collections_movement{ margin-top: 3px; font-size: 12px;}
}/*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) {
#co03 .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: 1px; font-weight: 400; position: relative; display: inline-block;}
.collections_limited::after { position: absolute; display: block; content: ''; width: 100%; height: 2px; background: #111; }
/*collections_release*/
.collections_release{ margin-top: 17px; font-size: 14px; line-height: 1.4; letter-spacing: 0.5px; font-weight: 400;}
.collections_release span{ display: inline-block;}
@media screen and (max-width: 420px) {
#co03 .collections_release{ margin-top: 10px; font-size: 12px;}
#co03 .collections_release span{ display: block;}
}/*END*/
/*collections_txt*/
.collections_txt{ margin-top: 50px; font-size: 14px; line-height: 1.6; letter-spacing: 0.5px; font-weight: 400; text-align: center;}
.collections_txt span{ display: inline-block; }

@media screen and (max-width: 1200px) {
.collections_txt span{ display: block; }
}/*END*/
@media screen and (max-width: 750px) {
.collections_txt{ margin-top: 0px; font-size: 13px;}
}/*END*/
@media screen and (max-width: 420px) {
#co03 .collections_txt{ margin-top: 0px; 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;}
#co03 .collections_btn { max-width: 150px; margin: 22px auto 0; }
#co03 .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;}
#co03 .collections_btn { max-width: 130px; margin: 12px auto 0; }
#co03 .collections_btn a { margin-top: 10px; font-size: 11px; line-height: 1; font-weight: 500; padding: 14px 0 14px; letter-spacing: 0px;}
}/*END*/

/*-------------------------------------------------
	gotop
--------------------------------------------------*/
.gotop { position:absolute; bottom:0px; right:20px;width:50px; height:70px; box-sizing:border-box; border-radius: 0%; z-index: 2000!important; }
.gotop a{ position: relative; display:block; background:rgba(33,33,33,0.8); text-decoration:none;width:50px; height:50px; box-sizing:border-box; border-radius: 0%; z-index: 11; transition: 0.3s; }
.gotop a::after { position:absolute; top:50%; left:50%; content: ''; width: 20px; height: 20px; margin: -10px 0 0 -10px; background: url("../image/page_top.png") no-repeat ; background-size: cover;}
.gotop a:hover { background:rgba(60,60,60,0.5); }
@media (max-width: 500px) {
.gotop { position:absolute; bottom:0px; right:10px; width:40px; height:50px; }
.gotop a{ width:40px; height:40px; }
.gotop a::after { width: 20px; height: 20px; margin: -10px 0 0 -10px; }
}/*END*/

/*-------------------------------------------------
	footer
--------------------------------------------------*/
footer{ background: #262626; width: 100%; height: auto; position: relative; z-index: 10; }
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: 'Montserrat', 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*/