@charset "UTF-8";
/*==================================================
reset
==================================================*/
html{color:#000;background:#FFF}
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}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section { display: block }
caption { text-align: left; }
img { vertical-align: top; }
html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
main {display: block;/* for IE */}
abbr,acronym{border:0;font-variant:normal}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{font-size:100%}
input,button,textarea,select {font-size: 100%;font-family: inherit;color: inherit;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box;padding: 0;}
input[type="button"],input[type="submit"] {border-radius: 0;-webkit-appearance: none;}
textarea {overflow: auto;vertical-align: top;}
li { list-style: none; }
table {vertical-align: top;}
caption, th, td { font-weight: normal; vertical-align: top; }
/*------------*/
html,body,div,span,applet,object, iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,
s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	font-size: 100%;
}
/*------------*/
/*==================================================
Body_Bace
==================================================*/
html { overflow:auto; -webkit-overflow-scrolling: touch;}
body {
	overflow-x: hidden;
/* 	min-width: 1100px; */
	width: 100%;
	font-size: 14px;
	letter-spacing: 0.05em;
	color: #000;
	background: #fff;
	font-family: Helvetica,"Helvetica Neue", Arial , sans-serif;
}
	word-wrap: break-word;
	-webkit-overflow-scrolling: touch;
}
img { border: none; outline: none;}
sup {
	font-size: .8em;
}
.txt_kerning {
	font-feature-settings: "palt";
	font-style: normal;
	font-family: "游ゴシック";
}
/* link
---------------------------------*/
a {
	color: #000;
	text-decoration: none;
}
/* display
---------------------------------*/
.viewSp {
	display: none;
}
	@media(min-width:1px) and (max-width: 768px) {
		.viewPc { display: none; }
		.viewSp { display: block; }
	}
/* @media
---------------------------------*/
@media(min-width:1px) and (max-width: 768px) {
	body { min-width: 100%; -webkit-text-size-adjust: none;}
	img { max-width: 100%; width : auto; height: auto; }
}
@media(min-width:1px) and (max-width: 640px) {
	body { font-size: 13px; }
}
@media(min-width:1px) and (max-width: 480px) {
	body { font-size: 12px; font-size: 2.8vw; }
}

/*==================================================
loading
==================================================*/
.loading{
	position: fixed;
	background: #fff;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 9990;
}
.loadingcont {
	position: fixed;
	width: 200px;
	top: 50%;
	left: 50%;
	z-index: 9995;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.loading_logo {
	width: 200px;
	display: block;
	margin-bottom: 40px;
}
.loadingprogress {
	position: relative;
	display: block;
	width: 100px;
	height: 2px;
	margin: 0 auto;
	background-color: #dcdcdc;
}
@media(min-width:1px) and (max-width: 768px) {
.loadingcont {
		position: fixed;
		width: 40%;
		top: 50%;
		left: 50%;
		z-index: 9995;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.loading_logo {
		width: 100%;
		display: block;
		margin-bottom: 30px;
	}
	.loadingprogress {
		height: 2px;
		width: 50%;
		display: block;
		background-color: #dcdcdc;
		position: relative;
	}
}
.loadingprogress_black {
	height: 2px;
	width: 0px;
	display: block;
	background-color: #000000;
	position: relative;
}

/* header
------------------------ */
#header {
	position: fixed;
	width: 100%;
	box-sizing: border-box;
	background-color: rgba(255,255,255,0.6);
	z-index: 5990;
	opacity:0;
}
	@media(min-width:1px) and (max-width: 768px) {
		#header {
			z-index: 9980;
		}
	}

.header {
	display:block;
	padding: 30px 0 25px;
	border-bottom: 1px solid #fff;
}
.header h1 {
	width: 218px;
	height: 27px;
	float: left;
	padding: 0 50px 0 35px;
}
.header h1 a {
	overflow: hidden;
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	white-space: nowrap;
	text-indent: 100%;
	background: url(../svg/logo_wt.svg) no-repeat;
	background-size: contain;
}
body.basel2018 .header h1 a,
#header.white h1 a {
	background: url(../svg/logo_bk.svg) no-repeat;
	background-size: contain;
}

	@media screen and (max-width: 1120px) {
		.header h1 {
			max-width: 218px;
			width: 180px;
		}
		.header h1 img {
			width: 100%;
			height: auto;
		}
		.header h1 {
			padding: 5px 30px 0 25px;
		}
	}
	@media screen and (max-width: 890px) {
		.header h1 {
			padding: 5px 20px 0 20px;
			width: 119px;
			height: 16px;
		}
	}
	@media screen and (max-width: 768px) {
		#header {
			min-width: 0;
			background: #fff;
		}
		.header {
			position: relative;
			padding: 25px 0;
		}
		.header h1 {
			max-width: initial;
			width: 34%;
			height: auto;
			float: none;
			padding: 0;
			margin: 0 auto;
		}
		.header h1 a {
			width: 100%;
			padding: 4% 0 0;
			background-size: 100% auto;
		}
	}
	@media screen and (max-width: 480px) {
		.header {
			padding: 20px 0;
		}
	}

/*gnav
------------------------ */
#gnav {
	padding: 7px 0 0;
	float: left;
}
#gnav ul li {
	position: relative;
	display: inline-block;
	padding: 0 31px 0 0;
	font-size: 13px;
	letter-spacing: 0.2em;
	 font-family: 'Calibre-Regular';
}
#gnav > ul > li a {
	position: relative;
	color: #fff;
}
#gnav > ul > li a::after {
	position: absolute;
	bottom: -5px;
	left: 0;
	content: '';
	width: 0;
	height: 1px;
	background: #fff;
	transition: .3s;
}
#gnav > ul > li a:hover::after {
	width: 100%;
}
#gnav > ul > li.current a::after {
	position: absolute;
	bottom: -5px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: #000;
}
#gnav > ul > li.current ul li a::after {
	width: 0;
}
#gnav > ul > li.current ul li a:hover::after {
	width: 100%;
}
body.basel2018 #header #gnav > ul > li a,
#header.white #gnav > ul > li a {
	color: #000;
}
#header.white #gnav > ul > li a::after {
	background: #000;
}
	@media screen and (max-width: 1120px) {
		#gnav ul li {
			padding: 0 15px 0 0;
		}
	}
	@media screen and (max-width: 950px) {
		#gnav ul li {
			padding: 0 8px 0 0;
			font-size: 12px;
		}
	}
	@media screen and (max-width: 890px) {
		#gnav {
			padding: 4px 0 0;
		}
	}
	@media screen and (max-width: 768px) {
		#gnav {
			display: none;
		}
	}
/*logo_citizen
------------------------ */
.header .subnav {
	padding: 0 30px 0 0;
	text-align: right;
}
.header .subnav li {
	display: inline-block;
}
.header .subnav .global_modal {
	width: 60px;
	text-align: center;
	vertical-align: top;
}
.header .subnav .global_modal a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	background: url(../svg/icn_glove_wt.svg) no-repeat 50% 0;
	background-size: 19px 19px;
}
body.basel2018 #header .subnav .global_modal a,
#header.white .subnav .global_modal a {
	background: url(../svg/icn_glove_bk.svg) no-repeat 50% 0;
	background-size: 19px 19px;
}
.header .subnav .global_modal a span {
	display: block;
	color: #fff;
	font-size: 10px;
	letter-spacing: 0.1em;
	font-family: 'Calibre-Regular';
	padding: 24px 0 0;
}
body.basel2018 #header .subnav .global_modal a span,
#header.white .subnav .global_modal a span {
	color: #000;
}
.header .subnav .logo_citizen {
	width: 108px;
	height: 32px;
	padding-left: 20px;
}
.header .subnav .logo_citizen a {
	overflow: hidden;
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	white-space: nowrap;
	text-indent: 100%;
	background: url(../svg/logo_citizen_wt.svg) no-repeat;
	background-size: contain;
}
body.basel2018 #header .subnav .logo_citizen a,
#header.white .subnav .logo_citizen a {
	background: url(../svg/logo_citizen_bk.svg) no-repeat;
	background-size: contain;
}
	@media screen and (max-width: 1120px) {
		.header .subnav {
			padding: 0 15px 0 0;
		}
		.header .subnav .logo_citizen {
			padding-left: 20px;
		}
	}
	@media screen and (max-width: 950px) {
		.header .subnav .logo_citizen {
			padding-left: 10px;
		}
	}
	@media screen and (max-width: 890px) {
		.header .subnav {
			padding: 0 10px 0 0;
		}
		.header .subnav .logo_citizen {
			padding: 5px 0 0 7px;
			width: 79px;
			height: 24px;
		}
	}
	@media screen and (max-width: 768px) {

		.header .subnav .global_modal {
			display: none;
		}
		.header .subnav .logo_citizen {
			position: absolute;
			width: 15.6%;
			top: 20px;
			right: 3%;
			padding: 0;
		}
		.header .logo_citizen img {
			width: 100%;
			height: auto;
		}
	}
	@media screen and (max-width: 480px) {
		.header .logo_citizen {
			top: 18px;
			width: 70px;
		}
	}
