@charset "UTF-8";
/*=================================================
body
==================================================*/
html,
body,
#wrapper {
	height: auto;
	overflow: unset!important;
	opacity: 1;
}
#header {
	opacity: 1;
}
#bgslidearea {
	z-index: 1;
}
#bgringwrap {
	opacity: 0.1;
	overflow: hidden;
}
#wrapper::before {
	z-index: 2;
}
.promaster_stb_dest #header .header ul{
	opacity:0;
	top:50px;
	-webkit-transition: top 0.6s ease 1.4s,opacity 0.6s ease 1.4s;
	-moz-transition: top 0.6s ease 1.4s,opacity 0.6s ease 1.4s;
	-o-transition: top 0.6s ease 1.4s,opacity 0.6s ease 1.4s;
	-ms-transition: top 0.6s ease 1.4s,opacity 0.6s ease 1.4s;
	transition: top 0.6s ease 1.4s,opacity 0.6s ease 1.4s;
}
.promaster_stb_dest.init #header .header ul{
	opacity:1;
	top:0px;
}
.promaster_stb_dest #main #top .sns_share dl{
	opacity:0;
	top:50px;
	-webkit-transition: top 0.6s ease 1.4s,opacity 0.6s ease 1.4s;
	-moz-transition: top 0.6s ease 1.4s,opacity 0.6s ease 1.4s;
	-o-transition: top 0.6s ease 1.4s,opacity 0.6s ease 1.4s;
	-ms-transition: top 0.6s ease 1.4s,opacity 0.6s ease 1.4s;
	transition: top 0.6s ease 1.4s,opacity 0.6s ease 1.4s;
}
.promaster_stb_dest #main #top.init .sns_share dl{
	opacity:1;
	top:0px;
}
.promaster_stb_dest #main #top .btn_explore a{
	opacity:0;
	top:50px;
	-webkit-transition: top 0.6s ease 1.4s,opacity 0.6s ease 1.4s;
	-moz-transition: top 0.6s ease 1.4s,opacity 0.6s ease 1.4s;
	-o-transition: top 0.6s ease 1.4s,opacity 0.6s ease 1.4s;
	-ms-transition: top 0.6s ease 1.4s,opacity 0.6s ease 1.4s;
	transition: top 0.6s ease 1.4s,opacity 0.6s ease 1.4s;
}
.promaster_stb_dest #main #top.init .btn_explore a{
	opacity:1;
	top:0px;
}
.promaster_stb_dest #bg_ringPC,
.promaster_stb_dest #bg_ringSP {
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	transition: opacity 0.6s ease;
	z-index: 2;
}
/*=================================================
#top
==================================================*/
#top .top_bgline {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#top .top_bgline::after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(https://www.citizenwatch-global.com/promaster_stb/8oceans/img/index/bg_layer.png) repeat 0 0;
}
#top .cont p,
#top .cont h1 {
	font-family: teko, sans-serif;
	font-weight: 300;
	color: #c6d6f8;
}
#top .cont h1 {
	padding: 0;
	width: auto;
	font-size: 5.4vw;
	line-height: 90%;
	opacity:0;
	position:relative;
	top:50px;
	-webkit-transition: top 0.6s ease 0.5s,opacity 0.6s ease 0.5s;
	-moz-transition: top 0.6s ease 0.5s,opacity 0.6s ease 0.5s;
	-o-transition: top 0.6s ease 0.5s,opacity 0.6s ease 0.5s;
	-ms-transition: top 0.6s ease 0.5s,opacity 0.6s ease 0.5s;
	transition: top 0.6s ease 0.5s,opacity 0.6s ease 0.5s;
}
#top.init .cont h1{
	top:0px;
	opacity:1;
}
#top .cont .txt01,
#top .cont .txt02 {
	font-size: 2.7vw;
	line-height: 100%;
}
#top .cont .txt01 {
	padding-bottom: 18px;
	opacity:0;
	position:relative;
	top:50px;
	-webkit-transition: top 0.6s ease 0.4s,opacity 0.6s ease 0.4s;
	-moz-transition: top 0.6s ease 0.4s,opacity 0.6s ease 0.4s;
	-o-transition: top 0.6s ease 0.4s,opacity 0.6s ease 0.4s;
	-ms-transition: top 0.6s ease 0.4s,opacity 0.6s ease 0.4s;
	transition: top 0.6s ease 0.4s,opacity 0.6s ease 0.4s;
}
#top.init .cont .txt01 {
	top:0px;
	opacity:1;
}
#top .cont .txt02 {
	opacity:0;
	position:relative;
	top:50px;
	-webkit-transition: top 0.6s ease 0.6s,opacity 0.6s ease 0.6s;
	-moz-transition: top 0.6s ease 0.6s,opacity 0.6s ease 0.6s;
	-o-transition: top 0.6s ease 0.6s,opacity 0.6s ease 0.6s;
	-ms-transition: top 0.6s ease 0.6s,opacity 0.6s ease 0.6s;
	transition: top 0.6s ease 0.6s,opacity 0.6s ease 0.6s;
}
#top.init .cont .txt02 {
	top:0px;
	opacity:1;
}
#top #top_inner .box_ring .img_ring img{
	opacity:0;
	-webkit-transform: rotate(-30deg);
	transform: rotate(-30deg);
	-webkit-transition: transform 0.6s ease 1.2s,opacity 0.6s ease 1.2s;
	-moz-transition: transform 0.6s ease 1.2s,opacity 0.6s ease 1.2s;
	-o-transition: transform 0.6s ease 1.2s,opacity 0.6s ease 1.2s;
	-ms-transition: transform 0.6s ease 1.2s,opacity 0.6s ease 1.2s;
	transition: transform 0.6s ease 1.2s,opacity 0.6s ease 1.2s;
}
#top.init #top_inner .box_ring .img_ring img{
	opacity:1;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
