.reserved-area{display:grid;width:100%;max-width:1440px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:20px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px 10px;grid-template-areas:". . . . ."}.reserved-area>.category-container{text-align:center;background-color:#f1f1f1;border-radius:8px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;max-width:calc(1080px / 3)}.reserved-area>.category-container>.category-container--image{width:100%;aspect-ratio:calc(16/9);display:flex;justify-content:center;align-items:center;height:auto}.reserved-area>.category-container>.category-container--image a{aspect-ratio:calc(16/9);display:flex;justify-content:center;align-items:center;height:100%;width:100%}.reserved-area>.category-container>.category-container--image img{object-fit:contain;aspect-ratio : calc(16/9)}.reserved-area>.category-container>.category-container--button a{display:block;background-color:#e6e6e6;color:#000;transition:all 500ms;text-decoration:none}.reserved-area>.category-container>.category-container--button a:hover{background-color:#dcdcdc}.reserved-area>.category-container>.category-container--title a{background:transparent;color:#000;width:100%;display:block;margin-top:10px}.reserved-area>.category-container>.category-container--title a h3{color:#0b6fad;font-size:1em}.reserved-area>.category-container>.category-container--title a:visited{color:#000}.reserved-area>.category-container>.category-container--title a:active{color:#000}a.back-to-upper-container{width:100%}a.back-to-upper-container>div{display:inline-block;background-color:#f1f1f1;padding:5px 20px;border-radius:4px}a.back-to-upper-container:hover>div{background-color:#d6d6d6}@media screen and (max-width:768px){.reserved-area{display:grid;grid-template-columns:1fr;gap:10px 0;grid-template-areas:".";width:100%}.reserved-area>.category-container{max-height:initial;max-width:100%;margin:auto}.reserved-area>.category-container{flex-direction:row}.reserved-area>.category-container .category-container--image{width:20%;text-align:left}.reserved-area>.category-container .category-container--image img{max-width:60px;max-height:60px}.reserved-area>.category-container .category-container--title{width:80%;text-align:left}.reserved-area>.category-container .category-container--title{contain:"&#8250"}.reserved-area>.category-container .category-container--button{display:none}.reserved-area>.category-container>.category-container--image img{display:inline-block;vertical-align:middle}}