/*menu-trigger
------------------------ */
.menu-trigger {
	display: none;
}
	@media screen and (max-width: 768px) {
		.menu-trigger,
		.menu-trigger span.bar {
			display: inline-block;
			transition: all .4s;
			box-sizing: border-box;
		}
		.menu-trigger {
			position: absolute;
			top: 25px;
			left: 3%;
			width: 25px;
			height: 18px;
		}
		.menu-trigger span.bar {
			position: absolute;
			left: 0;
			width: 100%;
			height: 1px;

		}
		.menu-trigger span.bar span.bgcolor {
			display:block;
			width:100%;
			height:100%;
			background-color: #fff;
		}

		#header.white .menu-trigger span.bar span.bgcolor,
		.basel2018 #header .menu-trigger span.bar span.bgcolor {
			background-color: #000;
		}

		.menu-trigger span.bar:nth-of-type(1) {
			top: 0;
		}
		.menu-trigger span.bar:nth-of-type(2) {
			top: 7px;
			width: 70%;
		}
		.menu-trigger span.bar:nth-of-type(3) {
			bottom: 2px;
			width: 50%;
		}
	}
	@media screen and (max-width: 480px) {
		.menu-trigger {
			top: 20px;
			width: 25px;
			height: 18px;
		}
		.menu-trigger span.bar:nth-of-type(2) {
			top: 7px;
		}
	}

/*scrollnav
------------------------ */
.scrollnav {
	display: none;
}
	@media screen and (max-width: 768px) {
		body.home #header .scrollnav {
			display: block;
			bottom: 0.2%;
		}
		.scrollnav {
			position: absolute;
			bottom: 300%;
			left: 0;
			width: 100%;
			border-top: 1px solid #eee;
			background: #fff;
			-webkit-transform: translate(0, 100%);
			transform: translate(0, 100%);
			opacity:0;
			box-sizing:border-box;
			-webkit-transition: bottom 0.001s ease 0.43s , opacity 0.4s ease 0s;
			-moz-transition: bottom 0.001s ease 0.43s , opacity 0.4s ease 0s;
			-o-transition: bottom 0.001s ease 0.43s , opacity 0.4s ease 0s;
			-ms-transition: bottom 0.001s ease 0.43s , opacity 0.4s ease 0s
		}
		#header.white .scrollnav {
			bottom: 0%;
			opacity:1;
			-webkit-transition: bottom 0.001s ease 0.4s , opacity 0.4s ease 0.43s;
			-moz-transition: bottom 0.001s ease 0.4s , opacity 0.4s ease 0.43s;
			-o-transition: bottom 0.001s ease 0.4s , opacity 0.4s ease 0.43s;
			-ms-transition: bottom 0.001s ease 0.4s , opacity 0.4s ease 0.43s;
			transition: bottom 0.001s ease 0.4s , opacity 0.4s ease 0.43s;
		}
		.scrollnav ul {
			margin: 0 auto;
			text-align: center;
		}
		.scrollnav li {
			display: inline-block;
			width: 21%;
		}
		.scrollnav li a {
			display: block;
			padding: 14.8% 3%;
			font-size: 2.8vw;
			letter-spacing: 0.3em;
			font-family: 'Calibre-Regular';
		}
	}

/*.page_btnBack
------------------------ */
.page_btnBack {
	display: none;
}

/*==================================================
mainCont
==================================================*/
#mainCont {
	width: 100%;
	overflow: hidden;
	position:relative;
	z-index:1;
}
.inner {
	position: relative;
	width: 1100px;
	margin: 0 auto;
}
 h2.contttl {
	position: relative;
	padding: 110px 0 100px;
	text-align: center;
	font-size: 40px;
	letter-spacing: 0.5em;
	 font-family: 'Calibre-Medium';
}
.contttl:before {
	display: block;
	position: absolute;
	width: 1px;
	height: 80px;
	top: 0;
	left: 50%;
	content: "";
	background: #000;
}
	@media screen and (max-width: 768px) {
		.inner {
			width: 100%;
		}
		h2.contttl {
			padding: 70px 0 11.7%;
			line-height: 150%;
		}
		.contttl:before {
			height: 60px;
		}
	}
	@media screen and (max-width: 640px) {
		h2.contttl {
			font-size: 6.3vw;
		}
	}
	@media screen and (max-width: 480px) {
		h2.contttl {
			padding-top: 50px;
		}
		.contttl:before {
			height: 40px;
		}
	}
@media screen and (max-width: 415px) {
		h2.contttl {
			padding-top: 40px;
		}
		.contttl:before {
			height: 30px;
		}
	}



/*==================================================
#intro
==================================================*/
#intro {
	position: relative;
	width: 100%;
	height: 653px;
}
#intro .movie:before {
	display:block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	content: "";
	background: url(../png/layer_movie.png) repeat 0 0;
	z-index: 20;
}
#intro .movie {
	display:block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	content: "";
/*
	background: url(/one/images/img_home_intro.jpg) no-repeat 50% 50%;
	background-size: cover;
*/
	z-index: 10;
}
#intro p {
	padding: 195px 0 0;
	position: relative;
	text-align: center;
	z-index: 30;
}
#intro p img {
	width: 388px;
	height: 279px;
}
	@media (min-width: 1921px) and (max-width: 9999px) {
		#intro {
			height: auto;
		}
		#intro .movie {
			position: relative;
			padding: 32.5% 0 0;
		}
		#intro p {
			position: absolute;
			top: 50%;
			left: 50%;
			padding: 0;
			-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
		}
	}
	@media screen and (max-width: 768px) {
		#intro {
			position: relative;
			height: auto;/* 653px */
			padding: 102% 0 0;
		}
		#intro {
			background: #000 url(../gif/sp_index_movie_1_640.gif) no-repeat 50% 50%;
			background-size: auto 100%;
		}
		#intro:before {
			display:block;
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			content: "";
			background: url(../png/layer_movie.png) repeat 0 0;
			z-index: 20;
		}
		#intro .movie:before {
			display: none;
		}
		#intro p {
			position: absolute;
			top: 50%;
			left: 50%;
			padding: 0;
			-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
		}
		#intro p img {
			max-width: none;
		}
	}
	@media screen and (max-width: 520px) {
		#intro p {
			width: 75.4%;
			height: auto;
		}
		#intro p img {
			width: 100%;
			height: 100%;
		}
	}
/*==================================================
about
==================================================*/
#home_about .inner {
	position: relative;
}
#home_about  p.txtBase {
	position: relative;
	z-index: 100;
}
/*contttlWrap
------------------------------------------*/
#home_about .contttlWrap {
	padding: 75px 0 0;
	height: 711px;
	background: url(../jpg/bg_home_about01.jpg) no-repeat 50% 50%;
	background-size: cover;
	box-sizing: border-box;
}
#home_about .contttlWrap h3 {
	text-align: center;
}
#home_about .contttlWrap h3 img {
	width: 687px;
	height: 43px;
}
	@media screen and (max-width: 768px) {
		#home_about .contttlWrap {
			padding: 10.15% 0 43%;
			height: auto;
		}
		#home_about .contttlWrap h3 img {
			width: 88.28%;
			height: auto;
		}
	}
/*cont01
------------------------------------------*/
#home_about .cont01 p.txtBase {
	line-height: 240%;
	letter-spacing: 0.1em;
}
#home_about .cont01 p.txtBase span {
	display:block;
	font-size: 84%;
	line-height: 130%;
}
#home_about h2 {
	font-size: 36px;
}
#home_about h2 span > span {
	letter-spacing: 0.4em;
}
	@media (min-width: 769px) and (max-width: 9999px) {
		#home_about .cont01 {
			position: relative;
			height: 687px;
			margin-top: -216px;
			margin-bottom: 0px;
		}
		#home_about .cont01 .number {
			position: absolute;
			top: 90px;
			left: 50%;
			margin-left: -270px;
		}
		#home_about .cont01 .img .viewPc {
			position: absolute;
			top: 0;
			left: 0;
			margin-left: -460px;
			z-index: 100;
		}
		#home_about .cont01 p.txtBase {
			padding: 50px 0 0 606px;
		}
		#home_about .cont01 p.txtBase span {
			padding: 30px 0 0;
		}
}
	@media screen and (max-width: 768px) {
		#home_about .cont01{
			padding: 0 0 6.25%;
		}
		#home_about h2 {
			font-size: 5.5vw;
			letter-spacing: 0.5em;
		}
		#home_about .cont01 .img {
			position: relative;
		}
		#home_about .cont01 .img .viewSp {
			position: relative;
			width: 93%;
			margin-top: -30%;
			z-index: 100;
		}
		#home_about .cont01 .number {
			position: absolute;
			top: -10%;
			right: -40%;
			width: 94%;
		}
		#home_about .cont01 p.txtBase {
			width: 84.375%;
			margin: 0 auto;
			/*AP*/
			margin-top:-20%;
			padding: 10.16% 0 0;
		}
		#home_about .cont01 p.txtBase span {
			padding: 10% 0 0;
		}
	}
/*cont02
------------------------------------------*/
	@media (min-width: 769px) and (max-width: 9999px) {
		#home_about .cont02 {
			height: 684px;
			margin-top:-100px;
		}
		#home_about .cont02 .txtBase img {
			width: 240px;
			height: 278px;
		}
		#home_about .cont02 .number {
			position: absolute;
			top: 309px;
			left: -414px;
		}
		#home_about .cont02 .img {
			position: absolute;
			top: 0;
			left: 441px;
		}
		#home_about .cont02 p.txtBase {
			padding: 125px 0 0 55px;
		}
	}
	@media screen and (max-width: 768px) {
		#home_about .cont02 {
			/*AP*/
			margin-top:-17%;
			padding: 10.9% 0 51.7%;
			/*
			padding: 10.9% 0 41.7%;
			*/
		}
		#home_about .cont02 .number {
			display: none;
		}
		#home_about .cont02 .txtBase {
			width: 51.25%;
			padding: 0 0 0 14%;
		}
		#home_about .cont02 .img {
			width: 92.5%;
			padding: 0 0 0 7.5%;
			margin-top: -8%;
		}
	}