.promaster_stb_dest #kvliquidslider.init {
	-webkit-transition: opacity 1.5s ease 0.3s;
	-moz-transition: opacity 1.5s ease 0.3s;
	-o-transition: opacity 1.5s ease 0.3s;
	-ms-transition: opacity 1.5s ease 0.3s;
	transition: opacity 1.5s ease 0.3s;
}
#kvzoom {
	width:100%;
	height:100%;
	position:absolute;
	top:50%;
	left:50%;
	z-index:2;
	overflow:hidden;
	-webkit-transform: translate(-50%, -50%) scale(1.2,1.2);
	transform: translate(-50%, -50%) scale(1.2,1.2);
	-webkit-transition: transform 17s linear 0s;
	-moz-transition: transform 17s linear 0s;
	-o-transition: transform 17s linear 0s;
	-ms-transition: transform 17s linear 0s;
	transition: transform 17s linear 0s;
}
#kvzoom.zoom{
	-webkit-transform: translate(-50%, -50%) scale(1,1);
	transform: translate(-50%, -50%) scale(1,1);
}
	@media screen and (max-width:750px) {
		#top .cont h1 {
			font-size: 10.9vw;
		}
		#top .cont .txt01 {
			font-size: 6.25vw;
			padding-bottom: 3%;
		}
		#top .cont .txt02 {
			font-size: 5.3vw;
		}
	}
/*=================================================
 contents_area --- common
==================================================*/
#contents_area {
	position: relative;
}
#bg_section02,
#bg_section01,
#bg_sec_intro {
	position: absolute;
	left: 0px;
	width: 100%;
}
#contents_area figure img {
	width: 100%;
}
#contents_area .sec_intro .inner,
#contents_area .article .inner {
	max-width: 100%;
	width: 66.8%;
}
#contents_area h2 {
	font-size: 60px;
}
#contents_area .ttl_wrap h2::before {
	opacity: 0;
	transition: opacity 0.6s ease;
}
#contents_area .ttl_wrap h2.init::before {
	opacity: 1;
}
#contents_area h2 .txtline {
	line-height: 90%;
}
#para_img1,
#para_img2,
#para_img3,
#para_img4,
#para_img8,
#para_img6,
#para_img7,
#para_img9{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
}
.img_profile #para_img2{
	position:relative;
}
	@media (min-width: 1001px) {
		#contents_area .coluumn02 {
			display: flex;
		}
		#contents_area .coluumn02.right {
			flex-flow: row-reverse;
		}
		#contents_area .coluumn02 .cont {
			width: 50%;
		}
	}
	@media screen and (max-width: 1400px) {
		#contents_area h2 {
			font-size: 4.2vw;
		}
	}
	@media screen and (max-width: 1000px) {
		#contents_area .sec_intro .inner,
		#contents_area .article .inner {
			width: 76.5%;
		}
	}
