@charset "UTF-8";
.blogList .sideSlider { overflow: hidden; padding: 0 45px;}
.blogList .sideSlider .slideIn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0 11px;}
.blogList .sideSlider .slideIn a { color: #000; display: table; width: 100%; line-height: 0; }
.blogList .sideSlider .slideIn a figure { display: block; overflow: hidden; margin-bottom: 10px; position: relative; width: 100%; line-height: 0; -webkit-transition: all 1.618s ease; -moz-transition: all 1.618s ease; -ms-transition: all 1.618s ease; -o-transition: all 1.618s ease; transition: all 1.618s ease; }
.blogList .sideSlider .slideIn a figure img { display: block; aspect-ratio: 1.618 / 1; object-fit: cover; width: 100%; -webkit-transition: all 1.618s ease; -moz-transition: all 1.618s ease; -ms-transition: all 1.618s ease; -o-transition: all 1.618s ease; transition: all 1.618s ease; object-fit: cover; }
.blogList .sideSlider .slideIn a .txt { display: block; vertical-align: middle;}
.blogList .sideSlider .slideIn a .txt strong { display: block; line-height: 1.618; font-weight: normal; -webkit-transition: color 0.5s ease; -moz-transition: color 0.5s ease; -ms-transition: color 0.5s ease; -o-transition: color 0.5s ease; transition: color 0.5s ease; font-size: 16px; text-align: left; }
.blogList .sideSlider .slideIn a .txt em { display: block; font-style: normal; color: #b3a893; line-height: 1.618; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: left; }
.blogList .sideSlider .slideIn a .txt span { margin-top: 6px; display: block; line-height: 1.618; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: left; }
.blogList .sideSlider .slideIn a:hover figure img { -webkit-transform: scale(1.2); transform: scale(1.2); }
.blogList .sideSlider .slideIn a:hover .txt strong { color: #b3a893; }
.blogList .sideSlider .slick-prev,
.blogList .sideSlider .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 35%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: 0 0;
    color: #000;
    z-index: 100;
    line-height: 1;
    width: auto !important;
    height: auto !important;
}
.blogList .sideSlider .slick-prev {
    left: -6px !important;
}
.blogList .sideSlider .slick-next {
    right: -6px !important;
}
.blogList .sideSlider .slick-prev,
.blogList .sideSlider .slick-next {
    padding: 10px;
}
.blogList .sideSlider .slick-prev:before,
.blogList .sideSlider .slick-next:before {
    font-family: 'slick';
    font-size: 28px;
    line-height: 1;
    color: #444;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.blogList .sideSlider .slick-prev::before {
    content: "〈" !important;
}
.blogList .sideSlider .slick-next::before {
    content: "〉" !important;
}
@media all and (max-width: 600px) {
    
        .blogList .sideSlider {
            margin-top: 0px;
            padding: 0;
        }
    
        .blogList .sideSlider .slideIn {
            padding: 0 17px;
        }
    
        .blogList .sideSlider .slideIn a .txt strong {
            font-size: 12px;
            font-family: Verdana,
                Arial,
                Helvetica,
                sans-serif;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            line-height: 1.4;
        }
    
        .blogList .sideSlider .slick-prev {
            left: -5px !important;
        }
    
        .blogList .sideSlider .slick-next {
            right: -5px !important;
        }
    
        .blogList .sideSlider .slick-prev,
        .blogList .sideSlider .slick-next {
            top: 40%;
        }
}