/*cont03
------------------------------------------*/
	@media (min-width: 769px) and (max-width: 9999px) {
		#home_about .cont03 {
			height: 1030px;
			margin-top: -155px;
/*
			margin-top: -105px;
*/
			background: url(../jpg/bg_home_about02.jpg) no-repeat 50% 50%;
			background-size: cover;
		}
		#home_about .cont03 .txtBase img {
			width: 331px;
			height: 109px;
		}
		#home_about .cont03 .number {
			position: absolute;
			top: 750px;
			left: 607px;
		}
		#home_about .cont03 p.txtBase {
			padding: 255px 0 100px 156px;
		}
		#home_about .cont03 .img {
			margin-left: -270px;
		}
	}
	@media screen and (max-width: 768px) {
		#home_about .cont03 {
/*AP*/
			margin-top: -53.25%;
			padding-top:10%;
			padding-bottom:19%;
/*
			margin-top: -26.25%;
*/
		}
		#home_about .cont03 p.txtBase {
			width: 45.8%;
/*AP*/
			padding: 0 0 7.4% 23.9%;
/*
			padding: 0 0 11.4% 23.9%;
*/
		}
		#home_about .cont03 .img {
			position: relative;
		}
		#home_about .cont03 .number {
			position: absolute;
			right: -38%;
			top: -40%;
			width: 118%;
		}
		#home_about .cont03 .img .viewSp {
			position: relative;
			top:0%;
			margin-top:21%;
			z-index: 100;
		}
	}


/*==================================================
movie
==================================================*/
#home_movie {
	position: relative;
	height: 652px;
}
#home_movie .movie:before {
	display:block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	content: "";
	background: url(../png/layer_movie.png) repeat 0 0;
	z-index: 20;
}
#home_movie .movie {
	display:block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	content: "";
/*
	background: url(/one/images/bg_home_movie.jpg) no-repeat 50% 50%;
*/
	background-size: cover;
	z-index: 10;
}
#home_movie .inner {
	position: relative;
	width: 540px;
	padding: 75px 0 100px;
	margin: 0 auto;
	color: #fff;
	z-index: 30;
}
#home_movie h2 {
	padding: 0 0 45px;
}
#home_movie h2:before {
	display: none;
}
#home_movie figure {
	margin: 0 0 35px;
}
#home_movie figure a {
	display: block;
	position: relative;
}
#home_movie figure a .img {
	overflow: hidden;
}
#home_movie figure a .img img {
	width: 100%;
	height: auto;
	-webkit-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
	vertical-align: bottom;
}
#home_movie figure a:hover .img img {
	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);
}
#home_movie figure p {
	position: absolute;
	top: 68.2%;
	width: 100%;
	font-size: 16px;
	color: #fff;
	letter-spacing: 0.2em;
	text-align: center;
	 font-family: 'Calibre-Medium';
}
#home_movie figure a:after {
	display: block;
	position: absolute;
	width: 66px;
	height: 66px;
	top: 37.8%;
	left: 50%;
	content: "";
	background: url(../svg/icn_movieplay.svg) repeat 0 0;
	background-size: contain;
	-moz-background-size:contain;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	z-index: 200;
}
#home_movie figure a:hover:after {
	background: url(../svg/icn_movieplay_on.svg) no-repeat 0 0;
	background-size: contain;
	-moz-background-size:contain;
}
#home_movie figure a:before {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	content: "";
	background-color: rgba(0,0,0,0.4);
	opacity: 0;
	transition: all .3s;
	z-index: 100;
}
#home_movie figure a:hover:before {
	opacity: 1;
}
#home_movie a.btn_profile {
	display: block;
	height: 48px;
	line-height: 48px;
	color: #fff;
	text-align: center;
	font-weight: 700;
	letter-spacing: 0.2em;
	border: 1px solid #fff;
	transition: all .3s;
}
#home_movie a.btn_profile:hover {
	color: #000;
	background: #fff;
}
	@media (min-width: 1921px) and (max-width: 9999px) {
		#home_movie {
			height: auto;
		}
		#home_movie .movie {
			position: relative;
			padding: 32.5% 0 0;
		}
		#home_movie .inner {
			position: absolute;
			top: 50%;
			left: 50%;
			padding: 0;
			-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
		}
	}
	@media screen and (max-width: 768px) {
		#home_movie {
			height: auto;
		}
		#home_movie {
			background: #000 url(../gif/sp_index_movie_2_640.gif) no-repeat 50% 50%;
			background-size: auto 100%;
		}
		#home_movie:before {
			display:block;
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			content: "";
			background: url(../png/layer_movie.png) repeat 0 0;
			z-index: 20;
		}
		#home_movie .movie:before {
			display: none;
		}
		#home_movie .inner {
			width: 84.375%;/* 540px */
			margin: 0 auto;
			padding: 12.5% 0;
		}
		#home_movie h2 {
			padding: 0 0 7.8%;
		}
		#home_movie figure img {
			width: 100%;
		}
		#home_movie figure a:after {
			width: 12.2%;
			height: auto;
			padding: 12.2% 0 0;
		}
		#home_movie figure p {
			top: 66.98%;
			font-size: 3vw;
		}
	}
/*==================================================
technology
==================================================*/
#home_technology {
	position: relative;
	padding: 75px 0 253px;
	background: #000;
}
#home_technology:before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 695px;
	content: "";
	background: #fff;
}
.home_technology {
	position: relative;
}
#home_technology .contttl {
	padding-bottom: 70px;
}
.home_technology .contttl span.title1 {
	display: block;
	padding: 0 0 40px;
	font-size: 50%;
	letter-spacing: 0.3em;
}
#home_technology h3 {
	padding: 0 0 80px;
	text-align: center;
}
#home_technology h3 img {
	width: 438px;
	height: 62px;
}
#home_technology .inner {
	z-index: 300;
}
#home_technology .readimg {
	padding: 0 0 120px 140px;
}
#home_technology .txtBase {
	padding: 0 0 120px;
	color: #fff;
	font-size: 16px;
	line-height: 240%;
	letter-spacing: 0.2em;
	text-align: center;
}
	@media screen and (max-width: 768px) {
		#home_technology {
			padding: 11.5% 0 0;
			background: #000 url(../jpg/bg_home_technology.jpg) no-repeat 0 0;
			background-size: contain;
		}
		#home_technology:before {
			display: none;
		}
		#home_technology .contttl {
			padding-bottom: 10%;
			font-size: 6vw;
		}
		.home_technology .contttl span.title1 {
			padding: 0 0 1%;
			font-size: 60%;
		}
		#home_technology h3 {
			padding: 0 0 11.25%;
		}
		#home_technology h3 img {
			width: 80.625%;
			height: auto;
		}
		#home_technology .readimg {
			padding: 0 0 15.625%;
		}
		#home_technology .txtBase {
			padding: 0 0 25.9%;
		}
		#home_technology .bgimg {
			padding: 0 0 21%;
		}
		#home_technology .bgimg img {
			width: 100%;
		}
	}
	@media screen and (max-width: 640px) {
			#home_technology .txtBase {
			font-size: 2.8vw;
		}
	}
/* pointList
---------------------------*/
/* pc */
	@media (min-width: 769px) and (max-width: 9999px) {
		#home_technology .pointList {
			position: relative;
			height: 853px;
		}
		#home_technology .pointList li {
			position: absolute;
			top: 0;
			left: 0;
		}
		#home_technology .pointList li a {
			display: block;
			transition: all .3s;
		}
		#home_technology .pointList li a figure {
			transition: all .3s;
		}
		#home_technology .pointList li a:hover figure {
			opacity: 0.6;
		}
		#home_technology li .pont-inr {
			position: relative;
		}
		#home_technology li h4 {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 100;
		}
		#home_technology li.point01 {
			top: 64px;
			left: 0;
		}
		#home_technology li.point02 {
			top: 64px;
			left: 374px;
		}
		#home_technology li.point03 {
			top: 493px;
			left: 287px;
		}
		#home_technology li.point04 {
			top: 493px;
			left: 650px;
		}
		#home_technology li.point01 h4 {
			top: -63px;
			left: 112px;
		}
		#home_technology li.point02 h4 {
			top: 74px;
			left: 307px;
		}
		#home_technology li.point03 h4 {
			top: 44px;
			left: -45px;
		}
		#home_technology li.point04 h4 {
			top: 295px;
			left: 176px;
		}
		#home_technology .pointList li .img {
			overflow: hidden;
			display: block;
			position: relative;
		}
		#home_technology .pointList li .img:after {
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 100%;
			height: 100%;
			content: "";
			background-color: rgba(0,0,0,0.3);
			transition: all .3s;
			opacity: 0;
		}
		#home_technology .pointList li:hover .img:after {
			opacity: 1;
		}
		#home_technology .pointList li .img img {
			width: 100%;
			height: auto;
			-webkit-transition:all 0.5s ease-in-out;
			transition:all 0.5s ease-in-out;
			vertical-align: bottom;
		}
		#home_technology .pointList li:hover .img img {
			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);
		}
		#home_technology .pointList li figcaption {
			position: absolute;
			top: 50%;
			left: 50%;
			color: #fff;
			 font-family: 'Calibre-Medium';
			transition: all .3s;
			-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			opacity: 0;
		}
		#home_technology .pointList li:hover figcaption {
			opacity: 1;
		}
		#home_technology .pointList li figcaption span {
			padding: 0 0 3px;
			border-bottom: 1px solid #fff;
		}
		#home_technology .bgimg {
			position: absolute;
			bottom: 0;
			left: 50%;
			-webkit-transform: translate(-50%, 0);
			transform: translate(-50%, 0);
		}
	}
