@charset "UTF-8";
/*==================================================
page -----  frame base
==================================================*/
#page,
#page a {
	color: #303030;
}
#page #header {
	opacity: 1;
	z-index: 4999;
	position:absolute;
}
#page #header.white {
	background-color:transparent;
}
#page #header.white h1 a {
	background: url(https://www.citizenwatch-global.com/one/images/logo_wt.svg) no-repeat;
}
#page #header.white #gnav > ul > li a {
	color: #ffffff;
}
#page #header.white #gnav > ul > li a::after {
	background: #ffffff;
}
#page #header.white .subnav .global_modal a {
	background: url(https://www.citizenwatch-global.com/one/images/icn_glove_wt.svg) no-repeat 50% 0;
}
#page #header.white .subnav .global_modal a span {
	color: #ffffff;
}
#page #header.white .subnav .logo_citizen a {
	background: url(https://www.citizenwatch-global.com/one/images/logo_citizen_wt.svg) no-repeat;
	background-size: contain;
}

#page #gnav {
	padding: 0;
}
#page .menu-trigger {
	display: none;
}

	@media (min-width: 769px) and (max-width: 9999px) {
		#page #header {

		}
		#page .header {
			padding-top: 35px;
			padding-bottom: 55px;
		}
		#page .header h1 {
			width: 137px;
			height: 17px;
			padding-left: 30px;
		}
		#page .header .subnav {
			display: none;
		}
	}
	@media screen and (max-width: 768px) {
		#page #header {
			position:fixed;
		}

		#page #header.white {
			background-color:#ffffff;
		}
		#page #header.white h1 a {
			background: url(https://www.citizenwatch-global.com/one/images/logo_bk.svg) no-repeat;
		}
		#page #header.white #gnav > ul > li a {
			color: #000000;
		}
		#page #header.white #gnav > ul > li a::after {
			background: #000000;
		}
		#page #header.white .subnav .global_modal a {
			background: url(https://www.citizenwatch-global.com/one/images/icn_glove_bk.svg) no-repeat 50% 0;
		}
		#page #header.white .subnav .global_modal a span {
			color: #ffffff;
		}
		#page #header.white .subnav .logo_citizen a {
			background: url(https://www.citizenwatch-global.com/one/images/logo_citizen_bk.svg) no-repeat;
			background-size: contain;
		}


		#page .page_btnBack {
			display: block;
			position: absolute;
   			 top: 42%;
			left: 4.6875%;
			color: #fff;
			font-family: 'Calibre-Regular';
			font-size: 2.5vw;
			letter-spacing: 0.2em;
			-webkit-transform: translate(0, -50%);
			transform: translate(0, -50%);

			-webkit-transition: color 0.1s ease 0.2s;
			-moz-transition: color 0.1s ease 0.2s;
			-o-transition: color 0.1s ease 0.2s;
			-ms-transition: color 0.1s ease 0.2s;
			transition: color 0.1s ease 0.2s;
		}
		#page #header.white .page_btnBack {
			color:#000000;
		}
		#page .page_btnBack span {
			position: relative;
		}
		#page .page_btnBack span:before {
			position: absolute;
			top: 1.7em;
			left: 0;
			content: "";
			display: inline-block;
			width: 100%;
			height: 1px;
			background-color: #fff;
			/*
			transition: 0.3s;
			*/
			-webkit-transition: background-color 0.1s ease 0.2s;
			-moz-transition: background-color 0.1s ease 0.2s;
			-o-transition: background-color 0.1s ease 0.2s;
			-ms-transition: background-color 0.1s ease 0.2s;
			transition: background-color 0.1s ease 0.2s;
		}
		#page #header.white .page_btnBack span:before {
			background-color: #000;
		}
	}

/*==================================================
frame base
==================================================*/
#pageWindow,
#pageWindow a {
	color: #303030;
}
#movie-profile,
#pageWindow-inner {
	min-width: 1165px;
}
#pageWindow-inner:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#pageMain {
	width: 100% !important;
	float: left;
	margin-right: -152px;
	padding-right: 152px;
	box-sizing: border-box;
	z-index:6105;
	opacity:0;
	position:relative;
	top:30px;

}
#pageMain.init {
	opacity:1;
	top:0px;
	-webkit-transition: top 0.7s ease 0s, opacity 0.7s ease 0s;
	-moz-transition: top 0.7s ease 0s, opacity 0.7s ease 0s;
	-o-transition: top 0.7s ease 0s, opacity 0.7s ease 0s;
	-ms-transition: top 0.7s ease 0s, opacity 0.7s ease 0s;
	transition: top 0.7s ease 0s, opacity 0.7s ease 0s;
}

#pageSide {
	position: fixed;
	top: 0;
	right: 0;
	width:152px;
	padding: 47px 46px 0;
	float: right;
	box-sizing: border-box;
	z-index: 5100 !important;
}
	@media screen and (max-width: 1250px) {
		#pageMain {
			margin-right: -120px;
			padding-right: 120px;
		}
		#pageSide {
			width: 120px;
		}
		#pageSide.baselSide .side-tmbList {
			width: 60px;
			margin-left: -15px;
		}
		#pageSide .pager {
			width: 60px;
			margin-left: -15px;
		}
	}
	@media screen and (max-width: 768px) {
		#pageWindow-inner {
			min-width: 0;
		}
		#pageMain {
			float: none;
			margin-right: 0;
			padding-right: 0;
		}
		#pageSide {
			display: none;
		}
	}

