/*#mainArea {
	background:url(../img/main_bg02.jpg) center 0 no-repeat #091035;
}*/
#mainArea {
	background:url(../img/main_bg03.jpg) center 0 no-repeat #06103e;
}
h1 {
	position:relative;
	height:670px;
}
/*h1 img {
	position:absolute;
	left:-45px;
	top:0;
}*/
h2 {
	padding-top:100px;
	margin-bottom:70px;
	text-align:center;

}
.btnObj a {
	color:#fff;
	line-height:1;
	display:block;
	width:340px;
	padding:15px 0;
	border:2px solid #fff;
	text-align:center;
	font-size:14.45px;
	background:url(../img/arrow01.png) 95% center no-repeat;
	display:block;
}
#voice .btnObj a {
	color:#000;
	border:2px solid #000;
	background:url(../img/arrow02.png) 95% center no-repeat;
}
#topics {
	margin-bottom:100px;
}
#topics .topicBox {
	width:470px;
	float:left;
	position:relative;
}
#topics .topicBox.new:before {
	content:"";
	background:url(../img/label_topics_moisture.png) 0 0 no-repeat;
	background-size:100% auto;
	width:63px;
	height:63px;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	pointer-events:none;
}
#topics .topicBox:nth-of-type(2n) {
	float:right;
}
#topics h3 {
	font-size:22px;
	font-family:'Noto Sans CJK JP';
	font-weight:400;
	margin:30px 0 16px;
}
#topics .txt {
	font-size:12px;
	line-height:2;
}
#topics .link {
	font-size:12px;
	color:#4f86c5;
	text-align:right;
	text-decoration:underline;
	margin-top:33px;
}
#topics p.zoomArea{
	overflow:hidden;
	/* height:307px; */
}
#product {
	background:url(../img/product_bg.jpg) center center no-repeat;
	background-size:cover;
	color:#fff;
}
#product .img {
	float:left;
	margin:0 100px 0 238px;
	position:relative;
}
#product .img .product {
	position:relative;
	z-index:2;
}
#product .img .icon {
	position:absolute;
	top:-55px;
	left:-80px;
}
#product .txtBox {
	float:left;
	width:538px;
}
#product .txt {
	font-size:15px;
	line-height:2.4;
	margin:40px 0 22px;
}
#product .cap02 {
	margin:2px 0 28px;
}
#voice {
	padding-bottom:100px;
}
#voice .voiceList {
	font-size:0;
	margin-bottom:46px;
}
#voice .voiceList li {
	display:inline-block;
	margin-left:43px;
}
#voice .voiceList li:first-child {
	margin-left:0;
}
#voice .btnObj a {
	margin:0 auto;
}
#movie {
	background:url(../img/movie_bg.jpg) 0 0 no-repeat;
	background-size:cover;
	padding-bottom:100px;
}
#movie .movieList {
	font-size:0;
	text-align:center;
	margin-bottom:40px;
}
#movie .movieList li {
	width:315px;
	display:inline-block;
	text-align:left;
	margin-left:27px;
}
/* #movie .movieList li:first-child {
	margin-left:0;
} */
#movie .movieList li .txt {
	font-size:16px;
	color:#fff;
}
#movie .btnObj a {
	margin:0 auto;
}
.specialBan {
	text-align:center;
	margin-top:120px;
}
#tieUp {
	text-align:center;
	padding-bottom:10px;
	font-family:'Noto Sans CJK JP';
}
#tieUp .ttl {
	font-size:22px;
	font-weight:400;
	margin:13px 0 70px;
}
#tieUp ul {
	font-size:18px;
	line-height:2;
	text-align:center;
}
#tieUp ul li {
	display:inline-block;
	margin-right:10px;
}
#tieUp ul li:last-child {
	margin-right:0;
	margin-left:10px;
}
#tieUp ul li a {
	color:#4f86c5;
	text-decoration:underline;
}

/* レスポンシブ設定
------------------------------------- */

