@charset "utf-8";
@import url(css/basic.css);
@import url(css/22/02.css);

/*type_slick*/
.type_slick .slider-view{overflow:hidden;}
.type_slick .slick-slide{padding:0;position:relative;max-height:420px;}
.type_slick .slick-slide::before{content:"";display:block;padding-top:75%;}
.type_slick .slick-arrow span::before,.type_slick .slick-arrow span::after{content:none;}
.type_slick .slick-arrow,.type_slick button.slick-arrow:hover{background:rgba(0,0,0,.5) url("images/design/arrow.svg") center center no-repeat;background-size:70%;width:50px;width:4.54vw;max-width:50px;height:50px;height:4.54vw;max-height:50px;border:none;top:50%;white-space:nowrap;text-indent:120%;}
.type_slick .slick-prev{left:0;transform:translateY(-50%) scale(-1,1);}
.type_slick .slick-next{right:0;transform:translateY(-50%);}
.slick-dots li{background:#fff;border:1px solid #7f7f7f;border-radius:50%;width:8px;height:8px;margin:0 6px;}
.slick-dots li.slick-active{background:#7f7f7f;}
.type_slick .slick-slide img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-height:100%;}
.type_slick img{margin:auto;}
.type_slick .paging{overflow:hidden;margin:0 auto;display:flex;flex-wrap:wrap;}
.type_slick .paging>li{cursor:pointer;position:relative;width:calc((100% - 32px) / 5);margin:4px;}
.type_slick .paging li:nth-child(5n){margin:4px 0 4px 4px;}
.type_slick .paging li:nth-child(5n+1){margin:4px 4px 4px 0;}
.paging li{width:auto;height:auto;margin:0 0 5px;text-indent:0;background:none;display:inline-block;overflow:hidden;cursor:pointer;text-align:center;}
.paging li::before{content:"";display:block;padding-top:100%; }
.paging li img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover;}
.paging li.active{background-color:#000;}.paging li.active img{opacity:.5;-webkit-transition:.2s;transition:.2s;}
.type_slick{margin-bottom:60px;}
 
/*Slider*/
.slick-slider,.slick-list,.slick-track,.slick-slide{min-height:0;min-width:0;}
.slick-slider{position:relative;display:block;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;}
.slick-list{position:relative;display:block;margin:0 auto;padding:0;}
.slick-list:focus{outline:none;}.slick-list.dragging{cursor:pointer;}
.slick-slider .slick-track,.slick-slider .slick-list{transform:translate3d(0,0,0);}
.slick-track{position:relative;}
.slick-slide{float:left;height:100%;min-height:1px;position:relative;}
.slick-loading .slick-slide{visibility:hidden;}
.slider{position:relative;padding-top:17px;max-width:700px;margin:0 auto;}
.slick-slide{padding:10px;}
.slider button,.slider button:hover{border:0;padding:0;background:none;line-height:0;letter-spacing:normal;max-width:none;border-radius:0;}
.slick-arrow{position:absolute;top:0;z-index:2;width:40px;overflow:hidden;}
.slick-prev{left:9px;}.slick-next{right:9px;}
.slick-arrow span{width:100%;height:16px;overflow:hidden;position:relative;text-indent:200%;white-space:nowrap;overflow-wrap:normal;word-wrap:normal;display:block;}
.slick-arrow span::before,.slick-arrow span::after{content:"";display:block;width:100%;height:4px;text-indent:0;position:absolute;left:-4px;bottom:0;}
.slick-arrow span::after{transform:rotate(45deg);left:100%;width:40px;margin-left:-24px;}
.slick-arrow.slick-prev span::before{left:auto;right:-6px;}
.slick-arrow.slick-prev span::after{transform:rotate(-45deg);left:auto;right:100%;margin:0;margin-right:-24px;}
.slick-dots li{background:#fff;border:1px solid #7f7f7f;border-radius:8px;width:8px;height:8px;margin:0 6px;}
.slick-dots li.slick-active{background:#7f7f7f;}
/*type_slick*/

@media(min-width:48em){
/*Slider*/
.type_slick .paging>li,.type_slick .paging li:nth-child(5n),.type_slick .paging li:nth-child(5n+1){width:calc((100% - 144px) / 10);margin:8px;}
.type_slick .paging li:nth-child(10n){margin:8px 0 8px 8px;}
.type_slick .paging li:nth-child(10n+1){margin:8px 8px 8px 0;}
}