/*==================================================
modalCont (main)
==================================================*/
/* cont-base & contttl */
.pageCont {
	background: #f6f6f6;
}
.pageCont .ttlWrap {
	position: relative;
	width: 100%;
	height: 544px;
	background: #000;
}
		.modalTech01 .ttlWrap {
			background: url(https://www.citizenwatch-global.com/one/images/modal/technology01_bg01.jpg) no-repeat 50% 50%;
			background-size: cover;
		}
		.modalTech02 .ttlWrap {
			background: url(https://www.citizenwatch-global.com/one/images/modal/technology01_bg02.jpg) no-repeat 50% 50%;
			background-size: cover;
		}
		.modalTech03 .ttlWrap {
			background: url(https://www.citizenwatch-global.com/one/images/modal/technology01_bg03.jpg) no-repeat 50% 50%;
			background-size: cover;
		}
		.modalTech04 .ttlWrap {
			background: url(https://www.citizenwatch-global.com/one/images/modal/technology01_bg04.jpg) no-repeat 50% 50%;
			background-size: cover;
		}
.pageCont .ttl {
	display: block;
	width: 950px;
	padding: 100px 0 0;
	margin: 0 auto;
}
.pageCont h2 {
	padding: 0 20px 0 0;
	color: #fff;
	 font-family: 'Calibre-Medium';
	 font-size: 42px;
	 letter-spacing: 0.5em;
	 vertical-align: middle;
}
.pageCont .ttl h3 {
	display: inline-block;
}
.pageCont .ttl p {
	display: block;
	padding: 7px 0 0;
}
.pageCont .ttl h3,
.pageCont .ttl p {
	color: #fff;
	 font-family: 'Calibre-Medium';
	 font-size: 14px;
	 letter-spacing: 0.3em;
	 vertical-align: middle;
}
.pageCont.modalProfile .ttl h3 {
	 font-size: 11px;
}
.pageCont .ttl h3 span {
	 font-size: 11px;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, Roboto;
}
.pageCont.modalTech .ttl p {
	font-size: 16px;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, Roboto;
}
	@media screen and (max-width: 468px) {
		.pageCont.modalTech .ttl p {
			font-size: 12px;
			font-weight: 700;
		}
	}
.pageCont .btnScroll {
	position: absolute;
	bottom: -46px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
	@media screen and (max-width: 768px) {
		.pageCont .ttlWrap {
			height: auto;
			padding: 74.28% 0 0;
		}
				.modalTech .ttlWrap {
					padding: 125% 0 0;
				}
				.modalTech01 .ttlWrap {
					background: url(https://www.citizenwatch-global.com/one/images/modal/technology01_bg01_sp.jpg) no-repeat 0 0;
					background-size: contain;
				}
				.modalTech02 .ttlWrap {
					background: url(https://www.citizenwatch-global.com/one/images/modal/technology01_bg02_sp.jpg) no-repeat 0 0;
					background-size: contain;
				}
				.modalTech03 .ttlWrap {
					background: url(https://www.citizenwatch-global.com/one/images/modal/technology01_bg03_sp.jpg) no-repeat 0 0;
					background-size: contain;
				}
				.modalTech04 .ttlWrap {
					background: url(https://www.citizenwatch-global.com/one/images/modal/technology01_bg04_sp.jpg) no-repeat 0 0;
					background-size: contain;
				}

		.pageCont .ttl {
			position: absolute;
			top: 35.158%;
			left: 7.8125%;
			width: 84.375%;
			padding: 0;
		}
			.modalTech .ttl {
				top: 21.25%;
			}
		.pageCont .ttl {
			display: block;
			margin: 0 0 4.63%;
		}
		.pageCont h2 {
			display: block;
			padding: 0;
			 font-size: 36px;
		}
		.pageCont .ttl h3,
		.pageCont .ttl span {
			display: inline-block;
			 font-size: 16px;
		}
		.pageCont .btnScroll {
			width: 10.3%;
			bottom: -6.7%;
			-webkit-transform: translate(-50%, 0);
			transform: translate(-50%, 0);
		}
	}
	@media screen and (max-width: 640px) {
		.modalTech h2 {
			 font-size: 5.7vw !important;
		}
		.modalTech .ttl p {
			 font-size: 3vw;
		}
	}
	@media screen and (max-width: 480px) {
		.pageCont h2 {
			 font-size: 7vw;
		}
		.pageCont .ttl h3,
		.pageCont .ttl span {
			 font-size: 3.8vw;
		}
		.pageCont .txtWrap p {
			font-size: 2.8vw;
		}
	}
	@media screen and (max-width: 415px) {
		.modalTech .ttl {
			top: 24%;
		}
	}
/* cont-inner */
.pageCont .page-inner {
	position: relative;
	max-width: 950px;
	width: 90%;
	margin: 0 auto;
	padding: 0 0 145px;
	z-index: 7100;
}
.pageCont .iframe {
	position: relative;
	width: 100%;
	height: auto;
	padding: 57% 0 0;
	margin: -355px 0 60px;
}
	.pageCont #profile01 figure {
		margin-top: -355px;
	}
.pageCont .iframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.pageCont .txtWrap {
	padding: 0 0 80px;
}
.pageCont .txtWrap p,
.pageCont p.txtBase {
	font-size: 13px;
	letter-spacing: 0.2em;
}
.pageCont .txtWrap p {
	line-height: 220%;
}
.pageCont .txtWrap p+p {
	padding-top: 30px;
}
.pageCont p.txtBase {
	line-height: 170%;
}
	@media screen and (max-width: 768px) {
		.pageCont .page-inner {
			max-width: 540px;
			width: 84.375%;/* 540px */
			padding: 11.7% 0 9.5%;
		}
		.pageCont .iframe {
			margin: -50% 0 10%;
		}
			.pageCont #profile01 figure {
				margin-top: -50%;
			}
		.pageCont .txtWrap {
			padding: 0 0 15.9%;
		}
	}
	@media screen and (max-width: 480px) {
		.pageCont .txtWrap p,
		.pageCont p.txtBase {
			font-size: 2.8vw;
		}
	}
/* .tmbList
---------------------------------------------*/
.pageCont .tmbList:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.pageCont .tmbList li {
	float: left;
	margin: 0 7px 7px 0;
}
.pageCont .tmbList li:nth-child(3n) {
	margin-right: 0;
}
.pageCont .tmbList li .movieImg,
.pageCont .tmbList li .profImg {
	margin: 0 0 20px;
}
.pageCont .tmbList li a {
	display: block;
}
.pageCont .tmbList li .movieImg,
.pageCont .tmbList li .profImg {
	position: relative;
	transition: all .3s;
}
.pageCont .tmbList li a.current .movieImg,
.pageCont .tmbList li a:hover .movieImg,
.pageCont .tmbList li a.current .profImg,
.pageCont .tmbList li a:hover .profImg {
	opacity: 0.4;
}
.pageCont .tmbList li figcaption {
	font-size: 13px;
	 letter-spacing: 0.2em;
}
.pageCont .tmbList li figcaption em {
	display: block;
	padding: 0 0 5px;
	 font-family: 'Calibre-Medium';
	 font-size: 22px;
	 letter-spacing: 0.2em;
}
	@media screen and (max-width: 768px) {
		.pageCont .tmbList li {
			width: 100%;
			float: none;
			margin: 0 0 12.6% 0;
		}
		.pageCont .tmbList li:nth-child(3n) {
			margin-right: 0;
		}
		.pageCont .tmbList li:nth-child(2n) {
			margin-right: 0;
		}
		.pageCont .tmbList li .profImg,
		.pageCont .tmbList li .movieImg {
			margin: 0 0 5.48%;
		}
		.pageCont .tmbList li img {
			width: 100%;
		}
		.pageCont .tmbList li .movieImg:before {
			display:block;
			position: absolute;
			top: 50%;
			left: 50%;
			width: 50px;
			height: 50px;
			-webkit-transform: translate(-50%, -50%);
			 transform: translate(-50%, -50%);
			 content: "";
			background: url(https://www.citizenwatch-global.com/one/images/icn_movieplay_on.svg) no-repeat 0 0;
			background-size: contain;
		}
		.pageCont .tmbList li .movieImg:before {
			width: 19%;
			height: auto;
			padding: 19% 0 0;
		}
		.pageCont .tmbList li figcaption {
			font-size: 12px;
		}
		.pageCont .tmbList li figcaption em {
			padding: 0 0 3px;
			 font-size: 21px;
		}
	}
	@media screen and (max-width: 640px) {
		.pageCont .tmbList li figcaption {
			font-size: 10px;
		}
		.pageCont .tmbList li figcaption em {
			 font-size: 17px;
		}
	}
	@media screen and (max-width: 360px) {
		.pageCont .tmbList li figcaption {
			font-size: 2.5vw;
		}
		.pageCont .tmbList li figcaption em {
			 font-size: 4.3vw;
		}
	}
/* btn_back
---------------------------------------------*/
.pageCont .btnBack {
	position: relative;
	display: block;
	padding: 60px 0;
	text-align: center;
	 font-family: 'Calibre-Regular';
	 font-size: 14px;
	 letter-spacing: 0.3em;
	background: #fff;
	z-index: 10;
}
.pageCont .btnBack span {
	position: relative;
	padding: 0 40px 0 0;
}
.pageCont .btnBack span:after {
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	content: "";
	-webkit-transform: translate(-0, -50%);
	transform: translate(0, -50%);
	background-size: contain;
	width: 23px;
	height: 9px;
	background: url(https://www.citizenwatch-global.com/one/images/home/icn_arrowlink_bk.svg) no-repeat 0 0;
	transition: all .3s;
}
.pageCont .btnBack:hover span:after {
	right: -10px;
}
.modalTech .btnBack {
	background: #f6f6f6;
}
	@media screen and (max-width: 768px) {
		.pageCont .btnBack {
			font-size: 3.0vw;
		}
	}
	@media screen and (max-width: 480px) {
		.pageCont .btnBack {
			padding: 14.8% 0;
		}
	}
	@media screen and (max-width: 415px) {
		.pageCont .btnBack span {
			padding: 0 7% 0 0;
		}
		.pageCont .btnBack span:after {
			background-size: 70% auto;
			background-position: 100% 50%;
		}
	}
/*==================================================
pageSide
==================================================*/
#pageSide .btn_back {
	margin: 0 0 160px;
	 text-align: center;
}
#pageSide .btn_back a {
	 font-family: 'Calibre-Regular';
	 font-size: 12px;
	 letter-spacing: 0.2em;
}
#pageSide .btn_back a,
#pageSide .btn_back a span {
	position: relative;
	z-index:7300;
}
#pageSide .btn_back a span {
	display: inline-block;
	padding: 0 0 2px;
}
#pageSide .btn_back a span:before {
	position: absolute;
	bottom: -3px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: #3a3a3a;
}
#pageSide .btn_back a span:hover:before {
	width: 0%;
}
#pageSide .btn_back a::after {
	position: absolute;
	bottom: -5px;
	left: 0;
	content: '';
	width: 0;
	height: 1px;
	background: #3a3a3a;
	transition: .3s;
}
#pageSide .btn_back a:hover::after {
	width: 100%;
}
#pageSide .side-tmbList {
	padding: 0 0 130px;
}
#pageSide .side-tmbList li {
	margin: 0 0 5px;
}
#pageSide .side-tmbList li img {
	width: 100%;
}
#pageSide .side-tmbList li a,
#pageSide .side-tmbList li span {
	position: relative;
	display: block;
}
#pageSide .side-tmbList li a:after,
#pageSide .side-tmbList li span:after {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background-color: rgba(0,0,0,0.7);
	transition: all .3s;
	opacity: 0;
}
#pageSide .side-tmbList li a:hover:after,
#pageSide .side-tmbList li span:after {
	opacity: 1;
}
#pageSide.aboutSide .btn_back {
	margin: 0 0 100px;
}
#pageSide.aboutSide .side-tmbList ul {
	width: 1em;
	margin: 0 auto;
}
#pageSide.aboutSide .side-tmbList li {
	display: inline-block;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	margin: 0 0 18px;

}
#pageSide.aboutSide .side-tmbList li a {
	position: relative;
	font-family: 'Calibre-Regular';
	font-size: 12px;
	letter-spacing: 0.3em;
}
#pageSide.aboutSide .side-tmbList li a::after {
	position: absolute;
	top: 0;
	left: -5px;
	content: '';
	width: 1px;
	height: 0;
	background: #000;
	transition: .3s;
}
#pageSide.aboutSide .side-tmbList li a:hover::after {
	height: 100%;
}
#pageSide .pager {
	text-align: center;
}
#pageSide .pager li {
	display: inline-block;
	padding: 0 8px;
}
#pageSide .pager li img {
	width: 11px;
	height: 22px;
}

