.red-line{background: linear-gradient(transparent 75%, #ff0000 100%);}
#explain{display:flex;gap:1rem;}
#explain2{display:flex;gap:1rem;}
.space-y-4{align-content:center;max-width:44%;padding:.5rem;}
.space-y-4 select {color: #615959;font-size:1rem;font-weight: bold;}
.setsumei {position: relative;padding:.7rem;height: 450px;max-height:100%;overflow:overlay;}
.setsumei h4 {position: relative;font-size:1.5rem;font-weight: bold;text-align: center;margin:.8rem 0 2rem;border-bottom: 1px solid;}
.setsumei p {font-size:1rem;margin: 1rem 0;}
.aspect-square { aspect-ratio: 1 / 1;}
.overflow-hidden {overflow: hidden;}
.m-img-a {border: 2px solid;margin-bottom: 1rem;}
.t-pic{width:340px;;max-width:100%;margin:0 auto;}
.w-full {width: 100%;}
.h-full {height: 100%;}
.object-cover { object-fit: cover;width: -webkit-fill-available;}
.thum-grid {display: grid;grid-auto-rows: auto;}
.grid-cols-4 {grid-template-columns: repeat(4, minmax(0, 1fr));padding:.7rem;}
.grid-cols-5 {grid-template-columns: repeat(5, minmax(0, 1fr));padding:.7rem;}
.gap-2 {gap: 0.5rem;}
.rounded-lg {border-radius: 0.5rem;}
.center-text{font-size: 1rem;}
.thumbnail-active {border: 2px solid #3b82f6;opacity: 1;}
.thumbnail-inactive {border: 2px solid transparent;opacity: 0.7;}
.thumbnail-inactive:hover {opacity: 1;border-color:#93c5fd;}
@media screen and (max-width: 768px) {
    .center-text, .item_info_txt {text-align: center;}
}
@media screen and (max-width:500px) {
    #explain{flex-direction:column;gap:0;}
    #explain2{flex-direction:column-reverse;gap:0;}
    .setsumei {height:auto;}
    .space-y-4{max-width:80%;margin:0 auto;}
    /* .grid-cols-4{grid-template-columns: repeat(5, minmax(0, 1fr));} */
}