/*=================================================
 sidenav / sidepager
==================================================*/
/* sidenav
-------------------------------------*/
#contents_area .sidenav {
	position: fixed;
	top: 50%;
	left: 5%;
	transform: translateY(-50%);
	z-index: 11;
	opacity:0;
	-webkit-transition: opacity 0.6s ease 1.4s;
	-moz-transition: opacity 0.6s ease 1.4s;
	-o-transition: opacity 0.6s ease 1.4s;
	-ms-transition: opacity 0.6s ease 1.4s;
	transition: opacity 0.6s ease 1.4s;
}
body.init #contents_area .sidenav{
    opacity:1;
}
#contents_area .sidenav.bottom{
	position:absolute;
	bottom:auto;
}
#contents_area .sidenav.top{
	position:absolute;
	bottom:auto;
	transform: translateY(0);
}
#contents_area .sidenav li + li {
	margin-top: 25px;
}
#contents_area .sidenav li.current{
	border-bottom:solid 4px #ffffff;
}
#contents_area .sidenav a {
	display: block;
	font-family: teko, sans-serif;
	font-weight: 300;
	font-size: 30px;
	line-height: 100%;
	color: #fff;
	font-size: 24px;
}
	@media screen and (max-width: 1000px) {
		#contents_area .sidenav {
			display: none;
		}
	}
/* sidepager
-------------------------------------*/
#contents_area .sidepager {
	position: fixed;
	top: 50%;
	right: 5%;
	transform: translateY(-50%);
	z-index: 11;
	opacity:0;
	-webkit-transition: opacity 0.6s ease 1.4s;
	-moz-transition: opacity 0.6s ease 1.4s;
	-o-transition: opacity 0.6s ease 1.4s;
	-ms-transition: opacity 0.6s ease 1.4s;
	transition: opacity 0.6s ease 1.4s;
}
body.init #contents_area .sidepager {
    opacity:1;
}
#contents_area .sidepager.bottom {
	position:absolute;
	bottom:auto;
}
#contents_area .sidepager.top {
	position:absolute;
	bottom:auto;
	transform: translateY(0);
	margin-top: -0.5em;
}
#contents_area .sidepager ul {
	display: flex;
	transform: rotate(90deg) translate(50%, 50%);
	transform-origin: right;
}
#contents_area .sidepager.top ul {
	transform: rotate(90deg) translate(100%, 50%);
}
#contents_area .sidepager li + li {
	margin-left: 38px;
}
#contents_area .sidepager a {
	display: block;
	font-family: teko, sans-serif;
	font-weight: 300;
	font-size: 30px;
	line-height: 100%;
	color: #fff;
	font-size: 26px;
}
	@media screen and (max-width: 1000px) {
		#contents_area .sidepager {
			display: none;
		}
	}
/*=================================================
 footnav
==================================================*/
#contents_area .footnav {
	position: fixed;
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	padding: 6.25% 11.875%;
	box-sizing: border-box;
	z-index: 99;
	transform: translate(0%,200%);
	transition: transform 0.4s linear 0s;
}
#contents_area .footnav.init {
	transform: translate(0%,0%);
}
#contents_area .footnav.bottom {
	transform: translate(0%,200%);
}
#contents_area .footnav ul:first-child {
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	width: 28%;
}
#contents_area .footnav ul:first-child li + li {
	width: 15%;
	padding-left: 16%;
}
#contents_area .footnav ul:last-child {
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 72%;
}
#contents_area .footnav a {
	font-family: teko, sans-serif;
	font-weight: 300;
	color: #fff;
	font-size: 4vw;
	line-height: 90%;
}
	@media (min-width: 1001px) {
		#contents_area .footnav {
			display: none;
		}
	}