/*==================================================
bottomnav
==================================================*/
.lineupNav {
	position: relative;
	color: #000;
	z-index: 10;
}
.lineupNav li {
	width: 33.333%;
}
.lineupNav li:first-child a,
.lineupNav li:first-child .current {
	background: url(https://www.citizenwatch-global.com/one/images/page/lineup_nav_bg01.jpg) no-repeat 50% 50%;
	background-size: cover;
}
.lineupNav li:nth-child(2) a,
.lineupNav li:nth-child(2) .current {
	background: url(https://www.citizenwatch-global.com/one/images/page/lineup_nav_bg02.jpg) no-repeat 50% 50%;
	background-size: cover;
}
.lineupNav li:nth-child(3) a,
.lineupNav li:nth-child(3) .current {
	background: url(https://www.citizenwatch-global.com/one/images/page/lineup_nav_bg03.jpg) no-repeat 50% 50%;
	background-size: cover;
}
.lineupNav li span img {
	width: 100%;
}
.lineupNav li figcaption {
	top: 50%;
	margin: auto;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.lineupNav li figcaption img {
	width: 100%;
}
.lineupNav li:first-child a figcaption,
.lineupNav li:first-child .current figcaption {
	width: 81px;
}
.lineupNav li:nth-child(2) a figcaption,
.lineupNav li:nth-child(2) .current figcaption {
	width: 188px;
}
.lineupNav li:nth-child(3) a figcaption,
.lineupNav li:nth-child(3) .current figcaption {
	width: 83px;
}
	@media (min-width: 1710px) and (max-width: 9999px) {
		.lineupNav li a,
		.lineupNav li .current {
			background-size: cover !important;
		}
	}
	@media screen and (max-width: 768px) {
		.lineupNav li {
			width: 100%;
			margin-top: -1px;
		}
		.lineupNav li a,
		.lineupNav li .current {
			height: auto;
			padding: 57.8% 0 0;
		}
		.lineupNav li:first-child a,
		.lineupNav li:first-child .current {
			background: url(https://www.citizenwatch-global.com/one/images/page/lineup_nav_bg01_sp.jpg) no-repeat 50% 50%;
			background-size: cover;
		}
		.lineupNav li:nth-child(2) a,
		.lineupNav li:nth-child(2) .current {
			background: url(https://www.citizenwatch-global.com/one/images/page/lineup_nav_bg02_sp.jpg) no-repeat 50% 50%;
			background-size: cover;
		}
		.lineupNav li:nth-child(3) a,
		.lineupNav li:nth-child(3) .current {
			background: url(https://www.citizenwatch-global.com/one/images/page/lineup_nav_bg03_sp.jpg) no-repeat 50% 50%;
			background-size: cover;
		}
		.lineupNav li a:hover {
			opacity: 1 !important;
		}
		.lineupNav li figcaption {
			left: 12.5%;
			height: auto;
			-webkit-transform: translate(0,-50%);
			transform: translate(0,-50%);
		}
		.lineupNav li:first-child a figcaption,
		.lineupNav li:first-child .current figcaption {
			width: 12.6%;
		}
		.lineupNav li:nth-child(2) a figcaption,
		.lineupNav li:nth-child(2) .current figcaption {
			width: 29.3%;
		}
		.lineupNav li:nth-child(3) a figcaption,
		.lineupNav li:nth-child(3) .current figcaption {
			width: 12.97%;
		}
	}


/*==================================================
page-common
==================================================*/
/* page-header
---------------------------------------------------------*/
.pageHeader {
	position: relative;
	height: 545px;
	border-right: 1px solid #fff;
}
	.pageAbout .pageHeader {
		background: url(https://www.citizenwatch-global.com/one/images/page/about/bg_about_main.jpg) no-repeat 50% 50%;
		background-size: cover;
	}
	.pageLimited .pageHeader {
		background: url(https://www.citizenwatch-global.com/one/images/page/limited/bg_limited_main.jpg) no-repeat 50% 50%;
		background-size: cover;
	}
	.pageTitanium .pageHeader {
		background: url(https://www.citizenwatch-global.com/one/images/page/titanium/bg_titanium_main.jpg) no-repeat 50% 50%;
		background-size: cover;
	}
	.pageRegular .pageHeader {
		background: url(https://www.citizenwatch-global.com/one/images/page/regular/bg_regular_main.jpg) no-repeat 50% 50%;
		background-size: cover;
	}

.pageHeader .ttlWrap {
	color: #fff;
}
.pageHeader h1 {
	margin: 0 0 20px;
	font-size: 34px;
	letter-spacing: 0.3em;
	font-family: 'Calibre-Regular';
	line-height: 110%;
}
.pageHeader h1 span {
	display: block;
	font-size: 18px;
	letter-spacing: 0.3em;
}
.pageHeader .subtxt {
	font-size: 14px;
	letter-spacing: 0.15em;
}
	@media (min-width: 769px) and (max-width: 9999px) {
		.pageHeader .ttlWrap {
			position: absolute;
			top: 45%;
			left: 7.9%;
			-webkit-transform: translate(0, -50%);
			transform: translate(0, -50%);
		}
	}
	@media screen and (max-width: 768px) {
		.pageHeader {
			position: relative;
			height: auto;
			padding: 125% 0 0;
			border-right: none;
		}
		.pageAbout .pageHeader {
			background: url(https://www.citizenwatch-global.com/one/images/page/about/bg_about_main_sp.jpg) no-repeat 50% 50%;
			background-size: cover;
		}
		.pageLimited .pageHeader {
			background: url(https://www.citizenwatch-global.com/one/images/page/limited/bg_limited_main_sp.jpg) no-repeat 50% 50%;
			background-size: cover;
		}
		.pageTitanium .pageHeader {
			background: url(https://www.citizenwatch-global.com/one/images/page/titanium/bg_titanium_main_sp.jpg) no-repeat 50% 50%;
			background-size: cover;
		}
		.pageRegular .pageHeader {
			background: url(https://www.citizenwatch-global.com/one/images/page/regular/bg_regular_main_sp.jpg) no-repeat 50% 50%;
			background-size: cover;
		}
		.pageHeader .ttlWrap {
			position: absolute;
			top: 50%;
			left: 7.8%;
			padding: 0;
			-webkit-transform: translate(0, -50%);
			transform: translate(0, -50%);
		}
		.pageAbout .pageHeader .ttlWrap {
			top: 21.5%;
			-webkit-transform: translate(0, 0);
			transform: translate(0, 0);
		}
		.pageHeader h1 {
			margin: 0 0 3.9%;
			font-size: 6.25vw;
		}
		.pageHeader h1 span {
			font-size: 3.43vw;
		}
		.pageHeader .subtxt {
			font-size: 3.4vw;
			font-size: 2.8vw;
		}
	}

/* btn-scroll */
.pageHeader .btnScroll {
	position: absolute;
	bottom: 0;
	left: 50%;
	height: 70px;
	text-decoration: none;
	z-index: 900;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
.pageHeader .btnScroll .txt {
	text-align: center;
	color: #fff;
	font-family: 'Calibre-Regular';
	font-size: 10px;
	letter-spacing: 0.3em;
}
.pageHeader .btnScroll .bar {
	overflow: hidden;
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 15px;
	height: 40px;
	content: "";
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
.pageHeader .btnScroll span span {
	position: absolute;
	bottom: 0;
	left: 50%;
	display: block;
	width: 1px;
	height: 100px;
	border-left: 1px solid #fff;
	margin-left: -0.5px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-animation: sdb 1.5s infinite;
	animation: sdb 1.5s infinite;
	box-sizing: border-box;
}
@-webkit-keyframes sdb {
	0% {
		-webkit-transform: translate(0, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		-webkit-transform: translate(0, 0);
		opacity: 0;
	}
}
@keyframes sdb {
	0% {
		transform: translate(0, -200px);
		transform-origin: bottom;
		opacity: 1;
	}
	50% {
		transform: scale(1, 1);
		transform-origin: top;
		opacity: 1;
	}
	75% {
		opacity: 1;
	}
	100% {
		transform: translate(0, 100px);
		opacity: 0;
	}
}
.pageHeader .btnScroll:before {
	display: block;
	position: absolute;
	bottom: -46px;
	left: 50%;
	width: 1px;
	height: 46px;
	content: "";
	background: #858585;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	z-index: 10;
}
	.pageLimited .pageHeader .btnScroll span span {
		border-color: #5a5a5a;
	}
	.pageLimited .pageHeader .btnScroll:before {
		background-color: #5a5a5a;
	}
	@media screen and (max-width: 768px) {
		.pageHeader .btnScroll {
			height: 55px;
		}
		.pageHeader .btnScroll .txt {
			font-size: 2.5vw;
		}
		.pageHeader .btnScroll .bar {
			height: 30px;
		}
		.pageHeader .btnScroll:before {
			bottom: -35px;
			height: 35px;
		}
	}


/* page-cont
---------------------------------------------------------*/
.pageCont {
	position: relative;
	border-right: 1px solid #f6f6f6;
}
	@media screen and (max-width: 768px) {
		.pageCont {
			border-right: none;
		}
	}

/*==================================================
limited /  titanium ( [ old basel ] )
==================================================*/
.pageBasel {
	color: #fff;
	background: #000;
}
.pageBasel .page-inner {
	padding: 0 0 100px;
}
.pageBasel  #cont01 {
	padding: 140px 0 0;
}
.pageBasel .txt-sup {
	font-size: 60%;
	vertical-align: top;
	position: relative;
	top: -0.4em;
	padding: 0 0.25em 0 0;
}
.pageBasel .txt-release {
	padding: 60px 0 0;
	text-align: center;
}
.pageBasel .txt-release a {
	font-family: 'Calibre-Regular';
	color: #fff !important;
	letter-spacing: 0.2em;
}
.pageBasel .txt-release a span {
	position: relative;
	margin: 0 20px 0 0;
}
.pageBasel .txt-release a span:before {
	display: block;
	position: absolute;
	top: 50%;
	right: -17px;
	width: 13px;
	height: 10px;
	content: "";
	background: url(https://www.citizenwatch-global.com/one/images/modal/icn_link.png) no-repeat  0 0;
	background-size: contain;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.pageBasel .txt-release a span::after {
	position: absolute;
	bottom: -4px;
	left: 50%;
	content: '';
	width: 0;
	height: 1px;
	background: #fff;
	transition: .3s;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.pageBasel .txt-release a span:hover::after {
	width: 100%;
}
	@media screen and (max-width: 768px) {
		.pageBasel .page-inner {
			max-width: 768px;
			width: 100%;
			padding: 0 0 18.75%;
		}
		.pageBasel #cont01,
		.pageBasel #cont03 {
			margin: auto;
			max-width: 640px;
			width: 84.375%;
		}
		.pageBasel  #cont01 {
			padding: 16.4% 0 0;
		}
		.pageBasel .txt-release a span:before {
			width: 11px;
			height: 8px;
			background: url(https://www.citizenwatch-global.com/one/images/modal/icn_link_sp.png) no-repeat  0 0;
			background-size: contain;
		}
	}

.pageBasel .page-inner p {
	font-size: 12px;
	letter-spacing: 0.08em;
	line-height: 233%;
}
.pageBasel .page-inner p.txtNote {
	font-size: 10px;
}
	@media screen and (max-width: 768px) {
		.pageBasel .page-inner p {
			font-size: 2.8vw;
		}
		.pageBasel .page-inner p.txtNote {
			font-size: 2.2vw;
		}
	}

/* #cont03 ( lineup-section) */
.pageBasel #cont03 {
	text-align: center;
}
.pageBasel #cont03 h3 {
	margin: 100px auto 55px;
	font-size: 20px;
	font-family: 'Calibre-Regular';
	letter-spacing: 0.3em;
}
.pageBasel #cont03 figcaption {
	margin-top: 25px;
	font-size: 14px;
	font-family: 'Calibre-Regular';
    letter-spacing: 0.3em;
    line-height: 137%;
}
.pageBasel #cont03 figure  img {
	max-width: 170px;
	width: 100%;
	margin: 0 auto;
}
.pageBasel #cont03 figcaption span {
	font-size: 12px;
    font-family: 'Calibre-Light';
    line-height: 100%;
    letter-spacing: 0.3em;
}
.pageBasel #cont03 figure p.price {
	padding: 6px 0 0;
	font-size: 12px;
    font-family: 'Calibre-Light';
	line-height: 170%;
	letter-spacing: 0.3em;
}
.pageBasel #cont03 .btn_detail {
	overflow: hidden;
	position: relative;
	display:block;
	width: 180px;
	height: 40px;
	line-height: 40px;
	margin: 25px auto 0;
	color: #fff;
	font-size: 12px;
	font-family: 'Calibre-Regular';
	letter-spacing: 0.15em;
	text-align: center;
	border: 1px solid #fff;
	transition: all .3s;
	z-index: 2;
}
.pageBasel #cont03 .txt_spec {
	display: inline-block;
	text-align: left;
	max-width: 685px;
	width: 100%;
	margin: 0 auto;
	margin-top: 60px;
	font-size: 10px;
	letter-spacing: 0.08em;
	line-height: 181%;
}
.pageBasel #cont03 .txt_spec span {
	display: block;
	font-size: 10px;
}

	@media  (min-width: 769px) and (max-width: 9999px) {
		.pageBasel #cont03 .btn_detail:hover {
			 color: #000;
		}
		.pageBasel #cont03 .btn_detail::after {
			display: block;
			content: "";
			position: absolute;
			z-index: -1;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			margin: 0;
			background: #fff;
		    -moz-transform: scaleX(0);
		    transition: 0.8s transform cubic-bezier(0, 1, 0.4, 1);
		    -webkit-transform: scaleX(0);
		    -ms-transform: scaleX(0);
		    transform: scaleX(0);
		    -webkit-transform-origin: right center;
		    -ms-transform-origin: right center;
		    transform-origin: right center;
		}
		.pageBasel #cont03 .btn_detail:hover::after {
		  	width: 100%;
			-webkit-transform:scaleX(1);
			-ms-transform:scaleX(1);
			transform:scaleX(1);
			-webkit-transform-origin: left center;
			-ms-transform-origin: left center;
			transform-origin: left center
		}
	}
	@media screen and (max-width: 768px) {
		.pageBasel #cont03 h3 {
			margin: 14% auto 8.59%;
			font-size: 4.6vw;
		}
		.pageBasel #cont03 h4 br {
			display: block;
		}
		.pageBasel #cont03 figcaption {
			margin-top: 6.25%;
			font-size: 3.43vw;
		}
		.pageBasel #cont03 figcaption span {
			font-size: 2.8vw;
		}
		.pageBasel #cont03 figure p.price {
			padding: 3% 0 0;
			font-size: 2.5vw;
		}
		.pageBasel #cont03 figure  img {
			max-width: 150px;
			width: 70%;
		}
		.pageBasel #cont03 .btn_detail {
			width: 100%;
			height: auto;
			line-height: 100%;
			padding: 9% 0;
			margin: 25px auto 0;
			font-size: 2.8vw;
		}
		.pageBasel #cont03 .txt-release {
			padding: 12.5% 0 0;
			font-size: 3.43vw;
		}
		.pageBasel #cont03 .txt_spec {
			width: 84.375%;
			margin: 12.5% auto 0;
			font-size: 2.5vw;
			text-align: left;
		}
		.pageBasel #cont03 .txt_spec span {
			font-size: 2.5vw;
		}
	}

