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

/*-------------------------------------------------
	base
--------------------------------------------------*/
html { font-size: 62.5%; -webkit-text-size-adjust: 100%; position: relative; }
body {position: relative; background: #fff; color: #000; font-family: 'Montserrat', sans-serif; font-weight: 400; line-height: 1.5; font-size: 1.5rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
a{outline: none;}
a:link { color: #fff; transition: 0.3s;}
a:visited { color: #fff; transition: 0.3s;}
a:hover,a:active { color: #fff; }
/*anime set
------------------------*/
#main .main_img,
#main .seiko_presage,
#main .style60s,
#concept h2,
#concept p,
.base_design img,
.cc1964_txt_box,
.base_design .year,
.base_design .model_name,
.movie a,
#design h2,
#design .txt_box,
#de01 .img_box,
#de02 .img_box,
#de03 .img_box,
#de04 .nb_txt,
#de04 .nb_btn,
.model,
.waku,
.model_h2_icon,
.model .txt,
.img01,
.img02,
.img03,
.img04,
.img05,
.img06,
.collections_img,
.collections h3,
.collections p,
.side_l,
.side_r{ visibility: hidden;}

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

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

/*-------------------------------------------------
	main
--------------------------------------------------*/
.main_pc_x15{display:block;}
.main_pc{display:none;}
.main_sp_x15{display:none;}
.main_sp{display:none;}
@media (max-width: 1400px) {
.main_pc_x15{display:none;}
.main_pc{display:block;}
.main_sp_x15{display:none;}
.main_sp{display:none;}
}/*END*/
@media screen and (orientation: portrait) {
.main_pc{display:none;}
.main_sp_x15{display:block;}
.main_sp{display:none;}
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {
.main_pc{display:none;}
.main_sp_x15{display:none;}
.main_sp{display:block;}
}/*END*/
#main { width: 100%; height: 100%; position: relative; z-index: 1; overflow: hidden; display: flex; align-items: center; justify-content: center; background: #000; }
#main img{ user-select: none; pointer-events: none; }
#main .main_inner{ position: absolute; left: 50%; top: 0; }
#main .main_img{ width: 100%; }
#main .main_img img{ width: 100%; }
h1{ position: absolute; left: 20.7%; top: 42.1%; z-index: 2; }
h1 .seiko_presage { width:14.4vw; display: block; }
h1 .style60s { margin-top: 1.1vw; width:22.3vw; display: block; }
@media screen and (orientation: portrait) {
h1{ position: absolute; left: 22.2%; top: 74.2%; }
h1 .seiko_presage { width:35.9vw; display: block; }
h1 .style60s { margin-top: 2.55vw; width:55.5vw; }
}/*END*/

/*-------------------------------------------------
	txt
--------------------------------------------------*/
/*concept p.txt*/
#concept p.txt{ font-size: 16px; line-height: 2.2; letter-spacing: 0px; color: #000; }
#concept .inner p.txt span{ display: inline-block;}
@media (max-width: 1400px) {
#concept p.txt{ font-size: 15px; line-height: 2.2; letter-spacing: 0px; }
}/*END*/
@media (max-width: 640px) {
#concept p.txt{ font-size: 15px; line-height: 2; letter-spacing: 0px; text-align: left; }
}/*END*/
@media (max-width: 400px) {
#concept p.txt{ font-size: 14px; line-height: 2; }
}/*END*/
/*design p.txt*/
#design p.txt{ font-size: 16px; line-height: 1.9; letter-spacing: 0px; }
#design p.txt span{ display: inline-block;}
@media (max-width: 1400px) {
#design p.txt{ font-size: 15px; line-height: 1.9; letter-spacing: 0px; }
}/*END*/
@media (max-width: 640px) {
#design p.txt{ font-size: 15px; line-height: 1.7; letter-spacing: 0px; text-align: left; }
}/*END*/
@media (max-width: 400px) {
#design p.txt{ font-size: 14px; line-height: 1.7; }
}/*END*/
/*model p.txt*/
.model p.txt{ font-size: 16px; line-height: 1.9; letter-spacing: 1px; }
.model p.txt span{ display: inline-block;}
@media (max-width: 1400px) {
.model p.txt{ font-size: 15px; line-height: 1.9; letter-spacing: .5px; }
}/*END*/
@media (max-width: 640px) {
.model p.txt{ font-size: 15px; line-height: 1.7; letter-spacing: 0px; text-align: left; }
}/*END*/
@media (max-width: 400px) {
.model p.txt{ font-size: 14px; line-height: 1.7; }
}/*END*/
/*txt_s*/
.txt_s{ font-size: 13px; line-height: 1.6; letter-spacing: 0px; }
@media screen and (max-width: 640px) {
.txt_s{ font-size: 12px; line-height: 1.6; letter-spacing: 0px; }
}/*END*/
.txt_s span{ display: inline-block; }

/*-------------------------------------------------
	concept
--------------------------------------------------*/
#concept { position: relative; overflow: hidden; background: #efeade; }
/*inner*/
#concept .inner { padding-top: 80px; width: 85%; max-width: 1000px; margin: 0 auto; text-align: center; position: relative; z-index: 2; }
@media (max-width: 1000px) {
#concept .inner { padding-top: 70px; }
}/*END*/
@media (max-width:950px){
#concept .inner { padding-top: 80px; width: 85%; max-width: 735px; margin: 0 auto; text-align: center; position: relative; z-index: 2; }
#concept .inner p{ text-align: left; }
}/*END*/
@media (max-width:860px){
#concept .inner { padding-top: 70px; width: 80%; max-width: 600px; }
#concept .inner p{ text-align: left; }
}/*END*/
@media (max-width: 420px) {
#concept .inner { padding-top: 14vw; }
}/*END*/
.concept_br{display:inline}
@media (max-width:950px){
.concept_br{display:none}
#concept .inner p.txt span{ display: inline !important;}
}/*END*/
/*----h2----*/
h2.article_h2{ position: relative; display: inline-block; line-height: .5; z-index: 2; height: auto; }
h2.article_h2 img{ height: 20px;}
h2.article_h2::before,
h2.article_h2::after{ content: ''; display: block; position: absolute; top: 50%; height: 6px; width: 32px; border-top:solid 2px #8e8881; border-bottom:solid 2px #8e8881; box-sizing: border-box;}
h2.article_h2::before{ left: 100%; margin: -3px 0 0 18px; }
h2.article_h2::after{ right: 100%; margin: -3px 18px 0 0; }
@media (max-width: 640px) {
h2.article_h2 img{ height: 17px;}
}/*END*/
@media (max-width: 420px) {
h2.article_h2 img{ height: 4vw;}
h2.article_h2::before,
h2.article_h2::after{ height: 4px; width: 7vw; border-top:solid 1px #8e8881; border-bottom:solid 1px #8e8881;;}
h2.article_h2::before{ left: 100%; margin: -2px 0 0 3vw; }
h2.article_h2::after{ right: 100%; margin: -2px 3vw 0 0; }
}/*END*/
#concept .inner p.txt{ margin-top: 70px;}
@media (max-width: 1000px) {
#concept .inner p.txt{ margin-top: 60px;}
}/*END*/
@media (max-width: 420px) {
#concept .inner p.txt{ margin-top: 13vw;}
}/*END*/
.concept_br2{display:inline}
@media (max-width:860px){
.concept_br2{display:none}
}/*END*/

/*------------------------
	.base_design
-------------------------*/
.base_design_wrap{ margin-top: 80px; padding: 60px 0 10px 0; width: 100%; background: linear-gradient(to right, rgba(224,217,206,0) 0%, rgba(224,217,206,1) 50%, rgba(224,217,206,0) 100%);}
.base_design{ margin: 0 auto; width: 90%; max-width: 800px; display: flex; justify-content: space-between; }
.base_design .txt_box{ width: 60%; }
.base_design .img_box{ width: 39.6%; position: relative;}
@media (max-width:1400px){
.base_design{ margin: 0 auto; width: 90%; max-width: 750px; }
.base_design .txt_box{ width: 55%;}
.base_design .img_box{ width: 42%; position: relative;}
}/*END*/
@media (max-width:950px){
.base_design{ margin: 0 auto; width: 90%; max-width: 730px; }
}/*END*/
@media (max-width:860px){
.base_design_wrap{ margin-top: 80px; padding: 10px 0 10px 0;}
.base_design{ margin: 0 auto; width: 80%; max-width: 600px; display: block; }
.base_design .txt_box{ width: 100%; }
.base_design .img_box{ width: 300px; margin: 50px auto 0; }
}/*END*/
@media (max-width:550px){
.base_design .img_box{ width: 270px; }
}/*END*/
@media (max-width:450px){
.base_design .img_box{ width: 260px; }
}/*END*/
@media (max-width:370px){
.base_design .img_box{ width: 230px; }
}/*END*/
.base_design .txt_box p.txt{ margin-top: 62px;}
@media (max-width:550px){
.base_design{ margin: 40px auto 0; }
.base_design .txt_box p.txt{ margin-top: 50px;}
}/*END*/
.base_design .img_box img{ max-width: 58.3%; }
.cc1964_txt_box{ position: absolute; left: 210px; top: 190px; padding-left: 20px; font-family: 'Montserrat', sans-serif; border-left: solid 2px #a38c79; }
.cc1964_txt_box .year{ margin-top: 0px; font-size: 22px; letter-spacing: 2px; line-height: 1; color: #484848;}
.cc1964_txt_box .model_name{ margin-top: 10px; font-size: 14px; letter-spacing: 1px; line-height: 1; color: #6a6a6a;}
@media (max-width:1400px){
.cc1964_txt_box{ position: absolute; left: 205px; top: 190px; padding-left: 18px; }
}/*END*/
@media (max-width:950px){
.cc1964_txt_box{ position: absolute; left: 190px; top: 190px; padding-left: 18px; }
}/*END*/
@media (max-width:860px){
.base_design .img_box img{ max-width: 200px; margin-left: 5px; }
.cc1964_txt_box{ position: absolute; left: 230px; top: 210px; padding-left: 18px; }
}/*END*/
@media (max-width:700px){
.base_design .img_box img{ max-width: 200px; margin-left: 5px; }
.cc1964_txt_box{ position: absolute; left: 215px; top: 210px; padding-left: 18px; }
}/*END*/
@media (max-width:550px){
.base_design .img_box img{ max-width: 180px; margin-left: 0px; }
.cc1964_txt_box{ position: absolute; left: 180px; top: 210px; padding-left: 18px; }
}/*END*/
@media (max-width:450px){
.base_design .img_box img{ max-width: 150px; margin-left: 0px; }
.cc1964_txt_box{ position: absolute; left: 150px; top: 170px; padding-left: 18px; }
.cc1964_txt_box .year{ font-size: 20px; }
.cc1964_txt_box .model_name{ font-size: 13px; }
}/*END*/
@media (max-width:370px){
.base_design .img_box img{ max-width: 140px; margin-left: 0px; }
.cc1964_txt_box{ position: absolute; left: 140px; top: 150px; padding-left: 18px; }
.cc1964_txt_box .year{ font-size: 18px; }
.cc1964_txt_box .model_name{ font-size: 12px; letter-spacing: .5px;}
}/*END*/

/*------------------------
	movie
-------------------------*/
.movie{ margin: 23px auto 100px; width: 85%; max-width: 800px; display: block;}
@media (max-width:850px){
.movie{ margin: 23px auto 10vw;}
}/*END*/
.movie_inner{ border-radius: 20px !important; display: block; position: relative; overflow: hidden; background: #000;}
@media screen and (max-width: 640px) {
.movie_inner{ border-radius:2.5vw !important;}
}/*END*/
@media screen and (max-width: 400px) {
.movie_inner{ border-radius:2vw !important;}
}/*END*/
.movie_inner figure{ position: absolute; left: 50%; top: 50%; margin: -34px 0 0 -34px; width: 68px; height: 68px; background: rgba(238,219,187,0); border: solid 1px rgba(238,219,187,.5); border-radius: 50%; box-sizing: border-box; z-index: 2; transition: 0.3s; }
.movie_inner figure::after{ border-width: 11px 0 11px 19px; margin: -11px 0 0 -7px; border-color: transparent transparent transparent #eedbbb; left: 50%; top: 50%; position: absolute; content: ''; display: block; width: 0; height: 0; border-style: solid; }
.movie_inner:hover figure{ background: rgba(238,219,187,0.2); border: solid 2px rgba(238,219,187,0);}
.movie_inner:hover figure::after{ border-color: transparent transparent transparent #eedbbb;}
@media screen and (max-width: 730px) {
.movie_inner figure{position: absolute; left: 50%; top: 50%; margin: -5vw 0 0 -5vw; width: 10vw; height: 10vw; }
.movie_inner figure::after{ border-width: 1.4vw 0 1.4vw 2.6vw; margin: -1.4vw 0 0 -1.0vw; }
}/*END*/
.movie_inner img{ transition: 0.8s; position: relative; z-index: 1;}
.movie_inner:hover img{ transform:scale(1.07); opacity: 0.7;}

/*-------------------------------------------------
	design
--------------------------------------------------*/
#design{ width: 100%; background: #ccc3b9; overflow: hidden;}
/*inner*/
#design .inner { padding-top: 90px; text-align: center; }
@media (max-width: 1000px) {
#design .inner { padding-top: 70px; }
}/*END*/
@media (max-width: 420px) {
#design .inner { padding-top: 13vw; }
}/*END*/

/*------- design 共通 -------*/
/* de_inner [ de02以外 ] */
.de_inner{ width: 65%; max-width: 1000px; position: relative; z-index: 1; text-align: center; transition: 0.5s; }
@media (max-width: 1400px) {
.de_inner{ width: 85%; max-width: 950px; }
}/*END*/
#design h3 img{ height: 6vw; max-height: 32px; transition: 0.5s;}
#design p.txt{ margin-top: 35px;}
@media (max-width: 1000px) {
#design h3 { text-align: center;}
}/*END*/
@media (max-width: 420px) {
#design h3 img{ height: 6vw;}
#design p.txt{ margin-top: 6vw;}
}/*END*/
/*img*/
#design .pc_x15	{ display: block;}
#design .pc 	{ display: none;}
#design .sp_x15	{ display: none;}
#design .sp 	{ display: none;}
@media (max-width: 1400px) {
#design .pc_x15	{ display: none;}
#design .pc 	{ display: block;}
#design .sp_x15	{ display: none;}
#design .sp 	{ display: none;}
}/*END*/
@media (max-width: 1000px) {
#design .pc_x15	{ display: none;}
#design .pc 	{ display: none;}
#design .sp_x15	{ display: block;}
#design .sp 	{ display: none;}
}/*END*/
@media (max-width: 750px) {
#design .pc_x15	{ display: none;}
#design .pc 	{ display: none;}
#design .sp_x15	{ display: none;}
#design .sp 	{ display: block;}
}/*END*/

/*------------------------
	de01
-------------------------*/
#de01{ margin-top: 100px; position: relative;}
@media (max-width: 1000px) {
#de01{ margin-top: 80px;}
}/*END*/
@media (max-width: 420px) {
#de01{ margin-top: 14.5vw;}
}/*END*/
.de01_bg{ position: absolute; right: 0; top: 0; background:#efeade; width: 94%; height: 100%; z-index: 0; border-radius:20px 0 0 20px; transition: 0.5s;}
#de01 .de_inner{ margin: 0px auto; display: flex; justify-content: space-between; overflow: hidden; }
#de01 .de_inner .img_box{ width: 45.3%; margin-left: -16px; transition: 0.5s;}
#de01 .de_inner .txt_box{ width: 44%; text-align: left; display: flex; align-items: center; justify-content: center; transition: 0.5s;}
@media (max-width: 1400px) {
.de01_bg{ width: 96%; height: 100%; z-index: 0; border-radius:20px 0 0 20px;}
#de01 .de_inner .img_box{ width: 45%; margin-left: 40px; }
#de01 .de_inner .txt_box{ width: 42%; }
}/*END*/
@media (max-width: 1000px) {
.de01_bg{ position: absolute; left: 0; top: 0; background: #efeade; width: 96%; height: 100%; z-index: 0; border-radius:0 20px 20px 0;}
#de01 .de_inner{ margin: 0 0 0 6%; display: block; }
#de01 .de_inner .img_box{ width: 62%; max-width: 430px; margin: 0px auto; }
#de01 .de_inner .img_box img{ margin-left: -30px; }
#de01 .de_inner .txt_box{ width: 80%; max-width: 700px; margin: 20px auto 0; padding-bottom: 80px; }
}/*END*/
@media (max-width: 640px) {
.de01_bg{ position: absolute; left: 0; top: 0; background:#efeade; width: 96%; height: 100%; z-index: 0; border-radius:0 15px 15px 0;}
#de01 .de_inner .img_box{ width: 80%; max-width: 400px; margin: 0px auto; }
#de01 .de_inner .img_box img{ margin-left: -2vw; }
#de01 .de_inner .txt_box{ width: 90%; max-width: 700px; margin: 20px auto 0; padding-bottom: 15vw; }
}/*END*/

/*------------------------
	de02
-------------------------*/
#de02{ padding: 136px 0;}
@media (max-width: 1600px) {
#de02{ padding: 8.5vw 0;}
}/*END*/
@media (max-width: 1000px) {
#de02{ padding: 10vw 0;}
}/*END*/
@media (max-width: 800px) {
#de02{ padding: 12vw 0;}
}/*END*/
@media (max-width: 640px) {
#de02{ padding: 15vw 0;}
}/*END*/
/* de_inner [ de02 のみ ] */
#de02 .de_inner{ margin: 0 auto; width: 70%; max-width: 1000px; position: relative; z-index: 1; text-align: center; overflow: hidden;}
@media (max-width: 1400px) {
#de02 .de_inner{ margin: 0 auto; width: 85%; max-width: 950px; }
}/*END*/
@media (max-width: 1000px) {
#de02 .de_inner{ margin: 0 auto; width: 100%; max-width: 1000px; }
}/*END*/
#de02 .de_inner .img_box{ width: 100%; text-align: center; }
#de02 .de_inner .txt_box{ width: 90%; max-width: 890px; margin: 40px auto 0; padding-bottom: 0px; }
@media (max-width: 1400px) {
#de02 .de_inner .txt_box{ width: 85%; max-width: 810px; margin: 40px auto 0; padding-bottom: 0px; }
}/*END*/
@media (max-width: 1000px) {
#de02 .de_inner .txt_box{ width: 70%; max-width: 810px; margin: 40px auto 0; padding-bottom: 0px; }
}/*END*/
@media (max-width: 640px) {
#de02 .de_inner .txt_box{ width: 80%; max-width: 810px; margin: 40px auto 0; padding-bottom: 0px; }
}/*END*/
#de02 .de_inner .txt_box p{ text-align: left; }

/*------------------------
	de03
-------------------------*/
#de03{ position: relative; color: #fff; }
.de03_bg{ position: absolute; left: 0; top: 0; background:#262626; width: 94%; height: 100%; z-index: 0; border-radius:0 20px 20px 0; transition: 0.5s;}
#de03 .de_inner{ margin: 0px auto; display: flex; justify-content: space-between; flex-direction: row-reverse; overflow: hidden;}
#de03 .de_inner .img_box{ width: 48%; margin-left: 0px; transition: 0.5s;}
#de03 .de_inner .txt_box{ width: 42%; text-align: left; display: flex; align-items: center; justify-content: center; transition: 0.5s; }
@media (max-width: 1400px) {
.de03_bg{ width: 96%; height: 100%; z-index: 0; border-radius:0 20px 20px 0;}
#de03 .de_inner .img_box{ width: 48%; margin-left: 0px; }
#de03 .de_inner .txt_box{ width: 42%; }
}/*END*/
@media (max-width: 1180px) {
#de03 .de_inner{ width: 85%; max-width: 900px; }
#de03 .de_inner .img_box img{ margin-left: -20px; }
}/*END*/
@media (max-width: 1000px) {
.de03_bg{ position: absolute; left:initial; right: 0; top: 0; background: #262626; width: 96%; height: 100%; z-index: 0; border-radius:20px 0 0 20px;}
#de03 .de_inner{ margin: 0 0 0 10%; display: block; padding-top: 60px; }
#de03 .de_inner .img_box{ width: 66%; max-width: 500px; margin: 0px auto; }
#de03 .de_inner .img_box img{ margin-left: 0px; }
#de03 .de_inner .txt_box{ width: 80%; max-width: 700px; margin: 20px auto 0; padding-bottom: 80px; }
}/*END*/
@media (max-width: 780px) {
#de03 .de_inner .img_box img{ margin-left: .0vw; }
}/*END*/
@media (max-width: 640px) {
.de03_bg{ position: absolute; right: 0; top: 0; background:#262626; width: 96%; height: 100%; z-index: 0; border-radius:15px 0 0 15px;}
#de03 .de_inner{ margin: 0 0 0 10%; display: block; padding-top: 14vw; }
#de03 .de_inner .img_box{ width: 80%; max-width: 400px; margin: 0px auto; }
#de03 .de_inner .txt_box{ width: 90%; max-width: 700px; margin: 20px auto 0; padding-bottom: 15vw; }
}/*END*/
#de03 .de_inner .txt_box .txt_s{ margin-top: 20px;}

/*------------------------
	de04 slider
-------------------------*/
#de04{ padding: 120px 0;}
@media (max-width: 1600px) {
#de04{ padding: 100px 0;}
}/*END*/
@media (max-width: 1000px) {
#de04{ padding: 10vw 0;}
}/*END*/
@media (max-width: 800px) {
#de04{ padding: 12vw 0;}
}/*END*/
@media (max-width: 640px) {
#de04{ padding: 12vw 0;}
}/*END*/

/*-----------------------
	nb 
------------------------*/
#nb{ margin: 0px auto 0; width: 85%; max-width: 1000px; display: flex; justify-content:space-between; }
.nb_img { width: 48.1%; overflow: hidden;}
.nb_txt { width: 42%; display: flex; align-items: center; }
/*nb_txt_inner*/
.nb_txt_inner{ width: 100%; }
.nb_img img{ border-radius:20px;}
@media (max-width: 640px) {
.nb_img img{ border-radius:10px;}
}/*END*/
#nb p.txt{ margin-top: 30px;}
@media (max-width: 420px) {
#nb p.txt{ margin-top: 6vw;}
}/*END*/
/*nb_btn*/
.nb_btn { margin-top: 50px; width: 350px; display: flex; justify-content: space-between;}
.nb_btn li{ width: 31%; position: relative;}
.nb_btn li a {position: relative; display:block; color:#000; text-decoration:none; transition: 0.3s; cursor: pointer; }
.nb_btn li.active::before{ width: 100%; height: 4px; position: absolute; left: 0%; bottom: -12px; margin-left: -1px; content: ''; display: block; background: #000;}
.nb_btn li::before{ width: 100%; height: 0px; position: absolute; left: 0%; bottom: -8px; margin-left: -1px; content: ''; display: block; background: #ccc3b9; transition: 0.1s;}
.nb_btn li:hover::before{ width: 100%; height: 4px; position: absolute; left: 0%; bottom: -12px; margin-left: -1px; content: ''; display: block; background: #cca56a; transition: 0.1s;}
.nb_btn li a { overflow: hidden; }
.nb_btn li a span img{ transform: scale(1); transition: 0.5s; }
.nb_btn li a:hover span img{ opacity: 0.7; }
@media (max-width: 1220px) {
.nb_btn { margin-top: 40px; width: 300px; max-width: 300px; }
}/*END*/
#nb p.txt br{ display: none;}
@media (max-width: 1000px) {
#nb{ margin: 0 auto; width: 74%; max-width: 600px; display: block; }
.nb_img { width: 100%;max-width: 550px; margin: 0 auto; }
.nb_img img{ width: 100%; }
.nb_txt_inner{ width: 100%; }
.nb_txt { position: relative; padding-top: 60px; width: 100%; display: flex; align-items: center; justify-content: center; }
.nb_btn { margin-top: 30px; position: absolute; top: 0; left:0%; width: 100%; max-width: 100%; display: flex;justify-content: center;} 
.nb_btn li{ width: 100px; margin: 0 6px; }
}/*END*/
@media (max-width: 800px) {
#nb{ margin: 0 auto; width: 74%; max-width: 550px; display: block; }
}/*END*/
@media (max-width: 640px) {
#nb{ margin: 0vw auto 0; width: 80%; max-width: 550px; display: block; }
.nb_txt {padding-top: 60px; }
.nb_txt_inner{ width: 420px; }
.nb_btn { margin-top: 6vw; }
.nb_btn li{ width: 80px; margin: 0 7px; }
.nb_btn li.active::before{ width: 100%; height: 3px; position: absolute; left: 0%; bottom: -9px; margin-left: -1px; content: ''; display: block; background: #000;}
.nb_btn li::before{ width: 100%; height: 0px; position: absolute; left: 0%; bottom: -6px; margin-left: -1px; content: ''; display: block; background: #ccc3b9; transition: 0.1s;}
.nb_btn li:hover::before{ width: 100%; height: 3px; position: absolute; left: 0%; bottom: -9px; margin-left: -1px; content: ''; display: block; background: #cca56a; transition: 0.1s;}
}/*END*/
@media (max-width: 530px) {
.nb_txt {padding-top: 60px; }
}/*END*/
@media (max-width: 400px) {
.nb_txt {padding-top: 12vw; }
.nb_btn li{ width: 25%; margin: 0 2%; }
#nb{ margin: 2vw auto 0; width: 80%; max-width: 550px; display: block; }
}/*END*/

/*-------------------------------------------------
	model
--------------------------------------------------*/
.model_wrap{ padding: 110px 0 100px; width: 100%; background: #ccc3b9; }
@media screen and (max-width: 500px) {
.model_wrap{ padding: 80px 0 80px; }
}/*END*/
.model{ width: 90%; max-width: 1420px; margin: 0 auto; text-align: center; box-sizing: border-box; padding: 20px; border-radius:20px;}
.model .waku{ width: 100%; border: solid 3px #000; box-sizing: border-box; padding: 0px;}
@media screen and (max-width: 640px) {
.model{ width: 93%; padding: 2.5vw; border-radius:2.5vw;}
.model .waku{ width: 100%; border: solid 2px #000; box-sizing: border-box; padding: 0px;}
}/*END*/
@media screen and (max-width: 400px) {
.model{ width: 93%; padding: 2vw; border-radius:2vw;}
.model .waku{ width: 100%; border: solid 1px #000; box-sizing: border-box; padding: 0px;}
}/*END*/
#dd.model{ background: #fffbf3;}
#oh.model{ margin-top: 40px; background: #f2ede3;}
#gmt.model{ margin-top: 40px; background: #f2ede3;}

@media screen and (max-width: 640px) {
#oh.model{ margin-top: 6vw;}
}/*END*/
#id.model{ margin-top: 40px; background: #fffbf3;}
@media screen and (max-width: 640px) {
#id.model{ margin-top: 6vw;}
}/*END*/
.model h2{ text-align: center; margin-top:60px; font-size: 4px; }
@media screen and (max-width: 1000px) {
.model h2{ text-align: center; margin-top:5vw; }
}/*END*/





@media screen and (max-width: 700px) {
.model h2{ text-align: center; margin-top:6vw; }
}/*END*/
.model h2 .model_h2_icon{ display: block; width: 112px; margin: 0 auto;}
/*img*/
@media screen and (max-width: 560px) {
.model h2 .model_h2_icon img{ width:20vw; }
}/*END*/
/*#gmt.model h2 .model_h2_icon*/
#gmt.model h2 .model_h2_icon{ display: block; width: 170px; margin: 0 auto 20px;}
/*img*/
@media screen and (max-width: 1000px) {
#gmt.model h2 .model_h2_icon{ display: block; width: 150px; margin: 0 auto 10px;}
}/*END*/
@media screen and (max-width: 750px) {
#gmt.model h2 .model_h2_icon{ display: block; width: 130px; margin: 0 auto 10px;}
}/*END*/
@media screen and (max-width: 560px) {
#gmt.model h2 .model_h2_icon img{ width:25vw;margin: 1vw auto 0; }
}/*END*/

/*skeleton_dial*/
#skeleton_dial.model{ margin-top: 40px; background: #fffbf3;}
@media screen and (max-width: 640px) {
#skeleton_dial.model{ margin-top: 6vw;}
}/*END*/
/*.model_h2_icon*/
#skeleton_dial.model h2 .model_h2_icon{ display: block; width: 170px; margin: 0 auto 20px;}
/*img*/
@media screen and (max-width: 1000px) {
#skeleton_dial.model h2 .model_h2_icon{ display: block; width: 150px; margin: 0 auto 10px;}
}/*END*/
@media screen and (max-width: 750px) {
#skeleton_dial.model h2 .model_h2_icon{ display: block; width: 130px; margin: 0 auto 10px;}
}/*END*/
@media screen and (max-width: 560px) {
#skeleton_dial.model h2 .model_h2_icon img{ width:25vw;margin: 1vw auto 0; }
}/*END*/




/*.model .txt*/
.model .txt{ margin: 20px auto 70px; width: 80%; max-width: 970px; display: inline-block; text-align: center;}
.model .txt span{ display:inline-block;}
@media screen and (max-width: 1000px) {
.model .txt{ margin: 3vw auto 6vw; }
}/*END*/
@media screen and (max-width: 950px) {
.model .txt br{ display: none;}
}/*END*/
@media screen and (max-width: 850px) {
.model .txt { text-align: left;}
.model .txt span{ display:inline !important;}
}/*END*/
@media screen and (max-width: 500px) {
.model .txt{ margin: 4vw auto 8vw; width: 82%; }
}/*END*/







/*------------------------
	img_box
-------------------------*/
/*------- pc -------*/
.model .img_box{ width: 70%; max-width: 958px; margin: 0 auto; position: relative; }
.model .img_box img{ width: 100%;}
.img_box2{ display: flex; justify-content: space-between; }
#oh .img_box2,
#gmt .img_box2{ display: flex; justify-content: space-between; flex-direction:row-reverse;}
.img02{width:49.5%; }
.img_box3{ width:49.5%; position: relative; display: block;}
.img03{ position: absolute; left: 0; top:0; }
.img04{ position: absolute; right: 0; top:0;}
.img05{ position: absolute; left: 0; bottom:0; }
.img06{ position: absolute; right: 0; bottom:0;}
.model .img_box div{overflow: hidden; }
.img_box2{ margin-top: 10px;}
#gmt .img05 { width:100%; position: absolute; left: 0; bottom:0; }
#skeleton_dial .img05 { width:100%; position: absolute; left: 0; bottom:0; }

/*------- pc 可変 -------*/
@media screen and (max-width: 1578px) {
.img_box2{ margin-top: 0.6vw;}
}/*END*/
.img03,
.img04,
.img05,
.img06 { width: 49%; }
.img03 img,
.img04 img,
.img05 img,
.img06 img{ width: 100%;}
.model .img_box img{ transition:1s;}
.img01 img:hover{ transform: scale(1.05);}
.img02 img:hover{ transform: scale(1.07);}
.img_box3 img:hover{ transform: scale(1.1);}
/*------- sp -------*/
@media screen and (max-width: 767px) {
#dd .model .img_box,
#oh .model .img_box,
#id .model .img_box{ width: 75%; max-width: 958px; margin: 0 auto; }
#dd .img_box2,
#id .img_box2{ display: inline-block; width:100%; margin:0;}
#dd .img_box2::after,
#id .img_box2::after{ content:" "; display:block; clear:both;}/*clearfix*/
#oh .img_box2{ display: inline-block; justify-content: inherit; flex-direction:inherit;}
#dd .img_box3,
#oh .img_box3,
#id .img_box3{display: inline; width:100%;}
#dd .img02,
#oh .img02,
#id .img02{width:49.4%; float: left !important; position: relative;margin-top: 1.25%;}
#dd .img03,
#oh .img03,
#id .img03{width:49.4%; float: right!important; position: relative;margin-top: 1.25%;}
#dd .img04,
#oh .img04,
#id .img04{ width: 32.5%; float: left; position: relative; margin: 1.25% 1.25% 0 0; }
#dd .img05,
#oh .img05,
#id .img05{ width: 32.5%; float: left; position: relative; margin: 1.25% 1.25% 0 0;}
#dd .img06,
#oh .img06,
#id .img06,
#skeleton_dial .img06{  width: 32.5%; float: left; position: relative; margin: 1.25% 0 0 0;}
}/*END*/

.l_btn { transition: 0.5s;}
.l_btn:hover img{ opacity: 0.5;}
.l_btn:hover { background: #000;}
/*---- hover ----*/
.l_btn a{ display: inline-block; position: relative; z-index: 1;}
.l_btn a::before{ content: ''; position: absolute; left: 50%; top: 50%; width: 0px; height: 2px; margin:-1px 0 0 -0px; background: #e4b77d; z-index: 4; transition: 0.3s; opacity: 0;}
.l_btn a::after{ content: ''; position: absolute; left: 50%; top: 50%; width: 2px; height: 0px; margin:-0px 0 0 -1px; background: #e4b77d; z-index: 4; transition: 0.3s;opacity: 0;}
.l_btn a:hover::before{ content: ''; position: absolute; left: 50%; top: 50%; width: 40px; height: 2px; margin:-1px 0 0 -20px; background: #e4b77d;opacity: 1; z-index: 4; }
.l_btn a:hover::after{ content: ''; position: absolute; left: 50%; top: 50%; width: 2px; height: 40px; margin:-20px 0 0 -1px; background: #e4b77d;opacity: 1; z-index: 4;}
@media screen and (max-width: 750px) {
.l_btn a::before{ content: ''; position: absolute; left: 50%; top: 50%; width: 0px; height: 1px; margin:-1px 0 0 -0px; background: #e4b77d; z-index: 4; transition: 0.3s; opacity: 0;}
.l_btn a::after{ content: ''; position: absolute; left: 50%; top: 50%; width: 1px; height: 0px; margin:-0px 0 0 -1px; background: #e4b77d; z-index: 4; transition: 0.3s;opacity: 0;}
.l_btn a:hover::before{ content: ''; position: absolute; left: 50%; top: 50%; width: 20px; height: 1px; margin:-1px 0 0 -10px; background: #e4b77d;opacity: 1; z-index: 4;}
.l_btn a:hover::after{ content: ''; position: absolute; left: 50%; top: 50%; width: 1px; height: 20px; margin:-10px 0 0 -1px; background: #e4b77d;opacity: 1; z-index: 4;}
}/*END*/
/*---- side_l side_r ----*/
.side_l{ right:100%; top:0; }
.side_r{ left:100%; top:0; }
.side_l,.side_r{ position: absolute; width: 21%; height: 100%; display: flex; align-items: center; justify-content: center;}
.side_l img,.side_r img{ width: 20% !important; max-width: 30px !important;}
.side_r img{transform:rotate(180deg); transform-origin:center center;}
@media screen and (max-width: 1000px) {
.side_l,.side_r{ position: absolute; width: 21%; }
.side_l img,.side_r img{ width: 20% !important; max-width: 30px !important;}
}/*END*/
@media screen and (max-width: 767px) {
.side_l,.side_r{ position: absolute; width: 16%; }
.side_l img,.side_r img{ width: 30% !important; max-width: 30px !important;}
}/*END*/
.plus{ display: none;}
@media screen and (max-width:1000px) {
.img01 a{ position: relative;}
.plus{ display: block; width: 22px; height: 22px; position: absolute; right:10px; top: 10px; z-index: 10; background: url(../img/plus.png) no-repeat; background-size: cover; }
}/*END*/
@media screen and (max-width:450px) {
.img01 a{ position: relative;}
.plus{ display: block; width: 5vw; height: 5vw; position: absolute; right:2vw; top: 2vw; z-index: 10; background: url(../img/plus.png) no-repeat; background-size: cover; }
}/*END*/

/*-------------------------------------------------
	collections
--------------------------------------------------*/
.collections { width: 90%; max-width: 1110px; margin: 0px auto 0vw; padding: 80px 0; position: relative; text-align: center; z-index: 10; }
.collections ul{ display: flex; justify-content: center;}
.collections ul li{ position: relative; width: 31%; margin: 50px 1%; position: relative; }
@media screen and (max-width:1400px) {
.collections { width: 90%; max-width: 1110px; margin: 0px auto 0vw; padding: 5vw 0; position: relative; text-align: center; z-index: 10; }
.collections ul li{ width: 31%; margin: 4vw 1%; }
}/*END*/
@media screen and (max-width: 767px) {
.collections ul{ display: flex; justify-content: center; flex-wrap: wrap; padding-bottom:0px; }
.collections ul li{width: 48%; margin: 6vw 1%; }
}/*END*/
@media screen and (max-width:640px) {
.collections { width: 94%; }
}/*END*/

/*NEW*/
.collections ul li .new{ position: absolute; left: 0; bottom: 103%; width: 100%; }
.collections ul li .new span{font-size: 14px; border-bottom: solid 2px #c00; color: #c00; font-family: Arial, Helvetica, sans-serif; font-weight: bold;  }
@media screen and (max-width:1200px) {
.collections ul li .new{ position: absolute; left: 0; bottom: 102%; width: 100%; }
.collections ul li .new span{font-size: 13px; border-bottom: solid 2px #c00; }
}/*END*/
@media screen and (max-width:500px) {
.collections ul li .new span{font-size: 11px; border-bottom: solid 1px #c00; }
}/*END*/

/*--------- set2 ---------*/
.collections.set2 { width: 92%; max-width: 1000px; margin: 0px auto 0vw; padding: 60px 0; position: relative; text-align: center; z-index: 10; }
.collections.set2 ul{ display: flex; justify-content: center; flex-wrap: wrap; }
.collections.set2 ul li{ position: relative; width: 31%; margin: 50px 1%; position: relative; }
@media screen and (max-width:1400px) {
.collections.set2 { width: 88%; max-width: 900px; margin: 0px auto 0vw; padding: 5vw 0; position: relative; text-align: center; z-index: 10; }
.collections.set2 ul li{ width: 30%; margin: 4vw 1.5%; }
}/*END*/
@media screen and (max-width: 900px) {
.collections.set2 { width: 90%; max-width: 500px; margin: 0px auto 0vw; padding: 4vw 0; position: relative; text-align: center; z-index: 10; }
.collections.set2 ul{ display: flex; justify-content: center; flex-wrap: wrap; padding-bottom:0px; }
.collections.set2 ul li{width: 48%; margin: 4vw 1%; }
}/*END*/
@media screen and (max-width:640px) {
.collections.set2 { width: 94%; max-width: 450px; padding: 6vw 0;}
.collections.set2 ul li{width: 48%; margin: 6vw 1%; }
}/*END*/


/*--------- set3 ---------*/
.collections.set3 { width: 92%; max-width: 1000px; margin: 0px auto 0vw; padding: 60px 0; position: relative; text-align: center; z-index: 10; }
.collections.set3 ul{ display: flex; justify-content: center; flex-wrap: wrap; }
.collections.set3 ul li{ position: relative; width: 31%; margin: 50px 1%; position: relative; }
@media screen and (max-width:1400px) {
.collections.set3 { width: 88%; max-width: 900px; margin: 0px auto 0vw; padding: 3vw 0; position: relative; text-align: center; z-index: 10; }
.collections.set3 ul li{ width: 30%; margin: 4vw 1.5%; }
}/*END*/
@media screen and (max-width: 900px) {
.collections.set3 { width: 90%; max-width: 500px; margin: 0px auto 0vw; padding: 4vw 0; position: relative; text-align: center; z-index: 10; }
.collections.set3 ul{ display: flex; justify-content: center; flex-wrap: wrap; padding-bottom:0px; }
.collections.set3 ul li{width: 48%; margin: 4vw 1%; }
}/*END*/
@media screen and (max-width:640px) {
.collections.set3 { width: 94%; max-width: 450px; padding: 6vw 0;}
.collections.set3 ul li{width: 48%; margin: 6vw 1%; }
}/*END*/


/*--------- set4 ---------*/
.collections.set4 { width: 92%; max-width: 1200px; margin: 0px auto 0vw; padding: 80px 0; position: relative; text-align: center; z-index: 10; }
.collections.set4 ul{ display: flex; justify-content: center; flex-wrap: wrap; }
.collections.set4 ul li{ position: relative; width: 24%; margin: 50px .5%; position: relative; }
/*
@media screen and (max-width:1400px) {
.collections.set4 { width: 92%; max-width: 1110px; margin: 0px auto 0vw; padding: 5vw 0; position: relative; text-align: center; z-index: 10; }
.collections.set4 ul li{ width: 31%; margin: 4vw 1%; }
}/*END*/
@media screen and (max-width: 1000px) {
.collections.set4 { width: 90%; max-width: 550px; margin: 0px auto 0vw; padding: 5vw 0; position: relative; text-align: center; z-index: 10; }
.collections.set4 ul{ display: flex; justify-content: center; flex-wrap: wrap; padding-bottom:0px; }
.collections.set4 ul li{width: 48%; margin: 6vw 1%; }
}/*END*/
@media screen and (max-width:640px) {
.collections.set4 { width: 94%; }
}/*END*/





/*---------img---------*/
.collections_img { width: 75%; max-width: 240px; margin: 0 auto; position: relative; z-index: 0; }

/*---------txt---------*/
.collections_name { margin-top: 0px; font-size: 18px!important; line-height: 1.6; letter-spacing: 1px; font-weight: 700!important;}
/*collections_no*/
.collections_no { margin-top: 0px; font-size: 21px; line-height: 1; letter-spacing: 1.5px; font-weight: 400; font-family: 'Montserrat', sans-serif; position: relative; z-index: 2;}
@media screen and (max-width: 1000px) {
.collections_no { margin-top: -5px; font-size: 20px; line-height: 1; letter-spacing: .5px; }
}/*END*/
@media screen and (max-width: 767px) {
.collections_no { margin-top: -3vw;}
}/*END*/
@media screen and (max-width: 450px) {
.collections_no { margin-top: -2vw; font-size: 18px; line-height: 1; letter-spacing: .5px;}
}/*END*/

/*sold out*/
.soldout { margin-top: 12px; font-size: 19px; line-height: 1; letter-spacing: .5px; font-weight: 400; font-family: 'Montserrat', sans-serif; position: relative; z-index: 2;}
@media screen and (max-width: 1000px) {
.soldout { margin-top: 12px; font-size: 16px; line-height: 1; }
}/*END*/
@media screen and (max-width: 450px) {
.soldout { margin-top: 10px; font-size: 14px;}
}/*END*/

/*collections_movement*/
.collections_movement { margin-top: 3px; font-size: 13px; line-height: 1.6; letter-spacing: 0px;font-weight: 400; }
@media screen and (max-width: 430px) {
.collections_movement { margin-top: 3px; font-size: 12px; }
}/*END*/
@media screen and (max-width: 400px) {
.collections_movement { margin-top: 3px; font-size: 10px; }
}/*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: 640px) {
.collections_price{ margin-top: 12px;}
}/*END*/
@media screen and (max-width: 430px) {
.collections_price { margin-top: 12px; font-size: 15px; line-height: 1.1; letter-spacing: 0px;}
.collections_price span { font-size: 11px; letter-spacing: 0px; margin-left: 3px;}
}/*END*/
/*collections_limited*/
.collections_limited { margin-top: 15px; font-size: 13px; line-height: 1.6; letter-spacing: 1px; font-weight: 400; position: relative; display: inline-block;}
.collections_limited::after { position: absolute; display: block; content: ''; width: 100%; height: 2px; background: #111; }
/*collections_release*/
.collections_release{ margin-top: 17px; font-size: 13px; line-height: 1.4; letter-spacing: 0.5px; font-weight: 400;}
@media screen and (max-width: 640px) {
.collections_release{ margin-top: 12px;}
}/*END*/
@media screen and (max-width: 430px) {
.collections_release p{ font-size: 13px; line-height: 1.6; letter-spacing: 0px;}
.collections_release span{ display: block;}
}/*END*/
/*collections_txt*/
.collections_txt{ margin-top: 25px; font-size: 13px; line-height: 1.6; letter-spacing: 0.5px; font-weight: 400;}
@media screen and (max-width: 430px) {
.collections_txt{ font-size: 13px; line-height: 1.6; letter-spacing: 0px;}
}/*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: #000; color: #fff; border-radius: 4px; }
.collections_btn a:hover { opacity: 0.6; cursor: pointer;}
@media screen and (max-width: 1200px) {
.collections_btn { max-width: 150px; margin: 18px auto 15px; }
.collections_btn a { margin-top: 10px; font-size: 12px; line-height: 1; font-weight: 500; padding: 14px 0 16px; letter-spacing: .5px; }
}/*END*/
@media screen and (max-width: 400px) {
.collections_btn { max-width: 120px; margin: 10px auto 10px; }
.collections_btn a { margin-top: 10px; font-size: 11px; line-height: 1; font-weight: 500; padding: 12px 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: 10!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; border-radius: 5px;}
.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.5); }
@media (max-width: 500px) {
.gotop { position:absolute; bottom:0px; right:10px; width:40px; height:50px; }
.gotop a{ width:40px; height:40px; }
.gotop a::after { width: 20px; height: 20px; margin: -10px 0 0 -10px; }
}/*END*/

/*-------------------------------------------------
	footer
--------------------------------------------------*/
footer{ background: #262626; width: 100%; height: auto; }
footer::after { content:" "; display:block; clear:both;}
.foot_l{ float: left; margin: 59px 0 0 40px;}
.foot_l .foot_logo { float: left; line-height: 1; margin-bottom: 53px; }
.foot_l .foot_logo img { width: 131px; transition: 0.2s; }
.foot_l .foot_logo a:hover img{ opacity: 0.6;}
.foot_l .copyright { float: left; margin: 13px 0 0 32px; font-size: 12px; line-height: 1; letter-spacing: 1px; color: #fff;}
@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;}
}/*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*/


/*-------------------------------------------------
	new_banner
--------------------------------------------------*/
#new_banner{ padding: 80px 0; background: #191919; }
#new_banner a{ margin: 0 auto; width: 80%; max-width: 1000px; display: block; position: relative; }
#new_banner a span{ overflow: hidden; display: block;}
#new_banner .new_banner_arrow{ width: 15px; position: absolute; bottom: -48px; left: 50%; margin-left: -7.5px; }
#new_banner a img{ transition: 0.5s;}
#new_banner a:hover img{ transform: scale(1.05); opacity: 0.7;}
@media (max-width: 750px) {
#new_banner{ padding: 50px 0 80px; background: #191919; }
#new_banner a:hover img{ transform: scale(1); opacity: 1;}
}/*END*/
/* on / off */
#new_banner .pc{ display: block;}
#new_banner .sp{ display: none;}
@media (max-width: 750px) {
#new_banner .pc{ display: none;}
#new_banner .sp{ display: block;}
}/*END*/