#slide { margin-top: 5rem; }
#slide .img .cap { color: #fff; font-size: 12px; line-height: 1; letter-spacing: .05em; text-align: right; position: absolute; right: 0; bottom: 0; text-shadow: 0 0 10px #000,0 0 5px #000,0 0 3px #000,0 0 10px #000,0 0 5px #000,0 0 3px #000; }
#slide .slick-prev, #slide .slick-next { z-index: 2; display: inline-block; width: 20px; height: 44.9px; }
#slide .slick-prev::before, #slide .slick-prev::after, #slide .slick-next::before, #slide .slick-next::after { content: ""; opacity: 1; position: absolute; top: calc(50% - 1px); width: 30px; height: 3px; border-radius: 9999px; background-color: #fff; }
#slide .slick-prev::before, #slide .slick-next::before { transform: rotate(50deg); }
#slide .slick-prev::after, #slide .slick-next::after { transform: rotate(-50deg); }
#slide .slick-prev { left: 15px; }
#slide .slick-prev::before, #slide .slick-prev::after { right: 0; transform-origin: 1px 50%; }
#slide .slick-next { right: 15px; }
#slide .slick-next::before, #slide .slick-next::after { left: 0; transform-origin: calc(100% - 1px) 50%; }
@media screen and (max-width: 768px) { #slide .slick-prev, #slide .slick-next { width: 13.2px; height: 30.1px; }
  #slide .slick-prev::before, #slide .slick-prev::after, #slide .slick-next::before, #slide .slick-next::after { width: 20px; height: 2px; } }

#thumb { margin: 10px auto 0 auto; padding-bottom: 10rem; }
#thumb ul { display: grid; gap: 10px; grid-template-columns: repeat(9, 1fr); }
#thumb ul .img { background: #000; }
#thumb ul .img img { opacity: .5; transition: .3s; }
#thumb ul li:hover .img img, #thumb ul li.thumbnail-current .img img { opacity: 1; }
@media screen and (max-width: 768px) { #thumb ul { gap: 5px; grid-template-columns: repeat(5, 1fr); } }

#slide ul li.slide08, #thumb ul li.slide08 { display: grid !important; gap: 0; grid-template-columns: repeat(2, 1fr); }