@charset "UTF-8";

/*----------------------------------------
 main_v
----------------------------------------*/

.main_v {
width: 100%;
overflow: hidden;
position: relative;
}

.main_v img {
width: 100%;
height: auto;
vertical-align: bottom !important;
}

.mv_ad_img{
width: 100%;
opacity:0;
animation-fill-mode: forwards;
animation-timing-function: ease-in-out;
animation-duration:.5s;
position: absolute;
top: 0;
left: 0;
}

.mv_ad1{
animation-name:ad_fade;
animation-delay: .5s;
z-index: 9000;
}

.mv_ad2{
animation-name:ad_fade;
animation-delay: 1s;
animation-duration: 1s;
z-index: 9001;
}

.mv_ad3{
animation-name:ad_fade;
animation-delay: 1.5s;
animation-duration: 1.5s;
z-index: 9002;
}

.mv_ad4{
animation-name:ad_fade;
animation-delay: 1.7s;
animation-duration: 1.5s;
z-index: 9003;
}

.mv_ad5{
animation-name:ad_fade;
animation-delay: 1.9s;
animation-duration: 1.5s;
z-index: 9004;
}

.mv_ad6{
animation-name:ad_fade;
animation-delay: 2s;
animation-duration: 1.5s;
z-index: 9005;
}

.mv_ad7{
animation-name:ad_fade;
animation-delay: 2.2s;
animation-duration: 1s;
z-index: 9006;
}

.mv_ad8{
animation-name:ad_fade;
animation-delay: 2.4s;
animation-duration: 1s;
z-index: 9007;
}

.mv_ad9{
animation-name:ad_fade;
animation-delay: 2.6s;
animation-duration: 1s;
z-index: 9008;
}

.mv_ad10{
animation-name:ad_fade;
animation-delay: 2.8s;
animation-duration: 1.5s;
z-index: 9009;
}

.mv_ad11{
animation-name:ad_fade2;
animation-delay: 3s;
animation-duration:1.5s;
z-index: 9011;
}

@keyframes ad_fade{
0% {
opacity: 0;
filter: blur(1px);
}
100% {
opacity: 1;
filter: blur(0);
}
}

@keyframes ad_fade2{
0% {
opacity: 0;
filter: blur(5px);
}
100% {
opacity: 1;
filter: blur(0);
}
}

.slide-class {
width: 100%;
margin: 0 auto;
font-size: 0;
line-height: 0;
}

.animation-slide {
  position: relative;
}

/* ロードのアニメーション */
.slick-slide .load_line {
width:100%;
height:5px;
margin:0;
background:#005024;
position:absolute;
opacity: 0;
bottom: 0;
}

.slick-active .load_line {
animation:LOAD 6s ease-in-out normal both;
}

@keyframes LOAD {
  0% { opacity: 0; width:0px;}
  10% { opacity: 1;}
  100% { opacity: 1; width:100%;}
}

.animation-slide .cap{
position:absolute;
top: auto;
bottom:30px;
left: 0;
font-size: 1rem !important;
padding: 0 5px;
letter-spacing: 0 !important;
width: 100%;
}