/* limited
----------------------------------------- */
.pageLimited #cont01,
.pageLimited #cont02 {
	overflow: hidden;
	line-height: 200%;
	letter-spacing: 0.12em;
}

/* #cont01 */
.pageLimited #cont01 h3 {
	width: 202px;
	float: left;
}
.pageLimited #cont01 h3 img {
	width: 100%;
}
.pageLimited #cont01 p {
	padding: 0 0 0 390px;
}
	@media (min-width: 901px) and (max-width: 1180px) {
		.pageLimited #cont01 p {
			padding: 0 0 0 340px;
		}
	}
	@media screen and (max-width: 900px) {
		.pageLimited #cont01 h3 {
			float: none;
			padding: 0 0 30px;
		}
		.pageLimited #cont01 p {
			padding: 0;
		}
	}
	@media screen and (max-width: 768px) {
		.pageLimited #cont01 h3 {
			width: 52.83%;
			padding: 12.2% 0 8.3%;
		}
	}

/* #cont02 */
.pageLimited #cont02 figure {
	margin: 75px auto 60px;
}
.pageLimited #cont02 figure img {
	width: 100%;
}
.pageLimited #cont02 p {
	float: left;
	width: 470px;
}
.pageLimited #cont02 p + p {
	float: right;
	width: 420px;
	font-size: 10px;
	line-height: 181%;
}
	@media (min-width: 901px) and (max-width: 1180px) {
		.pageLimited #cont02 p {
			width: 50%;
		}
		.pageLimited #cont02 p + p {
			width: 45%;
		}
	}
	@media screen and (max-width:900px) {
		.pageLimited #cont02 p,
		.pageLimited #cont02 p + p {
			float: none;
			margin: auto;
			width: 100%;
			margin: 0 0 30px;
		}
	}
	@media screen and (max-width: 768px) {
		.pageLimited #cont02 figure {
			margin: 14% auto;
		}
		.pageLimited #cont02 p,
		.pageLimited #cont02 p + p {
			margin: auto;
			max-width: 540px;
			width: 84.375%;
		}
		.pageLimited #cont02 p + p {
			margin-top: 7.7125%;
			font-size: 2.5vw;
		}
	}

