/* TOPスライド */


#top_slide{
	position:relative;
}
.slides a{
	display:block;
}

.slides a:hover img{
	opacity: 1;
}

.img-cover {
background: none no-repeat scroll 50% 50% / cover  rgba(0, 0, 0, 0);
background-size: cover !important;
-webkit-background-size: cover !important;
}



.img-cover > img {
display: none!important;
}


.wooslider_wrap {

}


.wooslider-control-nav{
opacity:1;
-webkit-transition: 0.6s cubic-bezier(0.78, .18, .34, .98);
-moz-transition: 0.6s cubic-bezier(0.78, .18, .34, .98);
-ms-transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
-o-transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
}


.active .wooslider-control-nav{
opacity:0;
-webkit-transition: 0.6s cubic-bezier(0.78, .18, .34, .98);
-moz-transition: 0.6s cubic-bezier(0.78, .18, .34, .98);
-ms-transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
-o-transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
}


.top_scroll {
	position: absolute;
	z-index: 98;
	bottom: 60px;
	right: 30px;
}

.scrol_line {
height:100px;
width: 10px;
margin-top:13px;
margin-left: 15px;
overflow:hidden;
z-index: 999;
position: relative;
display: inline-block;
}

.scrol_line:before {
content: "";
position: absolute;
display: block;
left: 0;
top: 0px;
width: 1px;
height: 100%;
	background: #fff;
background-size: 100%;
-webkit-animation: lineAnime 2s ease-in-out infinite;
animation: lineAnime 2s ease-in-out infinite;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}


@keyframes lineAnime {
0% {
transform: translateY(-100%); }
100% {
transform: translateY(100%); } 
}

.top_scroll a {
text-decoration:none;
text-align:center;
}

.scrol_text p{
	font-size:11pt;
	margin-bottom: 0;

}


.top_text {
	padding: 0 10px;
	position: absolute;
	bottom: 100px;
	left: 80px;
	background:#fff;
}


.top_text p{
	font-size:14pt;
	margin-bottom: 0;
}

.wooslider_wrap02{
	display:none;
}



@media (max-width: 414px){

	
	
.wooslider_wrap{
display:none;
}

.wooslider_wrap02{
display:block;
}


.top_text {
	bottom: 30px;
	left: 30px;
}


}