@charset "UTF-8";

.zoom { background-color: #000 }
.zoom ul { margin: 0; padding: 0; }
.zoom ul li { margin: 0; padding: 0; list-style: none; }

#slide_wrap { position: relative; ; overflow: hidden; }

#slide_wrap .slide_item {
opacity: 0;
transform: scale(1);
transition: opacity 2s linear, transform 7.5s linear;
position: relative; }

#slide_wrap .slide_item:not(:first-child) {
position: absolute;
top: 0;
left: 0; }

#slide_wrap .slide_item.show_ { opacity: 1; }

#slide_wrap .slide_item.zoom_ { transform: scale(1.05); }

#slide_wrap .slide_item img { display: block; max-width: 100%; opacity: .8 }



/* section */

/*
section.zoom .title {
position: absolute;
top: 100px; right: 5vw; z-index: 1;
text-align: right;
transform: translateY(-50px);
overflow: hidden;
padding-bottom: 10px;
}
section.zoom .title span {
display: inline-block;
font-size: 3vw;
color: #efefef;
width: 100%;
transform: translateX(-100%);
animation: byBottom 2s ease both;
font-weight: 600;
letter-spacing: 0.25vw;
}
section.zoom .title span:last-child {
font-size: 1rem;
animation: byBottom 1s 0.25s ease both;
}
section.zoom .title span a {
position: relative;
display: inline-block;
margin-left: 0.5rem;
text-decoration: none;
color: #f7ca18;
}
section.zoom .title span a::after {
content: "";
height: 2px;
background-color: #f7ca18;
position: absolute;
bottom: -10px;
left: 0;
width: 0;
animation: linkAfter 0.5s 1s ease both;
}

*/

@-moz-keyframes pop { 0% { transform: translateY(100%);}100% {transform: translateY(0);}}
@-webkit-keyframes pop {0% {transform: translateY(100%);}100% {transform: translateY(0);}}
@-o-keyframes pop {
0% {transform: translateY(100%);}100% {transform: translateY(0);}}
@keyframes pop {0% {transform: translateY(100%);}100% {transform: translateY(0);}}
@-moz-keyframes byBottom {0% {transform: translateY(150%);}100% {transform: translateY(0);}}
@-webkit-keyframes byBottom {0% {transform: translateY(150%);}100% {transform: translateY(0);}}
@-o-keyframes byBottom {0% {transform: translateY(150%);}100% {transform: translateY(0);}}
@keyframes byBottom {0% {transform: translateY(150%);}100% {transform: translateY(0);}}
@-moz-keyframes linkAfter {0% {width: 0;}100% {width: 30px;}}
@-webkit-keyframes linkAfter {0% {width: 0;}100% {width: 30px;}}
@-o-keyframes linkAfter {0% {width: 0;}100% {width: 30px;}}
@keyframes linkAfter {0% {width: 0;}100% {width: 30px;}}