@charset "UTF-8";
*:focus {outline:none;}
html{overflow:auto; height:100%; color:#000;}
html {font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,figure,figcaption{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
abbr,acronym{border:0;font-variant:normal}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {display:block}
img {vertical-align:middle;}
main {display:block;/* for IE */}
li {list-style: none;}
/*==================================================
Body_Bace
==================================================*/
body {
	width: 100%;
	color: #fff;
	font-size: 16px;
	letter-spacing: 0.05em;
	line-height: 100%;
	background: #000;
	font-family: YuGothic, Yu Gothic, "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	word-wrap: break-word;
}
/*------ link ------*/
a { color: #fff; text-decoration: none;}
/*------ common ------*/
.main p {
	font-family: 'Calibre-Regular';
	line-height: 160%;
}
p::selection,
h2::selection,
h3::selection,
h4::selection,
span::selection,
a::selection,
dt::selection,
dd::selection,
li::selection {
	background: #ce0614;
	color: #fff;
}
p::-moz-selection,
h2::-moz-selection,
h3::-moz-selection,
h4::-moz-selection,
span::-moz-selection,
a::-moz-selection,
dt::-moz-selection,
dd::-moz-selection,
li::-moz-selection {
	background: #ce0614;
	color: #fff;
}
#wrapper{
	width:100%;
	position:relative;
	overflow:hidden;
	opacity:0;
}
/*==================================================
landscape
==================================================*/
#landscape {
	position: fixed;
  width: 100%;
  height: 100%;
	z-index: 9999;
	background: #000;
  overflow: hidden;
  display: none;
}
#landscape.is-active {
  display: block;
}
#landscape .landscape_inner {
  position: absolute;
  top: 50%;
	left: 50%;
	width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
#landscape .landscape_inner img {
	display: inline-block;
  width: 7.2%;
}
#landscape .landscape_inner p {
	display: inline-block;
	font-family: 'Abel', sans-serif;
  font-size: 2.5vw;
	color: #fff;
	letter-spacing: 0.1em;
	padding-left: 1.5%;
}
/*==================================================
loader
==================================================*/
#loader {
	position: fixed;
	background: #000;
	width: 100%;
	height: 100%;
	z-index: 9999;
}
#loader .loader {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 238px;
	transform: translate(-50%, -50%);
}
#loader .loader p {
	color: #ccc;
	font-family: 'Abel', sans-serif;
	letter-spacing: 0.1em;
	font-weight: 700;
	font-size: 11px;
	text-align: center;
	padding: 0 0 12px;
}
#loader .loader .bar {
	position: relative;
	width: 100%;
	height: 5px;
	background: #1b1b1b;
}
#loader .loader .bar .barcolor {
	position: absolute;
	content: "";
	background: #cb0715;
	top: 0;
	left: 0;
	width: 0%;
	height: 100%;
}
	@media screen and (max-width:750px) {
		#loader .loader {
			width: 37%;
		}
		#loader .loader p {
			font-size: 2.5vw;
			padding: 0 0 5%;
		}
	}
/*=================================================
#header
==================================================*/
#header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 999;
	opacity:0;
}
#header.init {
	opacity:1;
	-webkit-transition: opacity 0.6s ease 1.6s;
  -moz-transition: opacity 0.6s ease 1.6s;
  -o-transition: opacity 0.6s ease 1.6s;
  -ms-transition: opacity 0.6s ease 1.6s;
  transition: opacity 0.6s ease 1.6s;
}
#header .header {
	position:absolute;
	width:100%;
	padding: 22px 0 0;
	height: 100%;
	box-sizing: border-box;
}
#header .header #header_bg0{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height: 100%;
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/bg_header.png) repeat-x 0 100%;
	opacity:1;
	-webkit-transition: opacity 0.3s ease 0s;
  -moz-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  -ms-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}
#header .header #header_bg1{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height: 100%;
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/bg_header_fixed.png) repeat-x 0 100%;
	opacity:0;
	-webkit-transition: opacity 0.3s ease 0s;
  -moz-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  -ms-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}
#header .header.header_fixed #header_bg0{
	opacity:0;
}
#header .header.header_fixed #header_bg1{
	opacity:1;
}
#header ul {
	position: relative;
}
#header .menu {
	display: none;
	position: absolute;
	top: 50%;
	left: 4%;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
#header .menu a {
	display: block;
}
#header .logo {
	padding-left: 22px;
}
#header .logo_citizen {
	position: absolute;
	top: 0;
	right: 108px;
}
#header .logo img {
	width: 281px;
	height: 37px;
}
#header .logo_citizen img {
	width: 110px;
	height: 33px;
}
	@media screen and (max-width:750px) {
		#header {
			height: 150px;
		}
		#header .header {
			padding: 4% 0 0;
		}
		#header .menu {
			display: block;
		}
		#header .logo {
			padding-left: 0;
			text-align: center;
		}
		#header .logo img {
			width: 52.5%;
			height: auto;
		}
		#header .logo_citizen {
			top: 50%;
			right: 3.125%;
			width: 15.6%;
			-webkit-transform: translate(0,-50%);
			-ms-transform: translate(0,-50%);
			transform: translate(0,-50%);
		}
		#header .logo_citizen img {
			width: 100%;
			height: auto;
		}
	}
/* .header_menu */
#header .header_menu {
	background: none!important;
	height: auto;
	top:-1000px;
	opacity:0;
	-webkit-transition: top 0.05s ease 1.0s,opacity 0.5s ease 0.5s;
	-moz-transition: top 0.05s ease 1.0s,opacity 0.5s ease 0.5s;
	-o-transition: top 0.05s ease 1.0s,opacity 0.5s ease 0.5s;
	-ms-transition: top 0.05s ease 1.0s,opacity 0.5s ease 0.5s;
	transition: top 0.05s ease 1.0s,opacity 0.5s ease 0.5s;
}
body.openmenu #header .header_menu {
	top:0px;
	opacity:1;
	-webkit-transition: top 0.05s ease 0s,opacity 0.5s ease 0.05s;
	-moz-transition: top 0.05s ease 0s,opacity 0.5s ease 0.05s;
	-o-transition: top 0.05s ease 0s,opacity 0.5s ease 0.05s;
	-ms-transition: top 0.05s ease 0s,opacity 0.5s ease 0.05s;
	transition: top 0.05s ease 0s,opacity 0.5s ease 0.05s;
}
#header .header_nomal {
	opacity:1;
	top:0px;
	-webkit-transition: top 0.05s ease 0s,opacity 0.5s ease 0.55s;
	-moz-transition: top 0.05s ease 0s,opacity 0.5s ease 0.55s;
	-o-transition: top 0.05s ease 0s,opacity 0.5s ease 0.55s;
	-ms-transition: top 0.05s ease 0s,opacity 0.5s ease 0.55s;
	transition: top 0.05s ease 0s,opacity 0.5s ease 0.55s;
}
body.openmenu #header .header_nomal{
	opacity:0;
	top:-1000px;
	-webkit-transition: top 0.05s ease 0.5s,opacity 0.5s ease 0s;
	-moz-transition: top 0.05s ease 0.5s,opacity 0.5s ease 0s;
	-o-transition: top 0.05s ease 0.5s,opacity 0.5s ease 0s;
	-ms-transition: top 0.05s ease 0.5s,opacity 0.5s ease 0s;
	transition: top 0.05s ease 0.5s,opacity 0.5s ease 0s;
}
/*=================================================
#main
==================================================*/
/* common
------------------------------------------*/
#main {
	position:relative;
}
.main {
	overflow: hidden;
}
.cover {
	position: relative;
}
.cover::after {
	position: absolute;
	content: "";
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/bg_line.png) repeat 50% 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.inner {
	position: relative;
	z-index: 1;
}
#main .capture {
	color: #df0615;
	font-family: 'Abel', sans-serif;
	letter-spacing: 0.1em;
	font-weight: 700;
	font-size: 14px;
	line-height: 100%;
	padding: 0 0 12px;
}
#main h2 {
	position: relative;
	font-weight: 700;
	padding: 0 0 40px;
}
#main h2::after {
	position: absolute;
	content: "";
	background: #fff;
	bottom: 0;
	left: 0;
	width: 100px;
	height: 5px;
}
#main footer h2::after {
	display:none;
}
.icn {
	overflow: hidden;
	display: block;
	white-space: nowrap;
	text-indent: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	text-align: center;
	width: 100%;
	height: 100%;
}
	@media screen and (max-width:750px) {
		#main .capture {
			font-size: 2.65vw;
			padding: 0 0 2.3%;
		}
		#main h2 {
			padding: 0 0 10.6%;
		}
		#main h2::after {
			width: 20%;
		}
	}
	@media screen and (max-width:480px) {
		#main h2::after {
			height: 3px;
		}
	}
