@charset "utf-8";
/* 

@ Dev By RYO
@
@
@
@

 */

#kvZoomFaderWrap{
	width:100%;
	position:relative;
	margin-bottom:50px;
	line-height: 0;
	}
#kvZoomFader #kvList{
	position:relative;
	overflow:hidden;
	max-height:600px;
	}
#kvZoomFader #kvList li{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	max-height:600px;
	opacity:0;
	z-index:1;
	-webkit-transition:1.5s ease-in-out all;
	-moz-transition:1.5s ease-in-out all;
	-ms-transition:1.5s ease-in-out all;
	-o-transition:1.5s ease-in-out all;
	transition:1.5s ease-in-out all;
	}
#kvZoomFader #kvList li.active{
	opacity:1;
	z-index:2;
	}
#kvZoomFader #kvList li:first-child{position:relative;}
#kvZoomFader #kvList li:first-child .base{position:relative;}
#kvZoomFader #kvList li:first-child .base img{
	width:100%;
	max-height:600px;
	}
#kvZoomFader #kvList li .ground{
	width:100%;
	}
#kvZoomFader #kvList li .ground img{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	max-height:600px;
	max-width: none;
	-webkit-transition:1.5s ease-in-out all;
	-moz-transition:1.5s ease-in-out all;
	-ms-transition:1.5s ease-in-out all;
	-o-transition:1.5s ease-in-out all;
	transition:1.5s ease-in-out all;
	}
#kvZoomFader.wrapOn #kvList li.active .ground img{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
	}
#kvZoomFader #kvList li#kvList01 .ground img{background:url(../../../ground/photo_01.jpg) center center no-repeat;}
#kvZoomFader #kvList li#kvList02 .ground img{background:url(../../../ground/photo_02.jpg) center center no-repeat;}
#kvZoomFader #kvList li#kvList03 .ground img{background:url(../../../ground/photo_03.jpg) center center no-repeat;}
#kvZoomFader #kvList li#kvList04 .ground img{background:url(../../../ground/photo_04.jpg) center center no-repeat;}
#kvZoomFader #kvList li#kvList05 .ground img{background:url(../../../ground/photo_05.jpg) center center no-repeat;}
#kvZoomFader #kvList li#kvList06 .ground img{background:url(../../../ground/photo_06.jpg) center center no-repeat;}
#kvZoomFader #kvList li .ground img{background-size:100% 100% !important;}
@media(min-width:1281px){
	#kvZoomFader #kvList li#kvList01 .ground img{background:url(../../../ground/photo_01.jpg) center center no-repeat;}
	#kvZoomFader #kvList li#kvList02 .ground img{background:url(../../../ground/photo_02.jpg) center top no-repeat;}
	#kvZoomFader #kvList li#kvList03 .ground img{background:url(../../../ground/photo_03.jpg) center top no-repeat;}
	#kvZoomFader #kvList li#kvList04 .ground img{background:url(../../../ground/photo_04.jpg) center center no-repeat;}
	#kvZoomFader #kvList li#kvList05 .ground img{background:url(../../../ground/photo_05.jpg) 10% 30% no-repeat;}
	#kvZoomFader #kvList li#kvList06 .ground img{background:url(../../../ground/photo_06.jpg) center 10% no-repeat;}/**/
	#kvZoomFader #kvList li .ground img{background-size:cover !important;}
	}
#kvZoomFader #kvList li .layer{
	position:absolute;
	top:25.5%;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	}
#kvZoomFader #kvList li#kvList01 .layer,
#kvZoomFader #kvList li#kvList03 .layer,
#kvZoomFader #kvList li#kvList05 .layer{top:19%;}
#kvZoomFader #kvList li .layer .copy{
	width:64%;
	max-width:820px;
	margin:0 auto;
	}
#kvZoomFader #kvList li .layer .page{
	width:23%;
	max-width:297px;
	margin:0 auto;
	}
#kvZoomFader #kvList li#kvList02 .layer .page{width:20%;max-width:258px;}
#kvZoomFader #kvList li#kvList04 .layer .page{width:25%;max-width:321px;}
#kvZoomFader #kvList li#kvList06 .layer .page{width:20%;max-width:256px;}
#kvZoomFader #kvZoomFaderNavi{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	z-index:3;
	}
#kvZoomFader #kvZoomFaderCtrl{
	position:absolute;
	top:100%;
	bottom:0;
	left:0;
	right:0;
	height:50px;
	width:100%;
	}
