@charset "utf-8";

/*---------------------
	base
-----------------------*/
#co_fm .inner{ margin: 0px auto 0; max-width: 1155px; width: 80%;}
@media (max-width: 1000px) {
#co_fm .inner{ margin: 0px auto 0; max-width: 1155px; width: 85%;}
}/*end*/

#co_fm h2{ text-align: center; margin: 0 auto; width: 90%; }

/*--- h2 br settings ---*/
/*fm06_01 h2*/
@media (max-width: 1100px) {
.fm06_01 h2{ max-width: 500px; }
}/*end*/

/*fm06_02 h2*/
@media (max-width: 640px) {
.fm06_02 h2{ max-width: 400px; }
}/*end*/

/*fm06_03 h2*/
@media (max-width: 1000px) {
.fm06_03 h2{ max-width: 1500px;  }
.fm06_03 h2 br{ display: block;  }
}/*end*/

/*fm06_04 h2*/
@media (max-width: 1000px) {
.fm06_04 h2{ max-width: 600px;  }
.fm06_04 h2 br{ display: block;  }
}/*end*/

#co_fm .co_fm_p2{ margin-top: 40px; }
@media (max-width: 1200px) {
#co_fm .co_fm_p2{ margin-top: 38px;}
}/*end*/
@media (max-width: 640px) {
#co_fm .co_fm_p2{ margin-top: 34px;}
}/*end*/
@media (max-width: 500px) {
#co_fm .co_fm_p2{ margin-top: 30px}
}/*end*/

.name {display: block; font-weight: bold;}
.name.no_block{display: inline;}

/*-------------------------------------------------
	mov
--------------------------------------------------*/
.movie_box_s{ margin: 0 auto 0; max-width: 750px; width: 80%; text-align: center;}
@media (max-width: 640px) {
.movie_box_s{ margin: 0 auto 0; max-width: 750px; width: 90%; text-align: center;}
}/*END*/

.movie_box_s .txt{ margin-top: 15px;}

/*-------------------------------------------------
	movie
--------------------------------------------------*/
.movie{ position: relative; text-align: center; z-index: 1; }
.movie a{ margin: 0px auto 0; width: 100%; position: relative; overflow: hidden; display: block; }
.movie a .movie_bg{ width: 100%; height: 100%; background: rgba(0,0,0,0.4); position: absolute; left: 0; top:0px; transition: 0.3s; z-index: 2; }
.movie a:hover .movie_bg{ background: rgba(0,0,0,0.6); }
.movie a img{ text-align: center; margin: 0 auto;  transition: 1s; }
.movie a:hover img{ transform: scale(1.05) !important; }
.movie_box_w .movie a .movie_bg{ background: rgba(0,0,0,0.5);}
.movie_box_w .movie a:hover .movie_bg{ background: rgba(0,0,0,0.7); }


