/* 220526 */

/* slide.css */
.slide_img,
.slide_img:after { position: absolute; width: 100%; height: 85vh; top: 0px; left: 0px; z-index: 0; }
.slide_img:after { content: ''; background: transparent url(../common/images/pattern.png) repeat top left; }
.slide_img li span { color: transparent; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; width: 100%; height: 85vh; position: absolute; top: 0px; left: 0px; opacity: 0; z-index: 0; -webkit-backface-visibility: hidden; -webkit-animation: imageAnimation 36s linear infinite 0s; -moz-animation: imageAnimation 36s linear infinite 0s; -o-animation: imageAnimation 36s linear infinite 0s; -ms-animation: imageAnimation 36s linear infinite 0s; animation: imageAnimation 36s linear infinite 0s; }
.slide_img li:nth-child(1) span { background-image: url(../common/data_img/bg_1.jpg); }
.slide_img li:nth-child(2) span { background-image: url(../common/data_img/bg_2.jpg); -webkit-animation-delay: 6s; -moz-animation-delay: 6s; -o-animation-delay: 6s; -ms-animation-delay: 6s; animation-delay: 6s; }
.slide_img li:nth-child(3) span { background-image: url(../common/data_img/bg_3.jpg); -webkit-animation-delay: 12s; -moz-animation-delay: 12s; -o-animation-delay: 12s; -ms-animation-delay: 12s; animation-delay: 12s; }
.slide_img li:nth-child(4) span { background-image: url(../common/data_img/bg_4.jpg); -webkit-animation-delay: 18s; -moz-animation-delay: 18s; -o-animation-delay: 18s; -ms-animation-delay: 18s; animation-delay: 18s; }
.slide_img li:nth-child(5) span { background-image: url(../common/data_img/bg_5.jpg); -webkit-animation-delay: 24s; -moz-animation-delay: 24s; -o-animation-delay: 24s; -ms-animation-delay: 24s; animation-delay: 24s; }
.slide_img li:nth-child(6) span { background-image: url(../common/data_img/bg_6.jpg); -webkit-animation-delay: 30s; -moz-animation-delay: 30s; -o-animation-delay: 30s; -ms-animation-delay: 30s; animation-delay: 30s; }

/* Tablet用 */
@media only screen and (min-width: 916px) and (max-width: 1000px) {
 .slide_img,
 .slide_img:after { height: 85vh; }
 .slide_img li span { height: 85vh; }
}

/* Tablet2用 */
@media only screen and (min-width: 701px) and (max-width: 915px) {
 .slide_img,
 .slide_img:after { height: 70vh; }
 .slide_img li span { height: 70vh; }
 .slide_img li:nth-child(1) span { background-image: url(../common/data_img/bg_mo_1.jpg); }
 .slide_img li:nth-child(2) span { background-image: url(../common/data_img/bg_mo_2.jpg); -webkit-animation-delay: 6s; -moz-animation-delay: 6s; -o-animation-delay: 6s; -ms-animation-delay: 6s; animation-delay: 6s; }
 .slide_img li:nth-child(3) span { background-image: url(../common/data_img/bg_mo_3.jpg); -webkit-animation-delay: 12s; -moz-animation-delay: 12s; -o-animation-delay: 12s; -ms-animation-delay: 12s; animation-delay: 12s; }
 .slide_img li:nth-child(4) span { background-image: url(../common/data_img/bg_mo_4.jpg); -webkit-animation-delay: 18s; -moz-animation-delay: 18s; -o-animation-delay: 18s; -ms-animation-delay: 18s; animation-delay: 18s; }
 .slide_img li:nth-child(5) span { background-image: url(../common/data_img/bg_mo_5.jpg); -webkit-animation-delay: 24s; -moz-animation-delay: 24s; -o-animation-delay: 24s; -ms-animation-delay: 24s; animation-delay: 24s; }
 .slide_img li:nth-child(6) span { background-image: url(../common/data_img/bg_mo_6.jpg); -webkit-animation-delay: 30s; -moz-animation-delay: 30s; -o-animation-delay: 30s; -ms-animation-delay: 30s; animation-delay: 30s; }
}

