@charset "UTF-8";

._fnctWrap {line-height:1.5;}
 
.wrap-sns {position: initial;}
.wrap-sns .slider {position: inherit;display: flex; }
.wrap-sns .slider li {text-align:center;padding: 0 15px;max-width: 330px;}
.wrap-sns .slider li a {display:block;position: relative;border-radius: 25px;overflow: hidden;aspect-ratio: 1/1;}
.wrap-sns .slider li img {display:inline-block;width: 100%;height: 100%;object-fit: cover;}


.wrap-sns .slider li .list { }
.wrap-sns .slider li .thum {}
.wrap-sns .slider li .con {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #084994c7;opacity: 0;transition: 0.5s;transform: translateY(50px);display: flex;flex-direction: column;justify-content: center;padding: 30px;}
.wrap-sns .slider li .con .con_title{font-size:20px;display: block;margin-bottom:15px;}
.wrap-sns .slider li .con p{color: #fff;font-size: 20px;}
/* .wrap-sns .slider li .con .date{background: url('../images/clock.png') no-repeat left 2px;padding-left: 27px;font-size:16px;margin-top:10px;color:#333;line-height: 1.25;padding-bottom: 3px;font-family: 'Noto Light';} */
.wrap-sns .slider li .con .go {border: 1px solid #fff; border-radius: 50px; padding: 7px 10px 10px; line-height: 1; font-size: 16px; width: 75%; margin: 0 auto; margin-top: 30px;}
.wrap-sns .slider li .con .go img{height: 14px;object-fit: fill;aspect-ratio: 1/1;width: auto;margin: 2px 0 0 3px;}

.wrap-sns .slider li:hover {}
.wrap-sns .slider li:hover .list {}
.wrap-sns .slider li:hover .thum {}
.wrap-sns .slider li:hover .con {    opacity: 1;    transition: 0.5s;    transform: translateY(0);}
.wrap-sns .slider li:hover .con .con_title {}
.wrap-sns .slider li:hover .con p {}
.wrap-sns .slider li:hover .con .go {}
.wrap-sns .slider li:hover .con .go img{}

.wrap-sns .prevnext {position: absolute;left: 0;bottom: 60px;z-index: 999;}
.wrap-sns .prevnext .container {position: relative;}
.wrap-sns .prevnext button {position: absolute;width: 60px;height: 60px;text-indent: -9999px;border: 1px solid #ccc;transition: 0.3s;background-size: 50% !important;opacity: 0.5;background-repeat: no-repeat !important;background-position: center !important;}
.wrap-sns .prevnext button:hover {transition: 0.3s;opacity: 1; transform: initial;}
.wrap-sns .prevnext .prev:hover { background: #195fb1 url('/sites/temp_16/images/common/arrow-l-w.png') center no-repeat }
.wrap-sns .prevnext .next:hover { background: #195fb1 url('/sites/temp_16/images/common/arrow-r-w.png') center no-repeat}

.wrap-sns .prevnext .prev {left: 0;background: url('/sites/temp_16/images/common/arrow-l.png') center no-repeat     ;}
.wrap-sns .prevnext .next {left: 75px;background: url('/sites/temp_16/images/common/arrow-r.png') center no-repeat     ;}

.wrap-sns .nodata {border: 1px solid #ccc; border-radius: 30px; padding: 50px; height: 200px;}
 

@media all and (max-width:1200px) { 
    .wrap-sns .slider {justify-content: center;padding-bottom: 100px;}
    .wrap-sns .slider li {    max-width: 100%;}
    .wrap-sns .list {position:relative;}
    .wrap-sns .prevnext {width: 130px;left: 50%;transform: translateX(-50%);display: block;height: 60px;bottom: 0;}
    .wrap-sns .prevnext button {border-radius: 50px;}
    .wrap-sns .prevnext .prev {}
    .wrap-sns .prevnext .next {    left: auto;    right: 0;}
}

@media all and (max-width:1024px) { 
}

@media all and (max-width:768px) { 
    .wrap-sns .slider {padding-bottom: 80px;}
    .wrap-sns .list { }
    .wrap-sns .prevnext {width: 100px;height: 45px;}
    .wrap-sns .prevnext button {    width: 45px;    height: 45px; }
    .wrap-sns .prevnext .prev {}
    .wrap-sns .prevnext .next { }
}

@media all and (max-width:550px) {  
    .wrap-sns .slider {padding-bottom: 60px;}
    .wrap-sns .slider li {max-width:100%;padding: 0;}
}