.red-line{background:linear-gradient(transparent 82%, #ff0000 90%);}
#explain{display:flex;gap:1rem;justify-content:center;margin:.5rem auto;width:750px;max-width:93%;}
#explain2{display:flex;gap:1rem;justify-content:center;margin:.5rem auto;width:750px;max-width:93%;}
#explain3{display:flex;gap:1rem;justify-content:center;margin:.5rem auto;width:750px;max-width:93%;}
#explain4{display:flex;gap:1rem;justify-content:center;margin:.5rem auto;width:750px;max-width:93%;}
#explain5{display:flex;gap:1rem;justify-content:center;margin:.5rem auto;width:750px;max-width:93%;}
#explain6{display:flex;gap:1rem;justify-content:center;margin:.5rem auto;width:750px;max-width:93%;}
.back-color{background:linear-gradient(150deg, #97fbff, #82edff, #d7efff, transparent);border-radius:.6rem;border:3px solid;}
.back-color2{background:linear-gradient(238deg, #97fbff, #82edff, #d7efff, transparent);border-radius:.6rem;border:3px solid;}
.space-y-4{align-content:center;max-width:38%;padding:.5rem;}
.space-y-4 select {color: #615959;font-size:1rem;font-weight: bold;}
.setsumei {position: relative;padding:.7rem;overflow:overlay;align-content: center;color:#0a0a9c;}
.setsumei >div{padding:.5rem 1rem;background:#fff;border:1px solid;}
.setsumei h4 {position:relative;font-size:1.2rem;width:fit-content;font-weight:bold;text-align:center;margin:0 auto 2rem;border-bottom:1px solid;}
.setsumei h4 span{font-size:1rem;font-weight: bold;}
.setsumei p {font-size:.9rem;margin: 1rem 0;}
.aspect-square { aspect-ratio: 1 / 1;}
.overflow-hidden {overflow: hidden;}
.m-img-a {border: 2px solid;margin-bottom:.3rem;}
.t-pic{width:300px;;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-3 {grid-template-columns: repeat(3, minmax(0, 1fr));padding:.5rem;}
.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-3 {gap: 0.3rem;}
.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: 820px) {
    .center-text, .item_info_txt {text-align: center;}
    .setsumei p {font-size: .8rem;}
}
@media screen and (max-width:500px) {
    #explain{flex-direction:column;gap:0;margin-bottom:1rem;}
    #explain2{flex-direction:column-reverse;gap:0;margin-bottom:1rem;}
    #explain3{flex-direction:column;gap:0;margin-bottom:1rem;}
    #explain4{flex-direction:column-reverse;gap:0;margin-bottom:1rem;}
    #explain5{flex-direction:column;gap:0;margin-bottom:1rem;}
    #explain6{flex-direction:column-reverse;gap:0;margin-bottom:1rem;}
    /* .setsumei {height:auto;} */
    .space-y-4{max-width:80%;margin:0 auto;}
    /* .grid-cols-4{grid-template-columns: repeat(5, minmax(0, 1fr));} */
}