/* sp */
	@media screen and (max-width: 768px) {
		.home_technology .pointList {
			position: relative;
		}
		#home_technology .pointList li {
			width: 52.8125%;/* 338px*/
		}
		#home_technology .pointList li .point-inr {
			position: relative;
		}
		#home_technology .pointList li h4 {
			position: absolute;
			top: 0;
			left: 0;
		}
		#home_technology .pointList li figcaption {
			display: none;
		}
		#home_technology li.point01 {
			padding: 0 0 7.1875% 6.25%;
		}
		#home_technology li.point02 {
			padding: 0 0 8.9% 21.25%;
		}
		#home_technology li.point03 {
			padding: 0 0 8.28% 13.4375%;
		}
		#home_technology li.point04 {
			padding: 0 0 38.9% 26.875%;
		}
		#home_technology li.point01 h4 {
			width: 51.48%;
			top: -16.7%;
			left: 33.7%;
		}
		#home_technology li.point02 h4 {
			width: 72.19%;
			top: -16.7%;
			left: 63.7%;
		}
		#home_technology li.point03 h4 {
			width: 52.4%;
			top: -13%;
			left: -5%;
		}
		#home_technology li.point04 h4 {
/*AP
			width: 63.3%;
*/
		width: 65.3%;
			top: 90%;
			left: 50%;
		}
	}
/*==================================================
home_text
==================================================*/
#home_textarea {
	position: relative;
	height: 438px;
/*
	background: #000 url(/one/images/bg_home_textarea.jpg) no-repeat 50% 50%;
*/
	background-color:#000;
	background-size: cover;
}
/*
#home_textarea:before {
	display:block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	content: "";
	background: url(/one/images/layer_movie.png) repeat 0 0;
	z-index: 20;
}
*/
#home_textarea p {
	position: relative;
	padding: 200px 0 0;
	text-align: center;
	z-index: 100;
}
#home_textarea p img {
	width: 577px;
	height: 35px;
}
	@media screen and (max-width: 768px) {
		#home_textarea {
			height: auto;
		}
		#home_textarea p {
			padding: 32% 0;
		}
		#home_textarea p img {
			max-width: 433px;
			width: 67.8%;
			height: auto;
		}
	}
/*==================================================
lineup
==================================================*/
#home_lineup {
	padding: 75px 0 150px;
	background: url(../jpg/bg_home_lineup.jpg) no-repeat 50% 50%;
	background-size: cover;
}
#home_lineup ul:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#home_lineup li {
	width: 346px;
	float: left;
	margin: 0 10px 20px;
}


#home_lineup .column01 {
	width: 366px;
	margin: 0 auto;
}

#home_lineup .column02 {
	width: 732px;
	margin: 0 auto;
}
#home_lineup li a {
	display:block;
	padding: 56px 0 35px;
	text-align: center;
	background: #fff;
}
#home_lineup li img {
	padding: 0 0 30px;
}
#home_lineup li .number {
	padding: 0 0 3px;
	font-family: 'Calibre-Medium';
	font-size: 18px;
	letter-spacing: 0.2em;
}
#home_lineup li .price {
	padding: 0 0 10px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.2em;
}
#home_lineup li .release {
	padding: 0 0 16px;
	font-size: 12px;
	letter-spacing: 0.2em;
}
#home_lineup li .btn {
	position: relative;
	width: 153px;
	height: 38px;
	margin: 0 auto;
	line-height: 38px;
	font-family: 'Calibre-Medium';
	font-size: 14px;
	letter-spacing: 0.2em;
	border: 1px solid #000;
	background-color: #fff;
	transition: all .3s;
	 z-index: 2;
	 overflow: hidden;
}
#home_lineup li a:hover .btn {
	 color: #fff;
}
#home_lineup li a:hover img {
	 opacity: .7 !important;
}
#home_lineup li .btn::after {
	display: block;
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	background: #000;
	-moz-transform: scaleX(0);
	transition: 0.7s 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;
}
#home_lineup li a:hover .btn::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
}
#home_lineup li .btn:before {
	display: block;
	position: absolute;
	top: 50%;
	right: 13px;
	width: 11px;
	height: 9px;
	content: "";
	margin-top: -4.5px;
	background: url(../png/icn_link.png) no-repeat 0 0;
	background-size: cover;
	transition: all .1s;
}
#home_lineup li a:hover .btn:before {
	background: url(../png/icn_link_wt.png) no-repeat 0 0;
	background-size: cover;
}
	@media screen and (max-width: 768px) {
		#home_lineup {
			padding: 11.4% 0 8%;
		}
		#home_lineup .contttl {
			padding-bottom: 9.375%;
		}
		#home_lineup .column02,
		#home_lineup .column03 {
			width: 90.625%;
			margin: 0 auto;
			box-sizing: border-box;
		}
		#home_lineup li {
			width: 48%;
			margin: 0 0 4%;
		}
		#home_lineup li a {
			padding: 16.8% 0 12.7%;
		}
		#home_lineup li:nth-child(odd) {
			margin: 0 4% 4% 0;
		}
		#home_lineup li .price {
			padding: 0 0 3%;
		}
	}
	@media screen and (max-width: 640px) {
		#home_lineup li a {
			letter-spacing: 0.2em;
		}
		#home_lineup li figure img {
			width: 60%;
		}
		#home_lineup li .number {
			font-size: 16px;
		}
		#home_lineup li .price,
		#home_lineup li .release {
			font-size: 11px;
		}
		#home_lineup li .btn {
			width: 57%;
			padding: 3.5% 0;
			height: auto;
			line-height: 100%;
			font-size: 14px;
		}
		#home_lineup li a:hover .btn {
			 color: #000;
		}
		#home_lineup li a:hover .btn::before {
		    display: block;
		    position: absolute;
		    top: 50%;
		    right: 13px;
		    width: 11px;
		    height: 9px;
		    content: "";
		    margin-top: -4.5px;
		    background: url(../png/icn_link.png) no-repeat 0 0;
			background-size: auto auto;
		    background-size: cover;
		    transition: all .1s;
		}
	}
	@media screen and (max-width: 480px) {
		#home_lineup li .number {
			font-size: 13px;
		}
		#home_lineup li .price,
		#home_lineup li .release {
			font-size: 10px;
		}
		#home_lineup li .btn {
			padding-right: 10px;
			font-size: 12px;
		}
	}

/*==================================================
news
==================================================*/
#home_news {
	padding: 80px 0 120px;
}
#home_news .contttl {
	padding-bottom: 70px;
}
 #home_news h2 {
	position: relative;
	padding: 110px 0 70px;
	text-align: center;
	font-family: 'Calibre-Regular';
	font-size: 28px;
	letter-spacing: 0.3em;
}
 #home_news h2:before {
	display: block;
	position: absolute;
	width: 1px;
	height: 80px;
	top: 0;
	left: 50%;
	content: "";
	background: #000;
}
#home_news ul {
	width: 980px;
	margin: 0 auto;
}

#home_news li span.news03 figure,
#home_news li span.news02 figure,
#home_news li span.news01 figure{
	position:relative;
	left:30px;
	opacity:0;

}
#home_news.init li span.news01 figure{
	left:0px;
	opacity:1;
	-webkit-transition: opacity 0.7s ease 0s,left 0.7s ease 0s;
	-moz-transition: opacity 0.7s ease 0s,left 0.7s ease 0s;
	-o-transition: opacity 0.7s ease 0s,left 0.7s ease 0s;
	-ms-transition: opacity 0.7s ease 0s,left 0.7s ease 0s;
	transition: opacity 0.7s ease 0s,left 0.7s ease 0s;
}
#home_news.init li span.news02 figure{
	left:0px;
	opacity:1;
	-webkit-transition: opacity 0.7s ease 0.4s,left 0.7s ease 0.4s;
	-moz-transition: opacity 0.7s ease 0.4s,left 0.7s ease 0.4s;
	-o-transition: opacity 0.7s ease 0.4s,left 0.7s ease 0.4s;
	-ms-transition: opacity 0.7s ease 0.4s,left 0.7s ease 0.4s;
	transition: opacity 0.7s ease 0.4s,left 0.7s ease 0.4s;
}
#home_news.init li span.news03 figure{
	left:0px;
	opacity:1;
	-webkit-transition: opacity 0.7s ease 0.4s,left 0.7s ease 0.4s;
	-moz-transition: opacity 0.7s ease 0.4s,left 0.7s ease 0.4s;
	-o-transition: opacity 0.7s ease 0.4s,left 0.7s ease 0.4s;
	-ms-transition: opacity 0.7s ease 0.4s,left 0.7s ease 0.4s;
	transition: opacity 0.7s ease 0.4s,left 0.7s ease 0.4s;
}