/* Titanium
----------------------------------------- */
.pageTitanium .pageCont {
	background: #2b2b2b;
}

/* #cont01 */
.pageTitanium #cont01 {
	overflow: hidden;
}
.pageTitanium #cont01 .ttl {
	float: left;
	width: 428px;
	padding: 0;
}
.pageTitanium #cont01 h2 {
	display: block;
	width: 175px;
	margin-bottom: 40px;
}
.pageTitanium #cont01 h2 img {
	width: 100%;
}
.pageTitanium #cont01 .txtWrap {
	padding: 0 0 0 460px;
}
.pageTitanium #cont01 p {
	padding: 0 0 2em;
}
.pageTitanium #cont01 .mov {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin: 0 0 2em;
}
.pageTitanium #cont01 .mov iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
	@media (min-width: 769px) and (max-width: 1180px) {
		.pageTitanium #cont01 .ttl {
			width: 45%;
		}
		.pageTitanium #cont01 .movie {
			position: relative;
			padding: 56.2% 0 0;
		}
		.pageTitanium #cont01 .movie iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
		.pageTitanium #cont01 .txtWrap {
			padding: 0 0 0 50%;
		}
	}
	@media screen and (max-width: 768px) {
		.pageTitanium #cont01 .ttl {
			position: relative;
			top: 0;
			left: 0;
			float: none;
			width: auto;
			padding: 0;
		}
		.pageTitanium #cont01 h2 {
			display: block;
			margin-bottom: 6.48148%;
			width: 45.81%;
		}
		.pageTitanium #cont01 video  {
			width: 100%;
		}
		.pageTitanium #cont01 .txtWrap {
			padding: 0;
		}
		.pageTitanium #cont01 p {
			padding: 0 0 9.259%;
		}
	}