/* top
------------------------------------------*/
#top {
	position: relative;
	background: #000;
	z-index: 10;
}
#top .cont {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	text-align: center;
	z-index: 10;
}
#top h1 img {
	width: 446px;
	height: 213px;
	opacity:0;
	position:relative;
	top:30px;
}
#top h1 img.init {
	top:0px;
	opacity:1;
	-webkit-transition: top 0.8s ease 0.4s,opacity 0.8s ease 0.4s;
	-moz-transition: top 0.8s ease 0.4s,opacity 0.8s ease 0.4s;
	-o-transition: top 0.8s ease 0.4s,opacity 0.8s ease 0.4s;
	-ms-transition: top 0.8s ease 0.4s,opacity 0.8s ease 0.4s;
	transition: top 0.8s ease 0.4s,opacity 0.8s ease 0.4s;
}
#top .readtxt {
	font-size: 17px;
	font-weight: 700;
	padding: 45px 0 26px;
	opacity:0;
	position:relative;
	top:30px;
}
#top .readtxt.init {
	top:0px;
	opacity:1;
	-webkit-transition: top 0.8s ease 0.6s,opacity 0.8s ease 0.6s;
	-moz-transition: top 0.8s ease 0.6s,opacity 0.8s ease 0.6s;
	-o-transition: top 0.8s ease 0.6s,opacity 0.8s ease 0.6s;
	-ms-transition: top 0.8s ease 0.6s,opacity 0.8s ease 0.6s;
	transition: top 0.8s ease 0.6s,opacity 0.8s ease 0.6s;
}
#top .readtxt .sp {
	display: none;
}
#top .img_logo{
	opacity:0;
	position:relative;
	top:30px;
	padding: 4% 0 8%;
}
#top .img_logo.init{
	top:0px;
	opacity:1;
	-webkit-transition: top 0.8s ease 0.8s,opacity 0.8s ease 0.8s;
	-moz-transition: top 0.8s ease 0.8s,opacity 0.8s ease 0.8s;
	-o-transition: top 0.8s ease 0.8s,opacity 0.8s ease 0.8s;
	-ms-transition: top 0.8s ease 0.8s,opacity 0.8s ease 0.8s;
	transition: top 0.8s ease 0.8s,opacity 0.8s ease 0.8s;
}
#top .img_logo img {
	width: 375px;
	height: auto;
}
@media screen and (min-width:1480px) {
	#top h1 img {
		width: 30%;
		height: 14%;
	}
	#top .readtxt {
		font-size: 1.148vw;
		padding: 2% 0 1.756%;
	}
	#top .img_logo img {
		width: 25.3%;
	}
}
/* headline */
#top .subnav {
	position: absolute;
	bottom: 8%;
	left: 50%;
	width: 957px;
	text-align: center;
	-webkit-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	transform: translate(-50%,0);
	z-index: 12;
	-webkit-transition:left 0.01s ease 0s,opacity 0.4s ease 0.05s;
	-moz-transition:left 0.01s ease 0s,opacity 0.4s ease 0.05s;
	-o-transition:left 0.01s ease 0s,opacity 0.4s ease 0.05s;
	-ms-transition:left 0.01s ease 0s,opacity 0.4s ease 0.05s;
	transition:left 0.01s ease 0s,opacity 0.4s ease 0.05s;
}
#top .subnav .ttl {
	position: absolute;
	font-family: 'Abel', sans-serif;
	font-size: 16px;
	letter-spacing: 0.1em;
	font-weight: 700;
	padding: 0 0 6px;
	margin: 0 0 20px;
	text-align: left;
	opacity:0;
	top:0px;
}
#top.init .subnav .ttl {
	opacity:1;
	-webkit-transition: opacity 0.6s ease 1.2s;
	-moz-transition: opacity 0.6s ease 1.2s;
	-o-transition: opacity 0.6s ease 1.2s;
	-ms-transition: opacity 0.6s ease 1.2s;
	transition: opacity 0.6s ease 1.2s;
}
#top .subnav .ttl::after {
	position: absolute;
	content: "";
	background: #fff;
	width: 24px;
	height: 5px;
	bottom: 0;
	left: 0;
}
#top .subnav figure {
	position: relative;
    overflow: hidden;
}
#top .subnav figure .sp {
	display: none;
}
#top .subnav a,
#top .subnav .close,
#top .subnav .close .close_inr {
	display: block;
	position: relative;
}
#top .subnav .close .close_inr::after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
}
#top .subnav .close .close_txt {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
	text-align: left;
	font-family: 'Abel', sans-serif;
	font-size: 28px;
	letter-spacing: 0.1em;
	font-weight: 700;
	line-height: 140%;
	padding-left: 15px;
	z-index: 9;
}
#top .subnav .close .close_txt span {
	display: block;
	font-size: 0.5em;
	letter-spacing: 0.05em;
	line-height: 120%;
}
#top .subnav .close .close_txt .sp {
	display: none;
}
@media screen and (min-width:750px) {
	#top .subnav figure img {
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-ms-transition: 0.3s ease-in-out;
		transition: 1s;
		width: 300px;
	}
	#top .subnav a:hover figure img {
		-webkit-transform: scale(1.1,1.1);
		-moz-transform: scale(1.1,1.1);
		-ms-transform: scale(1.1,1.1);
		transform: scale(1.1,1.1);
	}
}
#top .subnav .txt {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
#top .subnav .txt .en {
	font-family: 'Abel', sans-serif;
  letter-spacing: 0.1em;
  font-weight: 700;
}
#top .subnav #subnavslider .swiper-wrapper .swiper-slide{
	width:247px;
}
#top .subnav #subnavslider .swiper-wrapper .swiper-slide.slide-headline{
	width:223px;
}
#top .subnav #subnavslider .swiper-wrapper .swiper-slide.slide-take_action2{
	width:auto;
}
#top .headline {
	padding-right: 50px;
	padding-top:55px;
	position:relative;
	box-sizing:border-box;
}
#top .headline a{
	opacity:0;
	position:relative;
	top:40px;
	text-align:left;
}
#top.init .headline a{
	opacity:1;
	top:0px;
	-webkit-transition: opacity 0.6s ease 1.2s,top 0.6s ease 1.2s;
	-moz-transition: opacity 0.6s ease 1.2s,top 0.6s ease 1.2s;
	-o-transition: opacity 0.6s ease 1.2s,top 0.6s ease 1.2s;
	-ms-transition: opacity 0.6s ease 1.2s,top 0.6s ease 1.2s;
	transition: opacity 0.6s ease 1.2s,top 0.6s ease 1.2s;
}
#top .headline .txt .en {
	font-size: 14px;
	padding-right: 13px;
}
#top .headline .txt img {
	padding: 0 0 0 5px;
	width: 32px;
	height: 36px;
}
#top .take_action {
	padding-top:55px;
	padding-right: 7px;
	box-sizing:border-box;
	opacity:0;
	position:relative;
	top:40px;
}
#top.init .take_action1{
	opacity:1;
	top:0px;
	-webkit-transition: opacity 0.6s ease 1.4s,top 0.6s ease 1.4s;
	-moz-transition: opacity 0.6s ease 1.4s,top 0.6s ease 1.4s;
	-o-transition: opacity 0.6s ease 1.4s,top 0.6s ease 1.4s;
	-ms-transition: opacity 0.6s ease 1.4s,top 0.6s ease 1.4s;
	transition: opacity 0.6s ease 1.4s,top 0.6s ease 1.4s;
}
#top.init .take_action2{
	opacity:1;
	top:0px;
	-webkit-transition: opacity 0.6s ease 1.6s,top 0.6s ease 1.6s;
	-moz-transition: opacity 0.6s ease 1.6s,top 0.6s ease 1.6s;
	-o-transition: opacity 0.6s ease 1.6s,top 0.6s ease 1.6s;
	-ms-transition: opacity 0.6s ease 1.6s,top 0.6s ease 1.6s;
	transition: opacity 0.6s ease 1.6s,top 0.6s ease 1.6s;
}
#top.init .take_action3{
	opacity:1;
	top:0px;
	-webkit-transition: opacity 0.6s ease 1.8s,top 0.6s ease 1.8s;
	-moz-transition: opacity 0.6s ease 1.8s,top 0.6s ease 1.8s;
	-o-transition: opacity 0.6s ease 1.8s,top 0.6s ease 1.8s;
	-ms-transition: opacity 0.6s ease 1.8s,top 0.6s ease 1.8s;
	transition: opacity 0.6s ease 1.8s,top 0.6s ease 1.8s;
}
#top .take_action .take_action_inner{
	position:relative;
}
#top .take_action ul {
	overflow: hidden;
}
#top .take_action li {
	float: left;
}
#top .take_action li + li {
	padding-left: 7px;
}
#top .take_action .txt {
	text-align: left;
	padding-left: 15px;
}
#top .take_action .txt .jp {
	display: block;
	font-size: 13px;
	letter-spacing: 0.05em;
	padding: 0 0 5px;
}
#top .take_action .txt .en {
	display: block;
	font-size: 32px;
}
#top .take_action .txt .sub {
	display: block;
	font-size: 12px;
	line-height: 110%;
	padding: 0 0 5px;
}
#top .take_action2 .txt .lead {
	letter-spacing: 0.01em;
}
#top .take_action2 .txt .sub {
	font-size: 16px;
	padding: 5px 0 0;
}
#top .take_action ul li{
	opacity:0;
	position:relative;
	top:40px;
}
#top.init .take_action ul li:nth-of-type(1){
	opacity:1;
	top:0px;
	-webkit-transition: opacity 0.6s ease 1.4s,top 0.6s ease 1.4s;
	-moz-transition: opacity 0.6s ease 1.4s,top 0.6s ease 1.4s;
	-o-transition: opacity 0.6s ease 1.4s,top 0.6s ease 1.4s;
	-ms-transition: opacity 0.6s ease 1.4s,top 0.6s ease 1.4s;
	transition: opacity 0.6s ease 1.4s,top 0.6s ease 1.4s;
}
#top.init .take_action ul li:nth-of-type(2){
	opacity:1;
	top:0px;
	-webkit-transition: opacity 0.6s ease 1.6s,top 0.6s ease 1.6s;
	-moz-transition: opacity 0.6s ease 1.6s,top 0.6s ease 1.6s;
	-o-transition: opacity 0.6s ease 1.6s,top 0.6s ease 1.6s;
	-ms-transition: opacity 0.6s ease 1.6s,top 0.6s ease 1.6s;
	transition: opacity 0.6s ease 1.6s,top 0.6s ease 1.6s;
}
#top.init .take_action ul li:nth-of-type(3){
	opacity:0.3;
	top:0px;
	-webkit-transition: opacity 0.6s ease 1.8s,top 0.6s ease 1.8s;
	-moz-transition: opacity 0.6s ease 1.8s,top 0.6s ease 1.8s;
	-o-transition: opacity 0.6s ease 1.8s,top 0.6s ease 1.8s;
	-ms-transition: opacity 0.6s ease 1.8s,top 0.6s ease 1.8s;
	transition: opacity 0.6s ease 1.8s,top 0.6s ease 1.8s;
}
/* 2020 */
#top .subnav .ttl span {
	display: inline-block;
	vertical-align: middle;
}
#top .subnav .ttl .icn_new {
	position: relative;
	display: inline-block;
	background: #ca0817;
	text-align: center;
	font-family: 'Abel', sans-serif;
	font-size: 12px;
	line-height: 100%;
	padding: 3px 8px 4px 10px;
	box-sizing: border-box;
	-webkit-transform: skew(-25deg);
	-ms-transform: skew(-25deg);
	transform: skew(-25deg);
	margin-left: 10px;
}
#top .subnav .ttl .icn_new .inr {
	display: inline-block;
	-webkit-transform: skew(25deg);
	-ms-transform: skew(25deg);
	transform: skew(25deg);
}
#top .subnav {
	width: 960px;
}
#top .subnav #subnavslider .swiper-wrapper .slide01 {
	width: 310px;
}
#top .subnav #subnavslider .swiper-wrapper .slide02 {
	width: 350px;
}
#top .subnav #subnavslider .swiper-wrapper .slide03 {
	width: 300px;
}
#top .slide01 .take_action {
	padding-right: 10px;
}
#top .slide01 .take_action .txt .en.sub {
	padding-top: 12px;
}
#top .slide02 .take_action {
	padding-right: 50px;
}
#top .slide02 .take_action .txt .en {
	line-height: 100%;
	font-size: 26px;
}
#top .slide02 .take_action .txt .en.sub {
	font-size: 12px;
	padding: 3px 0 0;
}
#top .slide03 .take_action .txt .en {
	color: #e60012;
	font-size: 26px;
	padding: 6px 0 0;
}
#top .slide03 .take_action .txt .en.sub {
	color: #fff;
	font-size: 12px;
	padding: 3px 0 0;
}
/* btn_explore */
#top .btn_explore {
	position: fixed;
	top: 50%;
	right: 80px;
	margin-right: 7%;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
	opacity: 0;
	z-index: 11;
}
#promaster_30th_report #top .btn_explore,
#promaster_30th_marine #top .btn_explore,
#promaster_30th_land #top .btn_explore,
#promaster_30th_sky #top .btn_explore,
#promaster_30th_campaign #top .btn_explore {
	position: absolute;
}
#top .btn_explore.init {
	opacity:1;
	-webkit-transition: opacity 0.4s ease 0s;
	-moz-transition: opacity 0.4s ease 0s;
	-o-transition: opacity 0.4s ease 0s;
	-ms-transition: opacity 0.4s ease 0s;
	transition: opacity 0.4s ease 0s;
}
#top .btn_explore a {
	display: block;
	color: #fff;
}
#top .btn_explore .txt {
	position: absolute;
	top: -20px;
	left: 0;
	font-family: 'Abel', sans-serif;
	letter-spacing: 0.1em;
	font-weight: 700;
	font-size: 12px;
}
#top .btn_explore .bar_wrap {
	position: absolute;
	width: 50px;
	height: 2px;
	top: 0px;
	left:0px;
	margin: 0 auto;
	overflow: hidden;
}
#top .btn_explore .bar {
	top:0px;
	position: absolute;
	width: 50px;
	height: 2px;
	margin: 0 auto;
	background-color: #ffffff;
	display:block;
	-webkit-animation: scroll-line-move 2s infinite;
	animation: scroll-line-move 2s infinite;
}
@-webkit-keyframes scroll-line-move {
	0% {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
	50% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	to {
		-webkit-transform: translate3d(0, 0, 100%);
		transform: translate3d(0, 0, 100%)
	}
}
@keyframes scroll-line-move {
	0% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
	50% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	to {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}
/* kv */
#top .kv {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	opacity:0;
	overflow:hidden;
}
#top .kv.init {
	opacity:1;
	-webkit-transition: opacity 1.0s ease 0s;
	-moz-transition: opacity 1.0s ease 0s;
	-o-transition: opacity 1.0s ease 0s;
	-ms-transition: opacity 1.0s ease 0s;
	transition: opacity 1.0s ease 0s;
}
#top .kv::after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	background: rgba(0,0,0,0.6);
	z-index:6;
}
#top .kv ul{
	width: 100%;
	height: 100%;
}
#top .kv .kv01 {
	position:absolute;
	top:0px;
	left:auto;
	right:0px;
	bottom:auto;
	display: block;
	overflow:hidden;
	width: 0px;
	height: 100%;
}
#top .kv .kv01.init {
	width: 100%;
}
#top .kv .kv01.go {
	width:100%;
	-webkit-transition: width 1.0s ease 0s;
	-moz-transition: width 1.0s ease 0s;
	-o-transition: width 1.0s ease 0s;
	-ms-transition:width 1.0s ease 0s;
	transition: width 1.0s ease 0s;
}
#top .kv .kv01 .kvblock {
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	right:0px;
	left:auto;
	bottom:auto;
}
#top .kv .kv01 .kvblock_inner{
	width:100%;
	height:100%;
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/img_kv04.jpg) no-repeat 20% 0;
	background-size: cover;
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
	transform: scale(1.15,1.15);
}
#top .kv .kv01.init .kvblock_inner{
	transform: scale(1.0,1.0);
	-webkit-transition: transform 8.5s linear 0s;
	-moz-transition: transform 8.5s linear 0s;
	-o-transition: transform 8.5s linear 0s;
	-ms-transition: transform 8.5s linear 0s;
	transition: transform 8.5s linear 0s;
}
#top .kv .kv01.go .kvblock_inner {
	transform: scale(1.0,1.0);
	-webkit-transition: transform 6.5s linear 0s;
	-moz-transition: transform 6.5s linear 0s;
	-o-transition: transform 6.5s linear 0s;
	-ms-transition: transform 6.5s linear 0s;
	transition: transform 6.5s linear 0s;
}
#top.stop .kv .kv01.go .kvblock_inner {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
}
/* 2021 */
#top .kv li:not(.kv01) {
	position:absolute;
	top:0px;
	left:auto;
	right:0px;
	bottom:auto;
	display: block;
	overflow:hidden;
	width: 0px;
	height: 100%;
}
#top .kv li:not(.kv01).go {
	width:100%;
	-webkit-transition: width 1.0s ease 0s;
	-moz-transition: width 1.0s ease 0s;
	-o-transition: width 1.0s ease 0s;
	-ms-transition:width 1.0s ease 0s;
	transition: width 1.0s ease 0s;
}
#top .kv li:not(.kv01) .kvblock {
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	right:0px;
	left:auto;
	bottom:auto;
}
#top .kv li:not(.kv01) .kvblock_inner {
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	right:0px;
	left:0px;
	bottom:0px;
	transform: scale(1.15,1.15);
}
#top .kv li:not(.kv01).go  .kvblock_inner {
	transform: scale(1.0,1.0);
	-webkit-transition: transform 6.5s linear 0s;
	-moz-transition: transform 6.5s linear 0s;
	-o-transition: transform 6.5s linear 0s;
	-ms-transition: transform 6.5s linear 0s;
	transition: transform 6.5s linear 0s;
}
#top .kv .kvimg01 .kvblock_inner{
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/img_kv01.jpg) no-repeat 50% 0;
	background-size: cover;
}
#top .kv .kvimg02_02 .kvblock_inner{
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/img_kv02_02.jpg) no-repeat 20% 0;
	background-size: cover;
}
#top .kv .kvimg02 .kvblock_inner{
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/img_kv02.jpg) no-repeat 0 0;
	background-size: cover;
}
#top .kv .kvimg02_03 .kvblock_inner{
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/img_kv02_03.jpg) no-repeat 0 0;
	background-size: cover;
}
#top .kv .kvimg04 .kvblock_inner {
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/img_kv04.jpg) no-repeat 20% 0;
	background-size: cover;
}
#top .kv .kvimg05 .kvblock_inner{
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/img_kv05.jpg) no-repeat 50% 0;
	background-size: cover;
}
#top .kv .kvimg06 .kvblock_inner{
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/img_kv06.jpg) no-repeat 50% 0;
	background-size: cover;
}
/* 2022 */
#top .kv .kvimg07 .kvblock_inner{
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/img_kv07.jpg) no-repeat 50% 0;
	background-size: cover;
}
	@media (max-width:1100px) {
		#top .subnav #subnavslider {
			margin-left: 50px;
			overflow: visible;
		}
		#top .take_action2 {
			padding-right: 50px;
		}
		#top .subnav #subnavslider .swiper-wrapper .slide-take_action3 {
			width: 290px;
		}
	}
	@media screen and (max-width:1024px) {
		#top .kv .kvimg04 .kvblock_inner {
			background: url(https://www.citizenwatch-global.com/promaster30th/img/index/img_kv04_sp.jpg) no-repeat 50% 0;
			background-size: cover;
		}
		#top .kv .kvimg02_02 .kvblock_inner{
			background: url(https://www.citizenwatch-global.com/promaster30th/img/index/img_kv02_02_sp.jpg) no-repeat 50% 0;
			background-size: cover;
		}
		#top .kv .kvimg02 .kvblock_inner{
			background: url(https://www.citizenwatch-global.com/promaster30th/img/index/img_kv02_sp.jpg) no-repeat 50% 0;
			background-size: cover;
		}
		#top .kv .kvimg02_03 .kvblock_inner{
			background: url(https://www.citizenwatch-global.com/promaster30th/img/index/img_kv02_03_sp.jpg) no-repeat 50% 0;
			background-size: cover;
		}
		#top .kv .kvimg01 .kvblock_inner{
			background: url(https://www.citizenwatch-global.com/promaster30th/img/index/img_kv01_sp.jpg) no-repeat 50% 0;
			background-size: cover;
		}
		#top .kv .kvimg05 .kvblock_inner{
			background: url(https://www.citizenwatch-global.com/promaster30th/img/index/img_kv05_sp.jpg) no-repeat 50% 0;
			background-size: cover;
		}
		#top .kv .kvimg06 .kvblock_inner{
			background: url(https://www.citizenwatch-global.com/promaster30th/img/index/img_kv06_sp.jpg) no-repeat 50% 0;
			background-size: cover;
		}
		/* 2022 */
		#top .kv .kvimg07 .kvblock_inner{
			background: url(https://www.citizenwatch-global.com/promaster30th/img/index/img_kv07_sp.jpg) no-repeat 50% 0;
			background-size: cover;
		}
	}
	@media screen and (max-width:990px) {
		#top .subnav {
			left: 0px;
			-webkit-transform: none;
			-ms-transform: none;
			transform: none;
		}
	}
	@media screen and (max-width:940px) {
		#top h1 img {
			width: 362px;
			height: 173px;
		}
		#top .readtxt .sp {
			display: block;
		}
	}
	@media screen and (max-width:750px) {
		#top .cont {
			position: absolute;
			top: 44%;
		}
		#top h1 img {
			width: 71.7%;
			height: auto;
		}
		#top .readtxt {
			font-size: 3.2vw;
			padding: 6.875% 0 5.4%;
			letter-spacing: 0;
		}
		#top .img_logo img {
			width: 62.5%;
		}
		#top .subnav {
			display:block;
			left: 0;
			margin: 0%;
			width: 100%;
			bottom: 14%;
		}
		#top .subnav .ttl {
			font-size: 3.4vw;
			margin: 0 0 3%;
		}
		#top .subnav .ttl::after {
			height: 4px;
		}
		#top .headline {
			padding-right: 5.2%;
			padding-top: 27%;
			width:100%;
		}
		#top .headline .txt .en {
			font-size: 2.8vw;
			padding-right: 5%;
		}
		#top .headline .txt img {
			width: 18%;
			height: auto;
		}
		#top .take_action {
			padding-top: 27%;
		}
		#top .subnav #subnavslider .swiper-wrapper .swiper-slide.slide-take_action2 {
			width: 84%!important;
		}
		#top .take_action2 {
			padding-top: 12.5%;
			padding-right: 8%;
		}
		#top .take_action li {
			width: 32.6%;
		}
		#top .take_action li + li {
			padding-left: 1%;
		}
		#top .take_action .txt {
			padding-left: 5%;
		}
		#top .take_action .txt .jp {
			font-size: 2.5vw;
			line-height: 120%;
			padding: 0 0 1%;
		}
		#top .take_action .txt .en {
			font-size: 5vw;
			letter-spacing: 0.05em;
			line-height: 100%;
		}
		#top .take_action .txt .sub {
			font-size: 1.875vw;
			line-height: 120%;
			padding: 0 0 2%;
		}
		#top .subnav #subnavslider {
			width:100%;
			box-sizing:border-box;
			margin-left: 7.8%;
		}
		#top .subnav figure img {
			width: 100%;
		}
		#top .subnav figure .pc {
			display: none;
		}
		#top .subnav figure .sp {
			display: block;
		}
		#top .slide01 .take_action {
			padding: 23.8% 5% 0 0;
		}
		#top .slide02 .take_action {
			padding: 21% 14% 0 0;
		}
		#top .slide03 .take_action {
			padding: 21% 14% 0 0;
		}
		#top .slide01 .take_action .ttl {
			width: 100%;
		}
		#top .slide01 .take_action .txt .en.sub {
			font-size: 1.875vw;
			padding: 2% 0;
		}
		#top .slide02 .take_action .txt .en {
			font-size: 2.8125vw;
		}
		#top .slide02 .take_action .txt .en.sub {
			font-size: 2vw;
			line-height: 100%;
		}
		#top .slide03 .take_action .txt .en {
			font-size: 2.8125vw;
			line-height: 100%;
			padding: 0;
		}
		#top .slide03 .take_action .txt .en.sub {
			font-size: 1.875vw;
		}
		#top .subnav .ttl .icn_new {
			font-size: 1.875vw;
			padding: 2.3% 2% 1.3% 3.5%;
			margin-left: 3.5%;
		}
		#top .btn_explore {
			position: absolute!important;
			left: 50%;
			right: auto;
			top: auto!important;
			bottom: 0;
			margin-bottom: 65px;
		}
		#top .btn_explore .txt {
			top: 0;
			left: 50%;
			font-size: 2.18vw;
			letter-spacing: 0;
			-webkit-transform: translate(-50%,0);
			-ms-transform: translate(-50%,0);
			transform: translate(-50%,0);
			animation: explore 2s infinite;
		}
		body.scrolled1 #top .btn_explore a .txt{
			animation: none;
		}
		#top .btn_explore .bar_wrap {
			position: absolute;
			width: 1px;
			height: 40px;
			top:25px;
			margin: 0 auto;
			overflow: hidden;
		}
		#top .btn_explore .bar {
			position: absolute;
			width: 1px;
			height: 40px;
			margin: 0 auto;
			background: #fff;
			-webkit-animation: scroll-line-move 2s infinite;
			animation: scroll-line-move 2s infinite;
		}
		@keyframes explore {
			0% {
				opacity: 0;
				top:10px;
			}
			100% {
				opacity: 1;
				top:0px;
			}
		}
		@-moz-keyframes explore {
			0% {
				opacity: 0;
				top:20px;
			}
			100% {
				opacity: 1;
				top:0px;
			}
		}
		@-webkit-keyframes explore {
			0% {
				opacity: 0;
				top:20px;
			}
			100% {
				opacity: 1;
				top:0px;
			}
		}
		@-webkit-keyframes scroll-line-move {
			0% {
				-webkit-transform: translate3d(0, -100%, 0);
				transform: translate3d(0, -100%, 0)
			}
			50% {
				-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0)
			}
			to {
				-webkit-transform: translate3d(0, 100%, 0);
				transform: translate3d(0, 100%, 0)
			}
		}
		@keyframes scroll-line-move {
			0% {
				-webkit-transform: translate3d(0, -100%, 0);
				transform: translate3d(0, -100%, 0)
			}
			50% {
				-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0)
			}
			to {
				-webkit-transform: translate3d(0, 100%, 0);
				transform: translate3d(0, 100%, 0)
			}
		}
		#top .subnav .close .close_txt {
			padding-left: 5%;
			font-size: 4.3vw;
		}
		#top .subnav .close .close_txt .pc {
			display: none;
		}
		#top .subnav .close .close_txt .sp {
			display: block;
		}
	}
	@media screen and (max-width:480px) {
		#top .subnav .ttl {
			letter-spacing: 0.05em;
		}
		#top .subnav .ttl::after {
			height: 3px;
		}
	}
	@media screen and (max-width:375px) {
		#top .slide01 .take_action .txt .en.sub {
			padding-top: 0;
		}
	}
	@media screen and (max-width:340px) {
		#top .subnav .ttl {
			letter-spacing: 0;
		}
	}
/* global_link
------------------------------------------*/
#global_link {
	overflow: hidden;
	position: relative;
	text-align: center;
	z-index: 2;
}
#global_link a {
	display: block;
	background: #0e0e0e;
	padding: 65px 0;
}
#global_link a::before {
	position: absolute;
	content: "";
	background: #df0615;
	top: 0;
	right: 80px;
	width: 0;
	height: 100%;
	transition: all .3s;
}
#global_link a::after {
	position: absolute;
	content: "";
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/map_bk.svg) no-repeat 50% 50% / cover;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 92.4%;
	padding: 54% 0 0;
	transition: background .3s ease 0s;
}
#global_link p {
	display: inline-block;
	position: relative;
	color: #df0615;
	font-family: 'Abel', sans-serif;
	letter-spacing: 0.1em;
	font-weight: 700;
	font-size: 30px;
	line-height: 100%;
	padding: 0 0 17px;
	z-index: 1;
}
#global_link p::after {
	position: absolute;
	content: "";
	background: #df0615;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 5px;
}
	@media (min-width:751px) and (max-width:9999px) {
		#global_link a:hover::before {
			width: 100%;
		}
		#global_link a:hover::after {
			background: url(https://www.citizenwatch-global.com/promaster30th/img/index/map.svg) no-repeat 50% 50% / cover;
			transition: background .3s ease 0s;
		}
		#global_link a:hover p {
			color: #fff;
		}
		#global_link p::after {
			width: 0;
			transition: width 0.3s ease;
		}
		#global_link a:hover p::after {
			width: 100%;
			background: #fff;
		}
	}
	@media screen and (max-width:750px) {
		#global_link a {
			padding: 10% 0;
		}
		#global_link p {
			font-size: 4.68vw;
			padding: 0 0 3%;
		}
		#global_link p::after {
			height: 4px;	
		}
	}
	@media screen and (max-width:480px) {
		#global_link p::after {
			height: 3px;	
		}
	}
/* message
------------------------------------------*/
#message {
	position: relative;
	overflow:hidden;
	z-index:5;
}
#linearea{
	position:relative;
	overflow:hidden;
}
#line1{
	position:absolute;
	top:0px;
	left:16.6%;
	width:1px;
	height:0px;
	background-color:#ffffff;
	opacity:0.1;
	z-index:4;
}
#line2{
	position:absolute;
	top:0px;
	left:33.3%;
	width:1px;
	height:0px;
	background-color:#ffffff;
	opacity:0.1;
	z-index:4;
}
#line3{
	position:absolute;
	top:0px;
	left:50%;
	width:1px;
	height:0px;
	background-color:#ffffff;
	opacity:0.1;
	z-index:4;
}
#line4{
	position:absolute;
	top:0px;
	left:66.6%;
	width:1px;
	height:0px;
	background-color:#ffffff;
	opacity:0.1;
	z-index:4;
}
#line5{
	position:absolute;
	top:0px;
	left:83.33%;
	width:1px;
	height:0px;
	background-color:#ffffff;
	opacity:0.1;
	z-index:4;
}
#linearea.init #line1{
	height:100%;
	-webkit-transition:height 1.2s ease 0.4s;
	-moz-transition:height 1.2s ease 0.4s;
	-o-transition: height 1.2s ease 0.4s;
	-ms-transition: height 1.2s ease 0.4s;
	transition: height 1.2s ease 0.4s;
}
#linearea.init #line2{
	height:100%;
	-webkit-transition:height 1.2s ease 0.6s;
	-moz-transition:height 1.2s ease 0.6s;
	-o-transition: height 1.2s ease 0.6s;
	-ms-transition: height 1.2s ease 0.6s;
	transition: height 1.2s ease 0.6s;
}
#linearea.init #line3{
	height:100%;
	-webkit-transition:height 1.2s ease 0s;
	-moz-transition:height 1.2s ease 0s;
	-o-transition: height 1.2s ease 0s;
	-ms-transition: height 1.2s ease 0s;
	transition: height 1.2s ease 0s;
}
#linearea.init #line4{
	height:100%;
	-webkit-transition:height 1.2s ease 0.2s;
	-moz-transition:height 1.2s ease 0.2s;
	-o-transition: height 1.2s ease 0.2s;
	-ms-transition: height 1.2s ease 0.2s;
	transition: height 1.2s ease 0.2s;
}
#linearea.init #line5{
	height:100%;
	-webkit-transition:height 1.2s ease 0.8s;
	-moz-transition:height 1.2s ease 0.8s;
	-o-transition: height 1.2s ease 0.8s;
	-ms-transition: height 1.2s ease 0.8s;
	transition: height 1.2s ease 0.8s;
}
#message_bg_wrap {
		top:0px;
		left:0px;
	position:absolute;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:1;
}
#message_bg {
	width:100%;
	height:100%;
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/bg_message.jpg) no-repeat 50% 0;
	background-size: cover;
	position:fixed;
	top:0%;
	left:0%;
	bottom:0px;
	right:0px;
	-webkit-transform:scale(1.2,1.2);
	-ms-transform:scale(1.2,1.2);
	transform:scale(1.2,1.2);
	opacity:0;
}
#message_bg.init {
	transform:scale(1,1);
	opacity:1;
	-webkit-transition: opacity 1.0s ease 0s, transform  1.0s ease 0s;
	-moz-transition: opacity 1.0s ease 0s, transform  1.0s ease 0s;
	-o-transition: opacity 1.0s ease 0s, transform  1.0s ease 0s;
	-ms-transition: opacity 1.0s ease 0s, transform  1.0s ease 0s;
	transition: opacity 1.0s ease 0s, transform  1.0s ease 0s;
}
#content_bg {
	width: 100%;
	height: 100%;
	position:absolute;
	left:0%;
	bottom:0px;
	right:0px;
	background: #000;
	z-index: 1;
}
#message .inner {
	padding: 0px;
	overflow: hidden;
	position:relative;
	z-index:3;
	box-sizing:border-box;
}
#message .cont {
	position: relative;
	max-width: 595px;
	width: 64%;
	box-sizing: border-box;
	margin: 0 auto;
}
#message .cont .ttl{
position:absolute;
top: 0;
left: 0;
}
#message .cont .capture {
	font-size: 40px;
	line-height: 130%;
	padding: 0;
}
#message .cont p {
	font-size: 20px;
	position:relative;
}
#message .cont p .pc {
	display: none;
}
#message .cont .en {
	font-family: 'Abel', sans-serif;
	font-size: 32px;
	font-weight: 700;
	letter-spacing: 0.1em;
}
#message .cont p + p {
	padding: 20px 0 0;
}
#message .cont .txt_note {
	position: relative;
	display: inline-block;
	font-family: 'Abel', sans-serif;
	letter-spacing: 0.1em;
	font-weight: 700;
	font-size: 26px;
	font-weight: 700;
	line-height: 100%;
	padding: 45px 0 15px;
	position:relative;
}
#message .txt_note::after {
	position: absolute;
	content: "";
	background: #cd0614;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 5px;
}
#message .bg_txt {
	position: absolute;
	top: 130px;
	left: 70px;
	width: 70px;
	height: 659px;
	opacity:0;
}
#message .bg_txt.fixed {
	position:fixed;
}
#message .bg_txt.bottom {
	position:absolute;
	bottom:130px;
	top:auto;
}
#message .bg_txt img {
	width: 70px;
	height: 659px;
}
/* cont01 */
#message .cont01wrap {
	position:relative;
	width:100%;
}
#message .cont02inner,
#message .cont01inner {
	opacity:0;
	position:static;
	margin-top:40px;
	-webkit-transition: opacity 1.0s ease 0s, margin-top 1.0s ease 0s;
	-moz-transition: opacity 1.0s ease 0s, margin-top 1.0s ease 0s;
	-o-transition: opacity 1.0s ease 0s, margin-top 1.0s ease 0s;
	-ms-transition: opacity 1.0s ease 0s, margin-top 1.0s ease 0s;
	transition: opacity 1.0s ease 0s, margin-top 1.0s ease 0s;
}
#message .cont01inner .ttl{
		opacity:0;
		margin-top:40px;
		-webkit-transition: opacity 1.0s ease 0s, margin-top 1.0s ease 0s;
		-moz-transition: opacity 1.0s ease 0s, margin-top 1.0s ease 0s;
		-o-transition: opacity 1.0s ease 0s, margin-top 1.0s ease 0s;
		-ms-transition: opacity 1.0s ease 0s, margin-top 1.0s ease 0s;
		transition: opacity 1.0s ease 0s, margin-top 1.0s ease 0s;
}
#message .cont02.init .cont02inner ,
#message .cont01.init .cont01inner {
	opacity:1;
	margin-top:0px;
}
#message .cont01.init .cont01inner .ttl{
		opacity:1;
		margin-top:0px;
}
#message .cont01 {
	padding: 0 20px 0px 85px;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