#home_news li figure {
	position: relative;
	max-width: 280px;
	width: 100%;
}
#home_news li figure span.img {
	overflow: hidden;
	display: block;
	margin: 0 0 20px;
}
#home_news li figure img {
	width: 100%;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 1s;
}
#home_news li a:hover figure 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);
}
#home_news li.slick-slide a {
	display: block;
	transition: all .3s;
}
#home_news li.slick-slide p {
	width: 280px;
	font-size: 13px;
}
#home_news li.slick-slide .date {
	padding: 0 0 5px;
	font-size: 21px;
	font-family: 'Calibre-Medium';
	letter-spacing: 0.2em;
}
#home_news .slick-dots {
	bottom: -65px;
}
#home_news .slick-dots li {
	margin: 0 8px;
}
#home_news .slick-dots li button {
	width: 9px;
	height: 9px;
	border: none;
	background: #7d7d7d;
}
#home_news .slick-dots li.slick-active button {
	background: #000;
}
#home_news .inner ul.noslick{
	text-align:center;
	vertical-align:top;
}
#home_news .inner ul.noslick li {
	margin-left: 30px;
	margin-right: 30px;
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
}
#home_news .inner ul.noslick li:first-child {
	margin-left: 0 !important;
}
#home_news .inner ul.noslick li:last-child {
	margin-right: 0 !important;
}
#home_news .inner ul.noslick li a {
	display:inline-block;
	transition: all .3s;
}
#home_news .inner ul.noslick li p {
	width: 280px;
	font-size: 13px;
	text-align:left;
	display:block;
}
#home_news .inner ul.noslick li .date {
	padding: 0 0 5px;
	font-size: 18px;
	font-family: 'Calibre-Medium';
	letter-spacing: 0.15em;
}

	@media screen and (max-width: 768px) {
		#home_news {
			padding: 11.7% 0 !important;
		}

		#home_news h2.contttl {
			padding-bottom: 8%;
			font-size: 6.9vw;
			letter-spacing: 0.5em;
		}
		#home_news h2.contttl span {
			margin-left: 0.5em;
		}
		 #home_news h2 {
		 	padding-top: 80px;
		 	padding-bottom: 5.5%;
			font-size: 5.6vw;
		}
		 #home_news h2:before {
			height: 60px;
		}
		#home_news ul {
			width: 100%;
		}
		#home_news li {
			padding: 0 1%;
		}
		#home_news li figure {
			max-width: initial;
		}
		#home_news li.slick-slide .date {
			font-size: 18px;
		}
		#home_news li.slick-slide p {
			width: 100%;
			font-size: 12px;
		}
		#home_news .slick-dots {
			bottom: -23%;
		}
		#home_news .slick-dots li {
			margin: 0 4px;
		}
		#home_news .inner ul.noslick li {
			width:66%;
			max-width:280px;
			box-sizing:border-box;
			padding:0 5.8%;
		}
		#home_news .inner ul.noslick li .date {
			font-size: 18px;
		}
		#home_news .inner ul.noslick li p {
			width: 100%;
			font-size: 12px;
		}
		#home_news .swiper-container-news .swiper-pagination-bullet {
			width: 15%;
			height: 2px;
			border-radius: 0;
		}
	}
	@media screen and (max-width: 480px) {
		#home_news li.slick-slide .date {
			font-size: 3.3vw;
		}
		#home_news li.slick-slide p {
			font-size: 2.4vw;
		}
	}
	@media screen and (max-width: 480px) {
		#home_news li.slick-slide .date {
			font-size: 15px;
		}
	}


#home_news .inner ul,
#home_news .inner h2 span,
#home_news .inner h2{
	position:relative;
	opacity:0;
}

#home_news.init .inner ul {
	opacity:1;

}




#home_news .inner ul.noslick {
	text-align:center;
	vertical-align:top;
}
#home_news .inner ul.noslick li {
	margin-left: 30px;
	margin-right: 30px;
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
}
#home_news .inner ul.noslick li a {
	display:inline-block;
	transition: all .3s;
}
#home_news .inner ul.noslick li p {
	display:block;
	width: 280px;
	font-size: 14px;
	text-align:left;
	font-family: 'Calibre-Regular';
	letter-spacing: 0.08em;
	line-height: 162.5%;
}
#home_news .inner ul.noslick li .date {
	padding: 0 0 10px;
	font-size: 16px;
	font-family: 'Calibre-Regular';
	letter-spacing: 0.15em;
}
	@media screen and (max-width: 768px) {
		#home_news {
			padding: 11.7% 0 20%;
		}
		#home_news ul {
			width: 100%;
		}
		#home_news li {
			padding: 0 1%;

		}
		#home_news .inner ul.noslick li {
			width:66%;
			max-width:280px;
			box-sizing:border-box;
			padding:0 5.8%;
		}
		#home_news .inner ul.noslick li .date {
			font-size: 18px;
		}
		#home_news .inner ul.noslick li p {
			width: 100%;
			font-size: 12px;
		}
	}
	@media screen and (max-width: 480px) {
		#home_news .inner ul.noslick li .date {
			font-size: 3.3vw;
		}
		#home_news .inner ul.noslick li p {
			font-size: 2.4vw;
		}
	}
	@media screen and (max-width: 480px) {
		#home_news .inner ul.noslick li .date {
			font-size: 15px;
		}
	}

 /*ap.css*/
#home_news li.swiper-slide a {
	display: block;
	transition: all .3s;
}
#home_news li.swiper-slide p {
	width: 280px;
	font-size: 13px;
}
#home_news li.swiper-slide .date {
	padding: 0 0 5px;
	font-size: 21px;
	font-family: 'Calibre-Medium';
	letter-spacing: 0.2em;
}
	@media screen and (max-width: 768px) {
		#home_news1 .swiper-wrapper {
			width: 100%;
			padding-bottom:13%;
			left:auto;
			right:auto;
		}
		#home_news ul.swiper-wrapper {
			width: 100%;
			padding-bottom:13%;
		}
		#home_news li.swiper-slide {
			box-sizing:border-box;
			padding: 0 5%;
		}
		#home_news li figure span.img {
			margin: 0 0 8.5%;
		}
		#home_news li.swiper-slide .date {
			font-size: 18px;
		}
		#home_news li.swiper-slide p {
			width: 100%;
			font-size: 13px;
			line-height: 166%;
		}
		#home_news .swiper-container-news .swiper-pagination {
			bottom: 0px;
		}
		#home_news .swiper-container-news .swiper-pagination-bullet {
			margin: 0 4px;
			background: #000;
		}
	}
	@media screen and (max-width: 480px) {
		#home_news li.swiper-slide .date {
			font-size: 3.3vw;
			font-size: 15px;
		}
		#home_news li.swiper-slide p {
			font-size: 2.4vw;
		}
	}

/*==================================================
BASEL2018
==================================================*/
body.basel2018  #header,
#topCont.basel2018 #kv {
	opacity: 1;
}
body.basel2018 #kv .viewPc li.slide01 p img {
    width: 788px;
    height: 46px;
}
body.basel2018  .footer_top {
	display: none;
}
body.basel2018 #kv .viewPc li {
	height: 680px;
}
body.basel2018 #kv .viewPc li.slide01 {
	background: url(../jpg/kv_img_basel2018.jpg) no-repeat 50% bottom;
	background-size: auto;
}
	@media screen and (min-width: 2000px) {
		body.basel2018 #kv .viewPc li.slide01 {
			background-size: cover;
		}
	}
	@media screen and (max-width: 768px) {
		.basel2018 #kv .viewSp li p {
		    width: 80.315%;
		    margin: 0 auto;
		}
	}

/* kv */
/*pc  769px〜9999px */
.basel2018 #kv .viewPc li.slick-slide {
	width: 100%;
	height: 750px;
}
.basel2018 #kv .viewPc li.slide01 {
	background: url(../jpg/img_kv01.jpg) no-repeat 50% 50%;
	background-size: cover;
}
.basel2018 #kv .viewPc li.slide02 {
	background: url(../jpg/img_kv02.jpg) no-repeat 50% 50%;
	background-size: cover;
}
.basel2018 #kv .viewPc li.slide03 {
	background: url(../jpg/kv_img_basel2018.jpg) no-repeat 50% 50%;
	background-size: cover;
}
.basel2018 #kv .viewPc li.slide04 {
	background: url(../img_kv04.html) no-repeat 50% 50%;
	background-size: cover;
}
.basel2018 #kv .viewPc li p {
	text-align: center;
}
.basel2018 #kv .viewPc li.slide01 p img,
.basel2018 #kv .viewPc li.slide02 p img {
	width: 488px;
	height: 33px;
}
.basel2018 #kv .viewPc li.slide01 p {
	padding: 252px 0 0;
}
.basel2018 #kv .viewPc li.slide02 p {
	padding: 337px 0 0;
}
.basel2018 #kv .viewPc li.slide03 p {
	padding: 300px 0 0;
}