@media screen and (min-width:641px){
	/*#mainArea img {
		position:relative;
		left:-50px;
	}*/
	#topics .topicBox {
		width:470px!important;
		margin-left:0!important;
		margin-right:0!important;
	}
}
@media screen and (max-width:768px){
	img {
		width:100%;
		height:auto;
	}
	.pc {
		display:none;
	}
	#mainArea {
		background:none;
	}
	#mainArea .layout {
		width:100%;
	}
	h1 {
		position:relative;
		height:auto;
	}
	h1 img {
		position:inherit;
		left:inherit;
		top:inherit;
	}
	h2 {
		padding-top:13.333333vw;
		margin-bottom:14.666666vw;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
	}
	.btnObj a {
		width:100%;
		padding:4vw 0;
		border:1px solid #fff;
		font-size:3.4666666vw;
		background:url(../img/sp/arrow01.png) 95% center no-repeat;
		background-size:2vw;
	}
	#voice .btnObj a {
		border:1px solid #000;
		background:url(../img/sp/arrow02.png) 95% center no-repeat;
		background-size:2vw;
	}
	#topics .layout {
		width:100%;
	}
	#topics h2 {
		width:26.533333vw;
		margin:0 auto 14.533333vw;
	}
	#topics .spSlideBox {
		width:100%;
		overflow:hidden;
		position:relative;
		padding-bottom:11.333333vw
	}
	#topics .slideInBox {
		width:10000px;
		position:relative;
	}
	#topics .topicBox {
		width:81.333333vw;
		float:left;
		margin-left:calc((100vw - 81.333333vw) / 2);
		margin-right:calc((100vw - 81.333333vw) / 2);
	}
	#topics .topicBox.new:before {
		width:15.06666666vw;
		height:15.06666666vw;
	}
	#topics .topicBox:nth-of-type(2n) {
		float:left;
	}
	#topics h3 {
		font-size:4.533333vw;
		margin:6.6666vw 0 4vw;
	}
	#topics .txt {
		font-size:3.2vw;
		line-height:1.5833333;
	}
	#topics .link {
		display:none;
	}
	#topics .slideNav {
		text-align:center;
		font-size:0;
		position:absolute;
		bottom:0;
		width:100vw;
		height:4vw;
	}
	#topics .slideNav img {
		height:2.8vw;
		width:2.8vw;
		margin:0 1.3333vw;
	}
	#topics p.zoomArea{
		height:auto;
	}
	#product {
		background:url(../img/sp/product_bg.jpg) 0 0 no-repeat;
		background-size:cover;
		padding-bottom:16vw;
	}
	#product .img {
		margin:0 5.86666666vw 0 1.73333333vw;
		width:19.4666666vw;
	}
	#product .img .icon {
		width:14.2666666vw;
		top:-11.4666666vw;
		left:-7.866666vw;
	}
	#product .txtBox {
		width:54vw;
	}
	#product h2 {
		width:35.33333vw;
		padding-top:16vw
	}
	#product .logo {
		width:49.2vw;
	}
	#product .txt {
		font-size:3.3333333vw;
		line-height:2.24;
		margin:5.4vw 0 0;
	}
	#product .cap {
		margin:0;
		padding:6vw 0 0;
		clear:both;
		font-size:2.6vw;
	}
	#product .cap02 {
		margin:5px 0 6vw;
		font-size:2.6vw;
	}
	#voice {
		padding-bottom:16vw;
	}
	#voice h2 {
		width:27.2vw;
		padding-top:16vw;
	}
	#voice .voiceList {
		margin-bottom:14.666666vw;
	}
	#voice .voiceList li {
		display:block;
		margin-left:0;
		margin-top:5.86666666vw;
	}
	#voice .voiceList li:first-child {
		margin-left:0;
		margin-top:0;
	}
	#movie {
		background:url(../img/sp/movie_bg.jpg) 0 0 no-repeat;
		background-size:cover;
		padding-bottom:16vw;
	}
	#movie h2 {
		width:23.7333333vw;
	}
	#movie .movieList {
		margin-bottom:10vw;
	}
	#movie .movieList li {
		width:100%;
		display:block;
		margin-left:0;
		margin-top:14vw;
	}
	/* #movie .movieList li:first-child {
		margin-left:0;
		margin-top:0;
	} */
	#movie .movieList li .txt {
		font-size:3.4666666vw;
		margin-top:0.6vw;
	}
	.specialBan {
		margin-top:16vw;
	}
	#tieUp {
		padding-bottom:1vw;
	}
	#tieUp h2 {
		padding-top:24vw;
	}
	#tieUp .ttl {
		font-size:4.533333vw;
		margin:0 0 14vw;
	}
	#tieUp ul {
		font-size:4vw;
		line-height:1.5833333;
	}
	#tieUp ul li {
		display:inline-block;
		margin-right:10px;
	}
	#tieUp ul li:last-child {
		margin-right:0;
		margin-left:10px;
	}
}

/*append by mis*/

.boxer-meta{
	display:none;
}

.boxer-video-wrapper{
/*	height:50%!important;
	position:absolute;
	left:0;
	top:0;*/
	background:#000!important;
}

.boxer-container{
	background:#000!important;
}
.boxer-content{
	background:#000!important;
}

.boxer-video{
	border:none;
}