@charset "UTF-8";

.smnr_slider { width: 320px; height: auto; margin: 0 auto 20px auto; }
.slider-bx { margin: 10px; }
.slider-bx a { width: 280px; height: 300px; padding: 10px; display: block; text-decoration: none; background-color: #FFFFFF; box-shadow:0 0 10px #CCCCCC; }
.slider-bx a:hover { padding: 10px; }
.smnr_pd { position: relative; width: 100%; height: 100%; }
.smnr_pht { text-align: center; padding: 10px; background-color: #006699; }
.smnr_dt { font-size: 0.875em; color: #AAAAAA; text-align: left; margin: 10px 0 0 0; }
.smnr_ttl { font-size: 1em; font-weight: bold; text-align: left; margin: 10px 0 0 0; }
.smnr_lbl { font-size: 0.875em; background-color: #006699; color: #FFFFFF; padding: 5px 10px; position: absolute; right: 0; bottom: 0; }
.slick-prev:before, .slick-next:before { color: #000000!important; opacity: 1; }
.smnr_btn { margin: 0 0 -10px 0; }

#smnr_cnts { padding: 0 10px; }
#smnr_cnts a.smnrbx { margin-top: 20px; display: block; width: auto; background-color: #E9E9E4; height: auto; position: relative; text-decoration: none; }
#smnr_cnts .smnr_cp { padding: 10px; background-color: #006699; }
#smnr_cnts .smnr_pd { padding: 15px; text-align: left; line-height: 1.6em; }
#smnr_cnts .smnr_cttl { font-size: 1.125em; font-weight: bold; }
#smnr_cnts .smnr_cdt { margin: 15px 0 10px 0; color: #000000; }
#smnr_cnts .smnr_arw { width: 9px; height: 12px; position: absolute; right: 15px; bottom: 18px; }

@media print, screen and (min-width: 768px)  {
.smnr_slider { width: 700px; margin: 20px auto 0 auto; }
.slider-bx a { width: 310px; height: 325px; }
.smnr_btn { margin: 30px 0 -10px 0; }
#smnr_cnts { width: 740px; margin: 0 auto; display: flex; gap: 20px; flex-wrap: wrap; }
#smnr_cnts a.smnrbx { margin-top: 0; width: calc((100% - 40px) / 2); }
#smnr_cnts .smnr_pd { padding: 20px 15px; }
#smnr_cnts .smnr_cdt { margin: 20px 0 10px 0; }
}

@media print, screen and (min-width: 1024px) {
.smnr_slider { width: 960px; margin: 20px auto 0 auto; }
.slider-bx { margin: 10px 20px; }
.slider-bx a { width: 270px; height: 300px; }
.smnr_btn { margin: 30px 0 -50px 0; }
#smnr_cnts { width: 1000px; }
#smnr_cnts a.smnrbx { width: calc((100% - 40px) / 3); }
}

@media print, screen and (min-width: 1280px) {
.smnr_slider { width: 1110px; }
.slider-bx a { width: 310px; height: 325px; }
.smnr_btn { margin: 50px 0 -50px 0; }
#smnr_cnts { width: 1100px; gap: 25px; }
#smnr_cnts a.smnrbx { width: calc((100% - 50px) / 3); }
}