@charset "UTF-8";
/* CSS Document */

/* slider
--------------------------------------------------------- */
.slideFrame {
position: relative;
z-index:1;
margin: 0;
overflow: hidden;
overflow-x: auto;
width: 100%;
}

.slideFrame span {
display: table;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
z-index:2;
}

.slideGuide {
width: 100%;
height: 100%;
}

.slideCell {
display: block;
float: left;
margin-right: 0;
width: 45%;
height: 100%;
}

/* sample */
.slideCell a {
display: block;
width: 100%;
height: 100%;
}

@media screen and (max-width: 480px) {
.slideFrame {
height:50vh;
}
.slideFrame span {
width:80%;
}
}

@media screen and (min-width: 481px) and (max-width: 1023px) {
.slideFrame {
height:320px;
}
.slideFrame span {
width:75%;
}
}

@media screen and (min-width: 1024px) {
.slideFrame {
height:700px;
}
.slideFrame span {
width:959px;
}
}