/*=================================================
 sec_intro
==================================================*/
#contents_area .sec_intro {
	padding: 250px 0 210px;
}
#contents_area .sec_intro .cont_inr {
	padding-left: 15.6%;
}
#contents_area .sec_intro.plofile .cont_inr {
	padding-left: 24.6%;
}
#contents_area .sec_intro h2 {
	font-size: 5vw;
	padding-bottom: 40px;
}
#contents_area .sec_intro h2 .sub {
	font-size: 2.7vw;
}
#contents_area .sec_intro .img_map {
	width: 129%;
	-webkit-transform: translateX(-18%);
	-ms-transform: translateX(-18%);
	transform: translateX(-18%);
}
#contents_area .sec_intro .img_map img {
	width: 100%;
}
#contents_area .sec_intro .img_map .pin {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
#contents_area .sec_intro .img_map .pin img {
	width: 99%;
}
#contents_area .sec_intro .img_map .pin p {
	position: absolute;
	bottom: 115%;
	left: 1.75%;
	transform: translateX(-50%);
	font-family: teko, sans-serif;
	font-weight: 300;
	color: #fff;
	font-size: 20px;
	line-height: 90%;
	transition: all 0.5s ease;
}
#contents_area .sec_intro .img_map .pin p .sp {
	display: none;
}
#contents_area .sec_intro .img_map .pin span {
	position: relative;
	display: inline-block;
	width: 3.5%;
}
#contents_area .sec_intro .txtblock p {
	font-family: teko, sans-serif;
	font-weight: 300;
	font-size: 1.48vw;
	line-height: 130%;
}
#contents_area .sec_intro .txtblock p + p {
	padding-top: 24px;
}
#contents_area .sec_intro .txtblock .name {
	font-size: 2.16vw;
	padding-top: 14px;
}
#contents_area .sec_intro .txtblock .name .hi {
	display: inline-block;
	font-size: 0.88em;
	transform: translateY(-2px);
}
#contents_area .sec_intro .img_profile {
	width: 100%;
	padding-top: 66%;
	overflow: hidden!important;
	margin-bottom: 24px;
}
#contents_area .sec_intro .img_profile #para_img2 {
	position: absolute;
	overflow: hidden;
}
#contents_area .sec_intro .img_profile img {
	position: absolute;
	top: 0;
	left: 0;
	transform: translateY(-10%);
}
	@media screen and (max-width: 1000px) {
		#contents_area .sec_intro {
			padding: 20% 0 16%;
		}
		#contents_area .sec_intro h2 {
			font-size: 7.4vw;
			padding-bottom: 8%;
		}
		#contents_area .sec_intro h2 .sub {
			font-size: 4.0vw;
		}
		#contents_area .sec_intro .img_map {
			width: 108%;
			transform: translateX(-6%);
			padding-bottom: 10%;
		}
		#contents_area .sec_intro .img_map .pin p {
			font-size: 3.125vw;
		}
		#contents_area .sec_intro .img_map .pin p .sp {
			display: block;
		}
		#contents_area .sec_intro .cont_inr,
		#contents_area .sec_intro.plofile .cont_inr {
			padding-left: 0;
		}
		#contents_area .sec_intro .txtblock p {
			font-size: 2.2vw;
		}
		#contents_area .sec_intro .txtblock .name {
			font-size: 3.2vw;
		}
	}
	@media screen and (max-width: 750px) {
		#contents_area .sec_intro {
			padding: 30% 0 20%;
		}
		#contents_area .sec_intro h2 {
			font-size: 12vw;
		}
		#contents_area .sec_intro h2 .sub {
			font-size: 6.25vw;
		}
		#contents_area .sec_intro .txtblock p {
			font-size: 5.5vw;
			line-height: 150%;
		}
		#contents_area .sec_intro .txtblock p + p {
			padding-top: 5%;
		}
		#contents_area .sec_intro .txtblock .name {
			font-size: 5vw;
			padding-top: 5%;
		}
		#contents_area .sec_intro .img_profile {
			padding-top: 64%;
			margin-bottom: 8%;
		}
	}
/*=================================================
 article
==================================================*/
#contents_area .article .image {
	position: relative;
	width: 100%;
	overflow: hidden;
}
#contents_area .article .image img {
	position: absolute;
	top: 0;
	left: 0;
}
#contents_area .article .caption {
	font-family: teko, sans-serif;
	font-weight: 300;
	line-height: 50%;
	padding-bottom: 8%;
}
#contents_area .article .caption .txtline {
	line-height: 90%;
}
#contents_area .article .ttl {
	font-family: teko, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	line-height: 100%;
	padding-bottom: 2%;
	text-indent: -0.5em;
	padding-left: 0.5em;
}
#contents_area .article .txt_attention {
	font-family: teko, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
}
#contents_area .article .txt_link p {
	position: relative;
	display: inline-block;
	margin-top: 25px;
}
#contents_area .article .txt_link p::after {
	position: absolute;
	content: "";
	background: url(https://www.citizenwatch-global.com/promaster_stb/8oceans/img/index/icn_link_wt.svg) no-repeat 0 50%;
	background-size: contain;
	top: 50%;
	right: -20px;
	width: 10px;
	height: 8px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-top: -0.05em;
}
#contents_area .article .txt_link a {
	display: inline-block;
	font-family: teko, sans-serif;
	font-weight: 300;
	line-height: 90%;
	letter-spacing: 0.05em;
}
#contents_area .article .txt_link a::before {
	display: block;
	position: absolute;
	content: "";
	bottom: -11px;
	right: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background: #fff;
	-webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