/* slider */
.pageBasel .swiper-container.noslider {
	overflow: hidden;
	margin: auto;
	text-align:center;
}
.pageBasel .swiper-container.noslider .swiper-wrapper{
	text-align:center;
	width:852px;
	margin-left:auto;
	margin-right:auto;
}
.pageBasel #limited_slider.swiper-container.noslider .swiper-wrapper .swiper-slide:nth-child(2),
.pageBasel #limited_slider.swiper-container.noslider .swiper-wrapper .swiper-slide:nth-child(3){
	display:none;
}
.pageBasel .swiper-container.noslider .swiper-slide {
	display:inline;
	margin: 0 57px;
	list-style: none;
	width:auto;
	text-align:center;
	float:none;
}
.pageBasel #limited_slider.swiper-container.noslider .swiper-wrapper .swiper-slide:nth-child(1){
	margin-left:auto;
	margin-right:auto;
}
.pageBasel .swiper-container.noslider .swiper-slide .swiper-slide-item {
	display: inline;
	width:auto;
}
	@media screen and (max-width: 768px) {
		.pageBasel .swiper-container .swiper-slide .swiper-slide-item {
			display: inline-block;
			width:85%;
			margin-left:auto;margin-right:auto;
		}
		.pageBasel #limited_slider.swiper-container .swiper-slide .swiper-slide-item {
			width: 42.5%;
		}
		.pageBasel .swiper-container.noslider .swiper-slide .swiper-slide-item {
			display: inline-block;
			width:auto;
		}
	}

/* cont03 */
.pageTitanium #cont03 ul {
	overflow: hidden;
	margin: auto;
}
.pageTitanium #cont03 li {
	display: inline-block;
	margin: 0 57px;
	list-style: none;
}
.pageTitanium #cont03 h4 br{
	display: block;
}
	@media screen and (max-width: 768px) {
		.pageCont.pageBasel #cont03 {
			margin: auto;
			max-width: 768px;
			width: 100%;
			overflow: hidden;
		}
		.pageTitanium #cont03 ul {
			overflow: hidden;
			width: 150%;
			position: relative;
			margin-left: -25%
		}
		.pageTitanium #cont03 li {
			float: left;
			width: 31%;
			margin: 0 1%;
		}
		.pageTitanium #cont03 li img {
		}
	}

/*pageNav
-----------------------------*/
.pageNav {
	color: #000;
}
.pageNav li {
	width: 50%;
}
.pageNav li:first-child a {
	background: url(https://www.citizenwatch-global.com/one/images/modal/basel_nav_bg01.jpg) no-repeat 50% 50%;
	background-size: cover;
}
.pageNav li:nth-child(2) a {
	background: url(https://www.citizenwatch-global.com/one/images/modal/basel_nav_bg02.jpg) no-repeat 50% 50%;
	background-size: cover;
}
.pageNav li span img {
	width: 100%;
}
.pageNav li figcaption {
	top: 195px;
	left: 0;
	right: 0;
	margin: auto;
	color: #fff;
	-webkit-transform: translate(0,0);
	transform: translate(0,0);

	font-size: 24px;
	font-family: 'Calibre-Light';
	text-align: center;
	letter-spacing: 0.2em;
}
.pageNav li figcaption br {
	display: none;
}

	@media screen and (max-width: 768px) {
		.pageNav h3 {
			font-size: 3.2vw;
		}
		.pageNav li {
			width: 50%;
		}
		.pageNav li a {
			height: auto;
			padding: 106.25% 0 0;
		}
		.pageNav li:first-child a {
			background: url(https://www.citizenwatch-global.com/one/images/modal/basel_nav_bg01_sp.jpg) no-repeat 50% 50%;
			background-size: cover;
		}
		.pageNav li:nth-child(2) a {
			background: url(https://www.citizenwatch-global.com/one/images/modal/basel_nav_bg02_sp.jpg) no-repeat 50% 50%;
			background-size: cover;
		}
		.pageNav li a:hover {
			opacity: 1 !important;
		}
		.pageNav li figcaption {
			top: 65.5625%;
			left: 0;
			right: 0;
			margin: auto;
			color: #fff;
			-webkit-transform: translate(0,0);
			transform: translate(0,0);

			font-size: 3vw;
			font-family: 'Calibre-Light';
			text-align: center;
			letter-spacing: 0.2em;
			height: auto;
		}
		.pageNav li figcaption br {
			display: block;
		}
	}
	@media screen and (max-width: 640px) {
		.pageNav h3 {
			padding: 15% 0;
		}
		.pageNav li {
			width: 50%;
		}
	}
	@media screen and (max-width: 480px) {
		.pageNav h3 {
			font-size: 3.2vw;
		}
	}

#pageSide.baselSide .btn_close {
	margin: 0 0 65px;
}
#pageSide.baselSide .side-tmbList {
	padding: 0 0 365px;
}


#titanium_slider{
	display:flex;
}
#titanium_slider.swiper-container-horizontal{
	display:block;
}
#titanium_slider .swiper-slide{
	width:33.33%;
}
#titanium_slider.swiper-container-horizontal .swiper-slide{
	width:auto;
}
#titanium_slider_pagination{
	position:relative;
	margin-top:25px;

}
#titanium_slider_pagination .swiper-pagination-bullet{
	background-color:#666666;
	border:none;
	opacity:1;
	margin-left:7px;
	margin-right:7px;
	width:20%;
	border-radius: 0px;
	height:5px;
}
#titanium_slider_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color:#cccccc;
	border:none;
	opacity:1;
}
/*
#titanium_slider_pagination .swiper-pagination-bullet{
	background-color:#ffffff;
	border:solid 1px #ffffff;
	opacity:1;
	margin-left:7px;
	margin-right:7px;
}
#titanium_slider_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color:#333333;
	border:solid 1px #ffffff;
	opacity:1;
}
*/
	@media screen and (max-width: 768px) {
		#titanium_slider_pagination .swiper-pagination-bullet{
			height: 2px;
		}
	}
