@charset "UTF-8";
/* ******************************************************************

	--home.css--

	1. Layout setting

****************************************************************** */


/*==================================================================
	1. Layout setting
===================================================================*/

#pageHome #contents {
	width:100%;
	margin:0 auto;
	background:#FFF;
}
#pageHome #contents #main {
	background:#FFF;
}
#keyv {
	position:relative;
	overflow-x:hidden;
}
#keyv .keyvInner {
	position:relative;
	width:1280px;
	margin:0 auto;
}
.moveTitle {
	display:none;	
}
.moveTitle h1{
	font-weight:bolder;
	color:#FFFFFF;
	letter-spacing:0.1em;
	font-size:43px;
}
#keyv ul.keyvList {
	height:487px;
	overflow-y:hidden;
}
#keyv ul.keyvList li {
	float:left;
	position:relative;
}
#keyv ul.keyvList li img {
	display:block;
	background:#FFF;
}
.enterText {
	position:absolute;
	left:190px;
	top:220px;
	color:#000;
	font-family:'Hiragino Kaku Gothic ProN', Helvetica, Arial, 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-size:35px;
	font-weight:bold;
	z-index:20;
}
#keyv .controlWrapper {
	position:absolute;
	left:0;
	top:50%;
	margin-top:-18px;
	width:100%;
}
#keyv .control {
	position:relative;
	width:1065px;
	margin:0 auto;
}
@media screen and (max-width:1024px) {
	#keyv .control {
		width:1024px;
	}
}
#keyv p.prev a,
#keyv p.next a {
	position: absolute;
	left:20px;
	width:34px;
	height:0;
	padding-top:50px;
	overflow:hidden;
	background:url(/img/public/home/icon_prev.png) no-repeat 0 0;
}
#keyv p.next a {
	position:absolute;
	left:auto;
	right:20px;
	background:url(/img/public/home/icon_next.png) no-repeat 100% 0;
}
.headSection {
	position:relative;
	width:1172px;
	margin:0 auto;
	padding:12px 15px 0 15px;
	z-index:15;
}
.headSection .glovesList {
	margin-right:-10px;
	padding-bottom:14px;
}
.headSection .glovesList li {
	float:left;
	width:277px;
	margin-right:10px;
}
.headSection .glovesList li:first-child {
	width:307px;
}
.headSection .glovesList .glovesTitle {
	margin-bottom:10px;
	padding:6px 10px 7px 0;
	background:#F492B9;
	text-align:center;
}
.headSection .glovesList .glovesTitle01 {
	background:#F89828;
}
.headSection .glovesList .glovesTitle02 {
	background:#EF3024;
}
.headSection .glovesList .glovesTitle03 {
	background:#1f94d3;
}
.headSection .glovesList .glovesTitle img {
	display:inline-block;
	padding-right:8px;
	vertical-align:middle;
}
.headSection .glovesList .glovesTitle span {
	display:inline-block;
	font-family:'Hiragino Kaku Gothic ProN', Helvetica, Arial, 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-size:17px;
	font-weight:bold;
	color:#FFF;
	vertical-align:middle;
}
.headSection .glovesList li div .glovesImage {
	float:left;
	width:119px;
}
.headSection .glovesList li div ul.glovesLink {
	float:right;
	width:142px;
	padding-top:8px;
}
.headSection .glovesList li:first-child div ul.glovesLink {
	width:172px;
}
.headSection .glovesList li div ul.glovesLink li {
	width:auto;
	padding:0 0 11px 15px;
	text-indent:-15px;
}
.headSection .glovesList li div ul.glovesLink li a {
	padding-left:15px;
	background:url(/img/public/icon_arrow11.gif) no-repeat 0 4px;
	font-family:Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-size:14px;
	text-decoration:none;
	font-family:'Hiragino Kaku Gothic ProN', Helvetica, Arial, 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}