#contents_area .article .txt_link a:hover::before {
	left: auto;
	width: 0;
}
#contents_area .article .txt_link a:hover:after {
	left: 0;
	width: 100%;
}
#contents_area .article .photo {
	position: relative;
	overflow: hidden;
}
#contents_area .article .photo img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}
#contents_area .article .cont_profile .ttl {
	text-indent: 0;
	padding-left: 0;
	text-align: center;
	padding-bottom: 40px;
}
#contents_area .article .cont_profile .ttl span {
	display: block;
	font-size: 40px;
	padding-bottom: 5px;
}
#contents_area .article .cont_profile .coluumn02 {
	margin-top: 0;
}
#contents_area .article .cont_profile .img_wrap p {
	font-family: teko, sans-serif;
	font-weight: 300;
}
#contents_area .article .cont_profile .img_wrap figure {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 65.5%;
}
#contents_area .article .cont_profile .txt_position {
	font-size: 20px;
	line-height: 100%;
	padding: 24px 0 6px;
}
#contents_area .article .cont_profile .txt_name {
	font-size: 60px;
	line-height: 100%;
}
#contents_area .article .coluumn01 .cont {
	position: relative;
	overflow: hidden;
}
#contents_area .article .coluumn01 .cont figure {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
#contents_area .article .coluumn01 .cont .txt_wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	padding-left: 17.5%;
	box-sizing: border-box;
}
/* article --- PC
-------------------------------------*/
@media (min-width: 1001px) {
	#contents_area .article {
		padding-bottom: 130px;
	}
	#contents_area .article p {
		font-size: 0.945vw;
	}
	#contents_area .article .coluumn02 {
		margin-top: -5%;
	}
	#contents_area .article .cont_img {
		width: 50%;
	}
	#contents_area .article .caption {
		font-size: 3vw;
	}
	#contents_area .article .ttl {
		font-size: 1.75vw;
	}
	#contents_area .article .txt_attention {
		font-size: 1.08vw;
		padding: 130px 0 35px;
		text-align: center;
	}
	#contents_area .article .txt_link {
		text-align: center;
	}
	#contents_area .article .txt_link a {
		font-size: 1.62vw;
	}
	#contents_area .article .photo {
		margin-top: 200px;
		padding-top: 30.8%;
	}
	#contents_area .article .cont_profile {
		padding: 165px 0 50px;
	}
	#contents_area .article .cont_profile .img_wrap {
		width: 75%;
		margin: 0 auto;
	}
	#contents_area .article .cont_profile .txt_wrap {
		width: 84%;
	}
	#contents_area .article .coluumn01 {
		margin-bottom: 5%;
	}
	#contents_area .article .coluumn01 .cont {
		width: 94.7%;
		padding-top: 43.2%;
	}
	#contents_area .article .coluumn01 .cont .txt_wrap .caption {
		padding-bottom: 4.3%;
	}
	#contents_area .article .coluumn01 .cont_txt {
		padding: 70px 0 160px;
	}
	#contents_area .article .coluumn01 .cont_inr {
		width: 61%;
	}
	/* .coluumn02 --- end */
	#contents_area .article .coluumn02.end .cont_txt {
		width: 33.4%;
		padding: 3% 0 5%;
	}
	#contents_area .article .coluumn02.end .cont_inr {
		width: 77%;
	}
	/* txt_left */
	#contents_area .article .coluumn02.end.txt_left .cont_txt {
		margin: 0 auto 0 16.6%;
	}
	/* txt_right */
	#contents_area .article .coluumn02.end.txt_right .cont_txt {
		margin: 0 16.6% 0 auto;
	}
	#contents_area .article .coluumn02.end.txt_right .cont_inr {
		margin-left: auto;
	}
	/* .coluumn02 --- center */
	#contents_area .article .coluumn02.center .image {
		width: 86.4%;
	}
	#contents_area .article .coluumn02.center .cont_txt {
		width: 50%;
		margin-top: 5%;
		padding: 6% 0 0;
	}
	#contents_area .article .coluumn02.center .cont_inr {
		width: 51%;
	}
	/* txt_left */
	#contents_area .article .coluumn02.center.txt_left .cont_img {
		text-align: right;
		transform: translateX(-6%);
	}
	#contents_area .article .coluumn02.center.txt_left .cont_inr {
		margin: 0 auto 0 33.4%;
	}
	/* txt_right */
	#contents_area .article .coluumn02.center.txt_right .cont_img {
		transform: translateX(6%);
	}
	#contents_area .article .coluumn02.center.txt_right .image {
		margin-left: auto;
	}
	#contents_area .article .coluumn02.center.txt_right .cont_inr {
		margin: 0 33.4% 0 auto;
	}
	/* .coluumn02 --- align */
	#contents_area .article .coluumn02.align {
		align-items: center;
	}
	#contents_area .article .coluumn02.align .cont_txt {
		padding-top: 0;
	}
	/* section01
	-------------------------------------*/
	#contents_area .section01 .coluumn02.end .image {
		padding-top: 97%;
	}
	#contents_area .section01 .coluumn02.center .image {
		padding-top: 74.3%;
	}
	/* section02
	-------------------------------------*/
	#contents_area .section02 .coluumn02.end .cont_img {
		width: 56.6%;
	}
	#contents_area .section02 .coluumn02.end .image {
		padding-top: 83.9%;
	}
	#contents_area .section02 .coluumn02.end .cont_inr {
		width: 83%;
	}
	#contents_area .section02 .coluumn02.center .image {
		width: 81%;
		padding-top: 54.1%;
	}
}
	@media screen and (max-width: 1480px) {
		#contents_area .article .cont_profile .txt_name {
			font-size: 4vw;
		}
	}