/*sp  1px〜768px */
.basel2018 #kv .slick-slider.viewSp {
	display: none;
}
.basel2018 #kv .slick-slider.viewSp li {
	position: relative;
}
.basel2018 #kv .slick-slider.viewSp li.slick-slide {
	width: 100%;
	height: auto;
}
.basel2018 #kv .slick-slider.viewSp li p {
	position: absolute;
	left: 50%;
	width: 64.5%;
 -webkit-transform: translate(-50%, 0);
   transform: translate(-50%, 0);
	z-index: 10;
}
.basel2018 #kv .slick-slider.viewSp li.slide01 p {
	top: 27.25%;
}
.basel2018 #kv .slick-slider.viewSp li.slide02 p {
	top: 43.5%;
}
.basel2018 #kv .slick-slider.viewSp li.slide03 p {
	top: 32.5%;
    width: 80.8%;
}
.basel2018 #kv .slick-slider.viewSp li p img {
	width: 100%;
}
.basel2018 #kv .slick-slider.viewSp li p+img {
	width: 100%;
}
/* dotted */
.basel2018 #kv .slick-dotted.slick-slider {
	margin-bottom: 0;
}
.basel2018 #kv .slick-slider.viewPc .slick-dots {
	bottom: 45px;
}
.basel2018 #kv .slick-slider.viewSp .slick-dots {
	bottom: 6%;
}
.basel2018 #kv .slick-dots li {
	margin: 0 8px;
}
.basel2018 #kv .slick-dots li button {
	width: 10px;
	height: 10px;
	border: 1px solid #fff;
	background: #d7d6d6;
}
.basel2018 #kv .slick-dots li.slick-active button {
	background: #000;
}
	@media screen and (max-width: 768px) {
		/*pc */
		.basel2018 #kv .slick-slider.viewPc {
			display: none;
		}
		/*sp*/
		.basel2018 #kv .slick-slider.viewSp {
			display: block;
			padding: 71.133px 0 0;
		}
	}
	@media screen and (max-width: 480px) {
		.basel2018 #kv .slick-slider.viewSp {
			display: block;
			padding: 60px 0 0;
		}
	}

/* features */
#features {
    position: relative;
    width: 100%;
    padding: 70px 0 70px;
    color: #fff;
    background: url("../jpg/bg_features.jpg") no-repeat 100% 100%;
    background-size: cover;
}
#features h2 {
    position: relative;
	padding: 110px 0 20px;
	text-align: center;
	font-size: 40px;
    letter-spacing: 0.26em;
	font-family: 'Calibre-Light';
}
#features h2::before {
    display: block;
    position: absolute;
    width: 1px;
    height: 80px;
    top: 0;
    left: 50%;
    content: "";
    background: #fff;
}
#features p {
	width: 727px;
    margin: auto;
    line-height: 200%;
}
#features p + p {
	margin-top: 30px;
	font-size: 10px;
	line-height: 170%;
}
#features .photos {
	margin: 50px auto 20px;
	overflow:hidden;
	width:100%;

}
#features .photos #bwfeature_slider {
	width:4600px;
	position:relative;
	left:50%;
	margin-left:-2300px;
}
#features .photos .swiper-slide-item{
    margin: 0 8px;
    opacity: 0.5;
}
	@media screen and (min-width:768px) {
		#features .photos .swiper-slide-item {
			width: 444px;
		}
		#features .photos .swiper-slide-item img {
			width: 100%;
		}
	}
#features .photos .swiper-slide-active .swiper-slide-item{
opacity: 1;
}
#features .photos li {
    margin: 0 8px;
}
#features .photos li {
    opacity: 0.5;
}
#features .photos li.slick-current {
	opacity: 1;
}
#features .counter {
	margin: 0 0 50px;
	text-align: center;
    font-size: 16px;
    letter-spacing: 0.5em;
    font-family: 'Calibre-Regular';
}
.features-photos-counter-current {
    font-size: 22px;
}
	@media screen and (max-width: 768px) {
		#features .photos #bwfeature_slider{
			width:100%;
			position:relative;
			left:0;
			margin-left:0px;
		}
		#features h2 {
			padding: 80px 0 8%;
			font-size: 6vw;
		}
		#features h2::before {
		    height: 60px;
		}
		#features p {
			padding: 0 13.28125%;
			width: auto;
		}
		#features p + p {
			font-size: 84%;
		}
		#features .photos {
			margin: 18.75% auto 4.3%;
		}
		#features .counter {
			letter-spacing: 0.3em;
		}
		.features-photos-counter-current {
			font-size: 4.06vw;
		}
		.features-photos-counter-delimiter {
			font-size: 16px;
		}
		.features-photos-counter-max {
			font-size: 3.12vw;
		}
	}

#newmodels {
	position: relative;
	text-align:center;
	overflow: hidden;
}
#newmodels h2 {
    position: absolute;
    display: block;
    top: 85px;
	right:0px;
	left:0px;
	margin: auto;
    font-family: 'Calibre-Light';
    font-size: 40px;
    letter-spacing: 0.28em;
    z-index: 222;
	color: #fff;
}
#newmodels .inner {
	float: left;
	width: 50%;
	padding: 240px 0 80px;
}
#newmodels .inner a {
	display: block;
	color: #fff;
    transition: all .8s;
}
#newmodels .inner a:hover {
	opacity: 0.4;
}
#newmodels #limited {
    background: #000 url("../jpg/bg_limited.jpg") no-repeat 50% 50%;
    background-size: cover;
}
#newmodels #titanium {
    background: #333 url("../jpg/bg_titanium.jpg") no-repeat 50% 50%;
    background-size: cover;
}
#newmodels p.subttl {
    position: relative;
	padding: 110px 0 20px;
	font-family: 'Calibre-Light';
    font-size: 30px;
    letter-spacing: 0.28em;
}
#newmodels p.subttl::before {
    display: block;
    position: absolute;
    width: 1px;
    height: 80px;
    top: 0;
    left: 50%;
    content: "";
    background: #fff;
}
#newmodels h3 {
    font-family: 'Calibre-Light';
    font-size: 20px;
    letter-spacing: 0.20em;
}
#newmodels h3 span {
	font-size: 20px;
	letter-spacing: 0.28em;
}
#newmodels h4 {
	padding: 15px 0 0;
    font-size: 13px;
    letter-spacing: 0.28em;
}
#newmodels figure {
	max-width: 420px;
	margin: 55px auto 0;
	padding: 0 15px;
}
#newmodels figure img {
	width: 100%;
}
	@media screen and (max-width: 768px) {
		#newmodels h2 {
		    position: relative;
		    display: block;
		    top: 0;
		    left: 0;
		    margin: auto;
		    padding: 17.2% 0 0;
		    font-size: 6vw;
		    background: #000;
		}
		#newmodels .inner {
			float: none;
			width: 100%;
			padding: 5.5% 0 12.5%;
		}
		#newmodels #titanium.inner {
			padding-top: 12.5%;
		}
		#newmodels p.subttl {
			padding: 60px 0 5%;
		    font-size: 4.5vw;
		}
		#newmodels p.subttl::before {
		    height: 40px;
		}
		#newmodels h3 {
		    font-size: 3.5vw;
		}
		#newmodels h3 span {
		    font-size: 3.5vw;
		}
		#newmodels h4 {
			padding-top:2%;
		    font-size: 3vw;
		}
		#newmodels figure {
			width: 65.625%;
			margin: 7% auto 0;
		}
	}


#press {
    position: relative;
	padding: 130px 0 123px;
    text-align: center;
	background: #000;
	z-index: 1;
}
#press:after {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	content: "";
	background: #000 url("../jpg/bg_features.jpg") no-repeat 50% 50%;
	background-position: center;
	background-size:cover;
	opacity: 0.8;
	z-index: -1;
}
#press h2 img {
    width: 587px;
    height: 70px;
}
#press h3 {
	margin: 80px auto 40px;
    color: #fff;
    font-size: 20px;
    letter-spacing: 0.26em;
    font-family: 'Calibre-Medium';
}
	@media screen and (max-width: 768px) {
		#press {
			padding: 20.3125 0 192;
		}
		#press h2 img {
		    width: 77.65625%;
		    height: auto;
		}
		#press h3 {
		    font-size: 3vw;
		}
	}

/* BOTTON
----------------------------------------- */
#features .btn,
#press .btn {
	display: table;
	margin: 20px auto 0;
}
#features .btn a,
#press .btn a {
	overflow: hidden;
	position: relative;
	display: block;
	width: 600px;
	padding: 35px 20px 35px 0;
	margin: auto;
	border: 1px #fff solid;
    font-family: 'Calibre-Medium';
	color: #fff;
	font-size: 16px;
	text-align: center;
	letter-spacing: 0.26em;
	line-height: 170%;
	vertical-align: middle;
	transition: all .3s;
	z-index: 2;
	box-sizing: border-box;
}
#features .btn a .en,
#press .btn a .en {
	font-size: 20px;
	font-family: 'Calibre-Regular';
}
#features .btn a .jp,
#press .btn a .jp {
	font-weight: 400;
}


#features .btn a:hover,
#press .btn a:hover {
	 color: #000;
	background: #fff;
}
#features .btn a::before,
#press .btn a::before {
    display: block;
    position: absolute;
    top: 50%;
    right: 28px;
    content: "";
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	transition: all .1s;
	width: 13px;
	height: 10px;
	background: url(../png/icn_link-2.png) no-repeat  0 0;
	background-size: contain;
}

.pageBasel .txt-release a span:before {
	display: block;
	position: absolute;
	top: 50%;
	right: -17px;
	width: 13px;
	height: 10px;
	content: "";
	background: url(../png/icn_link-2.png) no-repeat  0 0;
	background-size: contain;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}


#features .btn a:hover::before,
#press .btn a:hover::before {
    background: url(../png/btn_icon_bk.png) no-repeat 0 0;
}
#press .btn a {
    width: 400px;
    padding: 25px 0;
}

	@media screen and (max-width: 768px) {
		#features .btn,
		#press .btn {
			width: 100%;
		}
		#features .btn a,
		#press .btn a {
		    width: 80%;
		    padding: 4% 20px 4% 2%;
		    height: auto;
			font-size: 2.5vw;
		}
		#features .btn a .en,
		#press .btn a .en {
			font-size: 2.5vw;
		}
		#features .btn a::before,
		#press .btn a::before {
			right: 5%;
			width: 11px;
			height: 8px;
			background: url(../png/icn_link_sp.png) no-repeat  0 0;
			background-size: contain;
		}
	}

