@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
--------------------------------------------------*/
body {position: relative; background: #000; color: #fff; font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 1.6; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; direction:rtl;}
a{outline: none;}
/*cookie*/
#onetrust-banner-sdk{ outline: none; }

/*anime set
------------------------*/
#concept h2, .concept_h2_ber, #concept p, .read, #nav .nav_l li .img_box1, #nav .nav_l li .img_box2, #nav .nav_l li .img_box3, #nav .nav_r .img_box4, #nav p, .de .h2_1, .de .h2_2, .de .h2_bar, .de01_light, .de .wrap img, .de .wrap h3, .de .wrap p, .de .move1 img, .de .move1 h3, .de .move1 p, .de .move2 img, .de .move2 h3, .de .move2 p, .de .move3 img, .de .move3 h3, .de .move3 p, .ms_head_bar, h2 .t01, h2 .t02, .ms_read, #ms li .mod, #ms li .org, #ms li:nth-child(odd) .ms_bg, #ms li:nth-child(even) .ms_bg, #ms li:nth-child(1) .img_box, #ms li:nth-child(2) .img_box, #ms li:nth-child(3) .img_box, #ms .org_inner, .de02_4_bg, .ms_bottom, .collections h2, .collections_img, .collections h3, .collections p, .sub_txt{ visibility: hidden;}

/*-------------------------------------------------
	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: 999; opacity: 1; transition:2s; }
.wrap_f.fade::after { opacity: 0; pointer-events: none; user-select: none; }

/*-------------------------------------------------
	header
--------------------------------------------------*/
header{ position: relative; z-index: 9999; }
/*------ header logo ------*/
header .seiko_logo{ width: 130px; position:absolute; left: 30px; top: 30px; }
header .prospex_logo{ width: 240px; position:absolute; right: 30px; top: 30px; }
@media (max-width: 1600px) {
header .seiko_logo{ width: 8.17vw; left: 1.85vw; top: 1.85vw; }
header .prospex_logo{ width: 14.9vw; right: 1.9vw; top: 1.8vw; }
}/*END*/
@media screen and (max-width: 1024px) and (orientation: portrait) {
header .seiko_logo{ width: 130px; left: 30px; top: 30px; }
header .prospex_logo{ width: 220px; right: 30px; top: 30px; }
}/*END*/
@media screen and (max-width: 780px) and (orientation: portrait) { 
header .seiko_logo{ width: 17vw; left: 3.8vw; top: 3.8vw; }
header .prospex_logo{ width: 28vw; right: 3.8vw; top: 3.8vw; }
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {
header .seiko_logo{ width: 20vw; left: 3.8vw; top: 3.8vw; }
header .prospex_logo{ width: 36vw; right: 3.8vw; top: 3.8vw; }
}/*END*/

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

/*-------------------------------------------------
	main
--------------------------------------------------*/
#main { width: 100%; height: 100%; position: relative; z-index: 1; overflow: hidden; background: #000; direction:ltr; }
#main img{ user-select: none; pointer-events: none; }
#main .main_img{ width: 100%; position: relative; z-index: 1; }
#main .main_img img{ width: 100%; }
#main ul li{ position: relative; }
/*--- .title_1 [6R] ---*/
.title_1{ position: absolute; left: 46%; bottom:6.0vw; z-index: 2; display: block; font-family: 'Michroma', sans-serif; text-align: center;}
.title_1 span{ display: block; color: #ffb54b;}
.title_1 span.h1_1{ font-size: 2.45vw; line-height: 1.25; letter-spacing: 0.12vw;}
.title_1 span.h1_2{ font-size: 2.085vw; line-height: 1.25; letter-spacing: 0.12vw;}
@media screen and (max-width: 1023px) and (orientation: portrait) {
.title_1 { width: 100%; position: absolute; left: 0%; bottom:7.5vw;}
.title_1 span.h1_1{ font-size: 4.85vw; line-height: 1.2; }
.title_1 span.h1_2{ font-size: 4.16vw; line-height: 1.2; }
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {
.title_1 { width: 100%; position: absolute; left: 0%; bottom:14vw;}
.title_1 span.h1_1{ font-size: 5.85vw; line-height: 1.2; }
.title_1 span.h1_2{ font-size: 4.95vw; line-height: 1.2; }
}/*END*/
/*--- .title_1 [8L] ff8400 ---*/
.title_2 { position: absolute; left: 57.15%; bottom:22.3vw; z-index: 2; display: block; font-family: 'Michroma', sans-serif; text-align: center;}
.title_2 span{ display: block; color: #ff8400;}
.title_2 span.h1_1{ font-size: 2.45vw; line-height: 1.25; letter-spacing: 0.12vw;}
.title_2 span.h1_2{ font-size: 2.085vw; line-height: 1.25; letter-spacing: 0.12vw;}
@media screen and (max-width: 1023px) and (orientation: portrait) {
.title_2 { width: 100%; position: absolute; left: 0%; bottom:7.5vw;}
.title_2 span.h1_1{ font-size: 4.85vw; line-height: 1.2; }
.title_2 span.h1_2{ font-size: 4.16vw; line-height: 1.2; }
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {
.title_2 { width: 100%; position: absolute; left: 0%; bottom:14.4vw;}
.title_2 span.h1_1{ font-size: 5.8vw; line-height: 1.15; }
.title_2 span.h1_2{ font-size: 4.95vw; line-height: 1.1; }
}/*END*/
/*--- main_pc ---*/
.main_pc_x{display:block !important;}
.main_pc{display:none !important;}
.main_sp_x{display:none !important;}
.main_sp{display:none !important;}
@media (max-width: 1400px) {
.main_pc_x{display:none !important;}
.main_pc{display:block !important;}
.main_sp_x{display:none !important;}
.main_sp{display:none !important;}
}/*END*/
@media screen and (max-width: 1023px) and (orientation: portrait) {
.main_pc_x{display:none !important;}
.main_pc{display:none !important;}
.main_sp_x{display:block !important;}
.main_sp{display:none !important;}
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {
.main_pc_x{display:none !important;}
.main_pc{display:none !important;}
.main_sp_x{display:none !important;}
.main_sp{display:block !important;}
}/*END*/
/*--------- Slider ----------*/
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; }
.slick-slider .slick-track,
.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before,
.slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
 /*----- dots -----*/
.slick-dots{position: absolute; bottom: 30px; left: 30px; width:auto; margin:0 auto; padding: 0; list-style: none; text-align: center; display: flex !important; justify-content: center; z-index:10; }
.slick-dots li{ position: relative; width: 50px; height: 3px; margin: 0 7px 0 0; }
.slick-dots li button{ font-size: 0; line-height: 0; display: block; /*cursor: pointer;*/ border: 0; outline: none; background: transparent; width: 100%; height: 100%;} /* OFF */
.slick-dots li button:before{ position: absolute; top:50%; left: 0;content: ''; margin-top: -2px; opacity: 1; width: 100%; height: 100%; background: #4d4d4d; transition: 0.3s;}/* focus */
.slick-dots li button:hover:before,/* ON */
.slick-dots li.slick-active button:before{ cursor: pointer; }/* focus */
.slick-dots li:nth-child(1).slick-active button:before{ background: #ff9900; }
.slick-dots li:nth-child(2).slick-active button:before{ background: #ff6000; }
@media (max-width: 1400px) {
.slick-dots{ bottom:2.2vw; left: 2.2vw; }
.slick-dots li{ width: 3.5vw; height: .2vw; margin: 0 .6vw 0 0; }
}/*END*/
@media (max-width: 750px) {
.slick-dots{ bottom:2.2vw; left: 2.2vw; }
.slick-dots li{ width: 3.5vw; height: 1px; margin: 0 .6vw 0 0; }
}/*END*/
@media screen and (max-width: 1023px) and (orientation: portrait) {
.slick-dots{ bottom:25px; left: 25px; }
.slick-dots li{ width: 5.5vw; height: 3px; margin: 0 .6vw 0 0; }
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {
.slick-dots{ bottom:4.5vw; left: 4.5vw; }
.slick-dots li{ width: 7vw; height: 2px; margin: 0 .8vw 0 0; }
}/*END*/
/*-------- scroll --------*/
.scroll{ height: 100px; width: 80px; margin-right: 0px; position: absolute; right: 0px; bottom: 0; z-index: 200; transition: .3s; }
.scroll a{ display: block; width: 100%; height: 100%; position: relative; z-index: 200; transition: 0.3s; cursor: pointer;}
.scroll .scroll_wheel{ width: 1px; height: 100%; opacity: 0; overflow:hidden; animation: scroll_wheel 0s 0s 1 forwards ease-out; background:rgba(255,255,255,.3);display: block; position: absolute; left: 50%; bottom:0px; margin-left: -0.5px; transition: 0.3s; z-index: 200;}
@keyframes scroll_wheel { 0% { bottom:0%; opacity: 0;} 100% { bottom:0%; opacity: 1;}}
.scroll .scroll_wheel:after { opacity: 1; width: 100%; height: 30%; animation: scroll_wheel_after 2.5s 0.5s infinite normal ease; background:#e9e9e9; position: absolute; content:" "; display:block; z-index: 11; left: 0%; top:-100%; transition: 0.3s;}
@keyframes scroll_wheel_after { 0% { top:0%; opacity: 1;} 30% { top:100%; opacity: 1;} 31% { top:100%; opacity: 0;} 32% { top:-34%; opacity: 0;} 33% { top:-34%; opacity: 1;} 60% { top:0%;} 100% { top:0%;} }
.scroll a:hover .scroll_wheel:after { background:#f00;}
/*----- scroll_p -----*/
.scroll_p{ position: absolute; bottom: 120px; left: 50%; width: 80px; margin-left: -50%; text-align: center; z-index: 200; pointer-events:none; text-align: center; opacity: 0.6;}
.scroll_p img{ width: 9px; }
@media screen and (max-width: 1400px) {
.scroll{ height: 90px; width: 80px; right: -10px; }
.scroll_p{ bottom: 95px; }
.scroll_p img{ width: 8px; }
}/*END*/
@media screen and (max-width: 1200px) {
.scroll{ height: 80px; width: 80px; right: -10px; }
.scroll_p img{ width: 8px; }
}/*END*/
@media screen and (max-width: 1000px) {
.scroll{ height: 12vw; width: 80px; right: -22px; }
.scroll_p{ bottom: 14vw; }
.scroll_p img{ width: 7px; }
}/*END*/
@media screen and (max-width: 500px) {
.scroll_p img{ width: 1.4vw; max-width: 7px; }
}/*END*/
@media screen and (max-width: 1023px) and (orientation: portrait) {
.scroll{ height: 12vw; width: 80px; right: -10px; }
.scroll_p{ bottom: 14vw; }
.scroll_p img{ width: 7px; }
}/*END*/
@media screen and (max-width: 640px) and (orientation: portrait) {
.scroll{ height: 75px; width: 80px; right: -20px; }
.scroll_p{ bottom: 90px; }
.scroll_p img{ width: 7px; }
}/*END*/
@media screen and (max-width: 400px) and (orientation: portrait) {
.scroll{ height: 16vw; width: 80px; right: -20px; }
.scroll_p{ bottom: 20vw; }
}/*END*/
@media screen and (max-width: 350px) and (orientation: portrait) {
.scroll{ height: 16vw; width: 80px; right: -22px; }
.scroll_p{ bottom: 19vw; }
.scroll_p img{ width: 6.2px; }
}/*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.1;}
@media (max-width: 1400px) {
.lh_22{line-height: 2.1;}
}/*END*/
@media screen and (orientation: portrait) { /* 縦 */
.lh_22{line-height: 2.1;}
}/*END*/
@media (max-width: 640px) {
.lh_22{line-height: 1.9;}
}/*END*/

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

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

/*--- lh_0 ---*/
.lh_0{line-height: 1.7;}
@media (max-width: 1400px) {
.lh_0{line-height: 1.7;}
}/*END*/
@media (max-width: 640px) {
.lh_0{line-height: 1.7;}
}/*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: 980px) {
.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: 13px; }
}/*END*/
@media (max-width: 360px) {
.txt{ font-size: 12px; }
}/*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: 980px) {
.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*/

/*--- 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*/

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


/*-------------------------------------------------
	concept
--------------------------------------------------*/
#concept { width: 100%; padding: 95px 0 125px 0; position: relative; z-index: 1; overflow: hidden; text-align: center;}
#concept p{ width: 90%; max-width:798px; margin: 60px auto 0; text-align: right;}
@media (max-width: 1600px) {
#concept {padding: 90px 0 115px 0; }
#concept p{ width: 90%; }
}/*END*/
@media (max-width: 1400px) {
#concept {padding: 80px 0 100px 0; }
#concept p{ width: 90%; max-width:730px; text-align: center; margin: 60px auto 0; text-align: right;}
}/*END*/
@media (max-width: 1220px) {
}/*END*/
@media (max-width: 1000px) {
#concept p{ width: 80%; }
}/*END*/
@media (max-width: 500px) {
#concept { padding: 60px 0 60px; }
#concept p{ margin: 40px auto 0; }
}/*END*/
@media (max-width: 380px) {
#concept p{ width: 82%; }
}/*END*/
@media (max-width: 370px) {
#concept p{ width: 84%; }
}/*END*/
@media (max-width: 350px) {
#concept p{ width: 82%; }
}/*END*/
/*h2*/
#concept h2{ font-size: 16px; letter-spacing: 6px; color: #fe9700; font-family: 'Michroma', sans-serif;}
#concept .concept_h2_ber{ width: 200px; height: 1px; margin: 1px auto; background: linear-gradient(to right, rgba(254,151,0,0) 0%, rgba(254,151,0,1) 40%, rgba(254,151,0,1) 60%, rgba(254,151,0,0) 100%); }
@media (max-width: 450px) {
#concept h2{ font-size: 3.4vw; letter-spacing: 1.2vw; }
#concept .concept_h2_ber{ width: 44vw; }
}/*END*/
/*concept_bg*/
.concept_bg{ width: 1800px; height: 1800px; position: absolute; z-index: -1; left: 50%; top: -40%; margin:-900px 0 0 -900px; background-image: radial-gradient(circle closest-side, rgba(55, 55, 55, 1), rgba(55, 55, 55, 0) 90%); }

/*-------------------------------------------------
	nav
--------------------------------------------------*/
#nav{ width: 100%; display: flex; text-align: center; display: flex; align-items: center; justify-content: center;}
#nav a{ width: 100%; padding: 85px 0 105px; display: flex; align-items: center; justify-content: center; text-decoration: none; color: #fff; position: relative; overflow: hidden; transition: 0.5s;}
#nav .nav_l{ width: 63%; background: #222; position: relative; }
#nav .nav_l ul{ width: 73%; max-width: 650px; display: flex; align-items: center; justify-content: space-between; }
#nav .nav_r{ width: 37%; background: #191919; position: relative; display: flex; align-items: center; justify-content: center;}
#nav .nav_l a:hover { background: #111; }
#nav .nav_r a:hover{ background: #111; }
#nav a img{ width: 13vw; max-width: 192px; transition: 0.8s; position: relative; z-index: 2; display: inline-block; }
@media (max-width: 1050px) {
#nav .nav_l{ width: 67%;}
#nav .nav_l ul{ width: 73%; }
#nav .nav_r{ width: 33%;}
}/*END*/
#nav p{ margin-top: 30px; font-size: 12px; line-height: 1; letter-spacing: 1.7px; font-family: 'Michroma', sans-serif; position: relative; z-index: 10; }
@media (max-width: 1050px) {
#nav p{ margin-top: 2vw; font-size: 11px; line-height: 1; letter-spacing: 1.5px; }
}/*END*/
@media (max-width: 750px) {
#nav .nav_l ul{ width: 82%; }
#nav a img{ width: 16vw; max-width: 192px; transition: 0.8s; }
}/*END*/
@media (max-width: 600px) {
#nav a{ padding: 12vw 0 105px; }
#nav p{ margin-top: 2vw; font-size: 2vw; line-height: 1; letter-spacing: .1vw; }
#nav .nav_l{ width: 70%; }
#nav .nav_l ul{ width: 88%; }
#nav .nav_r{ width: 30%;}
#nav a img{ width: 18vw; }
}/*END*/
@media (max-width: 500px) {
#nav a{ padding: 15vw 0 105px; }
#nav p{ margin-top: 3vw; font-size: 2.4vw; line-height: 1; letter-spacing: .1vw; }
#nav .nav_l{ width: 70%; }
#nav .nav_l ul{ width: 88%; }
#nav .nav_r{ width: 30%;}
#nav a img{ width: 20vw; }
}/*END*/
#nav a:hover img{ transform: scale(1.08); }
@media (max-width: 1024px) {
#nav a:hover img{ transform: scale(1); }
}/*END*/
/*---nav_scroll----*/
.nav_scroll{ width: 2px; height: 40px; position: absolute; left: 50%; bottom: 35px; overflow: hidden;}
.nav_scroll .in{ position: absolute; left: 0px; width: 100%; height: 100%; transition: 0.5s;}
.nav_l .in{ background: #ff9900;}
.nav_r .in{ background: #ff6000;}
.nav_scroll .in.in1{ top: 0%;}
.nav_scroll .in.in2{ top: -200%;}
#nav a:hover .nav_scroll .in.in1 { top: 200%;}
#nav a:hover .nav_scroll .in.in2{ top: 0%;}
/*----- on_bg -----*/
.on_bg{ width: 1000px; height: 1000px; position: absolute; z-index: 5; left: 50%; top: -30%; margin:-500px 0 0 -500px; opacity: 0; transition: 1s; background-image: radial-gradient(circle closest-side, rgba(255,255,255, .3), rgba(255,255,255, 0) 100%); }
#nav a:hover .on_bg{ opacity: 1; }
@media (max-width: 1023px) {
#nav a:hover .on_bg{ opacity: 0; }
#nav .nav_l a:hover { background: #222; }
#nav .nav_r a:hover{ background: #191919; }
}/*END*/
/* img [ on / off ]*/
#nav .img_x15{display:block;}
#nav .img_x1{display:none;}
#nav .img_tab{display:none;}
#nav .img_sp{display:none;}
@media (max-width: 1400px) {
#nav .img_x15{display:none;}
#nav .img_x1{display:block;}
#nav .img_tab{display:none;}
#nav .img_sp{display:none;}
}/*END*/
@media (max-width: 1023px) {
#nav .img_x15{display:none;}
#nav .img_x1{display:none;}
#nav .img_tab{display:block;}
#nav .img_sp{display:none;}
}/*END*/
@media (max-width: 450px) {
#nav .img_x15{display:none;}
#nav .img_x1{display:none;}
#nav .img_tab{display:none;}
#nav .img_sp{display:block;}
}/*END*/

/*-------------------------------------------------
	cal_6R 	cal_8L [base]
--------------------------------------------------*/
.de{ padding-top: 130px; }
/* .de h2 */
.de h2{ text-align: center;}
/*.de h2 br{ display: none;}*/
.de h2 span{ display: block; line-height: 1; font-family: 'Michroma', sans-serif;}
.de h2 span.h2_1{ margin-top: 0px; font-size: 36px; letter-spacing: 1px; }
.de h2 span.h2_2{ margin-top: 21px; font-size: 22px; line-height: 1.4; font-weight: 500;}
.de h2 span.h2_1 span{ display: inline-block;}
#cal_6R.de h2 .h2_1{ color: #ff9900; direction:ltr;}
#cal_8L.de h2 .h2_1{ color: #ff6000; direction:ltr;}
.h2_bar{ width: 400px; height: 5px; margin: 45px auto 0; display: block; }
#cal_6R.de .h2_bar{ background: linear-gradient(to right, rgba(255,153,0,0) 0%, rgba(255,153,0,1) 50%, rgba(255,153,0,0) 100%); }
#cal_8L.de .h2_bar{ background: linear-gradient(to right, rgba(255,96,0,0) 0%, rgba(255,96,0,1) 50%, rgba(255,96,0,0) 100%); }
@media (max-width: 1200px) {
.de{ padding-top: 11vw; }
.de h2 span.h2_1{ margin-top: 0px; font-size: 3vw; letter-spacing: 1px; }
.de h2 span.h2_2{ margin-top: 1.8vw; font-size: 1.84vw;}
.h2_bar{ width: 34vw; height: 0.45vw; margin: 3.7vw auto 0; display: block; }
}/*END*/
@media (max-width: 980px) {
.de{ padding-top: 100px; }
.de h2 span.h2_1{ margin-top: 0px; font-size: 36px; line-height: 1.2; letter-spacing: 1px; }
.de h2 span.h2_1 span{ display: block; font-size: 31px;}
.de h2 span.h2_2{ margin-top: 21px; font-size: 18px; line-height: 1.4; font-weight: 500;}
.h2_bar{ width: 350px; height: 4px; margin: 40px auto 0; display: block; }
}/*END*/
@media (max-width: 750px) {
.de{ padding-top: 13.5vw; }
.de h2 span.h2_1{ margin-top: 0px; font-size: 4.85vw; line-height: 1.2; letter-spacing: 1px; }
.de h2 span.h2_1 span{ display: block; font-size: 4.18vw;}
.de h2 span.h2_2{ margin-top: 21px; font-size: 2.4vw; line-height: 1.4; font-weight: 500;}
.h2_bar{ width: 40vw; height: 0.6vw; margin: 5vw auto 0; display: block; }
}/*END*/
@media (max-width: 640px) {
.de{ padding-top: 13.5vw; }
.de h2 span.h2_1{ margin-top: 0px; font-size: 6.1vw; line-height: 1.2; letter-spacing: 1px; }
.de h2 span.h2_1 span{ display: block; font-size: 5.18vw;}
.de h2 span.h2_2{ margin-top: 4vw; font-size: 3.6vw; line-height: 1.5; font-weight: 500;}
/*.de h2 br{ display: block;}*/
.h2_bar{ width: 50vw; height: 0.8vw; margin: 6vw auto 0; display: block; }
}/*END*/
.de .wrap h3{ margin-top: 0px; font-size: 28px; letter-spacing: 1px; font-family: 'Michroma', sans-serif;}
@media (max-width: 500px) {
.de .wrap h3{ margin-top: 0px; font-size: 5.5vw; }
}/*END*/
@media (max-width: 500px) {
.de .wrap h3{ margin-top: 0px; font-size: 6.5vw; }
}/*END*/
#cal_6R .wrap h3{ color: #ff9900;}
#cal_8L .wrap h3{ color: #ff6000;}

/*-------------------------------------------------
	cal_6R 	
--------------------------------------------------*/
.de .read{ padding: 50px 0 55px; margin: 55px auto 0; width: 90%; max-width: 1200px; text-align: center; background: linear-gradient(to right, rgba(35,35,35,0) 5%, rgba(35,35,35,1) 50%, rgba(35,35,35,0) 95%); }
@media (max-width: 1200px) {
.de .read{ padding: 4vw 0 4.2vw; margin: 55px auto 0; }
}/*END*/
@media (max-width: 980px) {
.de .read{ padding: 40px 0 45px; margin: 55px auto 0; }
}/*END*/
@media (max-width: 640px) {
.de .read{ padding: 35px 0 40px; margin: 55px auto 0; }
}/*END*/
@media (max-width: 500px) {
.de .read{ padding: 35px 0 40px; margin: 50px auto 0; width: 77%; text-align: left; }
}/*END*/
@media (max-width: 400px) {
.de .read{ padding: 35px 0 40px; margin: 48px auto 0; width: 74%; }
}/*END*/
@media (max-width: 350px) {
.de .read{ padding: 35px 0 40px; margin: 45px auto 0; width: 80%;}
}/*END*/
.read_br1{ display: block;}
.read_br2{ display: none;}
@media (max-width: 730px) {
.read_br1{ display: none;}
.read_br2{ display: block;}
}/*END*/
@media (max-width: 500px) {
.read_br1{ display: none;}
.read_br2{ display: none;}
}/*END*/

/*--------------------------------------------
	cal_6R de01_1 	 [ Dial ]
---------------------------------------------*/
#cal_6R .de01_1 { margin-top: 90px; position: relative; }
#cal_6R .de01_1 .inner{ margin: 0 auto; width: 90%; max-width: 1100px; display: flex; align-items: center; }
#cal_6R .de01_1 .inner .img_box{ margin-right: 3%; width: 45.9%; }
#cal_6R .de01_1 .inner .txt_box{ margin-right: 9%; width: 31%; margin-bottom: 40px; }
#cal_6R .txt_box p{ margin-top: 13px; }
@media (max-width: 980px) {
#cal_6R .de01_1 { margin-top: 80px; position: relative; }
#cal_6R .de01_1 .inner{ margin: 0 auto; width: 80%; display: block; }
#cal_6R .de01_1 .inner .img_box{ margin: 0 auto; width: 85%; max-width: 400px; }
#cal_6R .de01_1 .inner .txt_box{ margin: 20px auto 0; width: 100%; max-width: 420px; }
#cal_6R .txt_box p{ margin-top: 13px; }
}/*END*/
/* img [ on / off ] */
#cal_6R .de01_1 .img_x15{ display: block; }
#cal_6R .de01_1 .img_x1{ display: none; }
@media (max-width: 1400px) {
#cal_6R .de01_1 .img_x15{ display: none; }
#cal_6R .de01_1 .img_x1{ display: block; }
}/*END*/
/* de01_light */
.de01_light{ transform: rotate(16deg); transform-origin:left center; position:absolute; top:-21vw; left:-90px; width:200vw ; height:40vw; background: url("../image/light.jpg") no-repeat center left; background-size: contain; z-index: -1;}
@media (max-width: 1900px) {
.de01_light{ transform: rotate(19deg); top:-20vw; }
}/*END*/
@media (max-width: 1600px) {
.de01_light{ transform: rotate(22deg); top:-19.5vw; left:-90px; width:2337px ; height:619px; }
}/*END*/
@media (max-width: 1600px) {
.de01_light{ transform: rotate(22deg); top:-19.5vw; left:-90px; width:2337px ; height:619px; }
}/*END*/
@media (max-width: 1200px) {
.de01_light{ transform: rotate(22deg); top:-21.5vw; left:-90px; width:2337px ; height:619px; }
}/*END*/
@media (max-width: 980px) {
.de01_light{ transform: rotate(22deg); top:-36vw; left:-90px; width:200vw ; height:619px; }
}/*END*/
@media (max-width: 750px) {
.de01_light{ transform: rotate(22deg); top:-40vw; left:-40px; width:250vw ; height:619px; }
}/*END*/
@media (max-width: 580px) {
.de01_light{ transform: rotate(22deg); top:-50vw; left:-40px; width:300vw ; height:619px; }
}/*END*/
@media (max-width: 480px) {
.de01_light{ transform: rotate(22deg); top:-60vw; }
}/*END*/
@media (max-width: 420px) {
.de01_light{ transform: rotate(22deg); top:-67vw; }
}/*END*/
@media (max-width: 380px) {
.de01_light{ transform: rotate(22deg); top:-75vw; }
}/*END*/
@media (max-width: 350px) {
.de01_light{ transform: rotate(22deg); top:-85vw; }
}/*END*/

/*---------------------------------------------
	cal_6R de01_2	[ Lumibrite ]
----------------------------------------------*/
#cal_6R .de01_2 { margin-top: 0px; position: relative; }
#cal_6R .de01_2 .inner{ margin: 0 auto; width: 90%; max-width: 1100px; display: flex; align-items: center; flex-direction : row-reverse;}
#cal_6R .de01_2 .inner .img_box{ margin-left: 9%; width: 39.1%; }
#cal_6R .de01_2 .inner .txt_box{ margin-left: 9.2%; width: 32%; margin-bottom: 0px; }
@media (max-width: 1400px) {
#cal_6R .de01_2 .inner .txt_box{ margin-left: 9.2%; width: 30%; margin-bottom: 0px; }
}/*END*/
@media (max-width: 980px) {
#cal_6R .de01_2 { margin-top: 100px; position: relative; }
#cal_6R .de01_2 .inner{ margin: 0 auto; width: 80%; display: block; }
#cal_6R .de01_2 .inner .img_box{ margin: 0 auto; width: 90%; max-width: 400px; }
#cal_6R .de01_2 .inner .txt_box{ margin: -2vw auto 0; width: 100%; max-width: 420px; margin-bottom: 0px; }
}/*END*/
@media (max-width: 640px) {
#cal_6R .de01_2 { margin-top: 20vw; position: relative; }
#cal_6R .de01_2 .inner{ margin: 0 auto; width: 80%; display: block; }
#cal_6R .de01_2 .inner .img_box{ margin: 0 auto; width: 90%; max-width: 400px; }
#cal_6R .de01_2 .inner .txt_box{ margin: -2vw auto 0; width: 100%; max-width: 420px; margin-bottom: 0px; }
}/*END*/
/* img [ on / off ] */
#cal_6R .de01_2 .img_x15{ display: block; }
#cal_6R .de01_2 .img_x1{ display: none; }
@media (max-width: 1400px) {
#cal_6R .de01_2 .img_x15{ display: none; }
#cal_6R .de01_2 .img_x1{ display: block; }
}/*END*/

/*---------------------------------------------
	cal_6R de01_3	[ Strap ]
----------------------------------------------*/
#cal_6R .de01_3 { margin-top: 60px; position: relative; }
#cal_6R .de01_3 .img_box{ position: relative; right:50%; top: 0px; width: 1823px; margin-right: -911px; }
#cal_6R .de01_3 .txt_box{ margin: -60px auto 0; width: 90%; max-width: 630px; position: relative; z-index: 2; }
@media (max-width: 1100px) {
#cal_6R .de01_3 .img_box{ position: relative; right:0%; top: 0px; width: 100%; margin-right: 0px; }
}/*END*/
@media (max-width: 980px) {
#cal_6R .de01_3 { margin-top: 120px; position: relative; }
#cal_6R .de01_3 .inner{ margin: 0 auto; width: 80%; display: block; }
#cal_6R .de01_3 .inner .img_box{ margin: 0 auto; width: 80%; max-width: 400px; }
#cal_6R .de01_3 .txt_box{ margin: -60px auto; width: 80%; max-width: 650px; margin-bottom: 0px; }
}/*END*/
@media (max-width: 780px) {
#cal_6R .de01_3 .txt_box{ margin: -9vw auto; width: 84%; max-width: 650px; margin-bottom: 0px; }
}/*END*/
@media (max-width: 640px) {
#cal_6R .de01_3 { margin-top: 20vw; }
}/*END*/
/* img [ on / off ] */
#cal_6R .de01_3 .img_x15{ display: block; }
#cal_6R .de01_3 .img_x1{ display: none; }
#cal_6R .de01_3 .img_tab{ display: none; }
#cal_6R .de01_3 .img_sp{ display: none; }
@media (max-width: 1400px) {
#cal_6R .de01_3 .img_x15{ display: none; }
#cal_6R .de01_3 .img_x1{ display: block; }
#cal_6R .de01_3 .img_tab{ display: none; }
#cal_6R .de01_3 .img_sp{ display: none; }
}/*END*/
@media (max-width: 1100px) {
#cal_6R .de01_3 .img_x15{ display: none; }
#cal_6R .de01_3 .img_x1{ display: none; }
#cal_6R .de01_3 .img_tab{ display: block; }
#cal_6R .de01_3 .img_sp{ display: none; }
}/*END*/
@media (max-width:800px) {
#cal_6R .de01_3 .img_x15{ display: none; }
#cal_6R .de01_3 .img_x1{ display: none; }
#cal_6R .de01_3 .img_tab{ display: none; }
#cal_6R .de01_3 .img_sp{ display: block; }
}/*END*/

/*---------------------------------------------
	cal_6R de01_4	[ Additional strap ]
----------------------------------------------*/
#cal_6R .de01_4 { margin-top: 100px ; position: relative; }
#cal_6R .de01_4 .inner{ margin: 0 auto; width: 90%; max-width: 1100px; display: flex; align-items: center; }
#cal_6R .de01_4 .inner .img_box{ margin-right: 3%; width: 45.9%; }
#cal_6R .de01_4 .inner .txt_box{ margin-right: 9%; width: 40%; margin-top: 50px;}
#cal_6R .de01_4 .inner .txt_box p{ max-width: 420px; }
@media (max-width:1400px) {
#cal_6R .de01_4 .inner .txt_box p{ max-width: 400px; }
}/*END*/
@media (max-width:1200px) {
#cal_6R .de01_4 .inner{ margin: 0 auto; width: 90%; max-width: 1100px; display: flex; align-items: center; }
#cal_6R .de01_4 .inner .img_box{ margin-right: 3%; width: 50%; }
#cal_6R .de01_4 .inner .txt_box{ margin-right: 6%; width: 35%;}
#cal_6R .de01_4 .inner .txt_box p{ max-width: 400px; }
}/*END*/
@media (max-width: 980px) {
#cal_6R .de01_4 { margin-top: 120px; position: relative; }
#cal_6R .de01_4 .inner{ margin: 0 auto; width: 80%; display: block; text-align: center; }
#cal_6R .de01_4 .inner .img_box{ margin: 0px auto 0; width: 85%; max-width: 400px; }
#cal_6R .de01_4 .inner .txt_box{ margin: 50px auto 0; width: auto; max-width: 420px; display: inline-block; margin-bottom: 0px; text-align: left; }
}/*END*/
@media (max-width: 640px) {
#cal_6R .de01_4 { margin-top: 20vw; }
#cal_6R .de01_4 .inner .txt_box{ margin: 7vw auto 0; }
}/*END*/
@media (max-width: 400px) {
#cal_6R .de01_4 .inner .txt_box{ margin: 5vw auto 0; width: 100%; display: block; }
#cal_6R .de01_4 .inner .txt_box br{ display: none;}
}/*END*/
/* img [ on / off ] */
#cal_6R .de01_4 .img_x15{ display: block; }
#cal_6R .de01_4 .img_x1{ display: none; }
@media (max-width: 1400px) {
#cal_6R .de01_4 .img_x15{ display: none; }
#cal_6R .de01_4 .img_x1{ display: block; }
}/*END*/

/*-------------------------------------------------
	ms_head_bar
--------------------------------------------------*/
.ms_head_bar{ margin: 140px auto 0; width: 80%; height: 8px; background: linear-gradient(to right, rgba(255,153,0,0) 0%, rgba(255,153,0,1) 50%, rgba(255,153,0,0) 100%); }
@media (max-width:640px) {
.ms_head_bar{ margin: 22vw auto 0; height: 1.1vw; }
}/*END*/

/*-------------------------------------------------
	ms [マイルストーン]
--------------------------------------------------*/
#ms{ width: 100%; background: linear-gradient(to left, rgba(46,46,46,1) 0%, rgba(46,46,46,0) 100%); }
/* ms_head */
#ms .ms_head {padding: 100px 0; text-align: center;}
#ms .ms_head h2{ color: #ff9900; font-family: 'Michroma', sans-serif;}
#ms .ms_head h2 .t01{ margin-top: 0px; font-size: 28px; line-height: 1; letter-spacing: 1px; }
#ms .ms_head h2 .t02{ margin-top: 13px; font-size: 22px; line-height: 1; letter-spacing: 1px; font-weight: 500; }
#ms .ms_head .ms_read { width: 85%; margin: 25px auto 0;}

@media (max-width:640px) {
#ms .ms_head .ms_read { width: 80%; margin: 25px auto 0; text-align: left;}
#ms .ms_head .ms_read br{ display: none;}
}/*END*/
@media (max-width:450px) {
#ms .ms_head {padding: 18vw 0 18vw; text-align: center;}
#ms .ms_head h2 .t01{ margin-top: 0px; font-size: 6vw; line-height: 1; letter-spacing: 1px; }
#ms .ms_head h2 .t02{ margin-top: 3vw; font-size: 4.5vw; line-height: 1; letter-spacing: .5px; }
}/*END*/
@media (max-width:350px) {
#ms .ms_head .ms_read { width: 87%; margin: 25px auto 0;}
}/*END*/

/*---------------------
	ms ul
----------------------*/
#ms ul { width: 90%; max-width: 1400px; margin: 0 auto; }
#ms ul li{ width: 100%; max-width: 1400px; margin: 0 auto; position: relative; z-index: 2;}
#ms ul li .ms_wrap{ width: 100%; background: #d3d3d2; display: flex; position: relative; z-index: 2; box-shadow: 0px 8px 50px 2px rgba(0,0,0,0.8);}
#ms ul li:nth-child(even) { flex-direction : row-reverse; margin: 100px auto;}
@media (max-width: 980px) {
#ms ul { width: 75%; max-width: 600px; margin: 0 auto; }
#ms ul li{ width: 100%; display: block; } 
#ms ul li .ms_wrap{ display: block; }
}/*END*/
@media (max-width: 640px) {
#ms ul { width: 87%; max-width: 600px; margin: 0 auto; }
}/*END*/
@media (max-width: 550px) {
#ms ul li:nth-child(even) { margin: 18vw auto;}
}/*END*/
/*---- オリジナル ----*/
#ms ul li .org{ width: 50%; position: relative; display: flex; align-items: center; justify-content: center; color: #000; background: #d3d3d2; }
#ms ul li .org .org_inner{ width: 80%; text-align: center; }
@media (max-width: 980px) {
#ms ul li .org{ width: 100%; display: block; }
#ms ul li .org .org_inner{ width: 80%; margin: 0 auto; padding: 60px 0;}
}/*END*/
@media (max-width: 640px) {
#ms ul li .org .org_inner{ width: 85%; margin: 0 auto; padding: 10vw 0;}
}/*END*/

/*-------------------
	オリジナル 
--------------------*/
/*------ [org] h3 ------*/
#ms ul li .org .org_inner h3 span{ text-align: center; font-family: 'Michroma', sans-serif;}
#ms ul li .org .org_inner h3 .t01{ margin-top: 0px; font-size: 26px; line-height: 1; letter-spacing: 1px; display: block;}
#ms ul li .org .org_inner h3 .t02{ margin-top: 7px; font-size: 16px; line-height: 1; letter-spacing: 1px; font-weight: 500; display: block;}
#ms ul li .org .org_inner h3 .t03{ margin-top: 10px; font-size: 13px; line-height: 1; letter-spacing: 1px; font-weight: 500; display: block; color: #fff; }
#ms ul li .org .org_inner h3 .t03 span{ background: #353535; padding: 3px 5px 5px; display: inline-block;}
@media (max-width: 1200px) {
#ms ul li .org .org_inner h3 span{ display: inline-block; text-align: center;}
#ms ul li .org .org_inner h3 .t01{ margin-top: 0px; font-size: 2.18vw; }
#ms ul li .org .org_inner h3 .t02{ margin-top: .6vw; font-size: 1.34vw; }
#ms ul li .org .org_inner h3 .t03{ margin-top: .7vw; font-size: 1.075vw; padding: 2px 5px 4px;}
}/*END*/
@media (max-width: 980px) {
#ms ul li .org .org_inner h3 .t01{ margin-top: 0px; font-size: 26px; }
#ms ul li .org .org_inner h3 .t02{ margin-top: 7px; font-size: 16px; }
#ms ul li .org .org_inner h3 .t03{ margin-top: 10px; font-size: 13px; }
#ms ul li .org .org_inner h3 .t03 span{ padding: 3px 5px 5px; display: inline-block;}
}/*END*/
@media (max-width: 400px) {
#ms ul li .org .org_inner h3 span{ display: inline-block; text-align: center;}
#ms ul li .org .org_inner h3 .t01{ margin-top: 0px; font-size: 6.7vw; }
#ms ul li .org .org_inner h3 .t02{ margin-top: 1.7vw; font-size: 4.2vw; letter-spacing: .1vw; }
#ms ul li .org .org_inner h3 .t03{ margin-top: 1.8vw; font-size: 3.2vw; padding: 2px 5px 4px;}
}/*END*/
/* [org] img p*/
#ms ul li .org .org_inner .org_img{ width: 53%; max-width: 296px; margin: 30px auto 0;}
#ms ul li .org .org_inner p{ width: 90%; max-width: 470px; margin: 35px auto 0; text-align: right;}
@media (max-width: 1560px) {
#ms ul li .org .org_inner .org_img{ width: 58%; max-width: 296px; margin: 2.2vw auto 0;}
#ms ul li .org .org_inner p{ width: 96%; margin: 2.2vw auto 0; }
}/*END*/
@media (max-width: 980px) {
#ms ul li .org .org_inner .org_img{ width: 58%; max-width: 296px; margin: 30px auto 0;}
#ms ul li .org .org_inner p{ width: 96%; margin: 30px auto 0; }
}/*END*/
@media (max-width: 640px) {
#ms ul li .org .org_inner .org_img{ width: 70%; max-width: 296px; margin: 25px auto 0;}
#ms ul li .org .org_inner p{ width: 96%; margin: 25px auto 0; }
}/*END*/
@media (max-width: 350px) {
#ms ul li .org .org_inner p{ width: 98%; margin: 25px auto 0; }
}/*END*/
/*-------------------
	現代 
--------------------*/
#ms ul li .mod{ width: 50%; height: 100%; position: relative; z-index: 5; overflow: hidden; background: #000;}
#ms ul li .mod h3{ position: absolute; left: 38px; bottom: 38px; z-index: 4;}
#ms ul li .mod h3 span{display: block;}
@media (max-width: 1560px) {
#ms ul li .mod{ height: 740px; }
#ms ul li .mod h3{ position: absolute; left: 2.5vw; bottom: 2.5vw;}
#ms ul li .mod .img_box{ width: 700px; height: 740px; position: absolute; left: 50%; top: 0px; margin-left:-350px ;}
}/*END*/
@media (max-width: 1360px) {
#ms ul li .mod{ height: 54.4vw; }
#ms ul li .mod .img_box{ width: 51.5vw; height: 54.4vw; position: absolute; left: 50%; top: 0px; margin-left:-25.75vw ;}
}/*END*/
@media (max-width: 980px) {
#ms ul li .mod{ width: 100%; height: auto; }
#ms ul li .mod .img_box{ width: 100%; height: auto; position: relative; left: 0%; top: 0px; margin-left:0px ;}
#ms ul li .mod h3{ position: absolute; left: 30px; bottom: 30px;}
}/*END*/
@media (max-width: 640px) {
#ms ul li .mod h3{ left: 4vw; bottom: 5vw;}
}/*END*/
/*------ [mod] h3 ------*/
#ms ul li .mod h3 span{ text-align: right; font-family: 'Michroma', sans-serif; }
#ms ul li .mod h3 .t01{ margin-top: 0px; font-size: 26px; line-height: 1; letter-spacing: 1px; display: block;}
#ms ul li .mod h3 .t02{ margin-top: 7px; font-size: 16px; line-height: 1; letter-spacing: 1px; font-weight: 500; display: block;}
#ms ul li .mod h3 .t03{ margin: 18px 0 0 2px; font-size: 14px; line-height: 1; letter-spacing: 1px; font-weight: 500; display: block; opacity: 0.4; }
@media (max-width: 1200px) {
#ms ul li .mod h3 .t01{ margin-top: 0px; font-size: 2.18vw;}
#ms ul li .mod h3 .t02{ margin-top: .5vw; font-size: 1.34vw; }
#ms ul li .mod h3 .t03{ margin: 1.35vw 0 0 2px; font-size: 1.15vw; }
}/*END*/
@media (max-width: 980px) {
#ms ul li .mod h3 .t01{ margin-top: 0px; font-size: 26px; }
#ms ul li .mod h3 .t02{ margin-top: 7px; font-size: 16px; }
#ms ul li .mod h3 .t03{ margin: 20px 0 0 2px; font-size: 14px; }
}/*END*/
@media (max-width: 640px) {
#ms ul li .mod h3 .t03{ margin: 18px 0 5px 2px; }
}/*END*/
@media (max-width: 400px) {
#ms ul li .mod h3 .t01{ margin-top: 0px; font-size: 6.7vw; }
#ms ul li .mod h3 .t02{ margin-top: 1.9vw; font-size: 4.2vw; }
#ms ul li .mod h3 .t03{ margin: 4vw 0 2vw 2px; font-size: 3.3vw; }
}/*END*/
/*---- ms_bg ----*/
#ms ul li:nth-child(odd) .ms_bg{ position: absolute; left: -25px; top: -10px; z-index: -1; width: 60%; height: 100%; background: linear-gradient(to right bottom, rgba(255,153,0,1) 0%, rgba(255,153,0,0) 35%);}
#ms ul li:nth-child(even) .ms_bg{ position: absolute; right: -25px; top: -10px; z-index: -1; width: 60%; height: 100%; background: linear-gradient(to left bottom, rgba(255,153,0,1) 0%, rgba(255,153,0,0) 35%);}
@media (max-width: 1560px) {
#ms ul li:nth-child(odd) .ms_bg{ position: absolute; left: -1.6vw; top: -0.6vw; }
#ms ul li:nth-child(even) .ms_bg{ position: absolute; right: -1.6vw; top: -0.6vw; }
}/*END*/
@media (max-width: 980px) {
#ms ul li:nth-child(odd) .ms_bg,
#ms ul li:nth-child(even) .ms_bg{ width: 100% !important; height: 50% !important;}
#ms ul li:nth-child(odd) .ms_bg{ position: absolute; left:initial; right: -25px; top: initial; bottom: -10px; z-index: 1; background: linear-gradient(to left top, rgba(255,153,0,1) 0%, rgba(255,153,0,0) 35%);}
#ms ul li:nth-child(even) .ms_bg{ position: absolute; right:initial; left: -25px; top: initial; bottom: -10px; background: linear-gradient(to right top, rgba(255,153,0,1) 0%, rgba(255,153,0,0) 35%);}
}/*END*/
@media (max-width: 700px) {
#ms ul li:nth-child(odd) .ms_bg{ position: absolute; right: -1.6vw; bottom: -3.7vw; }
#ms ul li:nth-child(even) .ms_bg{ position: absolute; left: -1.6vw; bottom: -3.7vw; }
}/*END*/
/*---- img [ on / off ] ----*/
#ms .img_x15{ display: block; }
#ms .img_x1{ display: none; }
#ms .mod .img_sp{ display: none; }
@media (max-width: 1400px) {
#ms .img_x15{ display: none; }
#ms .img_x1{ display: block; }
#ms .mod .img_sp{ display: none; }
}/*END*/
@media (max-width: 750px) {
#ms .img_x15{ display: none; }
#ms .mod .img_x1{ display: none; }
#ms .mod .img_sp{ display: block; }
}/*END*/

/*---- ms_bottom ----*/
.ms_bottom{ padding: 50px 0; margin: 0 auto; width: 90%; max-width: 1000px; text-align: center;}
@media (max-width: 700px) {
.ms_bottom{ padding: 20vw 0 0; width: 75%; max-width: 1000px; text-align: left;}
.ms_bottom br{ display: none;}
}/*END*/

/*--------------------------------------------
	cal_8L 
---------------------------------------------*/
#cal_8L{ position: relative;}
/*----- cal_8L_bg -----*/
.cal_8L_bg{ width: 2500px; height: 1399px; margin-left: -1250px; background: url(../image/d02_bg2500.jpg) no-repeat top center; position: absolute; background-size: contain; left: 50%; top: 0px; z-index: -1; }
@media (max-width: 2000px) {
.cal_8L_bg{ width: 2000px; height: 100%; margin-left: -1000px; background: url(../image/d02_bg2000.jpg) no-repeat top center; position: absolute; left: 50%; }
}/*END*/
@media (max-width: 1200px) {
.cal_8L_bg{ width: 1200px; height: 100%; margin-left: -600px; background: url(../image/d02_bg1200.jpg) no-repeat top center; position: absolute; left: 50%;}
}/*END*/
@media (max-width: 750px) {
.cal_8L_bg{ width: 100%; height: 100%; margin-left: 0px; background: url(../image/d02_bg750.jpg) no-repeat top center; background-size: contain; position: absolute; left: 0%;}
}/*END*/

/*--------------------------------------------
	cal_8L de02_1 	 [ Dial ]
---------------------------------------------*/
#cal_8L .de02_1 { margin-top: 95px; position: relative; }
#cal_8L .de02_1 .inner{ margin: 0 auto; width: 90%; max-width: 1100px; display: flex; align-items: center; }
#cal_8L .de02_1 .inner .img_box{ margin-right: 6.4%; width: 46.2%; max-width: 509px; }
#cal_8L .de02_1 .inner .txt_box{ margin-right: 8.4%; width: 37%; max-width: 360px; margin-bottom: 40px; }
#cal_8L .txt_box p{ margin-top: 13px; }
@media (max-width: 1400px) {
#cal_8L .de02_1 .inner .txt_box{ max-width: 330px; }
}/*END*/
@media (max-width: 1200px) {
#cal_8L .de02_1 .inner .txt_box{ margin-right: 8.4%; width: 31%; }
}/*END*/
@media (max-width: 980px) {
#cal_8L .de02_1 { margin-top: 80px; position: relative; }
#cal_8L .de02_1 .inner{ margin: 0 auto; width: 80%; display: block; }
#cal_8L .de02_1 .inner .img_box{ margin: 0 auto; width: 85%; max-width: 400px; }
#cal_8L .de02_1 .inner .txt_box{ margin: 0 auto; width: 100%; max-width: 500px; margin-bottom: 0px; }
#cal_8L .txt_box p{ margin-top: 13px; }
}/*END*/
@media (max-width: 470px) {
#cal_8L .de02_1 .inner .txt_box p br{ display: none !important;}
}/*END*/
/* img [ on / off ] */
#cal_8L .de02_1 .img_x15{ display: block; }
#cal_8L .de02_1 .img_x1{ display: none; }
@media (max-width: 1400px) {
#cal_8L .de02_1 .img_x15{ display: none; }
#cal_8L .de02_1 .img_x1{ display: block; }
}/*END*/

/*---------------------------------------------
	cal_8L de02_2	[ Case ＆ Bracelet ]
----------------------------------------------*/
#cal_8L .de02_2 { margin-top: 35px; position: relative; }
#cal_8L .de02_2 .inner{ margin: 0 auto; width: 90%; max-width: 1100px; display: flex; align-items: center; flex-direction : row-reverse;}
#cal_8L .de02_2 .inner .img_box{ margin-left: 3.4%; width: 40.1%; }
#cal_8L .de02_2 .inner .txt_box{ margin-left: 7.6%; width: 43%; max-width: 420px; margin-bottom: 100px; }
@media (max-width: 1400px) {
#cal_8L .de02_2 .inner .txt_box{ margin-left: 7.6%; width: 43%; max-width: 390px; }
}/*END*/
@media (max-width: 1200px) {
#cal_8L .de02_2 .inner .txt_box{ margin-left: 7.6%; width: 35%; }
}/*END*/
@media (max-width: 980px) {
#cal_8L .de02_2 { margin-top: 80px; position: relative; }
#cal_8L .de02_2 .inner{ margin: 0 auto; width: 84%; display: block; }
#cal_8L .de02_2 .inner .img_box{ margin: 0 auto; width: 90%; max-width: 400px; }
#cal_8L .de02_2 .inner .txt_box{ margin: 0vw auto 0; width: 100%; max-width: 620px; margin-bottom: 0px; }
}/*END*/
@media (max-width: 450px) {
#cal_8L .de02_2 .inner{ margin: 0 auto; width: 80%; display: block; }
}/*END*/
@media (max-width: 350px) {
#cal_8L .de02_2 .inner{ margin: 0 auto; width: 83%; display: block; }
}/*END*/
/* img [ on / off ] */
#cal_8L .de02_2 .img_x15{ display: block; }
#cal_8L .de02_2 .img_x1{ display: none; }
@media (max-width: 1400px) {
#cal_8L .de02_2 .img_x15{ display: none; }
#cal_8L .de02_2 .img_x1{ display: block; }
}/*END*/

/*--------------------------------------------
	cal_8L de02_3 	 [ Additional strap ]
---------------------------------------------*/
#cal_8L .de02_3 { margin-top: -10px; position: relative; }
#cal_8L .de02_3 .inner{ margin: 0 auto; width: 90%; max-width: 1100px; display: flex; align-items: center; }
#cal_8L .de02_3 .inner .img_box{ margin-right: 7.9%; width: 39.8%; }
#cal_8L .de02_3 .inner .txt_box{ margin-right: 13.9%; width: 35.5%; max-width: 388px; margin-bottom: 0px; }
#cal_8L .txt_box p{ margin-top: 13px; }
@media (max-width: 1400px) {
#cal_8L .de02_3 .inner .txt_box{ margin-right: 8.4%; width: 37%; max-width: 370px; }

}/*END*/
@media (max-width: 1200px) {
#cal_8L .de02_3 .inner .txt_box{ margin-right: 8.4%; width: 34%; }
#cal_8L .de02_3 .inner .txt_box h3{ width: 120%; }
}/*END*/
@media (max-width: 980px) {
#cal_8L .de02_3 { margin-top: 80px; position: relative; }
#cal_8L .de02_3 .inner{ margin: 0 auto; width: 80%; display: block; }
#cal_8L .de02_3 .inner .img_box{ margin: 0 auto; width: 85%; max-width: 400px; }
#cal_8L .de02_3 .inner .txt_box{ margin: 20px auto 0; width: 100%; max-width: 420px; }
#cal_8L .de02_3 .inner .txt_box h3{ width: 100%; }
#cal_8L .txt_box p{ margin-top: 13px; }
}/*END*/
@media (max-width: 470px) {
#cal_8L .de02_3 .inner .txt_box p br{ display: none !important;}
#cal_8L .de02_3 .inner .txt_box{ margin: 5vw auto 0; width: 100%; max-width: 420px; }

}/*END*/
/* img [ on / off ] */
#cal_8L .de02_3 .img_x15{ display: block; }
#cal_8L .de02_3 .img_x1{ display: none; }
@media (max-width: 1400px) {
#cal_8L .de02_3 .img_x15{ display: none; }
#cal_8L .de02_3 .img_x1{ display: block; }
}/*END*/

/*--------------------------------------------
	cal_8L de02_4 	 [ Movement ]
---------------------------------------------*/
#cal_8L .de02_4 { margin: 100px auto 70px; width: 90%; max-width: 1400px; position: relative; background: #1a1a1a; box-shadow: 0px 8px 50px 2px rgba(0,0,0,0.8); }
#cal_8L .de02_4 .inner{ padding:120px 0 110px; margin: 0 auto; width: 90%; max-width: 1100px; display: flex; align-items: center; flex-direction : row-reverse;}
#cal_8L .de02_4 .inner .img_box{ margin-left: 0%; width: 48.1%; }
#cal_8L .de02_4 .inner .txt_box{ margin-left: 9.5%; width: 37%; max-width: 360px; margin-bottom: 20px; }
@media (max-width: 1500px) {
#cal_8L .de02_4 .inner{ padding:110px 0 100px; }
#cal_8L .de02_4 .inner .img_box{ margin-left: 3%; width: 45%; }
#cal_8L .de02_4 .inner .txt_box{ margin-left: 8%; width: 37%; max-width: 360px; margin-bottom: 10px; }
}/*END*/
@media (max-width: 1400px) {
#cal_8L .de02_4 .inner{ padding:8vw 0 8vw; }
#cal_8L .de02_4 .inner .img_box{ margin-left: 3%; width: 43%; }
#cal_8L .de02_4 .inner .txt_box{ margin-left: 8%; width: 37%; max-width: 340px; margin-bottom: 0px; }
}/*END*/
@media (max-width: 1200px) {
#cal_8L .de02_4 .inner .img_box{ margin-left: 3%; width: 43%; }
#cal_8L .de02_4 .inner .txt_box{ margin-left: 8%; width: 35%; max-width: 360px; }
}/*END*/
@media (max-width: 980px) {
#cal_8L .de02_4 { margin: 100px auto 70px; width: 85%; max-width: 650px;}
#cal_8L .de02_4 .inner{ margin: 0 auto; padding:80px 0 60px; width: 84%; display: block; }
#cal_8L .de02_4 .inner .img_box{ margin: 0 auto; width: 90%; max-width: 450px; }
#cal_8L .de02_4 .inner .txt_box{ margin: 4vw auto 0; width: 100%; max-width: 420px; }
}/*END*/
@media (max-width: 640px) {
#cal_8L .de02_4 { margin: 22vw auto 70px; width: 85%; max-width: 650px;}
#cal_8L .de02_4 .inner{ margin: 0 auto; padding:12vw 0 10vw; }
#cal_8L .de02_4 .inner .img_box img{ margin-right:4vw; }
}/*END*/

/*---- de02_4_bg ----*/
.de02_4_bg{ position: absolute; right: -30px; top: -10px; z-index: -1; width: 100%; height: 90%; background: linear-gradient(to left bottom, rgba(255,96,0,1) 0%, rgba(255,96,0,0) 35%);}
@media (max-width: 640px) {
.de02_4_bg{ position: absolute; right: -1.7vw; top: -4vw; z-index: -1; width: 100%; height: 100%; }
}/*END*/

/* img [ on / off ] */
#cal_8L .de02_4 .img_x15{ display: block; }
#cal_8L .de02_4 .img_x1{ display: none; }
@media (max-width: 1400px) {
#cal_8L .de02_4 .img_x15{ display: none; }
#cal_8L .de02_4 .img_x1{ display: block; }
}/*END*/

/*-------------------------------------------------
	collections_head_bar
--------------------------------------------------*/
/*cal_6R*/
#cal_6R .collections_head_bar{ margin: 0px auto 0; width: 80%; height: 8px; background: linear-gradient(to right, rgba(255,153,0,0) 0%, rgba(255,153,0,1) 50%, rgba(255,153,0,0) 100%); }
@media (max-width:640px) {
#cal_6R .collections_head_bar{ height: 1.1vw; }
}/*END*/

/*cal_8L*/
#cal_8L .collections_head_bar{ margin: 0px auto 0; width: 80%; height: 8px; background: linear-gradient(to right, rgba(255,96,0,0) 0%, rgba(255,96,0,1) 50%, rgba(255,96,0,0) 100%); }
@media (max-width:640px) {
#cal_8L .collections_head_bar{ height: 1.1vw; }
}/*END*/

/*-------------------------------------------------
	collections
--------------------------------------------------*/
.collections{ background: #d9d9d9; padding: 90px 0 0; color: #000;}
@media screen and (max-width: 767px) {
.collections{ padding: 80px 0 0;}
}/*END*/
@media screen and (max-width: 740px) {
.collections{ padding: 80px 0 0;}
}/*END*/
@media screen and (max-width: 640px) {
.collections{ padding: 15vw 0 0;}
}/*END*/
/* .collections h2 */
.collections h2{ text-align: center;}
/*.collections h2 br{ display: none;}*/
.collections h2 span{ display: block; line-height: 1;}
.collections h2 span.h2_1{ margin-top: 0px; font-size: 36px; letter-spacing: 1px; font-family: 'Michroma', sans-serif; color: #000 !important;}
.collections h2 span.h2_2{ margin-top: 30px; font-size: 22px; font-weight: 500;}
.collections h2 span.h2_1 span.title01{ display: block; margin-bottom: 5px;}
.collections h2 span.h2_1 span.title02{ display: inline-block; margin-top: 5px;}
@media (max-width: 1200px) {
.de{ padding-top: 11vw; }
.collections h2 span.h2_1{ margin-top: 0px; font-size: 3vw; letter-spacing: 1px; }
.collections h2 span.h2_1 span.title01{ font-size: 3vw; display: block; margin-bottom: 5px;}
.collections h2 span.h2_1 span.title02{ font-size: 3vw; display: inline-block; margin-top: 5px;}
.collections h2 span.h2_2{ margin-top: 2vw; font-size: 1.7vw;}
}/*END*/
@media (max-width: 900px) {
.de{ padding-top: 100px; }
.collections h2 span.h2_1{ margin-top: 0px; font-size: 3.7vw; letter-spacing: 1px; }
.collections h2 span.h2_1 span.title01{ font-size: 3.7vw; display: block; margin-bottom: 5px;}
.collections h2 span.h2_1 span.title02{ font-size: 3.7vw; display: inline-block; margin-top: 5px;}
.collections h2 span.h2_2{ margin-top: 25px; font-size: 19px; line-height: 1.4; font-weight: 500;}
}/*END*/
@media (max-width: 750px) {
.de{ padding-top: 13.5vw; }
.collections h2 span.h2_1{ margin-top: 0px; font-size:40px; }
.collections h2 span.h2_1 span.title01{ font-size: 30px; display: block; }
.collections h2 span.h2_1 span.title02{ font-size: 34px; display: block; }
.collections h2 span.h2_2{ margin-top: 40px; font-size: 18px; line-height: 1.4; }
}/*END*/
@media (max-width: 580px) {
.de{ padding-top: 13.5vw; }
.collections h2 span.h2_1{ margin-top: 0px; font-size: 6.9vw; }
.collections h2 span.h2_1 span.title01{ display: block; font-size: 5.2vw;}
.collections h2 span.h2_1 span.title02{ display: block; font-size: 5.8vw;}
.collections h2 span.h2_2{ margin-top: 6.9vw; font-size: 3.2vw; line-height: 1.5; }
/*.collections h2 br{ display: block;}*/
}/*END*/

/*--------- ul li ---------*/
.collections ul{ width: 85%; max-width: 1140px; margin: 85px auto 0; display: flex; align-items: center; justify-content: space-around; }
.collections ul li{ text-align: center; width: 30%; }
.collections ul li .collections_img{ margin: 0 auto; }
@media screen and (max-width: 1000px) {
.collections ul{ width: 94%; margin: 70px auto 0; }
}/*END*/
@media screen and (max-width: 900px) {
.collections ul{ width: 94%; margin: 65px auto 0; }
}/*END*/
@media screen and (max-width: 740px) {
.collections ul{ width: 85%; max-width: 1140px; margin: 0px auto 0; display: block; }
.collections ul li{padding: 12vw 0; width: 100%; position: relative; }
.collections ul li::before{ content: ''; display: block; width: 100%; height: 1px; position: absolute; left: 0%; bottom: 0px; background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,.2) 50%, rgba(0,0,0,0) 100%); }
.collections ul li::after{ content: ''; display: block; width: 100%; height: 1px; position: absolute; left: 0%; bottom: -1px; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 60%, rgba(255,255,255,0) 100%); }
}/*END*/
/*--------- inner_box ---------*/
.collections .inner_box { width: 90%; max-width: 800px; margin: 0 auto; padding: 70px 0 0; text-align: center; z-index: 10; display: flex; justify-content:center; align-items: center; }
.collections .inner_box .txt_Box{ margin-right:60px;}
@media screen and (max-width: 850px) {
.collections .inner_box .txt_Box{ margin-right:40px; }
}/*END*/
@media screen and (max-width: 767px) {
.collections .inner_box { padding: 60px 0 0; }
.collections .inner_box .txt_Box{ margin-right:30px; }
}/*END*/
@media screen and (max-width:640px) {
.collections .inner_box { width: 94%; }
.collections .inner_box .txt_Box{ margin-right:10px; }
}/*END*/
@media screen and (max-width:570px) {
.collections .inner_box { width: 90%; max-width: 800px; margin: 40px auto 0; padding: 0; text-align: center; z-index: 10; display: block; }
.collections .inner_box .txt_Box{ margin: 30px 0 0 0; }
}/*END*/
/*---------img---------*/
.collections_img { width: 80%; max-width: 274px; }
@media screen and (max-width:570px) {
.collections_img { width: 65%; max-width: 274px; margin: 0 auto; }
}/*END*/
/*---------txt---------*/
.collections_name { margin-top: 25px; font-size: 15px; line-height: 1.4; letter-spacing: 0px; font-weight: 500; font-family: 'Michroma', sans-serif;}
@media screen and (max-width: 900px) {
.collections_name { font-size: 14px; }
}/*END*/
/*collections_no*/
.collections_no { margin-top: 15px; font-size: 20px; line-height: 1; letter-spacing: 0px; font-weight: 400; font-family: 'Michroma', sans-serif; position: relative; z-index: 2;}
@media screen and (max-width: 1000px) {
.collections_no { font-size: 19px; letter-spacing: .5px; }
}/*END*/
@media screen and (max-width: 450px) {
.collections_no { font-size: 18px; }
}/*END*/
/*collections_movement*/
.collections_movement { margin-top: 4px; font-size: 13px; line-height: 1.6; letter-spacing: 0px;font-weight: 400; }
@media screen and (max-width: 430px) {
.collections_movement { margin-top: 4px; font-size: 12px; }
}/*END*/
@media screen and (max-width: 400px) {
.collections_movement { margin-top: 4px; 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; 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: 13px; line-height: 1.4; letter-spacing: 0.5px; font-weight: 400;}
@media screen and (max-width: 640px) {
.collections_release{ margin-top: 12px; font-size: 12px; }
}/*END*/
@media screen and (max-width: 430px) {
.collections_release { font-size: 12px; line-height: 1.6; letter-spacing: 0px;}
}/*END*/
@media screen and (max-width: 380px) {
.collections_release { font-size: 11px; }
}/*END*/
@media screen and (max-width: 350px) {
.collections_release { font-size: 10px; }
}/*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 { width: 150px; margin: 26px auto 0; }
.collections_btn a { margin-top: 10px; font-size: 13px; line-height: 1; font-weight: 500; padding: 16px 0 18px; 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;}
@media screen and (max-width: 900px) {
.collections_btn { width: 150px; margin: 22px auto 0; }
.collections_btn a { margin-top: 10px; font-size: 13px; line-height: 1;padding: 15px 0 17px; letter-spacing: .5px; }
}/*END*/
@media screen and (max-width: 640px) {
.collections_btn { width: 140px; }
.collections_btn a { font-size: 12px;}
}/*END*/
.collections_btn2{ margin-top: 10px;}

/* cal_6R sub_txt*/
#cal_6R .sub_txt{ width: 86%; margin: 0 auto; padding: 80px 0 90px;text-align: center;}
#cal_6R .sub_txt p{ font-size: 13px;display: inline-block; }
#cal_6R .sub_txt p{ text-align: center;}
#cal_6R .sub_txt p span{ display: inline-block; }
#cal_6R .sub_txt_br{display: none;}
@media screen and (max-width: 1023px) {
#cal_6R .sub_txt{ padding: 70px 0 80px; }
#cal_6R .sub_txt p{ font-size: 12px; }
}/*END*/
@media screen and (max-width: 900px) {
#cal_6R .sub_txt_br{display: inline-block;}
}/*END*/
@media screen and (max-width: 740px) {
#cal_6R .sub_txt{ margin: 0px auto; padding: 60px 0; }
}/*END*/
@media screen and (max-width: 640px) {
#cal_6R .sub_txt_br{display: none;}
}/*END*/
@media screen and (max-width: 500px) {
#cal_6R .sub_txt{ margin: 0px auto; padding: 50px 0; }
#cal_6R .sub_txt p span{ display: inline-block; }
}/*END*/
@media screen and (max-width: 350px) {
#cal_6R .sub_txt p{ font-size: 11px; }
}/*END*/
/* cal_8L sub_txt*/
#cal_8L .sub_txt{ width: 86%; margin: 0 auto; padding: 70px 0 90px; text-align: center;}
#cal_8L .sub_txt p{ font-size: 13px;display: inline-block; }
#cal_8L .sub_txt p{ text-align: right;}
#cal_8L .sub_txt p span{ display: inline-block; }
@media screen and (max-width: 1023px) {
#cal_8L .sub_txt p{ font-size: 12px; }
}/*END*/
@media screen and (max-width: 900px) {
}/*END*/
@media screen and (max-width: 740px) {
#cal_8L .sub_txt{ margin: 0px auto; padding: 70px 0 90px; }
}/*END*/
@media screen and (max-width: 500px) {
#cal_8L .sub_txt{ margin: 0px auto; padding: 50px 0 60px; }
#cal_8L .sub_txt p span{ display: inline-block; }
}/*END*/
@media screen and (max-width: 370px) {
#cal_8L .sub_txt p{ font-size: 11.5px; }
}/*END*/
@media screen and (max-width: 350px) {
#cal_8L .sub_txt p{ font-size: 11px; }
}/*END*/
#cal_8L .sub_txt_br{display: none;}
@media screen and (max-width: 680px) {
#cal_8L .sub_txt_br{display: inline-block;}
}/*END*/
@media screen and (max-width: 100px) {
#cal_8L .sub_txt_br{display: none;}
}/*END*/

/* img [ on / off ] */
#cal_6R .collections_img .img_x15{ display: block; }
#cal_6R .collections_img .img_x1{ display: none; }
#cal_8L .collections_img .img_x15{ display: block; }
#cal_8L .collections_img .img_x1{ display: none; }
@media (max-width: 1200px) {
#cal_6R .collections_img .img_x15{ display: none; }
#cal_6R .collections_img .img_x1{ display: block; }
#cal_8L .collections_img .img_x15{ display: block; }
#cal_8L .collections_img .img_x1{ display: none; }
}/*END*/
@media (max-width: 740px) {
#cal_6R .collections_img .img_x15{ display: block; }
#cal_6R .collections_img .img_x1{ display: none; }
#cal_8L .collections_img .img_x15{ display: block; }
#cal_8L .collections_img .img_x1{ display: none; }
}/*END*/
@media (max-width: 350px) {
#cal_6R .collections_img .img_x15{ display: none; }
#cal_6R .collections_img .img_x1{ display: block; }
#cal_8L .collections_img .img_x15{ display: none; }
#cal_8L .collections_img .img_x1{ display: block; }
}/*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: 0px;}
.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; }
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;}
}/*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-left: 12px; padding: 5px; line-height: 1; border-radius: 50%; transition: 0.3s; background: #3c3c3c;}
.foot_r .sns > li:nth-child(2){ margin-left: 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-left: 10px; }
}/*END*/