/*==================================================
about
==================================================*/
/*pageCont ( about01 )
------------------------------------------*/
#about01 {
	position: relative;
}
#about01 .bg01 {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 500px;
	content: "";
	background: url(https://www.citizenwatch-global.com/one/images/page/about/bg_about01.jpg) no-repeat 50% 50%;
	background-size: cover;
}
#about01 .cont_inner {
	position: relative;
}
#about01  p.txtBase {
	position: relative;
	z-index: 100;
}
	@media screen and (max-width: 1250px) {
		#about01 .bg01 {
			height: auto;
			padding: 44.2% 0 0;
		}
	}
	@media screen and (max-width: 1250px) {
		#about01 .bg01 {
			padding: 110.6% 0 0;
			background: url(https://www.citizenwatch-global.com/one/images/page/about/bg_about01_sp.jpg) no-repeat 50% 50%;
			background-size: cover;
		}
	}


/* ttlWrap */
#about01 .title {
	position: relative;
	width: 100%;
	padding: 170px 0 100px;
	z-index: 10;
}
#about01 h2 {
	width: 560px;
	margin: 0 auto;
}
#about01 h2 img {
	width: 560px;
	height: 22px;
}
	@media screen and (max-width: 1250px) {
		#about01 .title {
			padding: 15% 0 8.8%;
		}
		#about01 h2 {
			width: 53.8%;
		}
		#about01 h2 img {
			width: 100%;
			height: auto;
		}
	}
	@media screen and (max-width: 768px) {
		#about01 .title {
			padding: 20% 0 9%;
		}
		#about01 h2 {
			width: 77.34%;
		}
	}

/*cont01
------------------------------------------*/
#about01 .cont01 {
	position: relative;
}
#about01 .cont01 .txt {
	line-height: 230%;
	font-size: 12px;
	letter-spacing: 0.08em;
}
#about01 .cont01 .txt span {
	display: block;
}
#about01 .cont01 .txt .note {
	font-size: 10px;
	line-height: 170%;
}
#about01 .cont01 .txt .line {
	padding: 15px 0 0;
}
	@media (min-width: 769px) and (max-width: 9999px) {
		#about01 .cont01 {
			height: 685px;
			margin: 0 0 30px;
		}
		#about01 .cont01 .img {
			position: absolute;
			top: 0;
			left: 50%;
			height: 685px;
			margin-left: -940px;
			z-index: 100;
		}
		#about01 .cont01 .img img {
			height: 100%;
		}
		#about01 .cont01 .txt {
			padding:  120px 10% 0 59.6%;
		}
		#about01 .cont01 .txt span {
			padding: 50px 0 0;
		}
	}
	@media (min-width: 768px) and (max-width: 1250px) {
		#about01 .cont01 {
			height: auto;
			margin: 0 0 4%;
		}
		#about01 .cont01 .cont_inner {
			padding: 45.7% 0 0;
		}
		#about01 .cont01 .img {
			left: 0;
			width: 40%;
			height: auto;
			margin-left: 0;
		}
		#about01 .cont01 .img .viewPc {
			display: none;
		}
		#about01 .cont01 .img .viewSp {
			display: block;
		}
		#about01 .cont01 .img img {
			width: 100%;
			height: auto;
		}
		#about01 .cont01 .txt {
			position: absolute;
			top: 50%;
			left: 45%;
			width: 400px;
			padding: 0;
			font-size: 12px;
			-webkit-transform: translate(0, -50%);
			transform: translate(0, -50%);
		}
		#about01 .cont01 .txt span {
			padding: 8% 0 0;
		}
	}
	@media screen and (max-width: 768px) {
		#about01 .cont01 .img {
			width: 92.9%;
		}
		#about01 .cont01 .img img {
			width: 100%;
		}
		#about01 .cont01 .txt {
			padding: 10.3% 7.8% 17.3%;
			font-size: 2.8vw;
		}
		#about01 .cont01 .txt span {
			margin-top: 5.77%;
		}
		#about01 .cont01 .txt .note {
			font-size: 2.6vw;
		}
	}

/*cont02
------------------------------------------*/
	@media (min-width: 769px) and (max-width: 9999px) {
		#about01 .cont02 {
			height: 684px;
		}
		#about01 .cont02 .img {
			position: absolute;
			top: 0;
			right: 0;
			height: 684px;
		}
		#about01 .cont02 .img img {
			height: 100%;
		}
		#about01 .cont02 .txt {
			position: relative;
			width: 324px;
			height: auto;
			top: 85px;
			left: 50%;
			margin-left: -490px;
			z-index: 10;
		}
		#about01 .cont02 .txt img {
			width: 100%;
			height: 100%;
		}
	}
	@media (min-width: 768px) and (max-width: 1250px) {
		#about01 .cont02 {
			height: auto;
		}
		#about01 .cont02 .cont_inner {
			padding: 60.6% 0 0;
		}
		#about01 .cont02 .img {
			width: 52.7%;
			height: auto;
		}
		#about01 .cont02 .img img {
			width: 100%;
			height: auto;
		}
		#about01 .cont02 .img .viewPc {
			display: none;
		}
		#about01 .cont02 .img .viewSp {
			display: block;
		}
		#about01 .cont02 .txt {
			position: absolute;
			top: 13%;
			left: 6%;
			width: 36%;
			height: auto;
			padding: 0;
			margin: 0;
		}
	}
	@media screen and (max-width: 768px) {
		#about01 .cont02 .txt {
			position: relative;
			width: 64.3%;
			padding: 0 0 0 14%;
			z-index: 10;
		}
		#about01 .cont02 .txt img {
			width: 100%;
		}
		#about01 .cont02 .img {
			width: 92.5%;
			padding: 0 0 0 7.5%;
			margin-top: -10.5%;
		}
	}

/*cont03
------------------------------------------*/
	@media (min-width: 769px) and (max-width: 9999px) {
		#about01 .cont03 {
			margin-top: -105px;
			padding: 0 0 204px;
			background: url(https://www.citizenwatch-global.com/one/images/page/about/bg_about02.jpg) no-repeat 50% 50%;
			background-size: cover;
		}
		#about01 .cont03 .txt {
			width: 300px;
			padding: 255px 0 102px 22.4%;
		}
		#about01 .cont03 .txt img {
			width: 100%;
		}
		#about01 .cont03 .img {
			position: relative;
			left: 50%;
			height: 363px;
			margin-left: -900px;
		}
		#about01 .cont03 .img img {
			height: 100%;
		}
	}

	@media (min-width: 768px) and (max-width: 1250px) {
		#about01 .cont03 {
			margin-top: -9.3%;
			padding: 0 0 18%;
		}
		#about01 .cont03 .txt {
			width: 32.9%;
			padding: 22.5% 0 9% 22.4%;
		}
		#about01 .cont03 .img {
			left: 0;
			width: 110%;
			height: auto;
			margin-left: -26%;
		}
		#about01 .cont03 .img img {
			width: 100%;
			height: auto;
		}
	}
	@media screen and (max-width: 768px) {
		#about01 .cont03 {
			margin: -40.25% 0 28%;
			padding: 55% 0 0;
			background: url(https://www.citizenwatch-global.com/one/images/page/about/bg_about02_sp.jpg) no-repeat 50% 50%;
			background-size: cover;
		}
		#about01 .cont03 .txt {
			width: 45.3%;
			padding: 0 0 0 27.3%;
		}
		#about01 .cont03 .txt img {
			width: 100%;
		}
		#about01 .cont03 .img {
			position: relative;
			top: 0;
			margin-top: 12.6%;
			z-index: 100;
		}
	}