/*==================================================
Sidenav
==================================================*/
#sidenav {
	position: fixed;
	top: 50%;
	right: 30px;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	z-index: 1000;
}
#sidenav li {
	margin: 0 0 10px;
}
#sidenav li a {
	display: block;
	width: 15px;
	height: 1px;
	content: "";
	background: #888;
}
#sidenav li.current a {
	background: #fff;
}
#sidenav.bg-black li.current a {
	background: #000;
}
	@media screen and (max-width: 1180px) {
		#sidenav{
			right: 10px;
		}
	}
	@media screen and (max-width: 768px) {
		#sidenav {
			display: none;
		}
	}

/*==================================================
 Footer
==================================================*/
/*footer_top
---------------------------------------*/
.footer_top {
	padding: 115px 0;
	background: #eee;
}
.footer_top .inner {
	max-width: 720px;
	width: 84.4%;
}
.footer_top .inner:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.footer_top h2 {
	position: relative;
	padding: 0 0 35px;
	font-size: 26px;
	letter-spacing: 0.3em;
	font-family: 'Calibre-Regular';
}
	@media screen and (max-width: 768px) {
		.footer_top {
			padding: 17.18% 0 15.62%;
		}
		.footer_top .inner {
			width: 65.6%;
		}
}
/* support */
.footer_top #support {
	width: 41.6%;
	float: left;
	padding: 0 15.2% 0 0;
}
.footer_top #support p {
	padding: 0 0 30px;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.15em;
	line-height: 200%;
}
.footer_top #support li {
	height: 50px;
	margin: 0 0 20px;
	line-height: 50px;
}
.footer_top #support li a {
	position: relative;
	display: block;
	color: #fff;
	font-size: 85.7%;
	text-align:center;
	font-family: 'Calibre-Medium';
	letter-spacing: 0.15em;
	border: 1px solid #000;
	background: #000;
	z-index: 2;
	overflow: hidden;
	transition: all .3s;
}
.footer_top #support li a:hover {
	 color: #000;
}
.footer_top #support li a::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;
}
.footer_top #support li a: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
}
.footer_top #support li a:before {
	display: block;
	position: absolute;
	top: 50%;
	right: 13px;
	width: 11px;
	height: 9px;
	content: "";
	margin-top: -4.5px;
	background: url(../svg/icn_link_wt.svg) no-repeat 0 0;
	background-size: cover;
	transition: all .1s;
}
.footer_top #support li a:hover:before {
	background: url(../svg/icn_link.svg) no-repeat 0 0;
	background-size: cover;
}
	@media screen and (max-width: 768px) {
		.footer_top h2 {
			padding: 0 0 6.25%;
			font-size: 5.6vw;
		}
		.footer_top #support {
			width: 100%;
			float: none;
			margin: 0 auto 22.6%;
			padding: 0;
		}
		.footer_top #support p {
			padding: 0 0 9.5%;
			font-size: 2.8vw;
		}
		.footer_top #support li {
			height: auto;
			line-height: 100%;
			margin: 0 0 5%;
		}
		.footer_top #support li a {
			padding: 7.3% 0;
			font-size: 2.8vw;
		}
		.footer_top #support li a:hover {
			 color: #fff !important;
		}
		.footer_top #support li:before {
			display: block;
			position: absolute;
			top: 50%;
			right: 13px;
			width: 11px;
			height: 9px;
			content: "";
			margin-top: -4.5px;
			background: url(../svg/icn_link_wt.svg) no-repeat 0 0;
			background-size: cover;
			transition: all .1s;
			z-index: 1000;
		}
		.footer_top #support li a:before {
			display:none;
		}
	}
	@media screen and (max-width: 480px) {
		.footer_top #support p {
			text-align: left;
		}
		.footer_top #support li {
			height: auto;
			line-height: 100%;
		}
		.footer_top #support li a {
			padding: 6% 0;
		}
	}
/* catalog */
.footer_top #catalog {
	width: 43%;
	float: right;
}
.footer_top #catalog h2 {
	letter-spacing: 0.3em;
}
.footer_top #catalog a figure {
	display: block;
	transition: all .3s;
}
.footer_top #catalog a:hover figure  {
	opacity: 0.7;
}
.footer_top #catalog figure img {
	width: 100%;
	padding: 0 0 20px;
}
.footer_top #catalog figcaption {
	font-size: 11px;
	letter-spacing: 0.05em;
}
#footer .footer_top .inner #catalog a + a {
	margin-top: 40px !important;
}
	@media screen and (max-width: 768px) {
		.footer_top #catalog {
			width: 100%;
			float: none;
		}
		.footer_top #catalog figure {
			width:95.2%;
			margin: 0 auto;
		}
		.footer_top #catalog figure img {
			padding: 0 0 5%;
		}
		.footer_top #catalog figcaption span {
			display: block;
			padding: 0 0 2px;
			border-bottom: none;
		}
	}
	@media screen and (max-width: 480px) {
		.footer_top #catalog figcaption {
			font-size: 2.8vw;
		}
	}
/*footer_bottom
---------------------------------------*/
.footer_bottom {
	padding: 0 0 45px;
	border-top: 1px solid #eee;
}
.footer_bottom a {
	transition: all .3s;
}
.footer_bottom a:hover {
	opacity: 0.6;
}
.footer_bottom .inner {
	position: relative;
	max-width: 980px;
	width: 90%;
	margin: 0 auto;
}
#pagetop {
	display: block;
	padding: 35px 0;
	margin: 0 0 45px;
	text-align: center;
}
#pagetop img {
	width: 46px;
	height: 23px;
}
.footer_bottom h1 {
	padding: 0 0 60px;
	text-align: center;
}
.footer_bottom h1 a {
	display: block;
}
.footer_bottom h1 img {
	width: 246px;
	height: 29px;
}
	@media screen and (max-width: 768px) {
		.footer_bottom {
			padding: 0 0 9%;
		}
		.footer_bottom .inner {
			width:100%;
		}
		#pagetop {
			max-width: 46px;
			width: 11.25%;
			margin: 0 auto 45px;
		}
		#pagetop img {
			width: 100%;
			height: auto;
		}
		.footer_bottom h1 img {
			max-width: 247px;
			width: 54.2%;
			height: auto;
		}
	}
	@media screen and (max-width: 640px) {
		#pagetop {
			padding: 9.375% 0 22.656%;
			margin: 0 auto;
		}
		.footer_bottom h1 {
			padding: 0 0 9.375%;
		}
	}


/*==================================================
 Footer & SP Hamburger menu ----- common
==================================================*/
/* common-nav
---------------------------------------*/
#common-nav {
	margin: 0 0 60px;
	text-align: center;
}
#common-nav li {
	display: inline-block;
	padding: 0 15px;
	text-align:center;
	font-family: 'Calibre-Regular';
	 letter-spacing: 0.2em;
}
#common-nav li a {
	position: relative;
	display:block;
}
#common-nav li a::after {
	position: absolute;
	bottom: -5px;
	left: 0;
	content: '';
	width: 0;
	height: 1px;
	background: #000;
	transition: .3s;
}
#common-nav li a:hover::after {
	width: 100%;
}
#common-nav li.current a::after {
	position: absolute;
	bottom: -5px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: #000;
}
#common-nav li.current ul li a::after {
	width: 0;
}
#common-nav li.current ul li a:hover::after {
	width: 100%;
}
	@media screen and (max-width: 768px) {
		#common-nav li {
			display: block;
			padding: 3.2% 0;
			font-size: 3.75vw;
		}
		#mymodal #common-nav {
			margin: 0;
		}
		#mymodal #common-nav li {
			text-align: left;
		}
	}
	@media screen and (max-width: 480px) {
		#common-nav li {
			padding: 4.7% 0;
			font-size: 3.8vw;
		}
		#mymodal #common-nav li {
			padding: 4.3% 0;
			font-size: 4.5vw;
		}
		#mymodal .common-subnav li a {
			font-size: 3.2vw;
		}
	}

/* common-snsnav
---------------------------------------*/
.common-snsnav p {
	padding: 0 0 15px;
	text-align:center;
	font-size: 13px;
	font-family: 'Calibre-Regular';
	 letter-spacing: 0.3em;
}
.common-snsnav {
	text-align: center;
	padding: 0;
}
.common-snsnav li {
	display: inline-block;
	padding: 0 12px;
}
.common-snsnav li img {
	width: 42px;
	height: 42px;
}
	@media screen and (max-width: 768px) {
		.common-snsnav {
			padding: 0;
		}
		.common-snsnav p {
			padding: 0 0 3%;
			font-size: 3.43vw;
		}
		.common-snsnav li {
			width: 60px;
			height: 60px;
		}
		.common-snsnav li img {
			width: 100%;
			height: auto;
		}
		#mymodal .sns_center {
			text-align: left;
		}
		#mymodal .common-snsnav p {
			text-align: left;
			padding: 0 0 3%;
		}
		#mymodal .common-snsnav li:first-child {
			padding-left: 0
		}
		#mymodal .product_sns {
			margin-left: -14px;
		}
	}
	@media screen and (max-width: 480px) {
		.common-snsnav p {
			font-size: 3.8vw;
		}
		.common-snsnav li {
			width: 13%;
			height: auto;
		}
	}