.headSection .glovesList li div ul.glovesLink li a:hover {
	color:#DF4281;
	text-decoration:none;
}
.headSection .glovesList li div ul.glovesLink01 li a {
	background:url(/img/public/icon_arrow12.gif) no-repeat 0 4px;
}
.headSection .glovesList li div ul.glovesLink01 li a:hover {
	color:#F89828;
}
.headSection .glovesList li div ul.glovesLink02 li a {
	background:url(/img/public/icon_arrow13.gif) no-repeat 0 4px;
}
.headSection .glovesList li div ul.glovesLink02 li a:hover {
	color:#EF3024;
}
.headSection .glovesList li div ul.glovesLink03 li a {
	background:url(/img/public/icon_arrow14.gif) no-repeat 0 4px;
}
.headSection .glovesList li div ul.glovesLink03 li a:hover {
	color:#4a86e8;
}
.section {
	width:auto;
	margin:0 auto;
	padding:47px 0 46px;
	background:#F7F7F7 url(/img/public/home/bg_line02.gif) no-repeat 0 0;
	background-size:100% 10px;
}
.section .sectionInner {
	position:relative;
	z-index:2;
}
.section .sectionInner:before,
.section .sectionInner:after {
	content:"";
	display:block;
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	height:100%;
	width:50%;
	background:url(/img/public/home/bg_pickup_before.gif) repeat-x 50% 0;
}
.section .sectionInner:after {
	left:auto;
	right:0;
	background-image:url(/img/public/home/bg_pickup_after.gif);
}
.section .sectionContent {
	position:relative;
	z-index:3;
	width:960px;
	margin:0 auto;
	padding-top:26px;
	background:url(/img/public/home/bg_pickup.gif) no-repeat 50% 0;
}
.section .sectionContent h2 {
	padding-bottom:56px;
	font-family:Montserrat, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-size:50px;
	font-weight:bold;
	color:#000;
	text-align:center;
}
.section .sectionContent h2 span {
	margin-top:-5px;
	font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	display:block;
	font-size:20px;
	font-weight:bold;
	color:#E8008B;
	text-align:center;
}
.section .pickupList {
	margin-right:-24px;
	padding-bottom:16px;
}
.section .pickupList li {
	position:relative;
	float:left;
	width:300px;
	margin:0 12px 53px 0;
	padding:6px 6px 7px;
	background:url(/img/public/home/bg_box.png) no-repeat 0 0;
}
.section .pickupList li .pickupImage:hover .pickupBox {
	opacity:1;
	filter:alpha(opacity=100);
	cursor:pointer;
}
.section .pickupList li .story {
	position:absolute;
	left:1px;
	top:1px;
	width:81px;
	padding:4px 4px;
	background:#36A1D8;
	color:#FFF;
	font-size:11px;
	text-align:center;
}
.section .pickupList li .colorRed {
	background:#D83655;
}
.section .pickupList li .pickupBox {
	position:absolute;
	top:6px;
	left:7px;
	right:7px;
	bottom:10px;
	width:234px;
	padding:40px 32px !important;
	background:url(/img/public/home/bg_transparent.png) repeat 0 0;
	line-height:1.8;
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transition:all 0.5s ease 0s;
	-moz-transition:all 0.5s ease 0s;
	-o-transition:all 0.5s ease 0s;
	transition:all 0.5s ease 0s;
	color:#FFF;
	font-size:14px;
}
.section .pickupList li .pickupBox .recommend {
	width:77px;
	margin-left:-2px;
	margin-bottom:9px;
	padding:1px 5px;
	border:1px solid #FFF;
	font-size:11px;
	line-height:1.5;
	text-align:center;
}
.movieBlock {
	/*overflow:hidden;*/
	position:relative;
	margin:0 auto;
	background:url(/img/public/home/bg_movie.jpg) no-repeat 50% 0;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	-ms-behavior:url(/htc/backgroundsize.php);
	behavior:url(/htc/backgroundsize.php);
	height:367px;
	padding-top:0;
	clear:both;
	float:left;
	width:100%;
}
.movieBlock .movieInner {
	position:relative;
	z-index:100;
	width:960px;
	height:0;	
	margin:0 auto;
}
.movieBlock .movieInner .movieIn {
	position:absolute;
	top:68px;
	left:0;
	width:100%;	
}
.movieBlock .movieInner h2 {
	padding-bottom:34px;
	font-family:Montserrat, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-size:50px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
}
.movieBlock .movieInner h2 span {
	margin-top:-5px;
	font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	display:block;
	font-size:20px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
}
.movieBlock .movieInner .judge {
	width:245px;
	margin:0 auto;
	text-align:center;
}
.judgeButton {
	padding:20px 5px 15px;
	border:2px solid #FFF;
	position:relative;
	overflow:hidden;
	min-width:230px;
	transition:background-color 0.35s ease 0s, color 0.35s ease 0s;
}
a.judgeButton {
	display:block;
	min-width:230px;
}
.judgeButton:hover {
	text-decoration:none;
}
.judgeButton:hover span {
	color:#FFF;
}
.judgeButton span {
	padding-left:0;
	font-size:17px;
	font-weight:bold;
	font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	color:#FFF;
}
.boxVideo {
	position:relative;
	height:367px;
	overflow:hidden;
	float:left;
	width:100%;
	display:block;
	top:0;
	left:0;
	z-index:3;	
}
.section {
	clear:both;	
}
.movieBlock {
	clear:both;	
}
.video {
	position:absolute;
	left:0;
	z-index:5;
	opacity:0;
	bottom:0;
	right:0;
}
.video01 {
	position:absolute;
	top:50%;
	left:0;
	right:0;
	z-index:1;
	margin-top:-468px;
}
.listLink {
	margin-top:10px;
	text-align:right;
}
.listButton {
	padding:7px 16px 7px 17px;
	border:1px solid #C9C9C9;
	position:relative;
	overflow:hidden;
	min-width:80px;
}
a.listButton {
	min-width:80px;
}
.listButton span {
	background:url(/img/public/icon_arrow37.png) no-repeat 0 4px;
	padding-left:18px;
	font-size:14px;
	font-weight:normal;
	color:#515151;
}
.listButton:hover span {
	background:url(/img/public/icon_arrow32.png) no-repeat 0 4px;
}