/* movie_inner */
.movie_inner{ position: absolute; width: 100%; height: 100%; z-index: 3; display: flex; align-items: center; justify-content: center;  }
.movie_inner span.play{ width: 60px; height: 60px; display: inline-block;  position: relative; background: rgba(255,255,255,0.2); border: solid 1.5px rgba(255,255,255,.0); border-radius: 50%; box-sizing: border-box; z-index: 3; transition: 0.3s; }
.movie_inner span.play::after{ border-width: 8px 0 8px 13px; margin: -8px 0 0 -5px; border-color: transparent transparent transparent #fff; left: 50%; top: 50%; position: absolute; content: ''; display: block; width: 0; height: 0; border-style: solid; }
a:hover .movie_inner span.play{ background: rgba(255,255,255,0.2); border: solid 2px rgba(255,255,255,0); }
.movie_inner p{ margin-top: 10px; font-size: 20px; line-height: 1.3; letter-spacing: 1px; color: #fff; font-family: 'Times New Roman', Times, serif;}
/* play movie*/
@media (max-width: 1400px) {
.movie_inner span.play{ display: inline-block; width: 60px; height: 60px; }
.movie_inner span.play::after{ border-width: 8px 0 8px 13px; margin: -8px 0 0 -5px;  }
}/*END*/
@media (max-width: 750px) {
.movie_inner span.play{ display: inline-block; width: 50px; height: 50px; }
.movie_inner span.play::after{ border-width: 7px 0 7px 11px; margin: -7px 0 0 -4px;  }
.movie_inner p{ margin-top: 10px; font-size: 16px; letter-spacing: 1px;}
}/*END*/
/* movie pc sp */
.movie_pc{ display: block;}
.movie_sp{ display: none;}


.movie_box_w{ margin: 0px auto 0; max-width: initial; width: 100%; text-align: center; background: #000;}
.movie_box_w img{ max-width: 100% ;}
.movie_img{ position: relative; }

@media screen and (min-width:640px) and ( max-width:1024px) {
.movie_box_w .movie a{ width: 100%; height: 550px; }
.movie_box_w .movie_img{  position: absolute; left: 50%; width: 1600px; height: 550px; margin-left: -800px;  }
}/*END*/

.movie_box_w .x15{ display: block;}
.movie_box_w .x1{ display: none;}
.movie_box_w .sp{ display: none;}
@media (max-width: 1024px) {
.movie_box_w .x15{ display: none;}
.movie_box_w .x1{ display: block;}
.movie_box_w .sp{ display: none;}
}/*END*/
@media (max-width: 640px) {
.movie_box_w .x15{ display: none;}
.movie_box_w .x1{ display: none;}
.movie_box_w .sp{ display: block;}
}/*END*/

/*---------------------
	co_fm_lead
-----------------------*/
#co_fm_lead .txt_box{padding: 80px 0 0; width: 90%;max-width: 1000px;margin: 0 auto; text-align: center; }
@media (max-width: 1400px) {
#co_fm_lead .txt_box{padding: 80px 0 0; width: 90%; max-width: 900px;}
}/*end*/
@media (max-width: 1200px) {
#co_fm_lead .txt_box{padding: 80px 0 0; width: 90%; max-width: 880px;}
}/*end*/
@media (max-width: 640px) {
#co_fm_lead .txt_box{padding: 60px 0 0; width: 85%;}
}/*end*/
@media (max-width: 500px) {
#co_fm_lead .txt_box{padding: 50px 0 0; width: 85%;}
}/*end*/

/*-------- fm_title_h2 --------*/
#co_fm_lead .txt_box .fm_title_h2{font-size: 38px; line-height: 1.5;}
@media (max-width: 1200px) {
#co_fm_lead .txt_box .fm_title_h2{font-size: 36px; }
}/*end*/
@media (max-width: 1000px) {
#co_fm_lead .txt_box .fm_title_h2{font-size: 34px; }
}/*end*/
@media (max-width: 800px) {
#co_fm_lead .txt_box .fm_title_h2{font-size: 32px; }
}/*end*/
@media (max-width: 670px) {
#co_fm_lead .txt_box .fm_title_h2{font-size: 30px; }
}/*end*/
@media (max-width: 580px) {
#co_fm_lead .txt_box .fm_title_h2{font-size: 25px; }
}/*end*/
@media (max-width: 480px) {
#co_fm_lead .txt_box .fm_title_h2{font-size: 22px; }
}/*end*/

/* br */
.co_fm_lead_br1{ display: none;}
.co_fm_lead_br3{ display: none;}
.co_fm_lead_br4{ display: none;}
@media (max-width: 1000px) {
.co_fm_lead_br2{ display: none;}
}/*end*/
@media (max-width: 780px) {
.co_fm_lead_br4{ display: block;}
}/*end*/

/*---- img_box1400 ----*/
.img_box1400{padding: 120px 0; width: 95%;max-width: 1400px; margin: 0 auto; text-align: center; }
@media (max-width: 1200px) {
.img_box1400{padding: 110px 0; }
}/*end*/
@media (max-width: 1100px) {
.img_box1400{padding: 100px 0 ; width: 100%;}
}/*end*/
@media (max-width: 640px) {
.img_box1400{padding: 60px 0 ;}
}/*end*/

/*---- img_box1400_2 ----*/
.img_box1400_2{padding: 80px 0 70px; width: 95%;max-width: 1400px; margin: 0 auto; text-align: center; }
@media (max-width: 1200px) {
.img_box1400_2{padding: 80px 0 70px; }
}/*end*/
@media (max-width: 1100px) {
.img_box1400_2{padding: 60px 0 50px; width: 90%;}
}/*end*/
@media (max-width: 640px) {
.img_box1400_2{padding: 50px 0 40px;}
}/*end*/
@media (max-width: 500px) {
.img_box1400_2{padding: 40px 0 40px;}
}/*end*/

/*---- img_box100 ----*/
.img_box100{ margin: 0 auto; width: 100%; }

/*---- img_box750 ----*/
.img_box750{ margin: 0 auto; max-width: 750px; width: 70%; }
@media (max-width: 1100px) {
.img_box750{ margin: 0 auto; max-width: 750px; width: 80%; }
}/*end*/
@media (max-width: 750px) {
.img_box750{ margin: 0 auto; max-width: 750px; width: 100%; }
}/*end*/

/*---- h2_mt ----*/
.h2_mt{ margin-top: 120px;}
@media (max-width: 1200px) {
.h2_mt{margin-top: 110px; }
}/*end*/
@media (max-width: 1000px) {
.h2_mt{margin-top: 100px;}
}/*end*/
@media (max-width: 640px) {
.h2_mt{margin-top: 60px;}
}/*end*/

/*-------- .fm06_01 [ 「時を超えて愛されるキングセイコーの魅力」 ]--------*/
/* wrap_01 */
.fm06_01 .inner .wrap_01{ display: flex; align-items: center; justify-content: space-between;  }
.fm06_01 .inner .wrap_01 .txt_box{ width: 50.5%; }
.fm06_01 .inner .wrap_01 .img_box{ width: 43.5%; }
@media (max-width: 1000px) {
.fm06_01 .inner .wrap_01{ display: block; }
.fm06_01 .inner .wrap_01 .txt_box{ width: 100%; margin-top: 50px;}
.fm06_01 .inner .wrap_01 .img_box{ width: 80%; text-align: center; margin: 0 auto; }
}/*end*/
@media (max-width: 640px) {
.fm06_01 .inner .wrap_01 .txt_box{ width: 100%; margin-top: 30px;}
.fm06_01 .inner .wrap_01 .img_box{ width: 80%; }
}/*end*/

/* wrap_02 */
.fm06_01 .inner .wrap_02{ display: flex; align-items: center; justify-content: space-between; flex-direction : row-reverse; }
.fm06_01 .inner .wrap_02 .txt_box{ width: 50.5%; }
.fm06_01 .inner .wrap_02 .img_box{ width: 43.5%; }
@media (max-width: 1000px) {
.fm06_01 .inner .wrap_02{ display: block;  }
.fm06_01 .inner .wrap_02 .txt_box{ width: 100%; margin-top: 50px; }
.fm06_01 .inner .wrap_02 .img_box{ width: 80%; text-align: center; margin: 0 auto; }
}/*end*/
@media (max-width: 640px) {
.fm06_01 .inner .wrap_02 .txt_box{ width: 100%; margin-top: 30px; }
.fm06_01 .inner .wrap_02 .img_box{ width: 80%; }
}/*end*/


/*-------- .fm06_02 [ 独自のファッション感覚と腕時計の関係 ] --------*/
.fm06_02 .inner .img_box1{ margin: 0px auto 0; width: 100%; display: flex; justify-content: space-between;}
.fm06_02 .inner .img_box1 img{ width: 48.9%; }

/* float */
.float_r500 { float: right; padding:0 0 4% 6%; max-width: 500px; width: 50%; }
.float_l500 { float: left; padding:0 6% 4% 0;  max-width: 500px; width: 50%;}
.clearfix:after { content: ""; display: block;clear: both;}

@media (max-width: 640px) {
.float_r500 { float: none; padding:0; max-width: 500px; width: 80%; margin: 10px auto 30px; display: block; }
.float_l500 { float: none; padding:0;  max-width: 500px; width: 80%; margin: 10px auto 30px; display: block; }
}/*end*/

/*-------- .fm06_03 [ 「3つのシリーズをどのようなライフシーンに着用したいか」 ] --------*/
.fm06_03 .inner { display: flex; justify-content: space-between; }
.fm06_03 .inner .txt_box{ width: 50.5%; margin: 0;  }
.fm06_03 .inner .img_box{ width: 45.2%; margin: 0; }
@media (max-width: 1100px) {
.fm06_03 .inner { display: block; }
.fm06_03 .inner .txt_box{ width: 100%; margin: 0;  }
.fm06_03 .inner .img_box{ width: 80%; text-align: center; margin: 60px auto 0; }
}/*end*/
@media (max-width: 640px) {
.fm06_03 .inner { display: block; }
.fm06_03 .inner .txt_box{ width: 100%; margin: 0;  }
.fm06_03 .inner .img_box{ width: 120%; text-align: center; margin: 60px 0 0 -10%; }
}/*end*/

/*-------------------------------------------------
	vanac_banner
--------------------------------------------------*/
.vanac_banner{ width: 90%; padding: 100px 0 80px; margin: 0 auto; }
.vanac_banner a{ width: 80%; max-width: 840px; margin: 0 auto; display: flex; align-items: center;  background: #000; color: #fff; text-decoration: none; transition: 0.3s; }
.vanac_banner a .img_box{ width:39% ; overflow: hidden; }
.vanac_banner a .txt_box{ width: 61%; position: relative; display: block;}
.vanac_banner a .txt_box_inner{ margin-left: 7%;  }
.vanac_banner a .txt_box h3{ font-size:22px; line-height: 1; font-family: 'Times New Roman', Times, serif; }
.vanac_banner a .txt_box p{ margin-top:8px; font-size:14px; line-height: 1.6;  }
.vanac_banner a .txt_box::before{ content: ''; position: absolute; top: 0px; right: 25px; background: url(../../../asset/img/arrow_w.svg) center center no-repeat; background-size: contain; width: 11px; height: 100%; transition: 0.3s; z-index: 2; }
.vanac_banner a .img_box img{ transition: 1s; }
.vanac_banner a:hover .img_box img{ transform:scale(1.1); }
.vanac_banner a:hover{ opacity: .85; }
@media screen and (max-width: 1000px) {
.vanac_banner a{ width: 80%; max-width: 488px; margin: 0 auto; display: block; align-items: center;  background: #000; color: #fff; text-decoration: none; }
.vanac_banner a .img_box{ width:100% ; overflow: hidden; }
.vanac_banner a .txt_box{ width: 100%;}
.vanac_banner a .txt_box_inner{ padding: 40px 0; width: 80%; margin-left: 7%; }
.vanac_banner a .txt_box::before{ content: ''; position: absolute; top: 0px; right: 20px; background: url(../../../asset/img/arrow_w.svg) center center no-repeat; background-size: contain; width: 11px; height: 100%; transition: 0.3s; z-index: 2; }
}/*END*/
@media screen and (max-width: 640px) {
.vanac_banner a .txt_box_inner{ padding: 30px 0; width: 80%; margin-left: 8%; }
.vanac_banner a .txt_box h3{ font-size:20px; line-height: 1; font-family: 'Times New Roman', Times, serif; }
.vanac_banner a .txt_box p{ margin-top:8px; font-size:12px; line-height: 1.6;  }
.vanac_banner a .txt_box::before{ content: ''; position: absolute; top: 0px; right: 15px; background: url(../../../asset/img/arrow_w.svg) center center no-repeat; background-size: contain; width: 10px; height: 100%; transition: 0.3s; z-index: 2; }
}/*END*/


/*  padding-top  */
.pt140{ padding-top: 140px;}
.pt120{ padding-top: 120px;}
.pt100{ padding-top: 100px;}
.pt80{ padding-top: 80px;}
.pt60{ padding-top: 60px;}
.pt40{ padding-top: 40px;}
@media screen and (max-width: 1100px) {
.pt140{ padding-top: 100px;}
.pt120{ padding-top: 90px;}
.pt100{ padding-top: 75px;}
.pt80{ padding-top: 60px;}
.pt60{ padding-top: 40px;}
.pt40{ padding-top: 30px;}
}/*END*/
@media screen and (max-width: 750px) {
.pt140{ padding-top: 70px;}
.pt120{ padding-top: 60px;}
.pt100{ padding-top: 50px;}
.pt80{ padding-top: 40px;}
.pt60{ padding-top: 30px;}
.pt40{ padding-top: 20px;}
}/*END*/

/*  margin-top  */
.mt120{ margin-top: 120px;}
.mt100{ margin-top: 100px;}
.mt80{ margin-top: 80px;}
.mt60{ margin-top: 60px;}
.mt40{ margin-top: 40px;}
@media screen and (max-width: 750px) {
.mt140{ margin-top: 70px;}
.mt120{ margin-top: 60px;}
.mt100{ margin-top: 50px;}
.mt80{ margin-top: 40px;}
.mt60{ margin-top: 30px;}
.mt40{ margin-top: 20px;}
}/*END*/