/* sns */
.product_sns {
	margin-bottom: 50px;
}
.product_sns_item {
	float: left;
	width: 42px;
	position: relative;
	cursor: pointer;
}
.product_sns_item.active .product_sns_wrap {
	height: 60px;
}
.product_sns_wrap {
	position: absolute;
	width: 130px;
	height: 0;
	left: -65px;
	margin-left: 50%;
	transition: all 200ms ease-out;
	-ms-transition: all 200ms ease-out;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	overflow: hidden;
	text-align: center;
	z-index: 100;
}
.product_sns_wrap-inr {
	position: relative;
}
.product_sns_wrap-inr:after {
	display: block;
	position: absolute;
	top: 5px;
	left: 50%;
	width: 10px;
	height: 6px;
	content: "";
	background: #fff;
	margin-left: -5px;
}
.product_sns_popup {
	position: relative;
	display: inline-block;
	padding: 10px;
	box-sizing: content-box;
	border: 1px solid #cbcbcb;
	margin: 0 auto;
	top: 5px;
	background: #fff;
	height: 44px;
	box-sizing: border-box;
}
.product_sns_popup::after {
	display: block;
	position: absolute;
	top: -4px;
	left: 50%;
	width: 10px;
	height: 1px;
	content: "";
	background: #cbcbcb;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	margin-left: -3px;
}
.product_sns_popup::before {
	display: block;
	position: absolute;
	top: -4px;
	left: 50%;
	width: 10px;
	height: 1px;
	content: "";
	background: #cbcbcb;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	margin-left: -8px;
}
/* .product_sns_popup::after {
	content: "";
	position: absolute;
	top: -6px;
	left: 50%;
	margin-left: -6px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 6px 6px 6px;
	border-color: transparent transparent #fff transparent;
	z-index: 0;
}
.product_sns_popup::before {
	content: "";
	position: absolute;
	top: -7px;
	left: 50%;
	margin-left: -7px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 7px 7px 7px;
	border-color: transparent transparent #cbcbcb transparent;
	z-index: -1;
} */
.sns_center {
text-align: center;
}
.sns_center .product_sns_item {
	float: none;
	width: 42px;
	position: relative;
	cursor: pointer;
	display: inline-block;
}
.product_sns_popup a img {
	width: 82px;
	height: 20px;
}
	@media screen and (max-width: 768px) {
		.product_sns {
			margin-bottom: 10.9%;
			margin-bottom: 18%;
		}
		.common-snsnav li {
			padding: 0 2%;
		}
		.sns_center .product_sns_item {
			width: 8%;
		}
	}

/* common-subnav
---------------------------------------*/
.common-subnav li {
	display:inline-block;
	margin: 0 25px 0 0;
}
.common-subnav li a {
	color: #878787;
	font-size: 12px;
	 font-family: 'Calibre-Medium';
	 letter-spacing: 0.15em;
}
	@media screen and (max-width: 768px) {
		.common-subnav {
			padding: 0 0 8%;
		}
		.common-subnav li {
			display: block;
			margin: 0;
			text-align: center;
		}
		.common-subnav li a {
			display: block;
			padding: 2% 0;
			color: #000;
			font-family: 'Calibre-Light';
		}
		#mymodal .common-subnav li {
			text-align: left;
		}
		.common-subnav li a {
			font-size: 2.8vw;
		}
	}

/* linkLocalSite
---------------------------------------*/
.linkLocalSite {
	margin: 0 0 50px;
	padding: 0 28px 0 0;
	font-family: 'Calibre-Regular';
	letter-spacing: 0.2em;
	text-align: center;
}
.linkLocalSite span {
	position: relative;
	padding: 5px 0 5px 0;
}
.linkLocalSite span:before {
	position: absolute;
	width: 19px;
	height: 19px;
	top: 50%;
	right: -28px;
	content: "";
	background: url(../svg/icn_glove_bk.svg) no-repeat;
	background-size: contain;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.linkLocalSite span::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 0;
	height: 1px;
	background: #000;
	transition: .3s;
}
.linkLocalSite:hover span::after {
	width: 100%;
}
	@media screen and (max-width: 768px) {
		.linkLocalSite {
			font-size: 3.8vw;
		}
		#mymodalmask .linkLocalSite {
			font-size: 3.43vw;
			text-align: left;
		}
	}

#menu .linkLocalSite {
	padding: 4.3% 0;
	margin: 0 0 15%;
	font-size: 4.5vw;
	color: #303030;
}



/* langNav
---------------------------------------*/
.langNav {
	padding: 0 22px 50px 0;
	text-align: center;
}
.langNav li {
	position: relative;
	display: inline-block;
}
.langNav li a,
.langNav li span {
	position: relative;
	margin: 0 5px;
	font-family: 'Calibre-Regular';
	letter-spacing: 0.2em;
}
.langNav li a {
	padding: 0 0 6px;
	transition: .3s;
}
.langNav li span {
	padding: 0 0 5px;
	border-bottom: 1px solid #000;
}
.langNav li:first-child:after {
	content: "/";
}
.langNav li a::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 0;
	height: 1px;
	background: #000;
	transition: .3s;
}
.langNav li a:hover::after {
	width: 100%;
}
	@media screen and (max-width: 768px) {
		.langNav {
			padding: 0 0 14%;
		}
		.langNav li {
			font-size: 3.43vw;
		}
	}

	@media screen and (max-width: 768px) {
		#mymodal .langNav {
			text-align: left;
		}
	}

/* copy
---------------------------------------*/
#copy {
	color: #878787;
	font-size: 10px;
	text-align: center;
}
	@media screen and (max-width: 768px) {
		#copy {
			color: #000;
			line-height: 170%;
			font-size: 2.5vw;
		}
		#mymodal #copy {
			text-align: left;
		}
	}


/*==================================================
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('../woff/calibreweb-light.woff'), url('../eot/calibreweb-light.eot');
}
@font-face {
	font-family: 'Calibre-Medium';
	src: url('../woff/calibreweb-medium.woff'), url('../eot/calibreweb-medium.eot');
}
@font-face {
	font-family: 'Calibre-MediumItalic';
	src: url('../woff/calibreweb-mediumitalic.woff'), url('../eot/calibreweb-mediumitalic.eot');
}
@font-face {
	font-family: 'Calibre-Regular';
	src: url('../woff/calibreweb-regular.woff'), url('../eot/calibreweb-regular.eot');
}
@font-face {
	font-family: 'Calibre-Semibold';
	src: url('../woff/calibreweb-semibold.woff'), url('../eot/calibreweb-semibold.eot');
}

/*==================================================
Slick / Slider
==================================================*/
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: none;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
}
.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}
[dir='rtl'] .slick-slide {
	float: right;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}
/* Arrows */
.slick-prev,
.slick-next{
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 20px;
	height: 20px;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	color: transparent;
	outline: none;
	background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
	opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity: .25;
}
.slick-prev:before,
.slick-next:before {
	font-family: 'slick';
	font-size: 20px;
	line-height: 1;
	opacity: .75;
	color: white;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
	left: -25px;
}
[dir='rtl'] .slick-prev {
	right: -25px;
	left: auto;
}
.slick-prev:before {
	content: '←';
}
[dir='rtl'] .slick-prev:before {
	content: '→';
}
.slick-next {
	right: -25px;
}
[dir='rtl'] .slick-next {
	right: auto;
	left: -25px;
}
.slick-next:before {
	content: '→';
}
[dir='rtl'] .slick-next:before {
	content: '←';
}
/* Dots */
.slick-dotted.slick-slider {
	margin-bottom: 30px;
}
.slick-dots {
	position: absolute;
	bottom: -25px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}
.slick-dots li {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}
.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 20px;
	height: 20px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
	outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
	opacity: 1;
}
.slick-dots li button:before {
	font-family: 'slick';
	font-size: 6px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	content: '•';
	text-align: center;
	opacity: .25;
	color: black;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
	opacity: .75;
	color: black;
}
/* oroginal */
.slick-dots li {
	width: 8px;
	height: 8px;
	margin: 0 5px;
}
.slick-dots li button {
	display: block;
	width: 7px;
	height: 7px;
	padding: 0;
	cursor: pointer;
	color: transparent;
	content: "";
	border: 1px solid #000;
	outline: none;
	background: transparent;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
.slick-dots li.slick-active button,
.slick-dots li:hover button {
	background: #000;
}
.slick-dots li button:before {
	display: none;
}
/*==================================================
Clearfix
==================================================*/
.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
@media(min-width:1px) and (max-width: 648px) {
	a:hover,
	a:hover img,
	a:active,
	a:focus{
		opacity: 1 !important;
	}
	#home_lineup li .btn::after,
	a::after,
	a:hover::before,
	a:active::before,
	a:focus::before,
	a:hover::after,
	a:active::after,
	a:focus:after{
		display: none !important;
	}
	#home_movie figure a:after {
		display: block !important;
	}
}
/**
 * Swiper 4.0.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2017 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 13, 2017
 */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;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(0,0,0);transform:translate3d(0,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-invisible-blank-slide{visibility:hidden}.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}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.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-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{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,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(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,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(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,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(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,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.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-next,.swiper-button-prev{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-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.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-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.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-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.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(0,-50%,0);transform:translate3d(0,-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:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -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:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(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{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(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,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.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>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.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)}}.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-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.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-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}