/*==================================================
Regularmodels
==================================================*/
.pageRegular .page-inner {
	max-width: 947px;
	width: 90%;
	padding: 30px 0 65px;
	margin: 0 auto;
}
.pageRegular .pageCont {
	position: relative;
	padding: 120px 0 0;
	background: none;
	border-right-color: #f6f6f6;
}
.pageRegular .pageCont:after {
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 2000px;
	height: 100%;
	content: "";
	margin-left: -2250px;
	background: #f4f3f3;
}
.pageRegular .techniqueNav {
	border-top: 1px solid #f6f6f6;
}
.regularmodels .txtWrap {
	display: inline-block;
	padding: 60px 50px 25px 0;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}
.regularmodels .txtWrap.viewSp {
	display: none;
}
.regularmodels .txtWrap p {
	position: relative;
	font-size: 12px;
	letter-spacing: 0.3em;
}
.regularmodels .txtWrap p:before {
	display: block;
	position: absolute;
	bottom: 8px;
	left: 50%;
	content: "";
	width: 1px;
	height: 86px;
	background: #000;
}
	@media screen and (max-width: 1180px) {
		.pageRegular .pageCont:after {
			left: 0;
			width: 26.6%;
			margin-left: 0;
		}
	}
	@media screen and (max-width: 768px) {
		.pageRegular .pageCont {
			padding: 14.37% 0 0;
		}
		.pageRegular .pageCont:after {
			width: 32.8%;
		}
		.pageRegular .page-inner {
			width: 100%;
			padding: 5% 7.8% 19.2% 18.75%;
			box-sizing: border-box;
		}
		.pageRegular .txtWrap.viewSp {
			position: absolute;
			top: 0;
			left: 4.8%;
			padding: 0;
			margin-top: 20%;
		}
		.pageRegular .txtWrap.viewSp .sub_ttl,
		.pageRegular .txtWrap.viewSp h2 {
			display: inline-block;
			vertical-align: middle;
		}
		.pageRegular .txtWrap.viewSp .sub_ttl {
			padding: 0 0 100px 0;
			font-size: 2.5vw;
			opacity: 1;
		}
		.regularmodels .txtWrap.viewSp {
			display: block;
		}
		.regularmodels .txtWrap p:before {
			height: 60px;
			bottom: 35px;
		}
		.pageRegular .txtWrap.viewSp h2 {
			padding: 0;
			font-size: 4.3vw;
		}
	}

.regularmodels h2 {
	padding: 0 10px 0 0;
	color: #000;
	font-size: 28px;
	letter-spacing: 0.3em;
}
.regularmodels h3 {
	margin: 0 0 30px;
	font-family: 'Calibre-Regular';
	font-size: 20px;
	letter-spacing: 0.3em;
}
	@media screen and (max-width: 768px) {
		.regularmodels h3 {
			margin: 0 0 3.9%;
			font-size: 4.0vw;
		}
	}

.regularmodels ul:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.regularmodels ul{
	margin-top:-20px;
}
.regularmodels li {
	width: 29.56%;
	float: left;
	padding: 20px 5.66% 0 0;
	margin: 0 0 60px 0;
	/*
	padding: 0 5.66% 0 0;
	margin: 0 0 80px 0;
	*/
}
.regularmodels li.title {
	margin: 0;
}
.regularmodels li:nth-child(3n) {
	padding-right: 0;
}
.regularmodels li figure {
	overflow: hidden;
	position: relative;
	margin: 0 0 20px;
	/*
	background: #e4e4e4;
	*/
}
.regularmodels li figure:before {
	background: #e4e4e4;
	display:block;
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	width:0px;
	height:100%;
}
.regularmodels li.init figure:before {
	width:100%;
	-webkit-transition: width 0.5s ease 0s;
	-moz-transition: width 0.5s ease 0s;
	-o-transition: width 0.5s ease 0s;
	-ms-transition: width 0.5s ease 0s;
	transition: width 0.5s ease 0s;
}

.regularmodels li figcaption {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background-color: rgba(0,0,0,0.7);
	transition: all .3s;
	opacity: 0;
}
.regularmodels li figcaption span {
	position: absolute;
	top: 50%;
	left: 50%;
	font-family: 'Calibre-Regular';
	letter-spacing: 0.15em;
	font-size: 12px;
	color: #fff;
	-webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}
.regularmodels li:hover figcaption {
	opacity: 1;
}
.regularmodels li .img {
	width: 100%;
	height: 100%;
	padding: 55px 0;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 1s;
	box-sizing: border-box;
}
.regularmodels li:hover .img {
	-moz-transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
}
.regularmodels li img {
	display: block;
	width: 53.57%;
	margin: 0 auto;
	position:relative;
	left:30px;
	opacity:0;
}
.regularmodels li.init img {
	opacity:1;
	left:0px;
	-webkit-transition: left 0.7s ease 0.55s,opacity 0.7s ease 0.55s;
	-moz-transition: left 0.7s ease 0.55s,opacity 0.7s ease 0.55s;
	-o-transition: left 0.7s ease 0.55s,opacity 0.7s ease 0.55s;
	-ms-transition: left 0.7s ease 0.55s,opacity 0.7s ease 0.55s;
	transition: left 0.7s ease 0.55s,opacity 0.7s ease 0.55s;
}

.regularmodels p {
	font-family: 'Calibre-Regular';
	letter-spacing: 0.3em;
	opacity:0;
	position:relative;
	top:30px;
}
.regularmodels li.init p {
	opacity:1;
	top:0px;
	-webkit-transition: top 0.7s ease 0.9s,opacity 0.7s ease 0.9s;
	-moz-transition: top 0.7s ease 0.9s,opacity 0.7s ease 0.9s;
	-o-transition: top 0.7s ease 0.9s,opacity 0.7s ease 0.9s;
	-ms-transition: top 0.7s ease 0.9s,opacity 0.7s ease 0.9s;
	transition: top 0.7s ease 0.9s,opacity 0.7s ease 0.9s;
}
.regularmodels .icn_new {
	display: inline-block;
	width: 56px;
	height: 22px;
	margin: 0 0 10px;
	line-height: 22px;
	font-size: 12px;
	text-align: center;
	border: 1px solid #000;
}
.regularmodels .name {
	margin: 0 0 5px;
	font-size: 14px;
}
.regularmodels .date,
.regularmodels .price {
	font-size: 11px;
}
	@media screen and (max-width: 768px) {
		.regularmodels li.title {
			display: none;
		}
		.regularmodels ul {
			margin-top:-10%;
		}
		.regularmodels li {
			width: 100%;
			float: none;
			padding: 10% 0 0 0;
			margin: 0 0 7.8% 0;
			/*
			padding: 0%;
			margin: 0 0 17.8% 0;
			*/
		}
		.regularmodels li figure {
			margin: 0 0 6.35%;
		}
		.regularmodels li .img {
			padding: 15% 0;
		}
		.regularmodels .icn_new {
			width: auto;
			height: auto;
			line-height: 100%;
			margin: 0 0 4.25%;
			padding: 1% 4%;
			font-size: 2.8vw;
		}
		.regularmodels .name {
			margin: 0;
			font-size: 3.43vw;
			line-height: 137%;
		}
		.regularmodels .date {
			font-size: 2.8vw;
		}
		.regularmodels .price {
			font-family: 'Calibre-Light';
			font-size: 2.8vw;
		}
	}