/* Mobile用 */
@media only screen and (min-width: 541px) and (max-width: 700px) {
 .slide_img,
 .slide_img:after { height: 60vh; }
 .slide_img li span { height: 60vh; }
 .slide_img li:nth-child(1) span { background-image: url(../common/data_img/bg_mo_1.jpg); }
 .slide_img li:nth-child(2) span { background-image: url(../common/data_img/bg_mo_2.jpg); -webkit-animation-delay: 6s; -moz-animation-delay: 6s; -o-animation-delay: 6s; -ms-animation-delay: 6s; animation-delay: 6s; }
 .slide_img li:nth-child(3) span { background-image: url(../common/data_img/bg_mo_3.jpg); -webkit-animation-delay: 12s; -moz-animation-delay: 12s; -o-animation-delay: 12s; -ms-animation-delay: 12s; animation-delay: 12s; }
 .slide_img li:nth-child(4) span { background-image: url(../common/data_img/bg_mo_4.jpg); -webkit-animation-delay: 18s; -moz-animation-delay: 18s; -o-animation-delay: 18s; -ms-animation-delay: 18s; animation-delay: 18s; }
 .slide_img li:nth-child(5) span { background-image: url(../common/data_img/bg_mo_5.jpg); -webkit-animation-delay: 24s; -moz-animation-delay: 24s; -o-animation-delay: 24s; -ms-animation-delay: 24s; animation-delay: 24s; }
 .slide_img li:nth-child(6) span { background-image: url(../common/data_img/bg_mo_6.jpg); -webkit-animation-delay: 30s; -moz-animation-delay: 30s; -o-animation-delay: 30s; -ms-animation-delay: 30s; animation-delay: 30s; }
}

/* Mobile2用 */
@media screen and (max-width: 540px) {
 .slide_img,
 .slide_img:after { height: 50vh; }
 .slide_img li span { height: 50vh; }
 .slide_img li:nth-child(1) span { background-image: url(../common/data_img/bg_mo_1.jpg); }
 .slide_img li:nth-child(2) span { background-image: url(../common/data_img/bg_mo_2.jpg); -webkit-animation-delay: 6s; -moz-animation-delay: 6s; -o-animation-delay: 6s; -ms-animation-delay: 6s; animation-delay: 6s; }
 .slide_img li:nth-child(3) span { background-image: url(../common/data_img/bg_mo_3.jpg); -webkit-animation-delay: 12s; -moz-animation-delay: 12s; -o-animation-delay: 12s; -ms-animation-delay: 12s; animation-delay: 12s; }
 .slide_img li:nth-child(4) span { background-image: url(../common/data_img/bg_mo_4.jpg); -webkit-animation-delay: 18s; -moz-animation-delay: 18s; -o-animation-delay: 18s; -ms-animation-delay: 18s; animation-delay: 18s; }
 .slide_img li:nth-child(5) span { background-image: url(../common/data_img/bg_mo_5.jpg); -webkit-animation-delay: 24s; -moz-animation-delay: 24s; -o-animation-delay: 24s; -ms-animation-delay: 24s; animation-delay: 24s; }
 .slide_img li:nth-child(6) span { background-image: url(../common/data_img/bg_mo_6.jpg); -webkit-animation-delay: 30s; -moz-animation-delay: 30s; -o-animation-delay: 30s; -ms-animation-delay: 30s; animation-delay: 30s; }
}

/*----------------------------------------------------
 Animation for the slideshow images
 ----------------------------------------------------*/
@-webkit-keyframes imageAnimation { 0% { opacity: 0; -webkit-animation-timing-function: ease-in; } 8% { opacity: 1; -webkit-animation-timing-function: ease-out; } 17% { opacity: 1 } 25% { opacity: 0 } 100% { opacity: 0 } }
@-moz-keyframes imageAnimation { 0% { opacity: 0; -moz-animation-timing-function: ease-in; } 8% { opacity: 1; -moz-animation-timing-function: ease-out; } 17% { opacity: 1 } 25% { opacity: 0 } 100% { opacity: 0 } }
@-o-keyframes imageAnimation { 0% { opacity: 0; -o-animation-timing-function: ease-in; } 8% { opacity: 1; -o-animation-timing-function: ease-out; } 17% { opacity: 1 } 25% { opacity: 0 } 100% { opacity: 0 } }
@-ms-keyframes imageAnimation { 0% { opacity: 0; -ms-animation-timing-function: ease-in; } 8% { opacity: 1; -ms-animation-timing-function: ease-out; } 17% { opacity: 1 } 25% { opacity: 0 } 100% { opacity: 0 } }
@keyframes imageAnimation { 0% { opacity: 0; animation-timing-function: ease-in; } 8% { opacity: 1; animation-timing-function: ease-out; } 17% { opacity: 1 } 25% { opacity: 0 } 100% { opacity: 0 } }