/* cont02 */
#message .cont02 {
	max-width: 900px;
	width: 100%;
	padding: 0;
}
#message .cont02 .ttl {
	position: static;
	display: block;
}
#message .cont02 .ttl .cont_ttl {
	position: relative;
	font-family: 'Abel', sans-serif;
	font-size: 50px;
	font-weight: 700;
	line-height: 100%;
	letter-spacing: 0.1em;
	padding: 0 0 20px;
	margin: 0 0 60px;
}
#message .cont02 .ttl .cont_ttl::after {
	position: absolute;
	content: "";
	background: #df0615;
	bottom: 0;
	left: 0;
	width: 100px;
	height: 5px;
}
#message .cont02 .ttl .cont_ttl span {
	display: inline-block;
	font-size: 20px;
	letter-spacing: 0.1em;
	vertical-align: middle;
	padding-right: 10px;
}
#message .cont02 .txt_wrap {
	display: table;
	width: 100%;
}
#message .cont02 .column {
	display: table-cell;
}
#message .cont02 .column:last-child {
	width: 415px;
	padding: 0 0 0 60px;
}
#message .cont02 .cont_ttl {
	opacity: 1;
}
#message .cont02 p {
	font-size: 16px;
}
#message .cont02 .message_link {
	padding: 60px 0 0;
}
#message .cont02 .message_link a {
	position: relative;
	display: block;
	border: 1px solid #fff;
}
#message .cont02 .message_link a::after {
	position: absolute;
	content: "";
	background: #df0615;
	top: 0;
	right: 0;
	width: 0;
	height: 100%;
	transition: all .3s;
}
#message .cont02 .message_link .txt {
	position: relative;
	max-width: 540px;
	margin: 0 auto;
	text-align: left;
	font-size: 13px;
	padding: 33px 0 33px 175px;
	box-sizing: border-box;
	background-image: url(https://www.citizenwatch-global.com/promaster30th/img/index/logo_promaster_gry.svg), url(https://www.citizenwatch-global.com/promaster30th/img/index/icn_link_wt.svg);
	background-repeat: no-repeat;
	background-position: 0% 50%, 100% 50%;
	background-size: 150px 46px, 13px 10px;
	z-index: 1;
}
	@media screen and (min-width:750px) {
		#message .cont02 .message_link a:hover {
			border: 1px solid #df0615;
		}		
		#message .cont02 .message_link a:hover::after {
			width: 100%;
		}		
		#message .cont02 .message_link a:hover .txt {
			background-image: url(https://www.citizenwatch-global.com/promaster30th/img/index/logo_promaster_wt.svg), url(https://www.citizenwatch-global.com/promaster30th/img/index/icn_link_wt.svg);
			background-repeat: no-repeat;
			background-position: 0% 50%, 100% 50%;
			background-size: 150px 46px, 13px 10px;
		}		
	}
#message .cont02 .message_link .txt .sp {
	display: none;
}
#message .cont02 .message_link p {
	display: block;
	font-family: 'Abel', sans-serif;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 100%;
	opacity: 1;
}
/* 2020 */
#message .cont01wrap {
	height: auto!important;
}
#message .cont01 {
	position: relative;
	top: 0;
	left: 0;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	padding: 0 6px 0px 85px;
	margin: 190px auto 200px;
}
#message .movie_wrap {
	overflow: hidden;
	padding-top: 55px;
}
#message .movie_wrap p {
	font-family: 'Abel', sans-serif;
	letter-spacing: 0.1em;
	font-weight: 700;
}
#message .movie_wrap a {
	display: block;
	position: relative;
	width: 100%;
	padding: 173px 0 0;
}
#message .movie_wrap a::after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/img_message.jpg) no-repeat 0 0;
	background-size: contain;
}
#message .movie_wrap .btn_play {
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 30px;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
	font-size: 16px;
	text-align: center;
	line-height: 120%;
	z-index: 1;
}
#message .movie_wrap .btn_play span {
	display: block;
	text-align: center;
	padding: 0 0 5px;
}
#message .movie_wrap .btn_play img {
	width: 38px;
	height: 43px;
}
#message .movie_wrap .txt {
	font-size: 28px;
	font-weight: 300;
	line-height: 100%;
	letter-spacing: 0.1em;
	padding-top: 20px;
}
	@media screen and (min-width:750px) {
		#message .movie_wrap a::after {
			-webkit-transition:all 0.7s ease-in-out;
			transition:all 0.7s ease-in-out;
			will-change: transform;
			transform: perspective(1200px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);
			transition: 4000ms cubic-bezier(0.03, 0.98, 0.52, 0.99);
		}
		#message .movie_wrap a:hover::after {
			transform: scale(1.10,1.10);
			-webkit-transform:scale(1.10,1.10);
			-moz-transform:scale(1.10,1.10);
			-ms-transform:scale(1.10,1.10);
			-o-transform:scale(1.10,1.10);
			will-change: transform;
			transform: perspective(1200px) rotateX(-5.46deg) rotateY(0.43deg) scale3d(1.06, 1.06, 1.06);
			transition: 4000ms cubic-bezier(0.03, 0.98, 0.52, 0.99);
		}
	}
	@media screen and (max-width:1200px) {
		#message .cont02 {
			width: auto;
			margin: 0 85px 0 145px;
		}
		#message .cont02 .column {
			width: 48%;
			padding: 0 2% 0 0;
		}
		#message .cont02 .column:last-child {
			width: 48%;
			padding: 0 0 0 2%;
		}
		#message .bg_txt {
			left: 50px;
		}
	}
	@media screen and (max-width:990px) {
		#message .cont01{
			padding: 0 20px 0px 63px;
		}
		#message .cont02 {
			width: auto;
			padding: 0 20px 0 63px;
			margin: 0 80px 0 18%;
		}
		#message .cont .capture {
			font-size: 35px;
		}
		#message .cont02 .column {
			display: block;
			width: 100%;
			padding: 0;
		}
		#message .cont02 .column:last-child {
			width: 100%;
			padding: 0;
		}
		#message .cont02 .column + .column {
			padding: 20px 0 0;
		}
		#message .cont02 .message_link {
			width: 100%;
		}
		#message .cont02 .message_link .txt {
			max-width: 388px;
		}
		#message .cont02 .message_link p {
			line-height: 140%;
		}
		#message .cont02 .message_link .txt .sp {
			display: block;
		}
	}
	@media screen and (max-width:970px) {
		#message .movie_wrap a {
			padding: 34.2% 0 0;
		}
	}
	@media screen and (max-width:750px) {
		#message .inner {
			padding: 0%;
		}
		#message .cont {
			width: 100%;
			max-width: none;
			margin: 0;
		}
		#message .cont .ttl {
			position: relative;
		}
		#message .cont .capture {
			font-size: 6.25vw;
			padding: 0 0 5%;
		}
		#message .cont p {
			font-size: 3.75vw;
			letter-spacing: 0.05em;
		}
		#message .cont p + p,
		#message .cont02 .column + .column {
			padding: 6% 0 0;
		}
		#message .cont p .sp {
			display: none;
		}
		#message .cont p .pc {
			display: block;
		}
		#message .cont .en {
			font-size: 5.6vw;
			padding: 14% 0 0;
		}
		#message .cont .txt_note {
			font-size: 4.75vw;
			letter-spacing: 0.05em;
			padding: 5% 0 3.125%;
		}
		#message .cont01 {
			padding: 10% 14.4% 20% 10.9%;
		}
		#message .cont02 {
			padding: 0 14.4% 0 10.9%;
		}
		#message .cont02 .ttl .cont_ttl {
			font-size: 7.8vw;
			padding: 0 0 1%;
			margin: 0 0 17%;
		}
		#message .cont02 .ttl .cont_ttl::after {
			height: 4px;
		}
		#message .cont02 .ttl .cont_ttl span {
			font-size: 3.125vw;
			padding-right: 2%;
		}
		#message .cont02 .message_link {
			position: relative;
			padding: 40% 0 0;
		}
		#message .cont02 .message_link::before {
			position: absolute;
			content: "";
			background: url(https://www.citizenwatch-global.com/promaster30th/img/index/logo_promaster.svg) no-repeat 0 0;
			top: 20%;
			left: 50%;
			width: 58%;
			height: 28%;
			-webkit-transform: translate(-50%,0);
			-ms-transform: translate(-50%,0);
			transform: translate(-50%,0);
		}
		#message .cont02 .message_link .txt {
			margin: 0 auto;
			padding: 5% 0;
			text-align: center;
			background: url(https://www.citizenwatch-global.com/promaster30th/img/index/icn_link_wt.svg) no-repeat 93% 50%;
			background-size:  auto 10%;
		}
		#message .cont02 .message_link p {
			font-size: 3.75vw;
		}
		#message .bg_txt {
			right: 0;
			left: auto;
			width: 10.625%;
			height: auto;
			margin-right: -4.6%;
		}
		#message .bg_txt img {
			width: 100%;
			height: auto;
		}
		#message .cont01 {
			margin: 0;
			padding: 15% 14.4% 26% 10.9%;
		}
		#message .cont01 p br.pc {
			display: none;
		}
		#message .movie_wrap {
			padding-top: 15%;
		}
		#message .movie_wrap .btn_play {
			right: 5%;
			width: 20%;
			font-size: 2.8vw;
			letter-spacing: 0.05em;
		}
		#message .movie_wrap .btn_play span {
			padding: 0 0 9%;
		}
		#message .movie_wrap .btn_play img {
			width: 64%;
			height: auto;
		}
		#message .movie_wrap .txt {
			font-size: 4.68vw;
			padding-top: 6%;
		}
	}
	@media screen and (max-width:480px) {
		#message .cont02 .ttl .cont_ttl::after {
			height: 3px;
		}
	}
/* campaign
------------------------------------------*/
#campaign {
	position: relative;
	z-index: 5;
}
#campaign .inner {
	width: 1280px;
	margin: 0 auto;
	padding: 60px 0 0;
}
#campaign .ttldummy {
	display: none;
	font-family: 'Abel', sans-serif;
	letter-spacing: 0.1em;
	vertical-align: top;
	width: 200px;
	padding-right: 30px;
	opacity:0;
}
#campaign .ttl {
	font-family: 'Abel', sans-serif;
	letter-spacing: 0.1em;
	vertical-align: top;
	margin: 0 0 80px;
}
#campaign .ttl .ttl_inner{
	position:relative;
}
#campaign .ttl.fixed {
	position:fixed;
	top:135px;
}
#campaign .ttl.bottom {
	position:absolute;
}
#campaign .ttldummy .main_ttl,
#campaign .ttl .main_ttl {
	font-size: 50px;
	line-height: 100%;
	letter-spacing: 0.1em;
	padding: 0 0 14px;
}
#campaign .ttldummy .main_ttl span,
#campaign .ttl .main_ttl span {
	font-size: 0.4em;
	letter-spacing: 0.1em;
	vertical-align: middle;
	padding-right: 8px;
}
#campaign .ttl .txt_ttl,
#campaign .txt_link {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 26px;
	font-family: 'Abel', sans-serif;
	letter-spacing: 0.1em;
	padding: 0 0 5px;
}
#campaign .txt_link {
	display: none;
}
#campaign .txt_link a {
	position: relative;
}
#campaign .ttl .txt_ttl::before,
#campaign .txt_link a::before {
	position: absolute;
	content: "";
	background: #ca0817;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 5px;
}
#campaign .ttl .txt_ttl:hover::before {
	display: none;
}
#campaign .ttl .txt_ttl::after {
	position: absolute;
	content: "";
	background: #ca0817;
	bottom: 0;
	left: 0;
	width: 0;
	height: 5px;
	transition: all .3s;
}
#campaign .ttl .txt_ttl:hover::after {
	width: 100%;
}
#campaign .list {
	position: relative;
	overflow: hidden;
}
#campaign .list01::after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/img_campaign.jpg) no-repeat 0 0;
	background-size: cover;
}
#campaign .list02::after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/img_campaign02.jpg) no-repeat 75% 0;
	background-size: cover;
}
#campaign .list03::after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/img_campaign03.jpg) no-repeat 50% 50%;
	background-size: cover;
}
	@media screen and (min-width:750px) {
		#campaign .list br.sp {
			display: none;
		}
		#campaign .list.zoom::after {
			-webkit-transition:all 0.7s ease-in-out;
			transition:all 0.7s ease-in-out;
			will-change: transform;
			transform: perspective(1200px) rotateX(0deg) rotateY(0deg) scale3d(1.02, 1.02, 1.02);
			transition: 4000ms cubic-bezier(0.03, 0.98, 0.52, 0.99);
		}
		#campaign .list.zoom:hover::after {
			transform: scale(1.10,1.10);
			-webkit-transform:scale(1.10,1.10);
			-moz-transform:scale(1.10,1.10);
			-ms-transform:scale(1.10,1.10);
			-o-transform:scale(1.10,1.10);
			will-change: transform;
			transform: perspective(1200px) rotateX(-5.46deg) rotateY(0.43deg) scale3d(1.08, 1.08, 1.08);
			transition: 4000ms cubic-bezier(0.03, 0.98, 0.52, 0.99);
		}
	}
#campaign .list + .list {
	margin: 25px 0 0;
}
#campaign .list a,
#campaign .list .close {
	display: block;
	position: relative;
	width: 100%;
	padding: 400px 0 0;
	z-index: 1;
}
#campaign .list .close::after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
}
#campaign .list .txt_wrap .txt,
#campaign .list .txt_wrap .main_ttl {
	font-family: 'Abel', sans-serif;
	letter-spacing: 0.1em;
	font-weight: 700;
}
#campaign .list .list_ttl {
	position: absolute;
	top: 50%;
	left: 43px;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
#campaign .list .txt_wrap .main_ttl {
	font-size: 60px;
	line-height: 100%;
}
#campaign .list .txt_wrap .main_ttl span {
	display: block;
	font-size: 0.83em;
	line-height: 100%;
}
#campaign .list .txt_wrap .caption {
	position: relative;
	display: inline-block;
	background: #ca0817;
	text-align: center;
	padding: 7px 36px;
	margin: 20px 12.5px;
	box-sizing: border-box;
	-webkit-transform: skew(-25deg);
	-ms-transform: skew(-25deg);
	transform: skew(-25deg);
	width: 500px;
}
#campaign .list .txt_wrap .caption p {
	font-family: 'Abel', sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 120%;
	-webkit-transform: skew(25deg);
	-ms-transform: skew(25deg);
	transform: skew(25deg);
}
#campaign .list .txt_wrap .txt_note {
	font-family: 'Abel', sans-serif;
	font-size: 24px;
	line-height: 120%;
	letter-spacing: 0.05em;
}
#campaign .list .txt_wrap .txt_note .sp {
	display: none;
}
#campaign .list .txt_wrap .txt {
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 72px;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
	font-size: 28px;
	line-height: 100%;
	padding: 0 0 17px;
	z-index: 9;
}
#campaign .list .txt_wrap .txt::after {
	position: absolute;
	content: "";
	background: #fff;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 5px;
}
#campaign .list .txt_wrap .txt .txt_inner span {
	display: block;
	font-size: 0.5em;
	letter-spacing: 0.1em;
	line-height: 140%;
}
#campaign .list03 .txt_wrap .list_ttl .main_ttl {
	letter-spacing: 0.05em;
}
#campaign .list03 .txt_wrap .list_ttl .main_ttl span {
	display: block;
	font-size: 40px;
}
	@media screen and (max-width:1450px) {
		#campaign .inner {
			width: 85%;
			margin: 0 0 0 70px;
		}
	}
	@media screen and (max-width:1100px) {
		#campaign .inner {
			width: auto;
			margin: 0 80px 0 70px;
		}
		#campaign .list .txt_wrap .main_ttl {
			font-size: 50px;
		}
		#campaign .list .txt_wrap .caption {
			width: 420px;
		}
		#campaign .list .txt_wrap .caption p {
			font-size: 16px;
		}
		#campaign .list .txt_wrap .txt {
			right: 30px;
			font-size: 20px;
		}
		#campaign .list .txt_wrap .txt_note {
			font-size: 20px;
		}
		#campaign .list .txt_wrap .txt {
			font-size: 15px;
		}
		#campaign .list03 .txt_wrap .list_ttl .main_ttl span {
			font-size: 31px;
		}
	}
	@media screen and (max-width:860px) {
		#campaign .list .txt_wrap .main_ttl {
			font-size: 40px;
		}
		#campaign .list .txt_wrap .caption {
			width: 320px;
		}
		#campaign .list .txt_wrap .caption p {
			font-size: 14px;
		}
		#campaign .list03 .txt_wrap .list_ttl .main_ttl span {
			font-size: 25px;
		}
	}
	@media screen and (max-width:750px) {
		#campaign .inner {
			width: 100%;
			margin: 0;
			padding: 2% 0 0;
		}
		#campaign .list + .list {
			margin: 0;
		}
		#campaign .list01::after {
			background: url(https://www.citizenwatch-global.com/promaster30th/img/index/img_campaign_sp.jpg) no-repeat 0 0;
			background-size: cover;		
		}
		#campaign .list02::after {
			background: url(https://www.citizenwatch-global.com/promaster30th/img/index/img_campaign02_sp.jpg) no-repeat 0 0;
			background-size: cover;		
		}
		#campaign .list03::after {
			background: url(https://www.citizenwatch-global.com/promaster30th/img/index/img_campaign03_sp.jpg) no-repeat 0 0;
			background-size: cover;		
		}
		#campaign .ttldummy,
		#campaign .ttl {
			padding-left: 11.875%;
			margin: 0 0 12%;
		}
		#campaign .list a,
		#campaign .list .close {
			padding: 84.3% 0 0;
		}
		#campaign .ttldummy .main_ttl,
		#campaign .ttl .main_ttl {
			font-size: 10.9vw;
			letter-spacing: 0.05em;
			padding: 0 0 2.5%;
		}
		#campaign .ttl .txt_ttl {
			display: none;
		}
		#campaign .list .txt_wrap .txt::after {
			height: 4px;
		}
		#campaign .list .list_ttl {
			left: 0;
			width: 100%;
			padding-left: 11.875%;
			box-sizing: border-box;
		}
		#campaign .list .txt_wrap .main_ttl {
			font-size: 8.5vw;
		}
		#campaign .list .txt_wrap .main_ttl span {
			font-size: 6.25vw;
		}
		#campaign .list .txt_wrap .caption  {
			padding: 3% 5%;
			margin: 3% 12.5px;
			width: 83%;
		}
		#campaign .list .txt_wrap .caption p {
			font-size: 3.28vw;
			letter-spacing: 0.05em;
		}
		#campaign .list .txt_wrap .txt_note {
			font-size: 4vw;
			line-height: 130%;
			padding-right: 13.5%;
		}
		#campaign .list .txt_wrap .txt_note .pc {
			display: none;
		}
		#campaign .list .txt_wrap .txt_note .sp {
			display: block;
		}
		#campaign .list .txt_wrap .txt {
			top: 0;
			right: auto;
			left: 0;
			-webkit-transform: none;
			-ms-transform: none;
			transform: none;
			margin: 65.5% 0 0 12%;
			font-size: 4.3vw;
			padding: 0 0 2%;
			display: none;
		}
		#campaign .list02 .txt_wrap .txt {
			margin-top: 70%;
		}
		#campaign .txt_link {
			display: block;
			position: static;
			text-align: center;
			font-size: 3.75vw;
			padding: 7% 0 0;
		}
		#campaign .txt_link a::before {
			margin-bottom: -6%;
		}
		#campaign .list03 .txt_wrap .list_ttl .main_ttl {
			font-size: 9.375vw;
		}
		#campaign .list03 .txt_wrap .list_ttl .main_ttl span {
			font-size: 6vw;
		}
	}
	@media screen and (max-width:480px) {
		#campaign .list .txt_wrap .txt::after,
		#campaign .txt_link a::before {
			height: 3px;
		}
	}