/* article --- SP
-------------------------------------*/
@media screen and (max-width: 1000px) {
	#contents_area .article {
		padding: 10% 0 13%;
	}
	#contents_area .article p {
		font-size: 1.4vw;
	}
	#contents_area .article .cont_img {
		width: 88.125%;
		margin-left: auto;
	}
	#contents_area .article .cont_txt {
		width: 76.5%;
		margin: 0 auto;
		padding: 5% 0 10%;
	}
	#contents_area .article .caption {
		font-size: 4.5vw;
	}
	#contents_area .article .ttl {
		font-size: 2.6vw;
	}
	#contents_area .article .txt_attention {
		font-size: 1.6vw;
		width: 76.5%;
		margin: 0 auto;
	}
	#contents_area .article .txt_link {
		width: 76.5%;
		margin: 0 auto;
	}
	#contents_area .article .txt_link a {
		font-size: 2.4vw;
	}
	#contents_area .article .photo {
		padding-top: 71.25%;
	}
	#contents_area .article .photo img {
		width: 232%;
	}
	#contents_area .article .cont_profile {
		padding: 14% 0 0;
	}
	#contents_area .article .cont_profile .inner {
		width: 57.8%;
	}
	#contents_area .article .cont_profile .ttl {
		padding-bottom: 8%;
	}
	#contents_area .article .cont_profile .ttl span {
		font-size: 7.8vw;
		padding-bottom: 2%;
	}
	#contents_area .article .cont_profile .txt_position {
		font-size: 3.125vw;
		padding: 14% 0 5%;
	}
	#contents_area .article .cont_profile .txt_name {
		font-size: 9.375vw;
		padding-bottom: 5%;
	}
	#contents_area .article .coluumn01 .cont {
		padding-top: 95%;
	}
	#contents_area .article .coluumn01 .cont figure img {
		width: 208%;
		margin-left: -54%;
	}
	#contents_area .article .coluumn01 .cont .txt_wrap {
		padding-left: 11.6%;
	}
	/* section01
	-------------------------------------*/
	#contents_area .section01 .coluumn02.end .image {
		padding-top: 97.3%;
	}
	#contents_area .section01 .coluumn02.center .image {
		padding-top: 86.2%;
	}
	/* section02
	-------------------------------------*/
	#contents_area .section02 .coluumn02.end .image {
		padding-top: 83.9%;
	}
	#contents_area .section02 .coluumn02.center .image {
		padding-top: 66.7%;
	}
}
	@media screen and (max-width: 750px) {
		#contents_area .article {
			padding: 15.6% 0 21.8%;
		}
		#contents_area .article p {
			font-size: 3.4vw;
		}
		#contents_area .article .cont_txt {
			padding: 7.1% 0 16.3%;
		}
		#contents_area .article .txt_attention {
			font-size: 3.75vw;
		}
		#contents_area .article .txt_link a {
			font-size: 4.68vw;
		}
		#contents_area .article .cont_profile {
			padding: 22.3% 0 0;
		}
		#contents_area .article .caption {
			font-size: 7vw;
		}
		#contents_area .article .ttl {
			font-size: 5vw;
		}
	}