#kvZoomFader #kvZoomFaderCtrl ul{
	text-align:center;
	line-height:40px;
	padding-top:10px;
	}
#kvZoomFader #kvZoomFaderCtrl ul li{
	display:inline;
	position:relative;
	margin:0 10px;
	cursor:pointer;
	}
#kvZoomFader #kvZoomFaderCtrl ul li:after,
#kvZoomFader #kvZoomFaderCtrl ul li:before{
	content:"";
	position:absolute;
	display:block;
	top:3px;
	left:0;
	width:10px;
	height:10px;
	background:url(../img/i_ctrl.gif) left -10px no-repeat;
	}
#kvZoomFader #kvZoomFaderCtrl ul li:after{background:url(../img/i_ctrl.gif) left top no-repeat;}
#kvZoomFader #kvZoomFaderCtrl ul li:hover:after,
#kvZoomFader #kvZoomFaderCtrl ul li.active:after{opacity:0;}


#kvZoomFader #kvZoomFaderCtrl ul li img{
	width:10px;
	height:10px;
	}
#kvZoomFader #kvZoomFaderNavi #kvZoomFaderNavi_prev,
#kvZoomFader #kvZoomFaderNavi #kvZoomFaderNavi_next,
#kvZoomFader #kvZoomFaderNavi #kvZoomFaderNavi_more{position:absolute;}
#kvZoomFader #kvZoomFaderNavi_more{
	top:0%;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	}
#kvZoomFader #kvZoomFaderNavi_more #kvZoomFaderNavi_link{
	top:57%;
	position:absolute;
	left:37%;
	right:37%;
	bottom:30%;
	width:26%;
	margin:0 auto;
	padding:20px 0;
	}
#kvZoomFader #kvZoomFaderNavi_more #redball{
	position: absolute;
	top: 120%;
	left: 50%;
	display: block;
	margin-left: -48px;
	width: 56px;
	padding:20px;
	}
#kvZoomFader #kvZoomFaderNavi_more #redball img{
	-webkit-transition:0.5s ease-in-out all;
	-moz-transition:0.5s ease-in-out all;
	-ms-transition:0.5s ease-in-out all;
	-o-transition:0.5s ease-in-out all;
	transition:0.5s ease-in-out all;
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
	}
#kvZoomFader.linkOn #kvZoomFaderNavi_more #redball img{
	-webkit-transform:rotate(30deg);
	-moz-transform:rotate(30deg);
	-ms-transform:rotate(30deg);
	-o-transform:rotate(30deg);
	transform:rotate(30deg);
	}
#kvZoomFader #kvZoomFaderNavi_more #kvZoomFaderNavi_link a{
	display: block;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	line-height: 0;
	}
#kvZoomFader #kvZoomFaderNavi_more #kvZoomFaderNavi_link a #dummyLink{
	width: 100%;
	height: 100%;
	display: block;
	max-width:320px;
	margin:0 auto;
	}
#kvZoomFader #kvZoomFaderNavi_more #kvZoomFaderNavi_link a #moreLink{
	position: absolute;
	top: 120%;
	left: 50%;
	margin-left: -48px;
	width:38px;
	padding: 40px 29px;
	}
#kvZoomFader #kvZoomFaderNavi #kvZoomFaderNavi_prev,
#kvZoomFader #kvZoomFaderNavi #kvZoomFaderNavi_next{
	top:50%;
	width:8px;
	height:14px;
	padding:20px;
	margin-top:-27px;
	overflow:hidden;
	cursor:pointer;
	}
#kvZoomFader #kvZoomFaderNavi #kvZoomFaderNavi_prev{left:2%;}
#kvZoomFader #kvZoomFaderNavi #kvZoomFaderNavi_next{right:2%;}
#kvZoomFader #kvZoomFaderNavi #kvZoomFaderNavi_prev img,
#kvZoomFader #kvZoomFaderNavi #kvZoomFaderNavi_next img{
	width:8px;
	height:14px;
	}
#kvZoomFader #kvZoomFaderNavi #kvZoomFaderNavi_prev:after,
#kvZoomFader #kvZoomFaderNavi #kvZoomFaderNavi_prev:before,
#kvZoomFader #kvZoomFaderNavi #kvZoomFaderNavi_next:after,
#kvZoomFader #kvZoomFaderNavi #kvZoomFaderNavi_next:before{
	content:"";
	position:absolute;
	display:block;
	top:20px;
	left:20px;
	width:8px;
	height:14px;
	opacity:1;
	}