/*=================================================
main --- #story
==================================================*/
/* story
------------------------------------------*/
#story .inner {
	position:relative;
	z-index:5;
	padding: 140px 0 0;
}
#story .cont .list_wrap {
	overflow: hidden;
	width: 1280px;
	margin: 0 auto;
	position:relative;
}
#story .list_wrap .ttldummy {
	float: left;
	font-family: 'Abel', sans-serif;
	letter-spacing: 0.1em;
	vertical-align: top;
	opacity:0;
}
#story .list_wrap .ttl {
	float: left;
	font-family: 'Abel', sans-serif;
	letter-spacing: 0.1em;
	vertical-align: top;
	position:absolute;
	top:0px;
	bottom:auto;
}
#story .list_wrap .ttl .ttl_inner{
	opacity:0;
	position:relative;
}
#story .list_wrap .ttl.fixed {
	position:fixed;
	top:135px;
}
#story .list_wrap .ttl.bottom {
	position:absolute;
}
#story .list_wrap .ttldummy .main_ttl,
#story .list_wrap .ttl .main_ttl {
	font-size: 50px;
	line-height: 100%;
	letter-spacing: 0.1em;
	padding: 0 0 6%;
}
#story .list_wrap .ttldummy .main_ttl span,
#story .list_wrap .ttl .main_ttl span {
	font-size: 0.4em;
	letter-spacing: 0.1em;
	vertical-align: middle;
	padding-right: 8px;
}
#story .list_wrap .story_list {
	position: relative;
	float: right;
	width: 1050px;
	padding: 15px 0 74px;
	overflow: hidden;
}
#story .list_wrap .story_list li {
	position: relative;
	overflow: hidden;
	opacity:0;
}
#story .list_wrap .story_list li::after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
	#story .list_wrap .story_list .list01::after {
		background: url(https://www.citizenwatch-global.com/promaster30th/img/index/img_story01.jpg) no-repeat 0 0;
		background-size: cover;
	}
	#story .list_wrap .story_list .list02::after {
		background: url(https://www.citizenwatch-global.com/promaster30th/img/index/img_story02.jpg) no-repeat 50% 0;
		background-size: cover;
	}
	#story .list_wrap .story_list .list03::after {
		background: url(https://www.citizenwatch-global.com/promaster30th/img/index/img_story03.jpg) no-repeat 0 0;
		background-size: cover;
	}
	#story .list_wrap .story_list .list04::after {
		background: url(https://www.citizenwatch-global.com/promaster30th/img/index/img_story04.jpg) no-repeat 50% 0;
		background-size: cover;
	}
	@media screen and (min-width:750px) {
		#story .list_wrap .story_list li.zoom::after {
			-webkit-transition:all 0.7s ease-in-out;
			transition:all 0.7s ease-in-out;
			will-change: transform;
			transform: perspective(1200px) rotateX(0deg) rotateY(0deg) scale3d(1.02, 1.02, 1.02);
			transition: 4000ms cubic-bezier(0.03, 0.98, 0.52, 0.99);
		}
		#story .list_wrap .story_list li.zoom:hover::after {
			transform: scale(1.10,1.10);
			-webkit-transform:scale(1.10,1.10);
			-moz-transform:scale(1.10,1.10);
			-ms-transform:scale(1.10,1.10);
			-o-transform:scale(1.10,1.10);
			will-change: transform;
			transform: perspective(1200px) rotateX(-5.46deg) rotateY(0.43deg) scale3d(1.08, 1.08, 1.08);
			transition: 4000ms cubic-bezier(0.03, 0.98, 0.52, 0.99);
		}
	}
#story .list_wrap .story_list li + li {
	margin: 20px 0 0;
}
#story .list_wrap .story_list li a,
#story .list_wrap .story_list li > div {
	display: block;
	position: relative;
	width: 100%;
	padding: 360px 0 0;
	z-index: 1;
		opacity:0;
}
#story .list_wrap li .txt_wrap p,
#story .list_wrap li .txt_wrap .main_ttl {
	font-family: 'Abel', sans-serif;
	letter-spacing: 0.1em;
	font-weight: 700;
}
#story .list_wrap li .list_ttl {
	position: absolute;
	top: 50%;
	left: 43px;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
#story .list_wrap li .capture {
	padding: 0 0 2%;
}
#story .list_wrap li .sub_ttl {
	font-size: 30px;
	line-height: 100%;
	padding: 0 0 4px;
}
#story .list_wrap li .txt01 {
	font-size: 0.66em;
	vertical-align: top;
	line-height: 100%;
}
#story .list_wrap li .txt02 {
	font-size: 0.46em;
	padding-right: 10px;
}
#story .list_wrap li .txt_wrap .main_ttl {
	font-size: 60px;
	line-height: 100%;
}
#story .list_wrap li .txt_wrap .main_ttl span {
	font-size: 0.5em;
	line-height: 170%;
	vertical-align: top;
}
#story .list_wrap li .txt_wrap .txt {
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 72px;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
#story .list_wrap li .txt_wrap .second_ttl {
	font-size: 26px;
}
#story .list_wrap .list04 .txt_wrap .second_ttl {
	line-height: 130%;
}
#story .list_wrap li .txt_wrap .txt_ttl {
	display: block;
	font-size: 16px;
	letter-spacing: 0.1em;
	padding: 4px 0 0;
	line-height: 120%;
}
#story .list_wrap .list02 .txt_wrap .txt_ttl {
	font-size: 16px;
	line-height: 140%;
}
#story .list_wrap .list02 .txt_wrap .main_ttl,
#story .list_wrap .list03 .txt_wrap .main_ttl,
#story .list_wrap .list04 .txt_wrap .main_ttl {
	font-size: 50px;
}
#story .list_wrap .list02 .txt_wrap .main_ttl span,
#story .list_wrap .list03 .txt_wrap .main_ttl span,
#story .list_wrap .list04 .txt_wrap .main_ttl span {
	display: inline-block;
	font-size: 0.48em;
	letter-spacing: 0.1em;
	padding: 6px 0 0;
}
/* movie */
#story .list_wrap li .txt.movie {
	font-size: 16px;
	text-align: center;
	line-height: 120%;
}
#story .list_wrap li .txt.movie span {
	display: block;
	text-align: center;
	padding: 0 0 10px;
}
#story .list_wrap li .txt.movie img {
	width: 61px;
	height: 69px;
}
/* coming soon, read */
#story .list_wrap li .txt_wrap .coming_soon,
#story .list_wrap li .txt_wrap .read {
	padding-right: 73px;
	font-size: 26px;
	line-height: 100%;
	padding: 0 0 17px;
}
#story .list_wrap li .txt_wrap .coming_soon::after {
	position: absolute;
	content: "";
	background: #cd0614;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 5px;
}
#story .list_wrap li .txt_wrap .read::after {
	position: absolute;
	content: "";
	background: #fff;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 5px;
}
#story .txt_more {
	text-align: center;
	opacity:0;
	position:relative;
}
#story .txt_more p {
	position: relative;
	display: inline-block;
	font-family: 'Abel', sans-serif;
	letter-spacing: 0.1em;
	font-weight: 700;
	font-size: 38px;
	padding: 0 0 5px;
}
#story .txt_more p::after {
	position: absolute;
	content: "";
	background: #df0615;
	width: 100%;
	height: 5px;
	bottom: 0;
	left: 0;
}
#story .txt_more span {
	display: block;
	font-size: 0.6em;
	line-height: 100%;
	padding: 0 0 5px;
}
/* 2020 */
#story .list_wrap .story_list ul + ul {
	padding-top: 50px;
}
#story .list_wrap .story_list .ttl_year {
	font-family: 'Abel', sans-serif;
	color: #df0615;
	font-size: 40px;
}
#story .list_wrap .story_list .list01_2020::after {
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/img_story05.jpg) no-repeat 50% 50%;
	background-size: cover;
}
#story .list_wrap .story_list .list01_2020 .txt_wrap .txt_ttl {
	padding-top: 10px;
}
#story .list_wrap li .capture span {
	display: inline-block;
	vertical-align: middle;
}
#story .list_wrap li .capture .icn_new {
	position: relative;
	display: inline-block;
	background: #ca0817;
	text-align: center;
	font-family: 'Abel', sans-serif;
	color: #fff;
	font-size: 15px;
	line-height: 120%;
	padding: 5px 12px;
	box-sizing: border-box;
	-webkit-transform: skew(-25deg);
	-ms-transform: skew(-25deg);
	transform: skew(-25deg);
	margin-right: 15px;
}
#story .list_wrap li .capture .icn_new .inr {
	display: inline-block;
	-webkit-transform: skew(25deg);
	-ms-transform: skew(25deg);
	transform: skew(25deg);
}
/* 2021 */
#story .list_wrap .story_list .list01_2021::after {
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/img_story06.jpg) no-repeat 50% 50% / cover;
}
/* 2022 */
#story .list_wrap .story_list .list01_2022::after {
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/img_story07.jpg) no-repeat 50% 50% / cover;
}
	@media (min-width: 751px) {
		#story .list_wrap li .txt_wrap .txt_ttl .sp {
			display: none;
		}
	}
	@media screen and (max-width:1450px) {
		#story .cont .list_wrap {
			width: 85%;
			margin: 0 0 0 70px;
		}
		#story .list_wrap .story_list {
			width: 77%;
			padding: 15px 0 10.9%;
		}
		#story .list_wrap .story_list li a,
		#story .list_wrap .story_list li > div {
			padding: 36% 0 0;
		}
		#story .list_wrap li .list_ttl {
			left: 6%;
		}
		#story .list_wrap li .txt_wrap .txt {
			right: 6%;
		}
		#story .list_wrap .list02 .txt_wrap .main_ttl,
		#story .list_wrap .list03 .txt_wrap .main_ttl,
		#story .list_wrap .list04 .txt_wrap .main_ttl {
			font-size: 46px;
		}
	}
	@media screen and (max-width:1100px) {
		#story .cont .list_wrap {
			width: auto;
			margin: 0 80px 0 70px;
		}
		#story .list_wrap .ttldummy .main_ttl,
		#story .list_wrap .ttl .main_ttl {
			font-size: 45px;
		}
		#story .list_wrap li .sub_ttl {
			font-size: 23px;
		}
		#story .list_wrap li .txt_wrap .main_ttl {
			font-size: 45px;
		}
		#story .list_wrap li .txt_wrap .txt_ttl {
			padding: 10px 0 0;
			font-size: 14px;
		}
		#story .list_wrap .list02 .txt_wrap .txt_ttl {
			font-size: 12px;
		}
		#story .list_wrap li .txt_wrap .second_ttl {
			font-size: 18px;
		}
		#story .list_wrap .list02 .txt_wrap .main_ttl,
		#story .list_wrap .list03 .txt_wrap .main_ttl,
		#story .list_wrap .list04 .txt_wrap .main_ttl {
			font-size: 32px;
		}
		#story .list_wrap .story_list ul + ul {
			padding-top: 40px;
		}
		#story .list_wrap .story_list .ttl_year {
			font-size: 30px;
		}
		#story .list_wrap li .capture .icn_new {
			font-size: 13px;
			padding: 4px 8px;
			margin-right: 10px;
		}
	}
	@media screen and (max-width:990px) {
		#story .list_wrap li .list_ttl {
			left: 4%;
		}
		#story .list_wrap li .txt_wrap .txt {
			right: 4%;
		}
		#story .list_wrap .ttldummy .main_ttl,
		#story .list_wrap .ttl .main_ttl {
			font-size: 36px;
		}
		#story .list_wrap .ttldummy .main_ttl span,
		#story .list_wrap .ttl .main_ttl span {
			padding-right: 4px;
		}
		#story .list_wrap li .txt_wrap .txt {
			font-size: 18px;
		}
	}
	@media screen and (max-width:860px) {
		#story .list_wrap .ttldummy .main_ttl,
		#story .list_wrap .ttl .main_ttl {
			font-size: 4vw;
		}
		#story .list_wrap li .txt_wrap .main_ttl {
			font-size: 30px;
		}
		#story .list_wrap li .txt_wrap .txt_ttl,
		#story .list_wrap .list02 .txt_wrap .txt_ttl {
			padding: 2px 0 0;
			font-size: 11px;
		}
		#story .list_wrap li .txt_wrap .second_ttl {
			font-size: 14px;
		}
		#story .list_wrap .list02 .txt_wrap .main_ttl,
		#story .list_wrap .list03 .txt_wrap .main_ttl,
		#story .list_wrap .list04 .txt_wrap .main_ttl {
			font-size: 28px;
			letter-spacing: 0.05em;
		}
		#story .list_wrap li .txt_wrap .coming_soon,
		#story .list_wrap li .txt_wrap .read {
			font-size: 12px;
			padding: 0 0 10px;
		}
		#story .list_wrap li .txt_wrap .coming_soon::after,
		#story .list_wrap li .txt_wrap .read::after {
			height: 3px;
		}
		#story .list_wrap li .txt_wrap .txt.movie {
			font-size: 10px;
		}
		#story .list_wrap li .txt_wrap .txt.movie img {
			width: 28px;
			height: 44px;
		}
	}
	@media screen and (max-width:750px) {
		#story.bg {
			background: url(https://www.citizenwatch-global.com/promaster30th/img/index/bg_story.png) no-repeat 50% 0;
			background-size: contain;
		}
		#story .inner {
			padding: 18.75% 0 0;
		}
		#story .cont .list_wrap {
			width: 100%;
			margin: 0 auto;
		}
		#story .list_wrap .ttldummy,
		#story .list_wrap .ttl {
			display: block;
			float: none;
			padding-left: 11.875%;
			margin: 0 0 9.68%;
			width: auto;
		}
		#story .list_wrap .ttl.fixed {
			position: absolute!important;
			top: 0!important;
		}
		#story .list_wrap .ttldummy .main_ttl,
		#story .list_wrap .ttl .main_ttl {
			font-size: 10.9vw;
			letter-spacing: 0.05em;
		}
		#story .list_wrap .story_list {
			display: block;
			float: none;
			width: 100%;
			padding-top: 0;
		}
		#story .list_wrap .story_list li + li {
			margin: 0;
		}
		#story .list_wrap .story_list .list01::after {
			background-position: 45% 0;
		}
		#story .list_wrap .story_list .list03::after {
			background-position: 65% 0;
		}
		#story .list_wrap .story_list li a,
		#story .list_wrap .story_list li > div {
			padding: 56.25% 0 0;
		}
		#story .list_wrap li .txt_wrap {
			position: absolute;
			top: 50%;
			left: 0;
			width: 100%;
			padding-left: 11.875%;
			box-sizing: border-box;
			-webkit-transform: translate(0,-50%);
			-ms-transform: translate(0,-50%);
			transform: translate(0,-50%);
		}
		#story .list_wrap li .list_ttl {
			position: static;
			transform: none;
		}
		#story .list_wrap li .txt_wrap .main_ttl {
			font-size: 9.375vw;
			letter-spacing: 0.05em;
		}
		#story .list_wrap li .txt_wrap .txt_ttl {
			font-size: 3.125vw;
			padding: 1% 0 0;
		}
		#story .list_wrap .list02 .txt_wrap .txt_ttl {
			font-size: 2.8vw;
		}
		#story .list_wrap li .sub_ttl {
			font-size: 4.68vw;
			letter-spacing: 0.05em;
			padding: 0 0 2%;
		}
		#story .list_wrap li .txt_wrap .second_ttl {
			font-size: 3.75vw;
		}
		#story .list_wrap .list02 .txt_wrap .main_ttl,
		#story .list_wrap .list03 .txt_wrap .main_ttl,
		#story .list_wrap .list04 .txt_wrap .main_ttl {
			font-size: 7vw;
		}
		#story .list_wrap .list02 .txt_wrap .main_ttl span,
		#story .list_wrap .list03 .txt_wrap .main_ttl span,
		#story .list_wrap .list04 .txt_wrap .main_ttl span {
			padding: 0.5% 0 0;
		}
		#story .list_wrap li .txt_wrap .coming_soon {
			position: relative;
			right: 0;
			padding-top: 4.375%;
			font-size: 3.75vw;
			letter-spacing: 0.05em;
			padding-bottom: 2%;
			-webkit-transform: none;
			-ms-transform: none;
			transform: none;
		}
		#story .list_wrap li .txt_wrap .read {
			display: none;
		}
		#story .list_wrap li .txt_wrap .txt.movie {
			right: 5%;
			width: 17%;
			font-size: 2.8vw;
			letter-spacing: 0.05em;
		}
		#story .list_wrap li .txt.movie span {
			padding: 0 0 12%;
		}
		#story .list_wrap li .txt_wrap .txt.movie img {
			width: 56%;
			height: auto;
		}
		#story .txt_more p {
			font-size: 4.68vw;
			letter-spacing: 0.05em;
			padding: 0 0 0.5%;
		}
		#story .txt_more span {
			padding: 0 0 2%;
		}
		#story .list_wrap .story_list ul + ul {
			padding-top: 11%;
		}
		#story .list_wrap .story_list .ttl_year {
			font-size: 7.8vw;
			padding: 0 0 2% 10.9%;
		}
		#story .list_wrap .list01_2020 .txt_wrap .main_ttl,
		#story .list_wrap .list01_2021 .txt_wrap .main_ttl,
		#story .list_wrap .list01_2022 .txt_wrap .main_ttl {
			font-size: 7vw;
		}
		#story .list_wrap .story_list .list01_2020 .txt_wrap .txt_ttl {
			padding-top: 2%;
		}
		#story .list_wrap li .txt_wrap .main_ttl .pc,
		#story .list_wrap li .txt_wrap .txt_ttl .pc {
			display: none;
		}
		#story .list_wrap li .capture .icn_new {
			font-size: 1.875vw;
			padding: 1.3% 1.5% 0.8% 2.2%;
			margin-right: 2%;
		}
	}
/*=================================================
#localnav
==================================================*/
#localnav {
	position: fixed;
	top: 50%;
	left: 30px;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
	z-index: 99;
}
#localnav ul {
	opacity:0;
}
#localnav ul.init {
	opacity:1;
	-webkit-transition: opacity 0.6s ease 2.6s;
	-moz-transition: opacity 0.6s ease 2.6s;
	-o-transition: opacity 0.6s ease 2.6s;
	-ms-transition: opacity 0.6s ease 2.6s;
	transition: opacity 0.6s ease 2.6s;
}
#localnav.bottom {
	position:absolute;
}
#localnav li {
	padding: 10px 0;
}
#localnav a {
	color: #df0615;
	font-family: 'Abel', sans-serif;
	letter-spacing: 0.1em;
	font-weight: 700;
	font-size: 11px;
	transition: all .3s;
}
#localnav a:hover,
#localnav .current a {
	color: #fff;
}
	@media screen and (max-width:750px) {
		#localnav {
			left: 4.68%;
		}
		#localnav li {
			padding: 15px 0;
		}
		#localnav a {
			overflow: hidden;
			display: block;
			white-space: nowrap;
			text-indent: 100%;
			width: 13px;
			height: 5px;
			background: #df0615;
		}
		#localnav .current a {
			background: #fff;
		}
	}
	@media screen and (max-width:480px) {
		#localnav a {
			height: 3px;
		}
	}
	@media screen and (max-width:400px) {
		#localnav {
			left: 3%;
		}
		#localnav a {
			width: 10px;
		}
	}