/* promaster_stb_dest1
-------------------------------------*/
#promaster_stb_dest1 #top,
#promaster_stb_dest1 #bg_sec_intro {
	background: #170d64;
}
#promaster_stb_dest1 #bg_section01,
#promaster_stb_dest1 .footnav {
	background: #1b0f74;
}
#promaster_stb_dest1 .sec_intro .img_map .pin {
	margin: 22.6% 0 0 15.2%;
}
/* promaster_stb_dest2
-------------------------------------*/
#promaster_stb_dest2 #top,
#promaster_stb_dest2 #bg_sec_intro {
	background: #110e89;
}
#promaster_stb_dest2 #bg_section01,
#promaster_stb_dest2 .footnav {
	background: #100f95;
}
#promaster_stb_dest2 .sec_intro .img_map .pin {
	margin: 29.8% 0 0 26.3%;
}
/* promaster_stb_dest3
-------------------------------------*/
#promaster_stb_dest3 #top,
#promaster_stb_dest3 #bg_sec_intro {
	background: #211fba;
}
#promaster_stb_dest3 #bg_section01,
#promaster_stb_dest3 #bg_section02,
#promaster_stb_dest3 .footnav {
	background: #3432bd;
}
#promaster_stb_dest3 .sec_intro .img_map .pin {
	margin: 28.8% 0 0 33.2%;
}
/* promaster_stb_dest4
-------------------------------------*/
#promaster_stb_dest4 #top,
#promaster_stb_dest4 #bg_sec_intro {
	background: #006fac;
}
#promaster_stb_dest4 #bg_section01,
#promaster_stb_dest4 #bg_section02,
#promaster_stb_dest4 .footnav {
	background: #0076ad;
}
#promaster_stb_dest4 .sec_intro .img_map .pin {
	margin: 36.3% 0 0 48.8%;
}
/* promaster_stb_dest5
-------------------------------------*/
#promaster_stb_dest5 #top,
#promaster_stb_dest5 #bg_sec_intro {
	background: #00a0bf;
}
#promaster_stb_dest5 #bg_section01,
#promaster_stb_dest5 .footnav {
	background: #00a9ca;
}
#promaster_stb_dest5 .sec_intro .img_map .pin {
	margin: 35.2% 0 0 56.4%;
}
/* promaster_stb_dest6
-------------------------------------*/
#promaster_stb_dest6 #top,
#promaster_stb_dest6 #bg_sec_intro {
	background: #7281c2;
}
#promaster_stb_dest6 #bg_section01,
#promaster_stb_dest6 .footnav {
	background: #8392d3;
}
#promaster_stb_dest6 .sec_intro .img_map .pin {
	margin: 26.9% 0 0 62.9%;
}
/* promaster_stb_dest7
-------------------------------------*/
#promaster_stb_dest7 #top,
#promaster_stb_dest7 #bg_sec_intro {
	background: #3857ec;
}
#promaster_stb_dest7 #bg_section01,
#promaster_stb_dest7 #bg_section02,
#promaster_stb_dest7 .footnav {
	background: #4763ec;
}
#promaster_stb_dest7 .sec_intro .img_map .pin {
	margin: 31.2% 0 0 82.2%;
}
/* promaster_stb_dest8
-------------------------------------*/
#promaster_stb_dest8 #top,
#promaster_stb_dest8 #bg_sec_intro {
	background: #1a3be3;
}
#promaster_stb_dest8 #bg_section01,
#promaster_stb_dest8 .footnav {
	background: #2748ec;
}
#promaster_stb_dest8 .sec_intro .img_map .pin {
	margin: 31.5% 0 0 99.5%;
}
#promaster_stb_dest8 .sec_intro .img_map .pin p {
	left: 3.5%;
	text-align: right;
	transform: translateX(-100%);
}
/*=================================================
 stories
==================================================*/
#stories h3 {
	margin: 0 0 50px;
}
	@media screen and (max-width: 1000px) {
		#stories .inner {
			width: 76.5%;
		}
		#stories h3 {
			margin: 0 0 6.25%;
		}
	}