#kvZoomFader #kvZoomFaderNavi #kvZoomFaderNavi_prev:after,
#kvZoomFader #kvZoomFaderNavi #kvZoomFaderNavi_prev:before{background:url(../img/i_ui.gif) -22px -14px no-repeat;}
#kvZoomFader #kvZoomFaderNavi #kvZoomFaderNavi_next:after,
#kvZoomFader #kvZoomFaderNavi #kvZoomFaderNavi_next:before{background:url(../img/i_ui.gif) -12px -14px no-repeat;}
#kvZoomFader #kvZoomFaderNavi #kvZoomFaderNavi_prev:after{background:url(../img/i_ui.gif) -22px top no-repeat;}
#kvZoomFader #kvZoomFaderNavi #kvZoomFaderNavi_next:after{background:url(../img/i_ui.gif) -12px top no-repeat;}
#kvZoomFader #kvZoomFaderNavi #kvZoomFaderNavi_prev:hover:after,
#kvZoomFader #kvZoomFaderNavi #kvZoomFaderNavi_next:hover:after{opacity:0;}
#kvZoomFader #kvZoomFaderCtrl ul li:after,
#kvZoomFader #kvZoomFaderNavi #kvZoomFaderNavi_next:after,
#kvZoomFader #kvZoomFaderNavi #kvZoomFaderNavi_prev:after{
	-webkit-transition:opacity 0.7s ease-in-out;
	-moz-transition:opacity 0.7s ease-in-out;
	-ms-transition:opacity 0.7s ease-in-out;
	-o-transition:opacity 0.7s ease-in-out;
	transition:opacity 0.7s ease-in-out;
	}
html.ie8 #kvZoomFader #kvZoomFaderNavi #kvZoomFaderNavi_next:hover:after,
html.ie8 #kvZoomFader #kvZoomFaderNavi #kvZoomFaderNavi_prev:hover:after,
html.ie8 #kvZoomFader #kvZoomFaderCtrl ul li:hover:after,
html.ie8 #kvZoomFader #kvZoomFaderCtrl ul li.active:after{display:none;}
@media(min-width:1281px){
	}
@media(min-width:1px) and (max-width:940px){
	#kvZoomFader #kvZoomFaderNavi_more{
		top:0;
		bottom:0;
		left:12.5%;
		right:12.5%;
		width:75%;
		}
	#kvZoomFader #kvZoomFaderNavi_more #kvZoomFaderNavi_link{
		padding:0;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		}
	#kvZoomFader #kvZoomFaderNavi_more #kvZoomFaderNavi_link a{
		padding:0;
		height: 100%;
		}
	#kvZoomFader #kvZoomFaderNavi_more #kvZoomFaderNavi_link a img{display:none;}
	#kvZoomFader #kvZoomFaderNavi_more #kvZoomFaderNavi_link #redball{display:none;}
	#kvZoomFader #kvZoomFaderNavi #kvZoomFaderNavi_prev,
	#kvZoomFader #kvZoomFaderNavi #kvZoomFaderNavi_next{
		top:0;
		width:12.5%;
		height:100%;
		overflow:hidden;
		cursor:pointer;
		padding:0;
		margin-top:0;
		}
	#kvZoomFader #kvZoomFaderNavi #kvZoomFaderNavi_prev{left:0;}
	#kvZoomFader #kvZoomFaderNavi #kvZoomFaderNavi_next{right:0;}
	#kvZoomFader #kvZoomFaderNavi #kvZoomFaderNavi_prev img,
	#kvZoomFader #kvZoomFaderNavi #kvZoomFaderNavi_next img{
		width:8px;
		height:14px;
		}
	#kvZoomFader #kvZoomFaderNavi #kvZoomFaderNavi_prev:after,
	#kvZoomFader #kvZoomFaderNavi #kvZoomFaderNavi_prev:before,
	#kvZoomFader #kvZoomFaderNavi #kvZoomFaderNavi_next:after,
	#kvZoomFader #kvZoomFaderNavi #kvZoomFaderNavi_next:before{
		content: "";
		position: absolute;
		display: block;
		top: 50%;
		left: 50%;
		margin: -7px 0 0 -4px;
		width: 8px;
		height: 14px;
		opacity: 1;
		}
	
	}