/*=================================================
#footer
==================================================*/
#footer_bg{
	width:100%;
	position:absolute;
	bottom:0;
	margin-bottom: 388px;
	top:auto;
	left:0px;
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/bg_footer.png) no-repeat 50% 100%;
	background-size: cover;
	z-index: 1;
}
@media screen and (min-width:1700px) {
	#footer_bg{
		height: auto!important;
		padding: 45.9% 0 0;
	}
}
#footer {
	text-align: center;
	position:relative;
	z-index:5;
}
#footer .hashtag {
	padding: 124px 0 50px;
}
#footer .hashtag img {
	width: 678px;
	height: 66px;
}
#footer .share h2 {
	font-family: 'Abel', sans-serif;
	letter-spacing: 0.1em;
	font-weight: 700;
	font-size: 24px;
	padding: 0 0 14px;
	color: #df0615;
}
#footer .share ul {
	padding: 0 0 180px;
}
#footer .share li {
	display: inline-block;
	margin: 0 13px;
}
#footer .share li a {
	position: relative;
	display: block;
	width: 76px;
	height: 85px;
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/bg_hexagon.svg) no-repeat 0 0;
	background-size: cover;
}
#footer .share .fb .icn {
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/icn_fb_wt.svg) no-repeat 50% 50%;
	background-size: 29px 29px;
}
#footer .share .twitter .icn {
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/icn_twitter_wt.svg) no-repeat 50% 50%;
	background-size: 50px 50px;
}
#footer .share .line .icn {
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/icn_line_wt.svg) no-repeat 50% 50%;
	background-size: 30px 30px;
}
#footer .share .fb a .hover .hover_inner .hover_inner_icn {
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/icn_fb_wt.svg) no-repeat 50% 50%;
	background-size: 29px 29px;
	display:block;
	width:100%;
	height:100%;
}
#footer .share .twitter a .hover .hover_inner .hover_inner_icn {
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/icn_twitter_wt.svg) no-repeat 50% 50%;
	background-size: 50px 50px;
	display:block;
	width:100%;
	height:100%;
}
#footer .share .line a .hover .hover_inner .hover_inner_icn {
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/icn_line_wt.svg) no-repeat 50% 50%;
	background-size: 30px 30px;
	display:block;
	width:100%;
	height:100%;
}
#footer .share li a .hover{
	position: absolute;
	display: block;
	overflow:hidden;
	width: 0px;
	height: 85px;
	top:0px;
	right:0px;
	left:auto;
	bottom:auto;
	-webkit-transition: width 0.2s ease 0s;
  -moz-transition: width 0.2s ease 0s;
  -o-transition: width 0.2s ease 0s;
  -ms-transition: width 0.2s ease 0s;
  transition: width 0.2s ease 0s;
}
#footer .share li a:hover .hover{
	width:100%;
}
#footer .share li a .hover .hover_inner{
	position: absolute;
	display: block;
	overflow:hidden;
	width: 76px;
	height: 85px;
	top:0px;
	right:0px;
	left:auto;
	bottom:auto;
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/bg_hexagon02.svg) no-repeat 50% 50%;
	background-size: cover;
}
#footer .footer_link {
	background: #0e0e0e;
}
#footer .footer_link a {
	position: relative;
	display: block;
	padding: 80px 0 88px;
}
#footer .footer_link a::after {
	position: absolute;
	content: "";
	background: #df0615;
	top: 0;
	right: 80px;
	width: 0;
	height: 100%;
	transition: all .3s;
}
#footer .footer_link a:hover::after {
	width: 100%;
}
#footer .footer_link .txt_wrap {
	position: relative;
	width: 514px;
	margin: 0 auto;
	text-align: left;
	font-size: 13px;
	padding: 31px 0 23px 300px;
	box-sizing: border-box;
	background-image: url(https://www.citizenwatch-global.com/promaster30th/img/index/logo_promaster_common.png), url(https://www.citizenwatch-global.com/promaster30th/img/index/icn_link.svg);
	background-repeat: no-repeat;
	background-position: 0% 50%, 98% 47%;
	background-size: 240px 27px, 13px 10px;
	z-index: 1;
}
#footer .footer_link .txt_wrap span {
	display: block;
	font-family: 'Abel', sans-serif;
	letter-spacing: 0.1em;
	font-weight: 700;
	font-size: 28px;
	padding: 0 0 8px;
}
#footer .footer_link a:hover .txt_wrap {
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/logo_promaster_common_wt.png), url(https://www.citizenwatch-global.com/promaster30th/img/index/icn_link_wt.svg);
	background-repeat: no-repeat;
	background-position: 0% 50%, 98% 47%;
	background-size: 240px 27px, 13px 10px;
}
#footer .footer {
	background: #000;
	padding: 60px 0;
	overflow: hidden;
}
#footer .footer ul {
	float: left;
	padding-left: 24px;
}
#footer .footer ul li {
	display: inline-block;
	font-family: 'Abel', sans-serif;
	letter-spacing: 0.1em;
	font-weight: 700;
	font-size: 14px;
	line-height: 160%;
}
#footer .footer ul li + li {
	padding-left: 34px;
}
#footer .footer ul li a {
	transition: all .3s;
}
#footer .footer ul li a:hover {
	opacity: 0.7;
}
#footer .footer .copy small {
	font-family: 'Calibre-Regular';
	font-size: 12px;
}
#footer .footer .copy small br {
	display: none;
}
	@media screen and (max-width:990px) {
		#footer .hashtag img {
			width: 580px;
			height: 55px;
		}
		#footer .footer_link a::after {
			right: 65px;
		}
		#footer .footer ul {
			padding-left: 18px;
		}
		#footer .footer ul li + li {
			padding-left: 20px;
		}
		#footer .footer .copy small {
			font-size: 10px;
		}
	}
	@media screen and (max-width:750px) {
		#footer_bg {
			margin-bottom: 50%;
		}
		#footer .hashtag {
			padding: 21.8% 0 12%;
		}
		#footer .hashtag img {
			width: 76.7%;
			height: auto;
		}
		#footer .share h2 {
			font-size: 4.375vw;
			letter-spacing: 0.05em;
			padding: 0 0 2%;
		}
		#footer .share ul {
			padding: 0 0 24%;
		}
		#footer .share li {
			width: 11.7%;
			margin: 0 2%;
		}
		#footer .share li a {
			width: 100%;
			height: auto;
			padding: 112% 0 0;
		}
		#footer .share .fb a .hover .hover_inner .hover_inner_icn,
		#footer .share .fb .icn,
		#footer .share .fb a:hover .icn {
			background-size: 38.6% auto;
		}
		#footer .share .twitter a .hover .hover_inner .hover_inner_icn,
		#footer .share .twitter .icn,
		#footer .share .twitter a:hover .icn {
			background-size: 66% auto;
		}
		#footer .share .line a .hover .hover_inner .hover_inner_icn,
		#footer .share .line .icn,
		#footer .share .line a:hover .icn {
			background-size: 40% auto;
		}
		#footer .footer {
			padding: 8.5% 0 4.68%;
		}
		#footer .footer_link a {
			padding: 9% 0;
		}
		#footer .footer_link a::after {
			right: 0;
		}
		#footer .footer_link .txt_wrap,
		#footer .footer_link a:hover .txt_wrap {
			width: 100%;
			text-align: center;
			padding: 12.5% 0 0 0;
			font-size: 2.8vw;
			background-position: 50% 15%, 69% 90%;
			background-size: 45.9% auto, 3.5% auto;
		}
		#footer .footer_link .txt_wrap span {
			font-size: 4.375vw;
			padding: 0 0 0.8%;
		}
		#footer .footer ul {
			float: none;
			padding: 0 0 6.25%;
		}
		#footer .footer ul li {
			font-size: 2.8vw;
			letter-spacing: 0.05em;
		}
		#footer .footer ul li + li {
			padding-left: 4.6%;
		}
		#footer .footer .copy {
			float: none;
			padding: 0;
			line-height: 120%;
		}
		#footer .footer .copy small {
			font-size: 2.8vw;
		}
		#footer .footer .copy small br {
			display: block;
		}
	}
/*=================================================
#sidenav
==================================================*/
#sidenav {
	position: fixed;
	top: 0;
	right: 0;
	width: 80px;
	height: 100%;
	text-align: center;
	z-index: 999;
		opacity:0;
}
#sidenav.init {
	opacity:1;
	-webkit-transition: opacity 0.6s ease 1.6s;
	-moz-transition: opacity 0.6s ease 1.6s;
	-o-transition: opacity 0.6s ease 1.6s;
	-ms-transition: opacity 0.6s ease 1.6s;
	transition: opacity 0.6s ease 1.6s;
}
#sidenav ul {
	position: relative;
	height: 100%;
}
#sidenav li .inner,
#sidenav li .cont {
	position: relative;
	height: 100%;
	width: 100%;
}
#sidenav li .cont::after {
	position: absolute;
	content: "";
	background: #df0615;
	top: 0;
	right: 0;
	width: 0;
	height: 100%;
	transition: all .3s;
}
#sidenav li .cont:hover::after {
	width: 100%;
}
#sidenav p {
	font-family: 'Abel', sans-serif;
	letter-spacing: 0.1em;
	font-weight: 700;
	font-size: 10px;
	color: #fff;
}
#sidenav .sidenav {
	background: rgba(0,0,0,0.7);
	border-left: 1px solid #1a1a1a;
}
	@media screen and (max-width:990px) {
		#sidenav {
			width: 65px;
		}
	}
	@media screen and (max-width:750px) {
		#sidenav {
			display: none;
		}
	}
/* menu */
#sidenav .menu {
	position: relative;
	height: calc(100% - 275px);
	top:80px;
	padding: 0px 0 0;
	cursor: pointer;
	height: calc(100% - 80px);
}
#sidenav .menu .btn_menu {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
#sidenav .menu  .btn_grid {
	-webkit-transform: translate(-50%, 0) rotate(0deg);
	transform: translate(-50%, 0) rotate(0deg);
	margin-right: -17px;
}
#sidenav .menu .menu_close {
	transition: transform 0.2s ease-out;
	-webkit-transition: -webkit-transform 0.2s ease-out;
	-moz-transition: -moz-transform 0.2s ease-out;
	transition: all .3s;
}
#sidenav .menu .menu_close:hover {
	-webkit-transform: translate(-50%, 0) rotate(180deg);
	-moz-transform: translate(-50%, 0) rotate(180deg);
	transform: translate(-50%, 0) rotate(180deg);
}
#sidenav .sidenav .menu .dot {
	background: #df0615;
}
#sidenav .sidenav .menu .cont:hover .dot {
	background: #fff;
}
/* map */
#sidenav .map {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	border-bottom: 1px solid #222;
	z-index: 1000;
}
#sidenav .map a {
	position: relative;
	display: block;
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/icn_map.svg) no-repeat 50% 15px;
	background-size: 51px 31px;
	width: 100%;
	height: 100%;
}
#sidenav .map p {
	position: relative;
	padding: 45px 0 5px;
}
#sidenav .map p::after {
	position: absolute;
	content: "";
	bottom: 0;
	left: 50%;
	margin-left: -3px;
	border-top: 3px solid #df0615;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
}
#sidenav .map a:hover {
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/icn_map_wt.svg) no-repeat 50% 15px;
	background-size: 51px 31px;
}
#sidenav .map a:hover p {
	color: #fff;
}
#sidenav .map a:hover p::after {
	border-top: 3px solid #fff;
}
/* share */
#sidenav .share {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 195px;
	box-sizing: border-box;
	border-top: 1px solid #222;
	z-index: 1000;
}
#sidenav .share p {
	padding: 35px 0 0;
}
#sidenav .share li {
	padding: 5px 0 0;
}
#sidenav .share li a {
	position: relative;
	display: block;
	width: 40px;
	height: 45px;
	margin: 0 auto;
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/bg_hexagon.svg) no-repeat 0 0;
	background-size: 40px 45px;
	transition: none;
}
#sidenav .share .fb .icn {
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/icn_fb.svg) no-repeat 50% 50%;
	background-size: 18px 18px;
}
#sidenav .share .twitter .icn {
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/icn_twitter.svg) no-repeat 50% 50%;
	background-size: 30px 30px;
}
#sidenav .share .line .icn {
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/icn_line.svg) no-repeat 50% 50%;
	background-size: 20px 20px;
}
#sidenav .share .cont:hover p {
	color: #fff;
}
/* pnk */
#sidenav .share .cont:hover a {
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/bg_hexagon_pnk.svg) no-repeat 0 0;
	background-size: cover;
}
#sidenav .share .cont:hover .fb .icn {
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/icn_fb_pnk.svg) no-repeat 50% 50%;
	background-size: 18px 18px;
}
#sidenav .share .cont:hover .twitter .icn {
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/icn_twitter_pnk.svg) no-repeat 50% 50%;
	background-size: 30px 30px;
}
#sidenav .share .cont:hover .line .icn {
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/icn_line_pnk.svg) no-repeat 50% 50%;
	background-size: 20px 20px;
}
/* hover */
#sidenav .share .fb a .hover .hover_inner .hover_inner_icn {
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/icn_fb.svg) no-repeat 50% 50%;
	background-size: 18px 18px;
	display:block;
	width:100%;
	height:100%;
}
#sidenav .share .twitter a .hover .hover_inner .hover_inner_icn {
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/icn_twitter.svg) no-repeat 50% 50%;
	background-size: 30px 30px;
	display:block;
	width:100%;
	height:100%;
}
#sidenav .share .line a .hover .hover_inner .hover_inner_icn {
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/icn_line.svg) no-repeat 50% 50%;
	background-size: 20px 20px;
	display:block;
	width:100%;
	height:100%;
}
#sidenav .share .cont a .hover{
	position: absolute;
	display: block;
	overflow:hidden;
	width: 0px;
	height: 45px;
	top:0px;
	right:0px;
	left:auto;
	bottom:auto;
	-webkit-transition: width 0.2s ease 0s;
  -moz-transition: width 0.2s ease 0s;
  -o-transition: width 0.2s ease 0s;
  -ms-transition: width 0.2s ease 0s;
  transition: width 0.2s ease 0s;
}
#sidenav .share .cont a:hover .hover{
	width:100%;
}
#sidenav .share .cont a .hover .hover_inner{
	position: absolute;
	display: block;
	overflow:hidden;
	width: 40px;
	height: 45px;
	top:0px;
	right:0px;
	left:auto;
	bottom:auto;
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/bg_hexagon_wt02.svg) no-repeat 0 0;
	background-size: 40px 45px;
}
#sidenav .sidenav{
	position:absolute;
	top:0px;
	width:100%;
	right:0px;
}
/* sidenav_menu */
#sidenav .sidenav_menu {
	position:absolute;
	top:0px;
	right:-200px;
	width:100%;
	box-sizing:border-box;
	border-left: 1px solid #fff;
}
#sidenav .sidenav_menu p {
	color: #fff;
}
#sidenav .sidenav_menu .share li a {
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/bg_hexagon_wt.svg) no-repeat 0 0;
	background-size: cover;
}
#sidenav .sidenav_menu .share {
	border-top: none;
}
#sidenav .sidenav_menu .share .fb .icn {
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/icn_fb_wt.svg) no-repeat 50% 50%;
	background-size: 18px 18px;
}
#sidenav .sidenav_menu .share .twitter .icn {
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/icn_twitter_wt.svg) no-repeat 50% 50%;
	background-size: 30px 30px;
}
#sidenav .sidenav_menu .share .line .icn {
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/icn_line_wt.svg) no-repeat 50% 50%;
	background-size: 20px 20px;
}
/*hover*/
#sidenav .sidenav_menu .share .fb a .hover .hover_inner .hover_inner_icn {
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/icn_fb.svg) no-repeat 50% 50%;
	background-size: 18px 18px;
	display:block;
	width:100%;
	height:100%;
}
#sidenav .sidenav_menu .share .twitter a .hover .hover_inner .hover_inner_icn {
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/icn_twitter.svg) no-repeat 50% 50%;
	background-size: 30px 30px;
	display:block;
	width:100%;
	height:100%;
}
#sidenav .sidenav_menu .share .line a .hover .hover_inner .hover_inner_icn {
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/icn_line.svg) no-repeat 50% 50%;
	background-size: 20px 20px;
	display:block;
	width:100%;
	height:100%;
}
#sidenav .sidenav_menu .share li a .hover{
	position: absolute;
	display: block;
	overflow:hidden;
	width: 0px;
	height: 44.5px;
	top:0px;
	right:0px;
	left:auto;
	bottom:auto;
	-webkit-transition: width 0.2s ease 0s;
  -moz-transition: width 0.2s ease 0s;
  -o-transition: width 0.2s ease 0s;
  -ms-transition: width 0.2s ease 0s;
  transition: width 0.2s ease 0s;
}
#sidenav .sidenav_menu .share li a:hover .hover{
	width:100%;
}
#sidenav .sidenav_menu .share li a .hover .hover_inner{
	position: absolute;
	display: block;
	overflow:hidden;
	width: 40px;
	height: 44.5px;
	top:0px;
	right:0px;
	left:auto;
	bottom:auto;
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/bg_hexagon_wt02.svg) no-repeat 0 0;
	background-size: cover;
}
#sidenav .sidenav_menu {
	opacity:0;
	right:-200px;
	-webkit-transition: opacity 0.5s ease 0.5s,right 0.05s ease 1.05s;
  -moz-transition: opacity 0.5s ease 0.5s,right 0.05s ease 1.05s;
  -o-transition: opacity 0.5s ease 0.5s,right 0.05s ease 1.05s;
  -ms-transition: opacity 0.5s ease 0.5s,right 0.05s ease 1.05s;
  transition: opacity 0.5s ease 0.5s,right 0.05s ease 1.05s;
}
body.openmenu #sidenav .sidenav_menu {
	opacity:1;
	right:0px;
	-webkit-transition: opacity 0.5s ease 0.05s,right 0.05s ease 0s;
  -moz-transition: opacity 0.5s ease 0.05s,right 0.05s ease 0s;
  -o-transition: opacity 0.5s ease 0.05s,right 0.05s ease 0s;
  -ms-transition: opacity 0.5s ease 0.05s,right 0.05s ease 0s;
  transition: opacity 0.5s ease 0.05s,right 0.05s ease 0s;
}
#sidenav .sidenav{
	opacity:1;
	right:0px;
	-webkit-transition: opacity 0.5s ease 0.55s,right 0.05s ease 0s;
  -moz-transition: opacity 0.5s ease 0.55s,right 0.05s ease 0s;
  -o-transition: opacity 0.5s ease 0.55s,right 0.05s ease 0s;
  -ms-transition: opacity 0.5s ease 0.55s,right 0.05s ease 0s;
  transition: opacity 0.5s ease 0.55s,right 0.05s ease 0s;
}
body.openmenu #sidenav .sidenav{
	opacity:0;
	right:-200px;
	-webkit-transition: opacity 0.5s ease 0s,right 0.05s ease 0.5s;
  -moz-transition: opacity 0.5s ease 0s,right 0.05s ease 0.5s;
  -o-transition: opacity 0.5s ease 0s,right 0.05s ease 0.5s;
  -ms-transition: opacity 0.5s ease 0s,right 0.05s ease 0.5s;
  transition: opacity 0.5s ease 0s,right 0.05s ease 0.5s;
}
/*=================================================
#menu
==================================================*/
#menu {
	backface-visibility: hidden;
	-webkit-transition: right 0.5s ease 0s;
  -moz-transition: right 0.5s ease 0s;
  -o-transition: right 0.5s ease 0s;
  -ms-transition: right 0.5s ease 0s;
  transition: right 0.5s ease 0s;
	position: fixed;
	top: 0;
	left: auto;
	right: -100%;
	bottom: auto;
	background: #df0615;
	z-index: 100;
	width:100%;
	height:100%;
}
body.openmenu #menu{
	right:0px;
}
#menu .inner {
	overflow: hidden;
	max-width: 900px;
	width: 84%;
	margin: 130px auto!important;
}
#menu .inner:after{
content: "";
clear: both;
display: block;
}
#menu #menuscrollwrap {
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	height:100%;
	box-sizing:border-box;
}
#menu .cont01 {
	float: left;
	width: 45%;
	/* 2022 */
	padding-right: 1em;
	box-sizing: border-box;
}
#menu .cont02 {
	float: left;
	width: 30%;
}
#menu .cont03 {
	float: left;
	width: 25%;
}
#menu p {
	color: #e9767a;
	font-family: 'Abel', sans-serif;
	letter-spacing: 0.1em;
	font-weight: 700;
	font-size: 16px;
	line-height: 140%;
}
#menu a {
	display: block;
	opacity:1;
	transition: opacity 0.3s ease 0s;
	top:0px;
	position:relative;
	margin-top:0px;
}
#menu a.testlink{
	z-index:9999;
	position:absolute;
	top:50%;
}
#menu a:hover {
	opacity: 0.7;
}
#menu a p {
	color: #fff;
}
#menu .ttl {
	position: relative;
	font-size: 20px;
	line-height: 100%;
	padding: 0 0 15px;
	margin: 0 0 35px;
}
#menu .ttl::after {
	position: absolute;
	content: "";
	background: #e9767a;
	width: 20px;
	height: 5px;
	bottom: 0;
	left: 0;
}
/* cont01(menu01)
------------------------------------------------ */
/* common */
#menu .menu01 > ul > li + li {
	margin: 30px 0 0;
}
#menu .menu01 > ul > li > div {
	margin: 0 0 15px;
}
#menu .menu01 > ul > li > div p {
	color: #fff;
}
#menu .menu01 > ul > li > div .main_ttl {
	font-size: 50px;
	line-height: 100%;
}
#menu .menu01 > ul > li > div .main_ttl span {
	font-size: 0.4em;
	letter-spacing: 0.1em;
	vertical-align: middle;
	padding-right: 8px;
}
#menu .menu01 .capture {
	font-size: 16px;
	padding: 0 0 5px;
}
#menu .menu01 li li {
	padding: 0 0 23px;
}
#menu .menu01 li li:last-child {
	padding: 0;
}
#menu .menu01 li li .main_ttl {
	font-size: 26px;
	line-height: 120%;
}
#menu .menu01 li li .main_ttl span {
	display: block;
	font-size: 14px;
	line-height: 100%;
	padding: 3px 0 7px;
}
#menu .menu01 li li .txt_ttl {
	display: block;
	font-size: 10px;
	line-height: 140%;
	letter-spacing: 0.1em;
}
#menu .menu01 li li .sub_ttl {
	font-size: 14px;
}
#menu .menu01 li li .txt01 {
	font-size: 0.7em;
	line-height: 100%;
	vertical-align: top;
}
#menu .menu01 li li .txt02 {
	font-size: 0.57em;
	padding-right: 5px;
}
/* other */
#menu .menu01 .list_wrap01 .main_ttl {
	font-size: 26px;
	line-height: 120%;
}
#menu .menu01 .list_wrap02 .txt_ttl {
	font-size: 13px;
	letter-spacing: 0.1em;
}
#menu .menu01 .list_wrap02 .lead_ttl {
	font-size: 20px;
	letter-spacing: 0.1em;
	padding: 0 0 3px;
}
#menu .menu01 .list_wrap03 .list01 .main_ttl span {
	display: inline-block;
	font-size: 0.5em;
	line-height: 170%;
	vertical-align: top;
}
#menu .menu01 .list_wrap03 .list05 p {
	font-size: 14px;
}
/* 2020 */
#menu .menu01 .list_wrap03 ul + ul {
	margin-top: 30px;
}
#menu .menu01 .lsit_year {
	padding: 0 0 15px;
}
#menu .menu01 .ttl_year {
	color: #fff;
	font-size: 20px;
}
#menu .menu01 .ttl_year span {
	display: inline-block;
	vertical-align: middle;
}
#menu .menu01 .ttl_year .icn_new {
	position: relative;
	display: inline-block;
	background: #fff;
	text-align: center;
	font-family: 'Abel', sans-serif;
	color: #df0615;
	font-size: 15px;
	font-weight: 700;
	line-height: 100%;
	letter-spacing: 0.05em;
	padding: 2px 9px 5px 9px;
	box-sizing: border-box;
	-webkit-transform: skew(-25deg);
	-ms-transform: skew(-25deg);
	transform: skew(-25deg);
	margin-left: 10px;
	vertical-align: middle;
}
#menu .menu01 .ttl_year .icn_new .inr {
	display: inline-block;
	-webkit-transform: skew(25deg);
	-ms-transform: skew(25deg);
	transform: skew(25deg);
}
#menu .menu01 .list_wrap03 .list01 .txt_ttl {
	font-size: 14px;
	line-height: 140%;
	padding: 3px 0 0;
}
#menu .menu01 .list_wrap02 {
	margin-top: 55px;
}
/* cont02(menu02)
------------------------------------------------ */
#menu .menu02 li {
	padding: 0 0 16px;
}
#menu .menu02 li:last-child {
	padding: 0;
}
#menu .menu02 p span {
	display: block;
	color: #e9767a;
}
#menu .menu02 li p span {
	font-size: 0.875em;
	line-height: 100%;
}
#menu .menu02 .list02 p span,
#menu .menu02 .list03 p span,
#menu .menu02 .list04 p span {
	font-size: 0.75em;
	line-height: 100%;
}
/* cont03(menu03)
------------------------------------------------ */
#menu .menu03 > ul > li {
	padding: 0 0 30px;
}
#menu .menu03 p .link {
	position: relative;
	padding-right: 17px;
}
#menu .menu03 p .link::after {
	position: absolute;
	content: "";
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/icn_link_wt.svg) no-repeat 0 50%;
	background-size: contain;
	top: 50%;
	right: 0;
	width: 12px;
	height: 9px;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
