.wrap{
    container-name: wrap;
    container-type: inline-size;
}
.area-shoplist-block-heading {
    background: #005cb3;
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    font-family: var(--noto);
    margin-bottom: .5em;
    padding: .5rem;
}
.area-shoplist-block-items{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 1.5rem;
    margin-bottom: 4rem;
}
.area-shoplist-block-item{
    box-shadow: 1px 0 4px #333;
    display: grid;
    grid-template-rows: auto 1fr;
    overflow: hidden;
}
.area-shoplist-block-item-thumb{
    display: block;
    aspect-ratio: 3/2;
    border-left: solid 4px #00479d;
    border-radius: 4px 0 0 0;
    margin-top: 0;
    margin-bottom: 0;
}
.area-shoplist-block-item-image{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.area-shoplist-block-item-image:hover{
    opacity: 1 !important;
}
.area-shoplist-block-item-name{
    padding: .5rem;
    min-height: 3.5em;
    display: flex;
    align-items: center;
    font-weight: bold;
    font-family: var(--noto);
    color: #fff;
    background: rgba(0,0,0,.85);
    transform: translateY(-50%);
    line-height: 1.4;
    margin-bottom: -1em;
}
.area-shoplist-block-item-name-a{
    color: inherit;
}
.area-shoplist-block-item-name-a:hover,
.area-shoplist-block-item-name-a:visited,
.area-shoplist-block-item-name-a:active{
    color: inherit;
}
.area-shoplist-block-text{
    border-left: solid 4px #ffab00;
    border-radius: 0 0 0 4px;
    padding: 0 1rem 1rem;
    display: grid;
    grid-template-rows: auto 1fr auto;
}
.area-shoplist-block-item-info{
    font-size: .85rem;
}
.area-shoplist-block-item-info dd{
    margin-left: 0;
    margin-bottom: .5em;
}
.area-shoplist-block-item-buttons{
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: stretch;
    width: 100%;
}
.area-shoplist-block-item-buttons-li-tel{
    flex: 4em 1 0;
}
.area-shoplist-block-item-button{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #eee;
    background: #00479d;
    font-size: 1.3rem;
    font-weight: bold;
    font-family: var(--noto);
    border-radius: 1em;
    padding: .25rem .75rem;
}
.area-shoplist-block-item-button:hover{
    color: gold !important;
}
.area-shoplist-block-item-more{
    background: #ffab00;
    color: #fff;
    white-space: nowrap;
}
.area-shoplist-block-item-more:hover{
    color: #fff !important;
}

@container wrap (max-width: 800px) {
    .area-shoplist-block-items{
        grid-template-columns: 1fr;
    }
    .area-shoplist-block-item-thumb{
        aspect-ratio: 9/4;
    }
}