@charset "UTF-8";

/*SLIDE*/
.wrap_popupzone{}

.wrap_popupzone h3{font-size:45px;color:#222;font-family: 'Play', sans-serif;line-height:1;margin-bottom:20px;}
.wrap_popupzone h3 span{font-weight:700;}

.wrap_popupzone .slick-slider{position:relative;padding:0 10px 10px 0;}
.wrap_popupzone .slick-slider::before{content:"";display:block;width:100%;height:calc(100% - 15px);position:absolute;left:10px;top:10px;background:url(../images/pattern_1.png) repeat;}
.wrap_popupzone .slick-slide img{width:100%;}

@media only screen and (max-width:1280px){
}
@media only screen and (max-width:768px){
	.wrap_popupzone .slick-slider{padding:0;}
	.wrap_popupzone .slick-slider::before{display:none;}
}

/*CONTROL*/
.wrap_popupzone .control{display:flex;align-items:center;justify-content:flex-end;position:absolute;top:10px;right:0;width:100%;}
.wrap_popupzone .control .numbering{display:none;}
.wrap_popupzone .control .playstop{display:flex;align-items:center;}
.wrap_popupzone .control .prevnext{display:none;}
.wrap_popupzone .control .paging{}

.wrap_popupzone .control .playstop button{display:none;text-indent:-9999px;width:28px;height:28px;margin:0 1px;}
.wrap_popupzone .control .playstop button.play{background:url(../images/play_b.png) no-repeat center;}
.wrap_popupzone .control .playstop button.stop{background:url(../images/pause_b.png) no-repeat center;}
.wrap_popupzone .control .playstop button.on{display:inline-block;}

.wrap_popupzone .control .prevnext button{display:inline-block;text-indent:-9999px;width:28px;height:28px;margin:0 1px;}
.wrap_popupzone .control .prevnext button.prev{background:url(../images/prev_b.png) no-repeat center;}
.wrap_popupzone .control .prevnext button.next{background:url(../images/next_b.png) no-repeat center;}

.wrap_popupzone .control .paging ul{display:flex;align-items:center;justify-content:center;}
.wrap_popupzone .control .paging ul li{line-height:0;}
.wrap_popupzone .control .paging ul li button{display:inline-block;text-indent:-9999px;width:10px;height:10px;margin:0 3px;background:#999;line-height:0;border-radius:100%;}
.wrap_popupzone .control .paging ul li.slick-active button{background:#a80255;}

@media all and (max-width:1280px){
	.wrap_popupzone h3{font-size:35px;}
	.wrap_popupzone .control{top:4px;}
}
@media all and (max-width:768px){
	.wrap_popupzone h3{font-size:25px;}
	.wrap_popupzone .control{top:0;}
}


/*HOVER*/
@media only screen and (min-width:1281px){
}