#menu .menu03 .list03 p {
	color: #fff;
	padding: 0 0 10px;
}
#menu .menu03 .list03 ul {
	overflow: hidden;
}
#menu .menu03 .list03 li {
	float: left;
	padding-right: 10px;
}
#menu .menu03 .list03 li:last-child {
	padding: 0;
}
/* list03 --- icon */
#menu .menu03 .list03 li a {
	position: relative;
	display: block;
	width: 36px;
	height: 40px;
	margin: 0 auto;
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/bg_hexagon_wt.svg) no-repeat 0 0;
	background-size: cover;
}
#menu .menu03 .list03 li a:hover {
	opacity: 1;
}
#menu .menu03 .list03 .fb .icn {
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/icn_fb_wt.svg) no-repeat 50% 50%;
	background-size: 14px 14px;
}
#menu .menu03 .list03 .youtube .icn {
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/icn_youtube_wt.svg) no-repeat 50% 50%;
	background-size: 16px 14px;
}
#menu .menu03 .list03 .instagram .icn {
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/icn_instagram_wt.svg) no-repeat 50% 50%;
	background-size: 16px 16px;
}
/*hover*/
#menu .menu03 .list03 .fb a .hover .hover_inner .hover_inner_icn {
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/icn_fb.svg) no-repeat 50% 50%;
	background-size: 14px 14px;
	display:block;
	width:100%;
	height:100%;
}
#menu .menu03 .list03 .youtube a .hover .hover_inner .hover_inner_icn {
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/icn_youtube.svg) no-repeat 50% 50%;
	background-size: 16px 14px;
	display:block;
	width:100%;
	height:100%;
}
#menu .menu03 .list03 .instagram a .hover .hover_inner .hover_inner_icn {
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/icn_instagram.svg) no-repeat 50% 50%;
	background-size: 16px 16px;
	display:block;
	width:100%;
	height:100%;
}
#menu .menu03 .list03 li a .hover{
	position: absolute;
	display: block;
	overflow:hidden;
	width: 0px;
	height: 40px;
	top:0px;
	right:0px;
	left:auto;
	bottom:auto;
	-webkit-transition: width 0.2s ease 0s;
  -moz-transition: width 0.2s ease 0s;
  -o-transition: width 0.2s ease 0s;
  -ms-transition: width 0.2s ease 0s;
  transition: width 0.2s ease 0s;
}
#menu .menu03 .list03 li a:hover .hover{
	width:100%;
}
#menu .menu03 .list03 li a .hover .hover_inner{
	position: absolute;
	display: block;
	overflow:hidden;
	width: 36px;
	height: 40px;
	top:0px;
	right:0px;
	left:auto;
	bottom:auto;
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/bg_hexagon_wt02.svg) no-repeat 0 0;
	background-size: cover;
}
/* list04 */
#menu .menu03 .list04 {
	display: none;
	padding: 0;
}
#menu .menu03 .list04 p {
	color: #fff;
	font-size: 13px;
	padding: 0 0 10px;
}
#menu .menu03 .list04 ul {
	overflow: hidden;
}
#menu .menu03 .list04 li {
	float: left;
	padding-right: 10px;
}
#menu .menu03 .list04 li:last-child {
	padding: 0;
}
/* list04 --- icon */
#menu .menu03 .list04 li a {
	position: relative;
	display: block;
	width: 36px;
	height: 40px;
	margin: 0 auto;
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/bg_hexagon_wt.svg) no-repeat 0 0;
	background-size: cover;
}
#menu .menu03 .list04 li a:hover {
	opacity: 1;
}
#menu .menu03 .list04 .fb .icn {
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/icn_fb_wt.svg) no-repeat 50% 50%;
	background-size: 14px 14px;
}
#menu .menu03 .list04 .twitter .icn {
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/icn_twitter_wt.svg) no-repeat 50% 50%;
	background-size: 30px 30px;
}
#menu .menu03 .list04 .line .icn {
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/icn_line_wt.svg) no-repeat 50% 50%;
	background-size: 20px 20px;
}
/*hover*/
#menu .menu03 .list04 .fb a .hover .hover_inner .hover_inner_icn {
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/icn_fb.svg) no-repeat 50% 50%;
	background-size: 14px 14px;
	display:block;
	width:100%;
	height:100%;
}
#menu .menu03 .list04 .twitter  a .hover .hover_inner .hover_inner_icn {
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/icn_twitter.svg) no-repeat 50% 50%;
	background-size: 30px 30px;
	display:block;
	width:100%;
	height:100%;
}
#menu .menu03 .list04 .line a .hover .hover_inner .hover_inner_icn {
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/icn_line.svg) no-repeat 50% 50%;
	background-size: 20px 20px;
	display:block;
	width:100%;
	height:100%;
}
#menu .menu03 .list04 li a .hover{
	position: absolute;
	display: block;
	overflow:hidden;
	width: 0px;
	height: 85px;
	top:0px;
	right:0px;
	left:auto;
	bottom:auto;
	-webkit-transition: width 0.2s ease 0s;
  -moz-transition: width 0.2s ease 0s;
  -o-transition: width 0.2s ease 0s;
  -ms-transition: width 0.2s ease 0s;
  transition: width 0.2s ease 0s;
}
#menu .menu03 .list04 li a:hover .hover{
	width:100%;
}
#menu .menu03 .list04 li a .hover .hover_inner{
	position: absolute;
	display: block;
	overflow:hidden;
	width: 36px;
	height: 40px;
	top:0px;
	right:0px;
	left:auto;
	bottom:auto;
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/bg_hexagon_wt02.svg) no-repeat 50% 50%;
	background-size: cover;
}
	@media (min-width: 751px) {
		/* 2022 */
		#menu .menu01 li li .txt_ttl .sp {
			display: none;
		}
	}
	@media screen and (max-width:900px) {
		#menu .menu01 .list_wrap01 .main_ttl {
			font-size: 22px;
		}
		#menu .menu01 > ul > li > div .main_ttl {
			font-size: 44px;
		}
		#menu .menu01 li li .main_ttl {
			font-size: 22px;
		}
		#menu .menu01 .ttl_year {
			font-size: 17px;
		}
		#menu .menu01 .ttl_year .icn_new {
			font-size: 13px;
			padding: 3px 9px 4px 9px;
		}
	}
	@media screen and (max-width:750px) {
		#menu .inner {
			position: static;
			-webkit-transform: none;
			-ms-transform: none;
			transform: none;
			width: 76.25%;
		}
		#menu a p,
		#menu div p {
			font-size: 3.75vw;
			letter-spacing: 0.05em;
		}
		#menu .ttl {
			font-size: 5.625vw;
			letter-spacing: 0.05em;
			padding: 0 0 3.75%;
			margin: 0 0 8.3%;
		}
		#menu .ttl::after {
			width: 8.3%;
		}
		#menu .cont01,
		#menu .cont02 {
			float: none;
			width: 100%;
			padding: 0 0 17.5%;
		}
		#menu .cont03 {
			float: none;
			width: 100%;
		}
		#menu .menu01 > ul > li + li {
			margin: 9.79% 0 0;
		}
		#menu .menu01 > ul > li > div {
			margin: 0 0 5%;
		}
		#menu .menu01 > ul > li > div .main_ttl {
			font-size: 9.375vw;
			letter-spacing: 0.03em;
		}
		#menu .menu01 .capture {
			font-size: 3.125vw;
			letter-spacing: 0.05em;
			padding: 0 0 3%;
		}
		#menu .menu01 li ul {
			padding-left: 11.25%;
		}
		#menu .menu01 li li {
			padding: 0 0 5.8%;
		}
		#menu .menu01 li li .main_ttl {
			font-size: 5.3vw;
			letter-spacing: 0.05em;
		}
		#menu .menu01 li li .main_ttl span {
			font-size: 3.75vw;
			padding: 1% 0 3%;
		}
		#menu .menu01 li li .txt_ttl {
			font-size: 2.8vw;
		}
		#menu .menu01 li li .sub_ttl {
			font-size: 3.4vw;
			letter-spacing: 0.05em;
		}
		#menu .menu01 .list_wrap01 .main_ttl {
			font-size: 5.3vw;
		}
		#menu .menu01 .list_wrap02 .txt_ttl {
			font-size: 2.8vw;
		}
		#menu .menu01 .list_wrap02 .lead_ttl {
			font-size: 3.75vw;
		}
		#menu .menu01 .list_wrap03 .txt_ttl {
			padding: 0 0 2%;
		}
		#menu .menu01 .list_wrap03 .list05 p {
			font-size: 3.4vw;
			letter-spacing: 0.05em;
		}
		#menu .menu02 li {
			font-size: 4.16%;
		}
		#menu .menu03 > ul > li {
			padding: 0 0 7.9%;
		}
		#menu .menu03 p br {
			display: none;
		}
		#menu .menu03 p .link {
			padding-left: 2%;
		}
		#menu .menu03 .list04 {
			display: block;
			padding: 8.3% 0 0;
			display: none;
		}
		#menu .menu03 .list04 p {
			font-size: 5.625vw;
			letter-spacing: 0.05em;
		}
		#menu .menu03 .list03 li {
			width: 13%;
		}
		#menu .menu03 .list04 li {
			width: 20%;
		}
		#menu .menu03 .list03 li a,
		#menu .menu03 .list04 li a {
			width: 100%;
			height: auto;
			padding: 112.5% 0 0;
		}
		#menu .menu03 .list03 li a .hover {
			height: 80px;
		}
		#menu .menu03 .list04 li a .hover {
			height: 127px;
		}
		#menu .menu03 .list03 .fb a .hover .hover_inner .hover_inner_icn,
		#menu .menu03 .list03 .fb .icn,
		#menu .menu03 .list03 .fb a:hover .icn,
		#menu .menu03 .list04 .fb a .hover .hover_inner .hover_inner_icn,
		#menu .menu03 .list04 .fb .icn,
		#menu .menu03 .list04 .fb a:hover .icn {
			background-size: 38.6% auto;
		}
		#menu .menu03 .list03 .youtube a .hover .hover_inner .hover_inner_icn,
		#menu .menu03 .list03 .youtube .icn,
		#menu .menu03 .list03 .youtube a:hover .icn {
			background-size: 40% auto;
		}
		#menu .menu03 .list03 .instagram a .hover .hover_inner .hover_inner_icn,
		#menu .menu03 .list03 .instagram .icn,
		#menu .menu03 .list03 .instagram a:hover .icn {
			background-size: 36.9% auto;
		}
		#menu .menu03 .list04 .twitter a .hover .hover_inner .hover_inner_icn,
		#menu .menu03 .list04 .twitter .icn,
		#menu .menu03 .list04 .twitter a:hover .icn {
			background-size: 66% auto;
		}
		#menu .menu03 .list04 .line a .hover .hover_inner .hover_inner_icn,
		#menu .menu03 .list04 .line .icn,
		#menu .menu03 .list04 .line a:hover .icn {
			background-size: 40% auto;
		}
		#menu .menu01 .list_wrap03 ul + ul {
			margin-top: 5%;
		}
		#menu .menu01 .lsit_year {
			padding: 0 0 2%;
		}
		#menu .menu01 .ttl_year {
			font-size: 5.3vw;
		}
		#menu .menu01 .ttl_year .icn_new {
			font-size: 2.5vw;
			padding: 2% 2.6% 1.5% 3.3%;
			margin-left: 3%;
		}
		#menu .menu01 .list_wrap03 br.pc {
			display: none;
		}
		#menu .menu01 .list_wrap03 .list01 .txt_ttl {
			font-size: 3.75vw;
			padding: 1% 0 0;
		}
		#menu .menu01 .list_wrap02 {
			margin-top: 12%;
		}
	}