/*=================================================
 dest_product
==================================================*/
#dest_product {
	padding: 200px 0 124px;
}
#dest_product .inner {
	max-width: 100%;
}
#dest_product h3 {
	margin: 0 0 50px;
	opacity: 0;
	transition: opacity 0.6s ease;
}
#dest_product h3.init {
	opacity: 1;
}
#dest_product .list_product {
	width: 95%;
	margin-left: auto;
}
#dest_product .list_product li {
	position: relative;
	font-family: teko, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
}
#dest_product .list_product li .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	transform: translateX(30px);
	opacity: 0;
	transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 1.4s ease;
}
#dest_product .list_product li.init .bg {
	transform: translateX(0);
	opacity: 1;
}
#dest_product .list_product li:first-child .bg {
	background: url(https://www.citizenwatch-global.com/promaster_stb/8oceans/img/destination/common/img_product01.jpg) no-repeat 50% 50% / cover;
}
#dest_product .list_product li:last-child .bg {
	background: url(https://www.citizenwatch-global.com/promaster_stb/8oceans/img/destination/common/img_product02.jpg) no-repeat 50% 50% / cover;
}
#dest_product .list_product li .txt_wrap {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	padding-left: 11%;
	box-sizing: border-box;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#dest_product .list_product li h4 {
	font-size: 48px;
	font-weight: 300;
}
#dest_product .list_product li h4 .txtline {
	line-height: 95%;
}
#dest_product .list_product li dt {
	color: #e60012;
	font-size: 26px;
	line-height: 100%;
	padding: 26px 0 10px;
}
#dest_product .list_product li .img_watch {
	position: absolute;
	top: 0;
	right: 0;
	width: 240px;
	margin: 137px 10% 0 0;
}
#dest_product .list_product li .img_watch::before {
	position: absolute;
	content: "";
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 506px;
	padding-top: 506px;
	background: url(https://www.citizenwatch-global.com/promaster_stb/8oceans/img/index/bg_maintop_ring.png) no-repeat 50% 50% / contain;
}
	@media (min-width: 1001px) {
		#dest_product .list_product {
			display: flex;
		}
		#dest_product .list_product li {
			width: 50%;
			padding-top: 600px;
		}
	}
	@media screen and (max-width: 1400px) {
		#dest_product .list_product li h4 {
			font-size: 3.2vw;
		}
		#dest_product .list_product li {
			padding-top: 42.85%;
		}
		#dest_product .list_product li .img_watch {
			width: 34%;
			margin: 20% 10% 0 0;
		}
		#dest_product .list_product li .img_watch::before {
			width: 210%;
			padding-top: 210%;
		}
	}
	@media screen and (max-width: 1000px) {
		#dest_product {
			padding: 15% 0 13%;
		}
		#dest_product h3 {
			margin: 0 0 6.25%;
		}
		#dest_product .list_product {
			width: 88.25%;
		}
		#dest_product .list_product li {
			padding-top: 106.2%;
		}
		#dest_product .list_product li:first-child .bg {
			background: url(https://www.citizenwatch-global.com/promaster_stb/8oceans/img/destination/common/img_product01_sp.jpg) no-repeat 50% 50% / cover;
		}
		#dest_product .list_product li:last-child .bg {
			background: url(https://www.citizenwatch-global.com/promaster_stb/8oceans/img/destination/common/img_product02_sp.jpg) no-repeat 50% 50% / cover;
		}
		#dest_product .list_product li h4 {
			font-size: 7.5vw;
		}
		#dest_product .list_product li .img_watch {
			width: 44%;
			margin: 29% -16.5% 0 0;
		}
	}
	@media screen and (max-width: 750px) {
		#dest_product {
			padding: 34% 0 23%;
		}
		#dest_product .list_product li dt {
			font-size: 4vw;
			padding: 5% 0 2%;
		}
		#dest_product .list_product li .btn_base {
			width: 42%;
		}
	}
/*=================================================
 dest_otherstories
==================================================*/
#dest_otherstories {
	position: relative;
}
#dest_otherstories::after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(https://www.citizenwatch-global.com/promaster_stb/8oceans/img/index/bg_dot.png) repeat 0 0;
}
#dest_otherstories .bg_image {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(https://www.citizenwatch-global.com/promaster_stb/8oceans/img/destination/common/bg_otherstories.jpg) no-repeat 50% 50% / cover;
	opacity: 0;
	transition: opacity 1s ease;
}
#dest_otherstories .bg_image.init {
	opacity: 1;
}
#dest_otherstories h3 {
	margin: 0 0 2.6%;
}
#dest_otherstories h3 .row {
	display: block;
}
#dest_otherstories h3 .sub {
	font-size: 60px;
	padding-top: 5px;
}
#dest_otherstories .image {
	position: relative;
	z-index: 1;
	width: 58.5%;
	margin-left: auto;
	transform: translateX(30px);
	opacity: 0;
	transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 1.4s ease;
}
#dest_otherstories .image.init {
	transform: translateX(0);
	opacity: 1;
}
	@media (min-width: 1001px) {
		#dest_otherstories .inner {
			position: absolute;
			top: 0;
			left: 50%;
			margin-top: 10%;
			transform: translate(-50%);
		}
	}
	@media screen and (max-width: 1400px) {
		#dest_otherstories h3 .sub {
			font-size: 4.28vw;
		}
	}
	@media screen and (max-width: 1000px) {
		#dest_otherstories {
			padding: 14% 0 12%;
		}
		#dest_otherstories h3 {
			margin: 0 0 8%;
		}
		#dest_otherstories .image {
			width: 88.25%;
			margin-top: 10%;
		}
	}
	@media screen and (max-width: 750px) {
		#dest_otherstories {
			padding: 26% 0 18%;
		}
		#dest_otherstories h3 .sub {
			font-size: 9.375vw;
		}
		#dest_otherstories .btn_base {
			width: 43%;
		}
	}