/******Popup syle******/
#modal {
	display:none;
	width:964px;
	margin:0 auto;
}
.servicePopup {
	position:relative;
	width:964px;
	margin:0 auto;
	text-align:left;
}
.servicePopup .close {
	position:absolute;
	top:0;
	right:-9px;
}
.servicePopup .text01 {
	display:inline-block;
	margin-left:33px;
	padding:3px 12px 3px 8px;
	border:1px solid #ff0000;
	color:#ff0000;
	font-size:20px;
}
.servicePopup .text02 {
	margin:16px 0 39px 30px;
	color:#FFF;
	font-size:30px;
}
.servicePopup ul {
	margin-left:-74px;
}
.servicePopup li {
	float:left;
	width:267px;
	margin-left:74px;
	border-bottom:1px solid #535353;
}
.servicePopup li a {
	display:block;
	padding-left:14px;
	color:#FFF;
	font-size:16px;
}
.servicePopup li span {
	display:table-cell;
	height:69px;
	vertical-align:middle;
}
.servicePopup li span.imageCell {
	width:64px;
	text-align:center;
}
.servicePopup li span.textCell {
	padding-left:26px;
}
.custombox-modal-contentscale {
	left:0;
	right:0;
}
.ios_overlay {
	position:fixed;
	top:0;
	right:0;
	left:0;
	bottom:0;
	z-index:9999;
	background:rgba(0,0,0,0.8);
}
.ios_modal {
	position:absolute;
	left:0;
	right:0;
	z-index:10000;
}
.leftBg,
.rightBg {
	background:url(/img/public/home/bg_keyv.png) repeat 0 0;
	display:block;
	height:487px;
	width:50%;
	top:0;
	position:absolute;
	z-index:98;
}
.leftBg {
	left:-640px;	
}
.rightBg {
	right:-640px;	
}
.newsBlock .newsList li {
	display:block!important;	
}

.navigateBlock {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	padding: 30px 15px;
	background-color: #F6F6F4;
}

.navigateBlock .ttl {
	position: relative;
	padding-right: 30px;
	margin-right: 30px;
	font-size: 16px;
    line-height: 1.5;
	color: #4E4D4E;
}

.navigateBlock .ttl::after {
	position: absolute;
	top: 50%;
	right: 0;
	width: 1px;
	height: 35px;
	background-color: #dcdcdc;
	transform: translateY(-50%);
	content: '';
}

.navigateBlock .icon {
	display: inline-block;
	margin-right: 25px;
	transition: 0.2s opacity;
}

.navigateBlock .icon:last-child {
	margin-right: 0;
}


.navigateBlock .icon img {
	display: block;
	height: 25px;
}

@media screen and (min-width: 1025px) {
	.navigateBlock .icon:hover {
		opacity: 0.7;
	}
}

@media screen and (max-device-width: 1024px) {
	.movieBlock .video {
		display:none!important;	
	}
}

.homeIconSearch {
	width: 26px;
	height: 26px;
}