body.openmenu .menu_grp1{
	opacity:1;
	transform: translateY(0px);
	-webkit-transition: opacity 0.5s ease 0.5s, transform 0.5s ease 0.5s;
	-moz-transition: opacity 0.5s ease 0.5s, transform 0.5s ease 0.5s;
	-o-transition: opacity 0.5s ease 0.5s, transform 0.5s ease 0.5s;
	-ms-transition: opacity 0.5s ease 0.5s, transform 0.5s ease 0.5s;
	transition: opacity 0.5s ease 0.5s, transform 0.5s ease 0.5s;
}
body.openmenu .menu_grp2{
	opacity:1;
	transform: translateY(0px);
	-webkit-transition: opacity 0.5s ease 0.7s, transform 0.5s ease 0.7s;
	-moz-transition: opacity 0.5s ease 0.7s, transform 0.5s ease 0.7s;
	-o-transition: opacity 0.5s ease 0.7s, transform 0.5s ease 0.7s;
	-ms-transition: opacity 0.5s ease 0.7s, transform 0.5s ease 0.7s;
	transition: opacity 0.5s ease 0.7s, transform 0.5s ease 0.7s;
}
body.openmenu .menu_grp3{
	opacity:1;
	transform: translateY(0px);
	-webkit-transition: opacity 0.5s ease 0.9s, transform 0.5s ease 0.9s;
	-moz-transition: opacity 0.5s ease 0.9s, transform 0.5s ease 0.9s;
	-o-transition: opacity 0.5s ease 0.9s, transform 0.5s ease 0.9s;
	-ms-transition: opacity 0.5s ease 0.9s, transform 0.5s ease 0.9s;
	transition: opacity 0.5s ease 0.9s, transform 0.5s ease 0.9s;
}
body.openmenu .menu_grp4{
	opacity:1;
	transform: translateY(0px);
	-webkit-transition: opacity 0.5s ease 1.1s, transform 0.5s ease 1.1s;
	-moz-transition: opacity 0.5s ease 1.1s, transform 0.5s ease 1.1s;
	-o-transition: opacity 0.5s ease 1.1s, transform 0.5s ease 1.1s;
	-ms-transition: opacity 0.5s ease 1.1s, transform 0.5s ease 1.1s;
	transition: opacity 0.5s ease 1.1s, transform 0.5s ease 1.1s;
}
body.openmenu .menu_grp5{
	opacity:1;
	transform: translateY(0px);
	-webkit-transition: opacity 0.5s ease 1.3s, transform 0.5s ease 1.3s;
	-moz-transition: opacity 0.5s ease 1.3s, transform 0.5s ease 1.3s;
	-o-transition: opacity 0.5s ease 1.3s, transform 0.5s ease 1.3s;
	-ms-transition: opacity 0.5s ease 1.3s, transform 0.5s ease 1.3s;
	transition: opacity 0.5s ease 1.3s, transform 0.5s ease 1.3s;
}
body.openmenu .menu_grp6{
	opacity:1;
	transform: translateY(0px);
	-webkit-transition: opacity 0.5s ease 1.5s, transform 0.5s ease 1.5s;
	-moz-transition: opacity 0.5s ease 1.5s, transform 0.5s ease 1.5s;
	-o-transition: opacity 0.5s ease 1.5s, transform 0.5s ease 1.5s;
	-ms-transition: opacity 0.5s ease 1.5s, transform 0.5s ease 1.5s;
	transition: opacity 0.5s ease 1.5s, transform 0.5s ease 1.5s;
}
body.openmenu .menu_grp7{
	opacity:1;
	transform: translateY(0px);
	-webkit-transition: opacity 0.5s ease 1.7s, transform 0.5s ease 1.7s;
	-moz-transition: opacity 0.5s ease 1.7s, transform 0.5s ease 1.7s;
	-o-transition: opacity 0.5s ease 1.7s, transform 0.5s ease 1.7s;
	-ms-transition: opacity 0.5s ease 1.7s, transform 0.5s ease 1.7s;
	transition: opacity 0.5s ease 1.7s, transform 0.5s ease 1.7s;
}
body.openmenu .menu_grp8{
	opacity:1;
	transform: translateY(0px);
	-webkit-transition: opacity 0.5s ease 1.9s, transform 0.5s ease 1.9s;
	-moz-transition: opacity 0.5s ease 1.9s, transform 0.5s ease 1.9s;
	-o-transition: opacity 0.5s ease 1.9s, transform 0.5s ease 1.9s;
	-ms-transition: opacity 0.5s ease 1.9s, transform 0.5s ease 1.9s;
	transition: opacity 0.5s ease 1.9s, transform 0.5s ease 1.9s;
}
body.openmenu .menu_grp9{
	opacity:1;
	transform: translateY(0px);
	-webkit-transition: opacity 0.5s ease 2.1s, transform 0.5s ease 2.1s;
	-moz-transition: opacity 0.5s ease 2.1s, transform 0.5s ease 2.1s;
	-o-transition: opacity 0.5s ease 2.1s, transform 0.5s ease 2.1s;
	-ms-transition: opacity 0.5s ease 2.1s, transform 0.5s ease 2.1s;
	transition: opacity 0.5s ease 2.1s, transform 0.5s ease 2.1s;
}
body.openmenu .menu_grp10{
	opacity:1;
	transform: translateY(0px);
	-webkit-transition: opacity 0.5s ease 2.3s, transform 0.5s ease 2.3s;
	-moz-transition: opacity 0.5s ease 2.3s, transform 0.5s ease 2.3s;
	-o-transition: opacity 0.5s ease 2.3s, transform 0.5s ease 2.3s;
	-ms-transition: opacity 0.5s ease 2.3s, transform 0.5s ease 2.3s;
	transition: opacity 0.5s ease 2.3s, transform 0.5s ease 2.3s;
}
body.openmenu .menu_grp11{
	opacity:1;
	transform: translateY(0px);
	-webkit-transition: opacity 0.5s ease 2.5s, transform 0.5s ease 2.5s;
	-moz-transition: opacity 0.5s ease 2.5s, transform 0.5s ease 2.5s;
	-o-transition: opacity 0.5s ease 2.5s, transform 0.5s ease 2.5s;
	-ms-transition: opacity 0.5s ease 2.5s, transform 0.5s ease 2.5s;
	transition: opacity 0.5s ease 2.5s, transform 0.5s ease 2.5s;
}
body.openmenu .menu_grp12{
	opacity:1;
	transform: translateY(0px);
	-webkit-transition: opacity 0.5s ease 2.7s, transform 0.5s ease 2.7s;
	-moz-transition: opacity 0.5s ease 2.7s, transform 0.5s ease 2.7s;
	-o-transition: opacity 0.5s ease 2.7s, transform 0.5s ease 2.7s;
	-ms-transition: opacity 0.5s ease 2.7s, transform 0.5s ease 2.7s;
	transition: opacity 0.5s ease 2.7s, transform 0.5s ease 2.7s;
}
body.openmenu .menu_grp13{
	opacity:1;
	transform: translateY(0px);
	-webkit-transition: opacity 0.5s ease 2.9s, transform 0.5s ease 2.9s;
	-moz-transition: opacity 0.5s ease 2.9s, transform 0.5s ease 2.9s;
	-o-transition: opacity 0.5s ease 2.9s, transform 0.5s ease 2.9s;
	-ms-transition: opacity 0.5s ease 2.9s, transform 0.5s ease 2.9s;
	transition: opacity 0.5s ease 2.9s, transform 0.5s ease 2.9s;
}
body.openmenu .menu_grp14{
	opacity:1;
	transform: translateY(0px);
	-webkit-transition: opacity 0.5s ease 3.1s, transform 0.5s ease 3.1s;
	-moz-transition: opacity 0.5s ease 3.1s, transform 0.5s ease 3.1s;
	-o-transition: opacity 0.5s ease 3.1s, transform 0.5s ease 3.1s;
	-ms-transition: opacity 0.5s ease 3.1s, transform 0.5s ease 3.1s;
	transition: opacity 0.5s ease 3.1s, transform 0.5s ease 3.1s;
}
body.openmenu .menu_grp15{
	opacity:1;
	transform: translateY(0px);
	-webkit-transition: opacity 0.5s ease 3.3s, transform 0.5s ease 3.3s;
	-moz-transition: opacity 0.5s ease 3.3s, transform 0.5s ease 3.3s;
	-o-transition: opacity 0.5s ease 3.3s, transform 0.5s ease 3.3s;
	-ms-transition: opacity 0.5s ease 3.3s, transform 0.5s ease 3.3s;
	transition: opacity 0.5s ease 3.3s, transform 0.5s ease 3.3s;
}
body.openmenu .menu_grp16{
	opacity:1;
	transform: translateY(0px);
	-webkit-transition: opacity 0.5s ease 3.5s, transform 0.5s ease 3.5s;
	-moz-transition: opacity 0.5s ease 3.5s, transform 0.5s ease 3.5s;
	-o-transition: opacity 0.5s ease 3.5s, transform 0.5s ease 3.5s;
	-ms-transition: opacity 0.5s ease 3.5s, transform 0.5s ease 3.5s;
	transition: opacity 0.5s ease 3.5s, transform 0.5s ease 3.5s;
}
body.openmenu .menu_grp17{
	opacity:1;
	transform: translateY(0px);
	-webkit-transition: opacity 0.5s ease 3.7s, transform 0.5s ease 3.7s;
	-moz-transition: opacity 0.5s ease 3.7s, transform 0.5s ease 3.7s;
	-o-transition: opacity 0.5s ease 3.7s, transform 0.5s ease 3.7s;
	-ms-transition: opacity 0.5s ease 3.7s, transform 0.5s ease 3.7s;
	transition: opacity 0.5s ease 3.7s, transform 0.5s ease 3.7s;
}
body.openmenu .menu_grp18{
	opacity:1;
	transform: translateY(0px);
	-webkit-transition: opacity 0.5s ease 3.9s, transform 0.5s ease 3.9s;
	-moz-transition: opacity 0.5s ease 3.9s, transform 0.5s ease 3.9s;
	-o-transition: opacity 0.5s ease 3.9s, transform 0.5s ease 3.9s;
	-ms-transition: opacity 0.5s ease 3.9s, transform 0.5s ease 3.9s;
	transition: opacity 0.5s ease 3.9s, transform 0.5s ease 3.9s;
}
body.openmenu .menu_grp19{
	opacity:1;
	transform: translateY(0px);
	-webkit-transition: opacity 0.5s ease 4.1s, transform 0.5s ease 4.1s;
	-moz-transition: opacity 0.5s ease 4.1s, transform 0.5s ease 4.1s;
	-o-transition: opacity 0.5s ease 4.1s, transform 0.5s ease 4.1s;
	-ms-transition: opacity 0.5s ease 4.1s, transform 0.5s ease 4.1s;
	transition: opacity 0.5s ease 4.1s, transform 0.5s ease 4.1s;
}
body.openmenu .menu_grp20{
	opacity:1;
	transform: translateY(0px);
	-webkit-transition: opacity 0.5s ease 4.3s, transform 0.5s ease 4.3s;
	-moz-transition: opacity 0.5s ease 4.3s, transform 0.5s ease 4.3s;
	-o-transition: opacity 0.5s ease 4.3s, transform 0.5s ease 4.3s;
	-ms-transition: opacity 0.5s ease 4.3s, transform 0.5s ease 4.3s;
	transition: opacity 0.5s ease 4.3s, transform 0.5s ease 4.3s;
}
body.openmenu .menu_grp21{
	opacity:1;
	transform: translateY(0px);
	-webkit-transition: opacity 0.5s ease 4.5s, transform 0.5s ease 4.5s;
	-moz-transition: opacity 0.5s ease 4.5s, transform 0.5s ease 4.5s;
	-o-transition: opacity 0.5s ease 4.5s, transform 0.5s ease 4.5s;
	-ms-transition: opacity 0.5s ease 4.5s, transform 0.5s ease 4.5s;
	transition: opacity 0.5s ease 4.5s, transform 0.5s ease 4.5s;
}
body.openmenu .menu_grp22{
	opacity:1;
	transform: translateY(0px);
	-webkit-transition: opacity 0.5s ease 4.7s, transform 0.5s ease 4.7s;
	-moz-transition: opacity 0.5s ease 4.7s, transform 0.5s ease 4.7s;
	-o-transition: opacity 0.5s ease 4.7s, transform 0.5s ease 4.7s;
	-ms-transition: opacity 0.5s ease 4.7s, transform 0.5s ease 4.7s;
	transition: opacity 0.5s ease 4.7s, transform 0.5s ease 4.7s;
}
body.openmenu .menu_grp23{
	opacity:1;
	transform: translateY(0px);
	-webkit-transition: opacity 0.5s ease 4.9s, transform 0.5s ease 4.9s;
	-moz-transition: opacity 0.5s ease 4.9s, transform 0.5s ease 4.9s;
	-o-transition: opacity 0.5s ease 4.9s, transform 0.5s ease 4.9s;
	-ms-transition: opacity 0.5s ease 4.9s, transform 0.5s ease 4.9s;
	transition: opacity 0.5s ease 4.9s, transform 0.5s ease 4.9s;
}
body.openmenu .menu_grp24{
	opacity:1;
	transform: translateY(0px);
	-webkit-transition: opacity 0.5s ease 5.1s, transform 0.5s ease 5.1s;
	-moz-transition: opacity 0.5s ease 5.1s, transform 0.5s ease 5.1s;
	-o-transition: opacity 0.5s ease 5.1s, transform 0.5s ease 5.1s;
	-ms-transition: opacity 0.5s ease 5.1s, transform 0.5s ease 5.1s;
	transition: opacity 0.5s ease 5.1s, transform 0.5s ease 5.1s;
}
body.openmenu .menu_grp25{
	opacity:1;
	transform: translateY(0px);
	-webkit-transition: opacity 0.5s ease 5.3s, transform 0.5s ease 5.3s;
	-moz-transition: opacity 0.5s ease 5.3s, transform 0.5s ease 5.3s;
	-o-transition: opacity 0.5s ease 5.3s, transform 0.5s ease 5.3s;
	-ms-transition: opacity 0.5s ease 5.3s, transform 0.5s ease 5.3s;
	transition: opacity 0.5s ease 5.3s, transform 0.5s ease 5.3s;
}
body.openmenu .menu_grp26{
	opacity:1;
	transform: translateY(0px);
	-webkit-transition: opacity 0.5s ease 5.5s, transform 0.5s ease 5.5s;
	-moz-transition: opacity 0.5s ease 5.5s, transform 0.5s ease 5.5s;
	-o-transition: opacity 0.5s ease 5.5s, transform 0.5s ease 5.5s;
	-ms-transition: opacity 0.5s ease 5.5s, transform 0.5s ease 5.5s;
	transition: opacity 0.5s ease 5.5s, transform 0.5s ease 5.5s;
}
/* 2021 */
body.openmenu .menu_grp27{
	opacity:1;
	transform: translateY(0px);
	-webkit-transition: opacity 0.5s ease 5.7s, transform 0.5s ease 5.7s;
	-moz-transition: opacity 0.5s ease 5.7s, transform 0.5s ease 5.7s;
	-o-transition: opacity 0.5s ease 5.7s, transform 0.5s ease 5.7s;
	-ms-transition: opacity 0.5s ease 5.7s, transform 0.5s ease 5.7s;
	transition: opacity 0.5s ease 5.7s, transform 0.5s ease 5.7s;
}
body.openmenu .menu_grp28{
	opacity:1;
	transform: translateY(0px);
	-webkit-transition: opacity 0.5s ease 5.9s, transform 0.5s ease 5.9s;
	-moz-transition: opacity 0.5s ease 5.9s, transform 0.5s ease 5.9s;
	-o-transition: opacity 0.5s ease 5.9s, transform 0.5s ease 5.9s;
	-ms-transition: opacity 0.5s ease 5.9s, transform 0.5s ease 5.9s;
	transition: opacity 0.5s ease 5.9s, transform 0.5s ease 5.9s;
}
/* 2022 */
body.openmenu .menu_grp29{
	opacity:1;
	transform: translateY(0px);
	-webkit-transition: opacity 0.5s ease 6.1s, transform 0.5s ease 6.1s;
	-moz-transition: opacity 0.5s ease 6.1s, transform 0.5s ease 6.1s;
	-o-transition: opacity 0.5s ease 6.1s, transform 0.5s ease 6.1s;
	-ms-transition: opacity 0.5s ease 6.1s, transform 0.5s ease 6.1s;
	transition: opacity 0.5s ease 6.1s, transform 0.5s ease 6.1s;
}
body.openmenu .menu_grp30{
	opacity:1;
	transform: translateY(0px);
	-webkit-transition: opacity 0.5s ease 6.3s, transform 0.5s ease 6.3s;
	-moz-transition: opacity 0.5s ease 6.3s, transform 0.5s ease 6.3s;
	-o-transition: opacity 0.5s ease 6.3s, transform 0.5s ease 6.3s;
	-ms-transition: opacity 0.5s ease 6.3s, transform 0.5s ease 6.3s;
	transition: opacity 0.5s ease 6.3s, transform 0.5s ease 6.3s;
}
[class*="menu_grp"]{
	opacity:0;
	transform: translateY(40px);
	-webkit-transition: opacity 0.5s ease 0s,transform 0.5 0s;
	-moz-transition: opacity 0.5s ease 0s,transform 0.5 0s;
	-o-transition: opacity 0.5s ease 0s,transform 0.5 0s;
	-ms-transition: opacity 0.5s ease 0s,transform 0.5 0s;
	transition: opacity 0.5s ease 0s,transform 0.5 0s;
}
/*=================================================
btn_grid
==================================================*/
.btn_grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 17px;
	height: 17px;
}
.btn_grid .dot {
	width: 3px;
	height: 3px;
	background: #fff;
	opacity: 1;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-animation: project-icon 3s ease infinite alternate;
	animation: project-icon 3s ease infinite alternate
}
.btn_grid .dot:nth-child(3n+1) {
    margin-right: 4px
}
.btn_grid .dot:nth-child(3n+2) {
    margin-right: 4px;
    margin-bottom: 4px
}
.btn_grid .dot:nth-child(2),
.btn_grid .dot:nth-child(4) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s
}
.btn_grid .dot:nth-child(3),
.btn_grid .dot:nth-child(5),
.btn_grid .dot:nth-child(7) {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s
}
.btn_grid .dot:nth-child(6),
.btn_grid .dot:nth-child(8) {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}
.btn_grid .dot:nth-child(9) {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s
}
    @-webkit-keyframes project-icon {
        0%,
        70% {
            opacity: 1
        }
        100% {
            opacity: 0
        }
    }
    @keyframes project-icon {
        0%,
        70% {
            opacity: 1
        }
        100% {
            opacity: 0
        }
	}
	@media (max-width: 750px) {
		.btn_grid {
			width: 27px;
			height: 27px;
		}
		.btn_grid .dot {
            -webkit-animation: none;
			animation: none;
			width: 5px;
			height: 5px;
		}
		.btn_grid .dot:nth-child(3n+1) {
			margin-right: 6px
		}
		.btn_grid .dot:nth-child(3n+2) {
			margin-right: 6px;
			margin-bottom: 6px
		}
	}
	@media (max-width: 480px) {
		.btn_grid {
			width: 17px;
			height: 17px;
		}
		.btn_grid .dot {
			width: 3px;
			height: 3px;
		}
		.btn_grid .dot:nth-child(3n+1) {
			margin-right: 4px
		}
		.btn_grid .dot:nth-child(3n+2) {
			margin-right: 4px;
			margin-bottom: 4px
		}
	}
.menu_close {
	position: relative;
}
.menu_close .dot {
	display: none;
	-webkit-animation: none;
    animation: none;
    height: 2px;
}
.menu_close .dot:first-child,
.menu_close .dot:last-child {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 24px;
	margin: -2px 0 0 -3px;
}
.menu_close .dot:first-child {
	-webkit-transform: rotate(315deg);
	-ms-transform: rotate(315deg);
	transform: rotate(315deg);
}
.menu_close .dot:last-child {
	-webkit-transform: rotate(-315deg);
	-ms-transform: rotate(-315deg);
	transform: rotate(-315deg);
}
/*==================================================
font-fase
==================================================*/
.fontCalibre_l { font-family: 'Calibre-Light'; }
.fontCalibre_m { font-family: 'Calibre-Medium'; }
.fontCalibre_mi { 	font-family: 'Calibre-MediumItalic'; }
.fontCalibre_r { font-family: 'Calibre-Regular'; }
.fontCalibre_sb { font-family: 'Calibre-Semibold'; }
@font-face {
	font-family: 'Calibre-Light';
	src: url('https://www.citizenwatch-global.com/webfonts/calibre/CalibreWeb-Light.woff'), url('https://www.citizenwatch-global.com/webfonts/calibre/CalibreWeb-Light.eot');
}
@font-face {
	font-family: 'Calibre-Medium';
	src: url('https://www.citizenwatch-global.com/webfonts/calibre/CalibreWeb-Medium.woff'), url('https://www.citizenwatch-global.com/webfonts/calibre/CalibreWeb-Medium.eot');
}
@font-face {
	font-family: 'Calibre-MediumItalic';
	src: url('https://www.citizenwatch-global.com/webfonts/calibre/CalibreWeb-MediumItalic.woff'), url('https://www.citizenwatch-global.com/webfonts/calibre/CalibreWeb-MediumItalic.eot');
}
@font-face {
	font-family: 'Calibre-Regular';
	src: url('https://www.citizenwatch-global.com/webfonts/calibre/CalibreWeb-Regular.woff'), url('https://www.citizenwatch-global.com/webfonts/calibre/CalibreWeb-Regular.eot');
}
@font-face {
	font-family: 'Calibre-Semibold';
	src: url('https://www.citizenwatch-global.com/webfonts/calibre/CalibreWeb-Semibold.woff'), url('https://www.citizenwatch-global.com/webfonts/calibre/CalibreWeb-Semibold.eot');
}
/*==================================================
MYMODAL
==================================================*/
#mymodal #mymodalmask{
	overflow: auto;
	position: relative;
	padding: 0px;
	margin: 0px;
	width: 100%;
	max-width: 100%;
	height: 100%;
	z-index:6002;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
#mymodal{
	position:fixed;
	z-index:6000;
	width:100%;
	height:100%;
	padding-bottom:1px;
	top:0px;
	left:0px;
	display:none;
}
#mymodal.nobg{
	background-color:none;
}
#mymodal #mymodalmask_bg{
	background: #df0615;
	position:absolute;
	right:0px;
	top:0px;
	left:auto;
	bottom:auto;
	height:100%;
	width:0px;
		z-index:6001;
}
#mymodalheader {
	position:fixed;
	z-index:6500;
	width:100%;
	top:0px;
	left:0px;
}
#mymodal_clickarea_top{
	position:fixed;
	z-index:6001;
	width:100%;
	top:0px;
	left:0px;
	bottom:auto;
	right:auto;
}
#mymodal_clickarea_bottom{
	position:fixed;
	z-index:6001;
	width:100%;
	top:auto;
	left:0px;
	bottom:0px;
	right:auto;
}
#mymodal_clickarea_right{
	position:fixed;
	z-index:6001;
	height:100%;
	top:0px;
	left:auto;
	bottom:auto;
	right:0px;
}
#mymodal_clickarea_left{
	position:fixed;
	z-index:6001;
	height:100%;
	top:0px;
	left:0px;
	bottom:auto;
	right:auto;
}
#mymodal_cont {
	z-index:6010;
	background:#ffffff;
	position:relative;
	top:5%;
	left:50%;
	width:90.625%;
	-webkit-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	box-sizing:border-box;
	padding: 70px 6.59% 12.9% 6.59%;
}
#mymodal_cont img{
	width:100%;
}
#mymodal_cont figure{
	margin-bottom:20px;
}
#mymodal_cont p{
	line-height:200%;
}
#mymodal_cont .btn_close {
	position:absolute;
	top: 35px;
	right:13%;
}
#mymodal_cont .btn_close:after {
	display: block;
	position: absolute;
	top: 50%;
	right: -55%;
	width: 16px;
	height: 16px;
	content: "";
	margin-top: -8px;
	background: url(https://www.citizenwatch-global.com/promaster30th/img/sys/modal_icn_close.png) no-repeat 0 0;
	background-size: contain;
}
.mymodal_noscroll{
	z-index:6100;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
#modal_movie_report,
#modal_localsite,
#modal_movie_sky,
#modal_movie_marine02,
#modal_movie_marine01,
#modal_movie_land,
#modal_movie{
	position: fixed;
	width: 100%;
	height: 100%;
	display:none;
	z-index:6022;
	top:0px;
	left:0px;
}
#modal_movie_report .movie,
#modal_localsite .localsite,
#modal_movie_sky .movie,
#modal_movie_marine02 .movie,
#modal_movie_marine01 .movie,
#modal_movie_land .movie,
#modal_movie .movie {
	width:67.5%;
	height:auto;
	padding-top: 38%;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#modal_movie_report iframe,
