@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; line-height: 1.5; font-size: 1.5rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust:100%;}
a{outline: none;}
/*txt img active*/
::selection ,
::-moz-selection { background:#666; }
img::selection,
img::-moz-selection { background:none; }
/*cookie*/
#onetrust-banner-sdk{ outline: 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: 300; 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, #main2 h1 small img, #main2 h1 span img, #concept, #concept p, .movie .img_box, .movie .txt_box, .movie figure, .de .img_box img, .txt, .txt_s, .de h3, .de h3 span, .txt_box h3 span, .txt_box h3 small, .spec .spec_head, .collections_img, .collections_inner .txt_box h3, .collections_inner .txt_box p { visibility: hidden;}

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

/*-------------------------------------------------
	main
--------------------------------------------------*/
.pc_x15{display:block;}
.pc_x1{display:none;}
.tab{display:none;}
.sp_x1{display:none;}
@media screen and (max-width: 1400px) and (orientation: landscape) {
.pc_x15{display:none;}
.pc_x1{display:block;}
.tab{display:none;}
.sp_x1{display:none;}
}/*END*/
@media screen and (max-width: 1024px) and (orientation: portrait) {
.pc_x15{display:none;}
.pc_x1{display:none;}
.tab{display:block;}
.sp_x1{display:none;}
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {
.pc_x15{display:none;}
.pc_x1{display:none;}
.tab{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: 60.5%; position: absolute; left:0%; top: 21.2vw; z-index: 200; text-align: center; font-size: 1px; line-height: 1;}
#main h1 small img{ width:28.2vw; display: inline-block; }
#main h1 span img{ width: 20vw; display:inline-block; margin: 1.8vw 0 0 1vw; }
.logo_world_athletics{ width: 15.5%; position: absolute; left:1.9vw; bottom: 1.9vw; z-index: 500; }
.logo_world_athletics a{ outline:none; }
/* 縦 1024px
-----------------------*/
@media screen and (max-width: 1024px) and (orientation: portrait) {
#main h1{ width: 100%; position: absolute; left:0%; top: 76.6vw; }
#main h1 small img{ width:55vw; }
#main h1 span img{ width: 39vw; display:inline-block; margin-top: 3.5vw;  }
.logo_world_athletics{ width: 25.2%; position: absolute; right: 1.9vw; top: 2vw; left:initial; bottom:initial; }
}/*END*/
/* 縦 640px
-----------------------*/
@media screen and (max-width: 640px) and (orientation: portrait) {
#main h1{ width: 100%; position: absolute; left:0%; top: 109.5vw; }
#main h1 small img{ width:66vw; }
#main h1 span img{ width: 45.5vw; display:inline-block; margin-top: 4vw;  }
.logo_world_athletics{ width: 29%; position: absolute; right: 2.4vw; top: 2.5vw; left:initial; bottom:initial; }
}/*END*/

/*-------------------------------------------------
	txt
--------------------------------------------------*/
/*letter-spacing
------------------------------*/
.ls_1{letter-spacing: 1px;}
@media (max-width: 1400px) {
.ls_1{letter-spacing: .5px;}
}/*END*/
@media screen and (orientation: portrait) { /* 縦 */
.ls_1{letter-spacing: 1px;}
}/*END*/
@media (max-width: 640px) {
.ls_1{letter-spacing: 0px;}
}/*END*/

/*line-height
------------------------------*/
/*--- lh_22 ---*/
.lh_22{line-height: 2.2;}
@media (max-width: 1400px) {
.lh_22{line-height: 2.2;}
}/*END*/
@media screen and (orientation: portrait) { /* 縦 */
.lh_22{line-height: 2.2;}
}/*END*/
@media (max-width: 640px) {
.lh_22{line-height: 2;}
}/*END*/

/*--- lh_3 ---*/
.lh_3{line-height: 2.2;}
@media (max-width: 1400px) {
.lh_3{line-height: 2.2;}
}/*END*/
@media screen and (orientation: portrait) { /* 縦 */
.lh_3{line-height: 2.2;}
}/*END*/
@media (max-width: 640px) {
.lh_3{line-height: 2;}
}/*END*/

/*--- lh_2 ---*/
.lh_2{line-height: 2;}
@media (max-width: 1400px) {
.lh_2{line-height: 1.9;}
}/*END*/
@media (max-width: 640px) {
.lh_2{line-height: 1.9;}
}/*END*/
/*--- lh_1 ---*/
.lh_1{line-height: 1.6;}
@media (max-width: 1400px) {
.lh_1{line-height: 1.6;}
}/*END*/
@media (max-width: 640px) {
.lh_1{line-height: 1.6;}
}/*END*/


/*txt size
------------------------------*/
/*--- txt ---*/
.txt{ font-size: 16px; }
@media (max-width: 1400px) {
.txt{ font-size: 15px; }
}/*END*/
@media (max-width: 1200px) {
.txt{ font-size: 1.255vw; }
}/*END*/
@media (max-width: 950px) {
.txt{ font-size: 15px; }
}/*END*/
@media (max-width: 640px) {
.txt{ font-size: 15px; }
}/*END*/
@media (max-width: 420px) {
.txt{ font-size: 14px; }
}/*END*/
@media (max-width: 400px) {
.txt{ font-size: 13.5px; }
}/*END*/
@media (max-width: 360px) {
.txt{ font-size: 12.5px; }
}/*END*/
/*--- txt2 ---*/
.txt2{ font-size: 15px; }
@media (max-width: 1400px) {
.txt2{ font-size: 14px; }
}/*END*/
@media (max-width: 1200px) {
.txt2{ font-size: 1.155vw; }
}/*END*/
@media (max-width: 950px) {
.txt2{ font-size: 14px; }
}/*END*/
@media (max-width: 640px) {
.txt2{ font-size: 14px; }
}/*END*/
@media (max-width: 420px) {
.txt2{ font-size: 13px; }
}/*END*/
@media (max-width: 400px) {
.txt2{ font-size: 12.5px; }
}/*END*/
@media (max-width: 360px) {
.txt2{ font-size: 11.5px; }
}/*END*/



/*span*/
.txt span,
.txt_s span{ display: inline-block; }

/*---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: 1.12vw!important; line-height: 1.6; }
}/*END*/
@media (max-width: 950px) {
.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*/

/*-------------------------------------------------
	concept
--------------------------------------------------*/
#concept { padding: 140px 0; width: 100%; height: 100%; background: url("../image/concept_bg_x15.jpg") center center #f7dc0a; background-size: cover !important; }
#concept p{ width: 90%; max-width:1000px; text-align: left; margin: 0 auto; color: #000;}
.concept_br{ display: inline-block;}
@media (max-width: 1600px) {
#concept {padding: 140px 0; background: url("../image/concept_bg.jpg") center center #f7dc0a;  }
#concept p{ width: 90%; max-width:1000px; }
.concept_br{ display: none;}
}/*END*/
@media (max-width: 1400px) {
#concept {padding: 120px 0;  }
#concept p{ width: 90%; max-width:900px; }
}/*END*/
@media (max-width: 1200px) {
#concept {padding: 10vw 0;  background: url("../image/concept_bg_sp_x15.jpg") center center #f7dc0a;  }
#concept p{ width: 75%; }
}/*END*/
@media (max-width: 1000px) {
#concept {padding: 100px 0;  }
#concept p{ width: 75%;  text-align: left; margin: 0 auto;}
}/*END*/
@media (max-width: 750px) {
#concept {padding: 100px 0; background: url("../image/concept_bg_sp.jpg") center center #f7dc0a;  }
#concept p{ width: 83%; max-width:640px; }

}/*END*/
@media (max-width: 640px) {
#concept {padding: 15vw 0;}
}/*END*/
@media (max-width: 400px) {
#concept p{ width: 85%;  }
}/*END*/
@media (max-width: 360px) {
#concept p{ width: 82%;  }
}/*END*/
@media (max-width: 350px) {
#concept p{ width: 82%;  }
}/*END*/

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

/*-------------------------------------------------
	de base
--------------------------------------------------*/
.de h3{ font-size: 45px; line-height: 1.1; color: #f7dc0a; font-family: 'Montserrat', sans-serif; font-weight: 500;}
#co02 .de h3{  color: #65b7e5; }
.de h3 span{ display: inline-block;}
.de p{ margin-top: 28px;}
@media (max-width:1400px){
.de h3{ font-size: 42px; }
.de p{ margin-top: 24px;}
}/*END*/
@media (max-width:1200px){
.de h3{ font-size: 3.5vw; }
.de p{ margin-top: 2vw;}
}/*END*/
@media (max-width:950px){
.de h3{ font-size: 42px; margin: 30px auto 0;}
.de p{ margin: 20px auto 0;}
}/*END*/
@media (max-width:520px){
.de h3{ font-size: 8.2vw; margin: 7vw auto 0;}
.de p{ margin: 15px auto;}
}/*END*/

/*-------------------------------------------------
	co01 
--------------------------------------------------*/
/*co01 de01 [ Dial ]
-----------------------------------------*/
#co01 .de01{ padding: 120px 0; background: url("../image/co01_1bg_x15.jpg") center center no-repeat; background-size: cover; }
#co01 .de01 .inner{ width: 90%; max-width: 1260px; margin: 0 auto; display: flex; justify-content: start; align-items: center; }
#co01 .de01 .img_box{ margin-left: 6.6%; width: 42.4%; max-width: 534px;}
#co01 .de01 .txt_box{ margin-left: 7.7%; width: 425px; }
@media (max-width:1600px){
#co01 .de01{ padding: 120px 0; background: url("../image/co01_1bg.jpg") center center no-repeat; background-size: cover; }
#co01 .de01 .txt_box{ margin-left: 7.7%;  width: 455px;}
}/*END*/
@media (max-width:1400px){
#co01 .de01 .txt_box{ margin-left: 7.7%; width: 425px;}
}/*END*/
@media (max-width:1200px){
#co01 .de01{ padding: 120px 0; background: url("../image/co01_1bg_sp_x15.jpg") center center no-repeat; background-size: cover;}
#co01 .de01 .txt_box{ margin-left: 7.7%; width: 39.5%;}
}/*END*/
@media (max-width:950px){
#co01 .de01{ padding: 120px 0; background: url("../image/co01_1bg_sp_x15.jpg") center center no-repeat; background-size: cover;}
#co01 .de01 .inner{ width: 100%;  margin: 0 auto; display: block; }
#co01 .de01 .img_box{ width: 60%; max-width: 400px; margin: 0 auto; }
#co01 .de01 .txt_box {width: 78%; max-width: 600px; margin: 0 auto; }
}/*END*/
@media (max-width:700px){
#co01 .de01{ padding: 15vw 0;}
}/*END*/
@media (max-width:500px){
#co01 .de01 .txt_box {width: 86%; }
}/*END*/

/* img [ on / off ]*/
#co01 .de01 .x15{ display: block;}
#co01 .de01 .x1{ display: none;}
@media (max-width:1400px){
#co01 .de01 .x15{ display: none;}
#co01 .de01 .x1{ display: block;}
}/*END*/

/*co01 de02 [ Push buttons & Crown ]
-----------------------------------------*/
#co01 .de02{ background: #222; overflow: hidden;}
#co01 .de02 .inner{ width: 90%; max-width: 1260px; margin: 0 auto; display: flex; justify-content: end; align-items: center; flex-direction : row-reverse; }
#co01 .de02 .img_box{ width: 71.6%; max-width: 902px; margin-right: -10.5%; margin-top: 65px; }
#co01 .de02 .txt_box{ width: 350px; margin-right: 5.9%; }
@media (max-width:1600px){
#co01 .de02 .txt_box{ width: 350px; margin-right: 5.9%; }
}/*END*/
@media (max-width:1400px){
#co01 .de02 .txt_box{ width: 320px; margin-right: 5%; }
}/*END*/
@media (max-width:1200px){
#co01 .de02 .txt_box{ width: 30%; margin-right: 4%; }
}/*END*/
@media (max-width:950px){
#co01 .de02{ padding: 90px 0 120px;}
#co01 .de02 .inner{ width: 100%; margin: 0 auto; display: block; }
#co01 .de02 .img_box{ width: 85%; max-width: 600px; margin-left: 18%; margin-top: 0px; }
#co01 .de02 .txt_box {width: 75%; max-width: 600px; margin: 0 auto; }
}/*END*/
@media (max-width:700px){
#co01 .de02{ padding: 15vw 0;}
}/*END*/
@media (max-width:500px){
#co01 .de02 .txt_box {width: 86%; }
}/*END*/

/* img [ on / off ]*/
#co01 .de02 .x15{ display: block;}
#co01 .de02 .x1{ display: none;}
@media (max-width:1400px){
#co01 .de02 .x15{ display: none;}
#co01 .de02 .x1{ display: block;}
}/*END*/

/*co01 de03 [ Movement ]
-----------------------------------------*/
#co01 .de03{ background: #303030; overflow: hidden;}
#co01 .de03 .inner{ padding: 115px 0; width: 90%; max-width: 1260px; margin: 0 auto; display: flex; justify-content: start; align-items: center; }
#co01 .de03 .img_box{ width: 50.3%; max-width: 634px; margin:30px 0 0 2.3%;}
#co01 .de03 .txt_box{ width: 490px; margin-left: 5%; }
@media (max-width:1600px){
#co01 .de03 .txt_box{ width: 490px; margin-left: 5%; }
}/*END*/
@media (max-width:1400px){
#co01 .de03 .txt_box{ width: 460px; margin-left: 4%; }
}/*END*/
@media (max-width:1300px){
#co01 .de03 .txt_box{ width: 460px; margin-left: 3%; }
}/*END*/
@media (max-width:1200px){
#co01 .de03 .inner{ padding: 8vw 0;  }
#co01 .de03 .txt_box{ width: 43%; margin-left: 3%; }
}/*END*/
@media (max-width:950px){
#co01 .de03 .inner{ padding: 100px 0; width: 100%; display: block;  }
#co01 .de03 .img_box{ width: 75%; max-width: 500px; margin: 0 auto;}
#co01 .de03 .txt_box{ width: 75%; max-width: 600px; margin: 0 auto; }
}/*END*/
@media (max-width:700px){
#co01 .de03 .inner{ padding: 15vw 0; width: 100%; max-width: 1260px; margin: 0 auto; display: block;  }
}/*END*/
@media (max-width:500px){
#co01 .de03 .txt_box {width: 86%; }
}/*END*/

/*h3*/
#co01 .de03 .txt_box h3{ color: #303030; font-family: 'Montserrat', sans-serif; font-size: initial; }
#co01 .de03 .txt_box h3 span{ padding: 0 5px; font-size: 45px; line-height: 1; background: #f7dc0a; display: inline-block;}
#co01 .de03 .txt_box h3 small{ padding: 5px 8px; margin-top: 5px; font-size: 24px; line-height: 1; background: #f7dc0a; display: inline-block;}
@media (max-width:1200px){
#co01 .de03 .txt_box h3 span{ padding: 0 5px; font-size: 3.75vw;}
#co01 .de03 .txt_box h3 small{ padding: 5px 8px; margin-top: 5px; font-size: 2vw; }
}/*END*/
@media (max-width:950px){
#co01 .de03 .txt_box h3 span{ padding: 0 4px; font-size: 40px; }
#co01 .de03 .txt_box h3 small{ padding: 4px 7px; margin-top: 3px; font-size: 20px; }
}/*END*/
@media (max-width:450px){
#co01 .de03 .txt_box h3 span{ padding: 0 1.5vw; font-size: 8.2vw; }
#co01 .de03 .txt_box h3 small{ padding: 0.8vw 1.5vw; margin-top: .5vw; font-size: 5.2vw; }
}/*END*/
/* img [ on / off ]*/
#co01 .de03 .x15{ display: block;}
#co01 .de03 .x1{ display: none;}
@media (max-width:1400px){
#co01 .de03 .x15{ display: none;}
#co01 .de03 .x1{ display: block;}
}/*END*/

/*co01 de04 [ Case back ]
-----------------------------------------*/
#co01 .de04{ overflow: hidden;}
#co01 .de04 .inner{ padding: 0; width: 90%; max-width: 1260px; margin: 0 auto; display: flex; justify-content: end; align-items: center; flex-direction : row-reverse;}
#co01 .de04 .img_box{ width: 43.5%; max-width: 549px; margin-right: 5.5%; }
#co01 .de04 .txt_box{ width: 420px; margin-right: 12%; }
@media (max-width:1400px){
#co01 .de04 .txt_box{ width: 400px; margin-right: 10%; }
}/*END*/
@media (max-width:1200px){
#co01 .de04 .txt_box{ width: 38%; margin-right: 8% }
}/*END*/
@media (max-width:950px){
#co01 .de04 .inner{ padding:0 0 100px 0; width: 100%; display: block;  }
#co01 .de04 .img_box{ width: 60%; max-width: 450px; margin: 0 auto; text-align: center; }
#co01 .de04 .txt_box{ width: 75%; max-width: 600px; margin: 0 auto; }
}/*END*/
@media (max-width:700px){
#co01 .de04 .inner{ padding:0 0 15vw 0; }
}/*END*/
@media (max-width:500px){
#co01 .de04 .txt_box {width: 86%; }
}/*END*/

/* img [ on / off ]*/
#co01 .de04 .x15{ display: block;}
#co01 .de04 .x1{ display: none;}
@media (max-width:1400px){
#co01 .de04 .x15{ display: none;}
#co01 .de04 .x1{ display: block;}
}/*END*/

/*co01 de05 [ Additional strap ]
-----------------------------------------*/
#co01 .de05{ padding: 125px 0; background: #303030; }
#co01 .de05 .inner{ width: 90%; max-width: 1260px; margin: 0 auto; display: flex; justify-content: start; align-items: center; }
#co01 .de05 .img_box{ margin-left: 1.1%; width: 56.7%; max-width: 715px;}
#co01 .de05 .txt_box{ margin-left: 3.1%; width: 465px; }
@media (max-width:1600px){
#co01 .de05{ padding: 120px 0; }
#co01 .de05 .txt_box{ margin-left: 3.1%;  width: 460px;}
}/*END*/
@media (max-width:1400px){
#co01 .de05 .txt_box{ margin-left: 3.1%; width: 440px;}
}/*END*/
@media (max-width:1300px){
#co01 .de05{ padding: 120px 0;}
#co01 .de05 .img_box{ margin-left: 2%; width: 56.7%; max-width: 715px;}
#co01 .de05 .txt_box{ margin-left: 1.5%; width: 440px; }
}/*END*/
@media (max-width:1200px){
#co01 .de05{ padding: 10vw 0;}
#co01 .de05 .txt_box{ margin-left: 1.5%; width: 36.5%;}
}/*END*/
@media (max-width:950px){
#co01 .de05{ padding: 100px 0; }
#co01 .de05 .inner{  width: 100%; display: block;  }
#co01 .de05 .img_box{ width: 80%; max-width: 650px; margin: 0 auto; text-align: center; }
#co01 .de05 .img_box img{ margin-left: 5vw;}
#co01 .de05 .txt_box{ width: 75%; max-width: 600px; margin: 0 auto; }
}/*END*/
@media (max-width:700px){
#co01 .de05 { padding: 15vw 0; }
}/*END*/
@media (max-width:500px){
#co01 .de05 .txt_box {width: 86%; }
}/*END*/

/* img [ on / off ]*/
#co01 .de05 .x15{ display: block;}
#co01 .de05 .x1{ display: none;}
@media (max-width:1400px){
#co01 .de05 .x15{ display: none;}
#co01 .de05 .x1{ display: block;}
}/*END*/

/* movie 
-----------------------------------------*/
.movie{ padding: 80px 0;}
.movie_btn { margin: 0 auto; width: 80%; max-width: 970px; position: relative; overflow: hidden;}
.movie_btn a{ text-decoration: none; color: #fff; display: block; width: 100%; }
.movie_btn a .img_box img{ transition: 1s; position: relative; z-index: 0;}
.movie_btn a:hover .img_box img{ transform: scale(1.07); opacity: .6; }
.movie .txt_box{ position: absolute; left: 0; top: 0; width: 48%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; font-family: 'Montserrat', sans-serif; z-index: 5;}
.movie .txt_box .psx_logo{ width:255px; margin: 0 auto;}
.movie .txt_box p{ margin-top: 8px; font-size: 13px; line-height: 1.5; letter-spacing: 1.0px;}
.movie .txt_box h3{ margin-top: 17px; font-size: 30px; line-height: 1; color: #f7dc0a; font-weight: 500; }
@media (max-width:1150px){
.movie .txt_box .psx_logo{ width:85%; margin: 0 auto;}
.movie .txt_box p{ margin-top: 1vw; font-size: 1.2vw; line-height: 1.5; letter-spacing: 0.1vw;}
.movie .txt_box h3{ margin-top: 2vw; font-size: 2.8vw; line-height: 1; color: #f7dc0a; }
}/*END*/
@media (max-width:1150px){
.movie_btn{ margin: 0 auto; width: 85%; }
}/*END*/
@media (max-width:750px){
.movie{ padding: 12vw 0;}
.movie_btn{ margin: 0 auto; width: 85%; }
}/*END*/
@media (max-width:1000px){
.movie_btn a:hover .img_box img{ transform: scale(1); opacity: 1; }
}/*END*/

/*再生icon*/
.movie figure{ position: absolute; left: 50%; top: 50%; margin: -34px 0 0 -34px; width: 68px; height: 68px; background: rgba(247,220,10,0); border: solid 2px rgba(247,220,10,1); border-radius: 50%; box-sizing: border-box; z-index: 5; transition: 0.3s; }
.movie figure::after{ border-width: 12px 0 12px 20px; margin: -12px 0 0 -8px; border-color: transparent transparent transparent rgba(247,220,10,1); left: 50%; top: 50%; position: absolute; content: ''; display: block; width: 0; height: 0; border-style: solid; }
.movie a:hover figure{ background: rgba(247,220,10,.7); border: solid 2px rgba(255,255,255,0);}
.movie a:hover figure::after{ border-color: transparent transparent transparent rgba(255,255,255,1);}
@media screen and (max-width: 1600px) {
.movie figure{position: absolute; left: 50%; top: 50%; margin: -2.8vw 0 0 -2.8vw; width: 5.6vw; height: 5.6vw; }
.movie figure::after{ border-width: .9vw 0 .9vw 1.2vw; margin: -.9vw 0 0 -0.5vw; }
}/*END*/
@media screen and (max-width: 800px) {
.movie figure{position: absolute; left: 50%; top: 50%; margin: -4vw 0 0 -4vw; width: 8vw; height: 8vw; }
.movie figure::after{ border-width: 1.4vw 0 1.4vw 2.2vw; margin: -1.4vw 0 0 -.8vw; }
}/*END*/
@media screen and (orientation: portrait)and (max-width: 460px) {
.movie figure{position: absolute; left: 50%; top: 50%; margin: -7vw 0 0 -7vw; width: 14vw; height: 14vw; }
.movie figure::after{ border-width: 2.5vw 0 2.5vw 4vw; margin: -2.5vw 0 0 -1.5vw; }
}/*END*/

/* img [ on / off ]*/
#co01 .movie .x15{ display: block;}
#co01 .movie .x1{ display: none;}
#co01 .movie .sp{ display: none;}
@media (max-width:1400px){
#co01 .movie .x15{ display: none;}
#co01 .movie .x1{ display: block;}
#co01 .movie .sp{ display: none;}
}/*END*/
@media (max-width:750px){
#co01 .movie .x15{ display: none;}
#co01 .movie .x1{ display: none;}
#co01 .movie .sp{ display: block;}
#co01 .movie .txt_box{ display: none;}
#co01 .movie figure{ display: none;}
}/*END*/

/*-------------------------------------------------
	co02
--------------------------------------------------*/
/*main2_head*/
.main2_head{ height: 80px; width: 100%; background: #222; display: block; }
@media (max-width:1000px){
.main2_head{ height: 60px;}
}/*END*/
@media (max-width:450px){
.main2_head{ height: 12vw;}
}/*END*/
#main2 { width: 100%; height: auto; position: relative; z-index: 100; overflow: hidden; outline:none; }
/*main_img*/
#main2 .main_img { width: 100%; position: relative; z-index: 100;}
#main2 .main_img img{ width: 100%;}
/*parallax
----------------------*/
#main2 .parallax-window { position: relative; z-index: 0; height: 50vw; background: transparent; }
#main2 h1{ width: 62.5%; position: absolute; right:0%; top: 21.2vw; z-index: 200; text-align: center; font-size: 1px; line-height: 1; }
#main2 h1 small img{ width:28.2vw; display: inline-block; }
#main2 h1 span img{ width: 20vw; display:inline-block; margin: 2.2vw 0 0 1vw; }
/* 縦 1024px
-----------------------*/
@media screen and (max-width: 1024px) and (orientation: portrait) {
#main2 h1{ width: 100%; position: absolute; left:0%; top: 74.5vw; }
#main2 h1 small img{ width:47vw; }
#main2 h1 span img{ width: 34vw; display:inline-block; margin-top: 3.5vw;  }
}/*END*/
/* 縦 640px
-----------------------*/
@media screen and (max-width: 640px) and (orientation: portrait) {
#main2 h1{ width: 100%; position: absolute; left:0%; top: 109.5vw; }
#main2 h1 small img{ width:66vw; }
#main2 h1 span img{ width: 45.5vw; display:inline-block; margin-top: 4vw;  }
}/*END*/

/*co02 concept 
-----------------------------------------*/
#co02 .concept{ padding: 90px 0; background: url("../image/blue_bg.jpg") center; position: relative;}
#co02 .concept::after{ content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;background: linear-gradient(to right, rgba(0,52,85,.3) 0%, rgba(0,52,85,.0) 50%, rgba(0,52,85,.3) 100%);/*グラデ*/}
#co02 .concept .txt_box{ width: 90%;  margin: 0 auto; position: relative; z-index: 2; text-align: center; }
#co02 .concept .txt_box br.co02_concept_br2{ display: none; }
#co02 .concept .txt_box br.co02_concept_br3{ display: none; }
@media (max-width:1600px){
#co02 .concept .txt_box{ width: 90%; }
}/*END*/
@media (max-width:1400px){
#co02 .concept{ padding: 80px 0; }
#co02 .concept .txt_box{ width: 90%; }
}/*END*/
@media (max-width:1200px){
#co02 .concept{ padding: 6vw 0; }
#co02 .concept .txt_box{ width: 63%; }
}/*END*/
@media (max-width:950px){
#co02 .concept{ padding: 70px 0; }
#co02 .concept .txt_box{ width: 90%; max-width: 750px; }
}/*END*/
@media (max-width:900px){
#co02 .concept{ padding: 60px 0; }
#co02 .concept .txt_box{ width: 90%; max-width: 600px; }
}/*END*/
@media (max-width:700px){
#co02 .concept .txt_box br.co02_concept_br1{ display: none; }
#co02 .concept .txt_box br.co02_concept_br2{ display: block; }
}/*END*/
@media (max-width:600px){
#co02 .concept{ padding: 10vw 0 11vw 0; }
}/*END*/
@media (max-width:500px){
#co02 .concept{ padding: 9vw 0 10vw 0; }
#co02 .concept .txt_box br.co02_concept_br2{ display: none; }
#co02 .concept .txt_box br.co02_concept_br3{ display: block; }
}/*END*/

/*--- txt3 ---*/
.txt3{ font-size: 19px; }
@media (max-width: 1400px) {
.txt3{ font-size: 18px; }
}/*END*/
@media (max-width: 1200px) {
.txt3{ font-size: 1.655vw; }
}/*END*/
@media (max-width: 950px) {
.txt3{ font-size: 18px; }
}/*END*/
@media (max-width: 640px) {
.txt3{ font-size: 17px; }
}/*END*/
@media (max-width: 420px) {
.txt3{ font-size: 16px; }
}/*END*/
@media (max-width: 400px) {
.txt3{ font-size: 4.1vw; }
}/*END*/





/* img [ on / off ]*/
#co02 .concept .x15{ display: block;}
#co02 .concept .x1{ display: none;}
@media (max-width:1400px){
#co02 .concept .x15{ display: none;}
#co02 .concept .x1{ display: block;}
}/*END*/

/*co02 de01 [ Dial ]
-----------------------------------------*/
#co02 .de01{ padding: 100px 0; }
#co02 .de01 .inner{ width: 90%; max-width: 1260px; margin: 0 auto; display: flex; justify-content: end; align-items: center; flex-direction : row-reverse; }
#co02 .de01 .img_box{ margin-right: 7.5%; width: 42.4%; max-width: 534px;}
#co02 .de01 .txt_box{ margin-right: 10.6%; width: 390px; }
@media (max-width:1600px){
#co02 .de01{ padding: 80px 0; }
}/*END*/
@media (max-width:1400px){
#co02 .de01 .txt_box{ margin-right: 10.6%; width: 370px;}
}/*END*/
@media (max-width:1200px){
#co02 .de01{ padding: 7vw 0; }
#co02 .de01 .txt_box{ margin-right: 10.6%; width: 34%;}
}/*END*/
@media (max-width:950px){
#co02 .de01{ padding: 100px 0; }
#co02 .de01 .inner{ width: 100%;  margin: 0 auto; display: block; }
#co02 .de01 .img_box{ width: 60%; max-width: 400px; margin: 0 auto;}
#co02 .de01 .txt_box{ width: 78%; max-width:600px;  margin: 0 auto; }
}/*END*/
@media (max-width:700px){
#co02 .de01{ padding: 15vw 0;}
}/*END*/
@media (max-width:500px){
#co02 .de01 .txt_box {width: 86%; }
}/*END*/

/* img [ on / off ]*/
#co02 .de01 .x15{ display: block;}
#co02 .de01 .x1{ display: none;}
@media (max-width:1400px){
#co02 .de01 .x15{ display: none;}
#co02 .de01 .x1{ display: block;}
}/*END*/

/*co02 de02 [ Strap ]
-----------------------------------------*/
#co02 .de02{ padding: 125px 0; background: #303030; }
#co02 .de02 .inner{ width: 90%; max-width: 1260px; margin: 0 auto; display: flex; justify-content: start; align-items: center; }
#co02 .de02 .img_box{ margin-left: 1.1%; width: 56.7%; max-width: 715px;}
#co02 .de02 .txt_box{ margin-left: 5%; width: 380px; }
@media (max-width:1600px){
#co02 .de02{ padding: 120px 0; }
#co02 .de02 .txt_box{ margin-left: 5%;  width: 380px;}
.br_co02_2{ display: none;}
}/*END*/
@media (max-width:1400px){
#co02 .de02 .txt_box{ margin-left: 5%; width: 360px;}
}/*END*/
@media (max-width:1300px){
#co02 .de02{ padding: 120px 0;}
#co02 .de02 .img_box{ margin-left: 2%; width: 56.7%; max-width: 715px;}
#co02 .de02 .txt_box{ margin-left: 5%; width: 340px; }
}/*END*/
@media (max-width:1200px){
#co02 .de02{ padding: 10vw 0;}
#co02 .de02 .txt_box{ margin-left: 5%; width: 32%;}
}/*END*/
@media (max-width:950px){
#co02 .de02{ padding: 100px 0; }
#co02 .de02 .inner{  width: 100%; display: block;  }
#co02 .de02 .img_box{ width: 80%; max-width: 650px; margin: 0 auto; text-align: center; }
#co02 .de02 .img_box img{ margin-left: 5vw;}
#co02 .de02 .txt_box{ width: 75%; max-width: 600px; margin: 0 auto; }
}/*END*/
@media (max-width:700px){
#co02 .de02 { padding: 15vw 0; }
}/*END*/
@media (max-width:500px){
#co02 .de02 .txt_box {width: 86%; }
}/*END*/

/* img [ on / off ]*/
#co02 .de02 .x15{ display: block;}
#co02 .de02 .x1{ display: none;}
@media (max-width:1300px){
#co02 .de02 .x15{ display: none;}
#co02 .de02 .x1{ display: block;}
}/*END*/

/*co02 de03 [ Push buttons & Crown ]
-----------------------------------------*/
#co02 .de03{ padding: 80px 0; }
#co02 .de03 .inner{ width: 90%; max-width: 1260px; margin: 0 auto; display: flex; justify-content: end; align-items: center; flex-direction : row-reverse; }
#co02 .de03 .img_box{ margin-right: 10%; width: 42.4%; max-width: 534px; overflow: hidden; }
#co02 .de03 .txt_box{ margin-right: 10%; width: 370px; }
@media (max-width:1600px){
#co02 .de03{ padding: 80px 0; }
}/*END*/
@media (max-width:1400px){
#co02 .de03 .txt_box{ margin-right: 10%; width: 350px;}
}/*END*/
@media (max-width:1200px){
#co02 .de03{ padding: 7vw 0; }
#co02 .de03 .img_box{ margin-right: 8%; width: 42.4%; }
#co02 .de03 .txt_box{ margin-right: 9%; width: 33%;}
}/*END*/
@media (max-width:950px){
#co02 .de03{ padding: 100px 0; }
#co02 .de03 .inner{ width: 100%; margin: 0 auto; display: block; }
#co02 .de03 .img_box{ margin: 0 auto; width: 67%; max-width: 400px; }
#co02 .de03 .txt_box{ width: 75%; max-width:600px; margin: 60px auto 0;  }
}/*END*/
@media (max-width:700px){
#co02 .de03{ padding: 15vw 0; }
}/*END*/
@media (max-width:600px){
#co02 .de03 .txt_box{ width: 75%; max-width:600px; margin: 10vw auto 0;  }
}/*END*/
@media (max-width:500px){
#co02 .de03 .txt_box { width: 86%; }
}/*END*/

/* img [ on / off ]*/
#co02 .de03 .x15{ display: block;}
#co02 .de03 .x1{ display: none;}
@media (max-width:1400px){
#co02 .de03 .x15{ display: none;}
#co02 .de03 .x1{ display: block;}
}/*END*/

/*-------------------------------------------------
	bottom_banner
--------------------------------------------------*/
#bottom_banner{ padding: 80px 0;}
#bottom_banner .inner{ width: 60%; max-width: 725px; margin: 0 auto; border: solid 4px #363636; overflow: hidden; }
#bottom_banner .inner a img{ transition: 1s;  }
#bottom_banner .inner a:hover img{ transform: scale(1.05); opacity: 0.4; }
@media (max-width:700px){
#bottom_banner{ padding: 80px 0;}
#bottom_banner .inner{ width: 70%; }
}/*END*/
@media (max-width:600px){
#bottom_banner{ padding: 70px 0 120px;}
#bottom_banner .inner{ width: 80%; }
}/*END*/
@media (max-width:500px){
#bottom_banner{ padding: 50px 0 90px;}
#bottom_banner .inner{ width: 85%;  border: solid 3px #363636; }
}/*END*/

/* img [ on / off ]*/
#bottom_banner .x15{ display: block;}
#bottom_banner .x1{ display: none;}
@media (max-width:640px){
#bottom_banner .x15{ display: none;}
#bottom_banner .x1{ display: block;}
}/*END*/

/*-------------------------------------------------
	spec
--------------------------------------------------*/
.spec{ background: #fff; color: #000; padding: 90px 0; position: relative; z-index: 10;}
.spec_head{ padding-bottom:50px; width:90%; margin: 0 auto; text-align: center; position: relative; font-weight: 400; z-index: 10; }
.spec_head h2{ font-size:1px; font-weight: 500; line-height: 1.2; position: relative; display: block; }
.spec_head h2 span{ font-size:32px; line-height: 1.3; display: block; position: relative; }
.spec_head h2 small{ font-size:19px; line-height: 1.4; display: block; position: relative; margin-top: 10px; }

@media (max-width: 1200px){
.spec{ padding: 90px 0; }
}/*END*/
@media (max-width: 950px){
.spec{ padding: 9vw 0; }
}/*END*/
 @media (max-width: 750px){
.spec{ padding: 10vw 0 60px; }
}/*END*/
 @media (max-width: 600px){
.spec{padding: 13vw 0 10vw; }
.spec_head{ padding-bottom:40px; }

}/*END*/

 @media (max-width: 900px){
.spec_head h2 span{ font-size:3.55vw; line-height: 1.3;}
.spec_head h2 small{ font-size:2.1vw; line-height: 1.4;margin-top: 1.5vw;}
}/*END*/
 @media (max-width: 640px){
.spec_head h2 span{ font-size:4vw; line-height: 1.3; }
.spec_head h2 small{ font-size:2.8vw; line-height: 1.4;margin-top: 2vw;}
}/*END*/
 @media (max-width: 450px){
.spec_head h2 span{ font-size:4.5vw; line-height: 1.3;}
.spec_head h2 small{ font-size:3.2vw; line-height: 1.4; margin-top: 2vw;}
}/*END*/

/*===== bar =====*/
.spec_head h2::after{ max-width: 100px; width: 20%; height: 4px; margin: 25px auto 10px; content: ''; display: block; }
#co01 .spec_head h2::after{ background: #f7dc0a; }
#co02 .spec_head h2::after{ background: #65b7e5; }
 @media (max-width: 600px){
.spec_head h2::after{margin: 20px auto 2vw;  height: 3px;}
}/*END*/
 @media (max-width: 450px){
.spec_head h2::after{margin: 5vw auto 0px;  height: 3px;}
}/*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%; }
 }/*END*/

/*txt_box*/
#co01 .collections_inner .txt_box{ margin-top: 60px; width: 50%; text-align: center; position: relative; z-index: 3; }
#co02 .collections_inner .txt_box{ margin-top: 100px; width: 50%; 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: 315px; 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: 65%; }
 }/*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 (max-width: 750px){
#co01 .collections_no{ margin-top: 30px; }
 }/*END*/
 @media (max-width: 420px){
#co01 .collections_no{ margin-top: 7vw; }
 }/*END*/
/*collections_movement*/
.collections_movement { margin-top: 3px; font-size: 14px; line-height: 1.6; letter-spacing: 0px;font-weight: 400; }
/*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: 0px; margin-left: 3px;}
/*collections_limited*/
.collections_limited { margin-top: 5px; position: relative; display: inline-block;}
.collections_limited .limited_txt { font-size: 14px; line-height: 1.6; letter-spacing: 0px; font-weight: 400; position: relative; display: inline-block; }
.collections_limited .limited_txt::after { position: absolute; display: block; content: ''; width: 100%; height: 2px; background: #111; }
.collections_limited .limited_sub { margin-top: 5px; font-size: 12px; line-height: 1.6; letter-spacing: 0px; display: block; }
@media screen and (max-width: 640px) {
.collections_limited .limited_txt { font-size: 13px; }
}/*END*/
/*collections_release*/
.collections_release{ margin-top: 17px; font-size: 14px; line-height: 1.4; letter-spacing: 0px; font-weight: 400;}
.collections_release span{ display: inline-block;}
/*collections_txt*/
.collections_txt{ margin-top: 50px; font-size: 14px; line-height: 1.6; letter-spacing: 0px; font-weight: 400; text-align: center;}
.collections_txt span{ display: inline-block; }
@media screen and (max-width: 750px) {
.collections_txt{ margin-top: 0px; font-size: 13px;}
}/*END*/
@media screen and (max-width: 450px) {
.collections_txt span{ display: block; }
}/*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: 170px; margin: 22px auto 0; }
.collections_btn a { margin-top: 10px; font-size: 14px; padding: 14px 0 16px; letter-spacing: .5px; }
}/*END*/
@media screen and (max-width: 420px) {
.collections_btn { max-width: 170px; margin: 22px auto 0; }
.collections_btn a { margin-top: 10px; font-size: 13px; padding: 14px 0 14px; letter-spacing: 0px;}
}/*END*/
@media screen and (max-width: 350px) {
.collections_btn { max-width: 170px; margin: 22px auto 0; }
.collections_btn a { margin-top: 10px; font-size: 13px; padding: 14px 0 14px; }
}/*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: 'Noto Sans JP', sans-serif; font-weight: 400; }
@media (max-width: 750px) { 
.foot_l{ float: none; margin: 39px 0 0 0px; text-align: center;}
.foot_l .foot_logo { float: none; line-height: 1; margin-bottom: 23px; }
.foot_l .copyright { float: none; margin: 13px 0 0 0px; padding-bottom: 30px; font-size: 12px; line-height: 1; color: #fff; }
}/*END*/
.foot_r { float: right; padding-top: 58px; margin: 0 35px 0 0 ; }
.foot_r .sns { display: flex; list-style-type: none; }
.foot_r .sns img{ width: 100%;}
.foot_r .sns > li { width: 40px; margin-right: 12px; padding: 5px; line-height: 1; border-radius: 50%; transition: 0.3s; background: #3c3c3c;}
.foot_r .sns > li:nth-child(2){ margin-right: 0; }
.foot_r .sns > li:hover{ opacity: 0.5; }
@media (max-width: 750px) {
.foot_r { float: none; padding-top: 40px; margin: 0px; }
.foot_r .sns { position: static; margin-bottom: 20px; justify-content: center; }
.foot_r .sns > li { margin-right: 10px; }
}/*END*/