#modal_movie_sky iframe,
#modal_movie_marine02 iframe,
#modal_movie_marine01 iframe,
#modal_movie_land iframe,
#modal_movie iframe{
	position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
#modal_movie_sp_report iframe,
#modal_movie_sp_sky iframe,
#modal_movie_sp_marine02 iframe,
#modal_movie_sp_marine01 iframe,
#modal_movie_sp_land iframe,
#modal_movie_sp iframe{
	position: absolute;
  top:0px;
  left:0px;
	bottom:0px;
  right:0px;
  width: 100%;
  height: 100%;
}
#modal_movie_sp_report .btn_close,
#modal_movie_sp_sky .btn_close,
#modal_movie_sp_marine02 .btn_close,
#modal_movie_sp_marine01 .btn_close,
#modal_movie_sp_land .btn_close,
#modal_movie_sp .btn_close,
#modal_movie_report .btn_close,
#modal_localsite .btn_close,
#modal_movie_sky .btn_close,
#modal_movie_marine02 .btn_close,
#modal_movie_marine01 .btn_close,
#modal_movie_land .btn_close,
#modal_movie .btn_close {
	position: absolute;
	top: 0;
	right: 0;
	border-left: 1px solid #fff;
	width: 80px;
	height: 100%;
	cursor: pointer;
		z-index:6024;
}
#modal_movie_sp_report .btn_close .icn_close,
#modal_movie_sp_sky .btn_close .icn_close,
#modal_movie_sp_marine02 .btn_close .icn_close,
#modal_movie_sp_marine01 .btn_close .icn_close,
#modal_movie_sp_land .btn_close .icn_close,
#modal_movie_sp .btn_close .icn_close,
#modal_movie_report .btn_close .icn_close,
#modal_localsite .btn_close .icn_close,
#modal_movie_sky .btn_close .icn_close,
#modal_movie_marine02 .btn_close .icn_close,
#modal_movie_marine01 .btn_close .icn_close,
#modal_movie_land .btn_close .icn_close,
#modal_movie .btn_close .icn_close {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 24px;
	width: 17px;
	height: 17px;
}
#modal_movie_report .btn_close .icn_close,
#modal_localsite .btn_close .icn_close,
#modal_movie_sky .btn_close .icn_close,
#modal_movie_marine02 .btn_close .icn_close,
#modal_movie_marine01 .btn_close .icn_close,
#modal_movie_land .btn_close .icn_close,
#modal_movie .btn_close .icn_close {
	-webkit-transform: translate(-50%, -50%) rotate(0deg);
	transform: translate(-50%, -50%) rotate(0deg);
	margin-right: -17px;
	transition: transform 0.2s ease-out;
	-webkit-transition: -webkit-transform 0.2s ease-out;
	-moz-transition: -moz-transform 0.2s ease-out;
	transition: all .3s;
}
#modal_movie_report .btn_close .icn_close:hover,
#modal_localsite .btn_close .icn_close:hover,
#modal_movie_sky .btn_close .icn_close:hover,
#modal_movie_marine02 .btn_close .icn_close:hover,
#modal_movie_marine01 .btn_close .icn_close:hover,
#modal_movie_land .btn_close .icn_close:hover,
#modal_movie .btn_close .icn_close:hover {
	-webkit-transform: translate(-50%, -50%) rotate(180deg);
	-moz-transform: translate(-50%, -50%) rotate(180deg);
	transform: translate(-50%, -50%) rotate(180deg);
}
#modal_movie_sp_report .btn_close .inner,
#modal_movie_sp_sky .btn_close .inner,
#modal_movie_sp_marine02 .btn_close .inner,
#modal_movie_sp_marine01 .btn_close .inner,
#modal_movie_sp_land .btn_close .inner,
#modal_movie_sp .btn_close .inner,
#modal_movie_report .btn_close .inner,
#modal_localsite .btn_close .inner,
#modal_movie_sky .btn_close .inner,
#modal_movie_marine02 .btn_close .inner,
#modal_movie_marine01 .btn_close .inner,
#modal_movie_land .btn_close .inner,
#modal_movie .btn_close .inner {
	top: 80px;
	width: 100%;
	height: calc(100% - 275px);
	height: calc(100% - 80px);
}
#modal_movie_sp_report .icn_close span,
#modal_movie_sp_sky .icn_close span,
#modal_movie_sp_marine02 .icn_close span,
#modal_movie_sp_marine01 .icn_close span,
#modal_movie_sp_land .icn_close span,
#modal_movie_sp .icn_close span,
#modal_movie_report .icn_close span,
#modal_localsite .icn_close span,
#modal_movie_sky .icn_close span,
#modal_movie_marine02 .icn_close span,
#modal_movie_marine01 .icn_close span,
#modal_movie_land .icn_close span,
#modal_movie .icn_close span {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 24px;
	height: 2px;
	background: #fff;
	margin: -2px 0 0 -3px;
}
#modal_movie_sp_report .icn_close span:first-child,
#modal_movie_sp_sky .icn_close span:first-child,
#modal_movie_sp_marine02 .icn_close span:first-child,
#modal_movie_sp_marine01 .icn_close span:first-child,
#modal_movie_sp_land .icn_close span:first-child,
#modal_movie_sp .icn_close span:first-child,
#modal_movie_report .icn_close span:first-child,
#modal_localsite .icn_close span:first-child,
#modal_movie_sky .icn_close span:first-child,
#modal_movie_marine02 .icn_close span:first-child,
#modal_movie_marine01 .icn_close span:first-child,
#modal_movie_land .icn_close span:first-child,
#modal_movie .icn_close span:first-child {
	-webkit-transform: rotate(315deg);
	-ms-transform: rotate(315deg);
	transform: rotate(315deg);
}
#modal_movie_sp_report .icn_close span:last-child,
#modal_movie_sp_sky .icn_close span:last-child,
#modal_movie_sp_marine02 .icn_close span:last-child,
#modal_movie_sp_marine01 .icn_close span:last-child,
#modal_movie_sp_land .icn_close span:last-child,
#modal_movie_sp .icn_close span:last-child,
#modal_movie_report .icn_close span:last-child,
#modal_localsite .icn_close span:last-child,
#modal_movie_sky .icn_close span:last-child,
#modal_movie_marine02 .icn_close span:last-child,
#modal_movie_marine01 .icn_close span:last-child,
#modal_movie_land .icn_close span:last-child,
#modal_movie .icn_close span:last-child {
	-webkit-transform: rotate(-315deg);
	-ms-transform: rotate(-315deg);
	transform: rotate(-315deg);
}
#modal_movie_sp_report,
#modal_movie_sp_sky,
#modal_movie_sp_marine02,
#modal_movie_sp_marine01,
#modal_movie_sp_land,
#modal_movie_sp {
	position:fixed;
	left:-5000px;
	width:100%;
	height:100%;
	z-index:6022;
	top:0;
}
#modal_movie_sp_report_inner,
#modal_movie_sp_sky_inner,
#modal_movie_sp_marine02_inner,
#modal_movie_sp_marine01_inner,
#modal_movie_sp_land_inner,
#modal_movie_sp_inner {
	width:70%;
	position:fixed;
	top:50%;
	left:-5000px;
	-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
	z-index:6022;
}
	@media (max-width: 990px) {
		#modal_movie_sp_report .btn_close,
		#modal_movie_sp_sky .btn_close,
		#modal_movie_sp_marine02 .btn_close,
		#modal_movie_sp_marine01 .btn_close,
		#modal_movie_sp_land .btn_close,
		#modal_movie_sp .btn_close,
		#modal_movie_report .btn_close,
		#modal_localsite .btn_close,
		#modal_movie_sky .btn_close,
		#modal_movie_marine02 .btn_close,
		#modal_movie_marine01 .btn_close,
		#modal_movie_land .btn_close,
		#modal_movie .btn_close {
			width: 65px;
		}
	}
	@media (max-width: 750px) {
		#modal_movie_sp_report_inner,
		#modal_movie_sp_sky_inner,
		#modal_movie_sp_marine02_inner,
		#modal_movie_sp_marine01_inner,
		#modal_movie_sp_land_inner,
		#modal_movie_sp_inner,
		#modal_movie_report,
		#modal_movie_sky,
		#modal_movie_marine02,
		#modal_movie_marine01,
		#modal_movie_land,
		#modal_movie{
			width:70%;
		}
		#modal_movie_sp_report iframe,
		#modal_movie_sp_sky iframe,
		#modal_movie_sp_marine02 iframe,
		#modal_movie_sp_marine01 iframe,
		#modal_movie_sp_land iframe,
		#modal_movie_sp iframe,
		#modal_movie_report iframe,
		#modal_movie_sky iframe,
		#modal_movie_marine02 iframe,
		#modal_movie_marine01 iframe,
		#modal_movie_land iframe,
		#modal_movie iframe{
			width:100%;
		}
		#modal_movie_sp_report .btn_close .icn_close,
		#modal_movie_sp_sky .btn_close .icn_close,
		#modal_movie_sp_marine02 .btn_close .icn_close,
		#modal_movie_sp_marine01 .btn_close .icn_close,
		#modal_movie_sp_land .btn_close .icn_close,
		#modal_movie_sp .btn_close .icn_close,
		#modal_movie_report .btn_close .icn_close,
		#modal_localsite .btn_close .icn_close,
		#modal_localsite .btn_close .icn_close:hover,
		#modal_movie_sky .btn_close .icn_close,
		#modal_movie_marine02 .btn_close .icn_close,
		#modal_movie_marine01 .btn_close .icn_close,
		#modal_movie_land .btn_close .icn_close,
		#modal_movie .btn_close .icn_close {
			left: 0;
			-webkit-transform: translate(0%, -50%);
			transform: translate(0%, -50%);
		}
		#modal_movie_sp_report .btn_close,
		#modal_movie_sp_sky .btn_close,
		#modal_movie_sp_marine02 .btn_close,
		#modal_movie_sp_marine01 .btn_close,
		#modal_movie_sp_land .btn_close,
		#modal_movie_sp .btn_close,
		#modal_movie_report .btn_close,
		#modal_localsite .btn_close,
		#modal_movie_sky .btn_close,
		#modal_movie_marine02 .btn_close,
		#modal_movie_marine01 .btn_close,
		#modal_movie_land .btn_close,
		#modal_movie .btn_close {
			position: relative;
			right: auto;
			top: 0;
			left: 0;
			border-left: none;
			width: auto;
			height: auto;
			padding: 4% 0 0 4%;
		}
		#modal_movie_sp_report .btn_close .inner,
		#modal_movie_sp_sky .btn_close .inner,
		#modal_movie_sp_marine02 .btn_close .inner,
		#modal_movie_sp_marine01 .btn_close .inner,
		#modal_movie_sp_land .btn_close .inner,
		#modal_movie_sp .btn_close .inner,
		#modal_movie_report .btn_close .inner,
		#modal_localsite .btn_close .inner,
		#modal_movie_sky .btn_close .inner,
		#modal_movie_marine02 .btn_close .inner,
		#modal_movie_marine01 .btn_close .inner,
		#modal_movie_land .btn_close .inner,
		#modal_movie .btn_close .inner {
			position: absolute;
			top: auto;
			width: auto;
			height: 160%;
		}
		#modal_movie_sp_report .mainVisualCover,
		#modal_movie_sp_sky .mainVisualCover,
		#modal_movie_sp_marine02 .mainVisualCover,
		#modal_movie_sp_marine01 .mainVisualCover,
		#modal_movie_sp_land .mainVisualCover,
		#modal_movie_sp .mainVisualCover{
			display:none;
		}
	}
/*==================================================
Modal - Local site
==================================================*/
#modal_localsite {
	position: relative;
	font-family: 'Abel', sans-serif;
}
#modal_localsite .modal-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#modal_localsite .modalInner {
	width: 100%;
	min-height: 680px;
}
#modal_localsite .btn_close {
	position: fixed;
}
/* #region
----------------------------------------- */
#modal_localsite #region {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 880px;
	width: 100%;
	height: 100%;
	background: url(https://www.citizenwatch-global.com/promaster30th/img/index/map.svg) no-repeat 50% 50%;
	background-size: 100% auto;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/* ttl */
#modal_localsite .ttl {
	position: absolute;
	bottom: 50%;
	left: 50%;
	width: 210px;
	color: #fff;
	font-size: 24px;
	letter-spacing: 0.1em;
	margin-left: -650px;
	z-index: 1;
}
#modal_localsite .ttl span {
	display: block;
	font-size: 16px;
	padding: 0 0 10px;
}
#modal_localsite .ttl::after {
	position: absolute;
	content: "";
	bottom: -20px;
	left: 0;
	background: #fff;
	width: 20px;
	height: 5px;
}
#modal_localsite .image {
	display: none;
}
/* area */
#modal_localsite .areaWrap {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 880px;
	width: 100%;
	padding: 105px 5% 0 9.9%;
	box-sizing: border-box;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	display: table;
}
#modal_localsite .area {
	display: table-cell;
	width: 214px;
}
#modal_localsite .area04 {
	width: 160px;
}
#modal_localsite .area dl + dl {
	margin: 35px 0 0;
}
#modal_localsite .area dt {
	margin: 0 0 15px;
	font-size: 20px;
	letter-spacing: 0.1em;
	line-height: 100%;
}
#modal_localsite .area dd {
	line-height: 1;
	font-size: 14px;
	letter-spacing: 0.1em;
}
#modal_localsite .area dd li {
	margin: 17px 0 0;
	height: auto;
	font-size: 12px;
}
#modal_localsite .areaWrap a {
	position: relative;
	text-decoration: none;
	color: #fff;
}
#modal_localsite .areaWrap a:after {
	position: absolute;
	content: "";
	bottom: -5px;
	left: 0;
	width: 0;
	height: 2px;
	background: #fff;
	transition: all .3s;
}
#modal_localsite .areaWrap a:hover:after {
	width: 100%;
}
	@media screen and (max-width:1400px) {
		#modal_localsite .area {
			width: 24.5%;
		}
		#modal_localsite .ttl {
			margin: 0 0 120px -355px;
			-webkit-transform: translate(0,-50%);
			-ms-transform: translate(0,-50%);
			transform: translate(0,-50%);
		}
	}
	@media screen and (max-width:880px) {
		#modal_localsite .ttl {
			margin-left: -40%;
		}
	}
	@media screen and (max-width:750px) {
		#modal_localsite #region {
			overflow-y: auto;
			position: static;
			-webkit-transform: none;
			-ms-transform: none;
			transform: none;
			background: none;
		}
		#modal_localsite .ttl {
			bottom: auto;
			top: 10%;
			left: 0;
			width: 100%;
			padding: 0 11.875%;
			margin: 0;
			box-sizing: border-box;
			font-size: 6.1vw;
			line-height: 100%;
			-webkit-transform: none;
			-ms-transform: none;
			transform: none;
		}
		#modal_localsite .ttl span {
			font-size: 3.125vw;
			line-height: 100%;
			padding: 0 0 2%;
		}
		#modal_localsite .ttl::after {
			left: 11.875%;
			bottom: -20%;
			height: 3px;
			width: 6.5%;
		}
		#modal_localsite .image {
			display: block;
			text-align: center;
			padding: 40% 0 7%;
		}
		#modal_localsite .image img {
			width: 82.8%;
		}
		#modal_localsite .areaWrap {
			position: static;
			-webkit-transform: none;
			-ms-transform: none;
			transform: none;
			padding: 0 0 13.2%;
			display: block;
		}
		#modal_localsite .area {
			display: block;
			width: 100%;
		}
		#modal_localsite .area04 {
			padding-bottom: 20%;
		}
		#modal_localsite .area dl {
			border-top: 1px solid #fa0718;
			padding: 7% 11.85% 6.25%;
		}
		#modal_localsite .area dl + dl {
			margin: 0;
		}
		#modal_localsite .area dt {
			color: #fff;
			font-size: 5.3vw;
			margin: 0;
		}
		#modal_localsite .area dd li {
			font-size: 3.75vw;
			margin: 5.5% 0 0;
		}
		#modal_localsite .areaWrap a:after {
			content: none;
		}
	}
/*==================================================
clearfix
==================================================*/
.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
/**
 * Swiper 4.4.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: December 19, 2018
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}
/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  -o-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}
.mainVisual {
	min-width: 1200px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
}
.mainVisual .mainVisualOuter {
	padding-top: 150%;
	width: 100%;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
}
.mainVisual .mainVisualInner {
	opacity: 0;
}
.mainVisual .mainVisualCover {
	width: 100%;
	height: 100%;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	/* background-color: rgba(0,0,0,0.6); */
}
.mainVisual.js-movie-init .mainVisualInner {
	-webkit-transition: opacity 2s ease-in;
	transition: opacity 2s ease-in;
}
.mainVisual.js-movie-none {
	background-size: cover;
}
.mainVisual.js-movie-none .mainVisualCover {
	opacity: 1;
}
.mainVisual .mainVisualInner,
.mainVisual .mainVisualInner iframe,
.mainVisual .mainVisualCover {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.mainVisual.js-movie-play .mainVisualOuter,
.mainVisual.js-movie-play .mainVisualInner,
.mainVisual.js-movie-play .mainVisualCover {
	opacity: 1;
}
@media screen and (max-width: 767px) {
	.mainVisual {
		min-width: 0;
		overflow-x: hidden;
	}
}
/**
 * js --- twentytwenty
 */
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  content: " ";
  display: block;
  background: white;
  position: absolute;
  z-index: 30;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
  width: 3px;
  height: 9999px;
  left: 50%;
  margin-left: -1.5px; }
.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  width: 9999px;
  height: 3px;
  top: 50%;
  margin-top: -1.5px; }
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%; }
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  transition-duration: 0.5s; }
.twentytwenty-before-label, .twentytwenty-after-label {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity; }
.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  color: white;
  font-size: 13px;
  letter-spacing: 0.1em; }
.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  line-height: 38px;
  padding: 0 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }
.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
  top: 50%;
  margin-top: -19px; }
.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
  left: 50%;
  margin-left: -45px;
  text-align: center;
  width: 90px; }
.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
  width: 0;
  height: 0;
  border: 6px inset transparent;
  position: absolute; }
.twentytwenty-left-arrow, .twentytwenty-right-arrow {
  top: 50%;
  margin-top: -6px; }
.twentytwenty-up-arrow, .twentytwenty-down-arrow {
  left: 50%;
  margin-left: -6px; }
.twentytwenty-container {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  z-index: 0;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }
  .twentytwenty-container img {
    max-width: 100%;
    position: absolute;
    top: 0;
    display: block; }
  .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
    background: rgba(0, 0, 0, 0); }
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
      opacity: 0; }
  .twentytwenty-container * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }
.twentytwenty-before-label {
  opacity: 0; }
  .twentytwenty-before-label:before {
    content: attr(data-content); }
.twentytwenty-after-label {
  opacity: 0; }
  .twentytwenty-after-label:before {
    content: attr(data-content); }
.twentytwenty-horizontal .twentytwenty-before-label:before {
  left: 10px; }
.twentytwenty-horizontal .twentytwenty-after-label:before {
  right: 10px; }
.twentytwenty-vertical .twentytwenty-before-label:before {
  top: 10px; }
.twentytwenty-vertical .twentytwenty-after-label:before {
  bottom: 10px; }
.twentytwenty-overlay {
  -webkit-transition-property: background;
  -moz-transition-property: background;
  transition-property: background;
  background: rgba(0, 0, 0, 0);
  z-index: 25; }
  .twentytwenty-overlay:hover {
    background: rgba(0, 0, 0, 0.5); }
    .twentytwenty-overlay:hover .twentytwenty-after-label {
      opacity: 1; }
    .twentytwenty-overlay:hover .twentytwenty-before-label {
      opacity: 1; }
.twentytwenty-before {
  z-index: 20; }
.twentytwenty-after {
  z-index: 10; }
.twentytwenty-handle {
  height: 38px;
  width: 38px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border: 3px solid white;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  border-radius: 1000px;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  z-index: 40;
  cursor: pointer; }
.twentytwenty-horizontal .twentytwenty-handle:before {
  bottom: 50%;
  margin-bottom: 22px;
  -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-horizontal .twentytwenty-handle:after {
  top: 50%;
  margin-top: 22px;
  -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-vertical .twentytwenty-handle:before {
  left: 50%;
  margin-left: 22px;
  -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-vertical .twentytwenty-handle:after {
  right: 50%;
  margin-right: 22px;
  -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-left-arrow {
  border-right: 6px solid white;
  left: 50%;
  margin-left: -17px; }
.twentytwenty-right-arrow {
  border-left: 6px solid white;
  right: 50%;
  margin-right: -17px; }
.twentytwenty-up-arrow {
  border-bottom: 6px solid white;
  top: 50%;
  margin-top: -17px; }
.twentytwenty-down-arrow {
  border-top: 6px solid white;
  bottom: 50%;
  margin-bottom: -17px; }