/* 店舗からのお知らせ一覧 */
.container-1192 {
    max-width: 1192px;
    width: 100%;
}
.shopnews-list {
    margin-top: 5.0625rem;
    ul.card {
        border: unset;
        border: unset;
        display: grid;
        gap: 0 2.9375rem;
        box-sizing: border-box;
        grid-template-columns: repeat(3, 1fr);
        li.card-item {
            border: unset;
            width: 100%;
            max-width: 366px;
            padding: 0;
            box-sizing: border-box;
            .acms-img-responsive {
                border-radius: .625rem;
            }
            .entry-info {
                font-size: 1rem;
                color: var(--color-blue-base);
                margin-bottom: 2rem;
                padding-bottom: .5rem;
                border-bottom: 1px solid var(--color-blue-base);
                margin-bottom: 3.5rem;
                text-align: left;
            }
            .card-title {
                color: var(--color-black);
                font-size: 1rem;
                font-weight: 500;
                width: 100%;
                height: 3.5rem;
                margin: 0 0 1.125rem;
                text-align: left;
                overflow: hidden;
                text-overflow: ellipsis;
                -webkit-line-clamp: 2;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                line-height: 2rem;

            }
            .card-link.arrow::after {
                top: 94.7%;
                right: 0;
            }
            .card-link:hover.arrow::after{
                    transform: translateY(-50%) translateX(0.625rem);
            }
        }

    }
    ul.entry-tags {
        font-size: .875rem;
        color: var(--color-blue-base);
        display: flex;
        gap: .5rem;
        padding-bottom: 1rem;
        flex-wrap: wrap;
        li {
            span {
                display: block;
                width: 100%;
                max-width: 7.5rem;
                border: 1px solid var(--color-blue-base);
                text-align: center;
                border-radius: 10rem;
                line-height: 1.25rem;
                padding: 0 .5rem;
            }

        }

    }
    a.card-link {
        margin: 0;
        padding: 0;
        opacity: 1;
    }

}
@media (min-width:768px) and (max-width:1099px) {
    .shopnews-list {
        ul.entry-tags {
            padding-bottom: .5rem;
        }
        ul.card {
            margin: 0;
            li.card-item {
                .card-title {
                    height: 3rem;
                    font-size: .875rem;
                    margin: 0;
                    line-height: 1.5rem;
                }
            }
        }
    }
}
@media (max-width:767.98px) {
    .title.shopnews_label {
        margin-left: -0.675rem;
    }
    .title.shopnews_label::before {
        left: -4%;
        top: 86%;
    }
    .shopnews-list {
        ul.card {
            grid-template-columns: 1fr 1fr;
            padding: 0;
            gap:0 .6875rem;
            margin: 0 0 .5rem;
            li.card-item {
                padding: 0;
                .card-title {
                    font-size: .875rem;
                    margin-bottom: 0;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    -webkit-line-clamp: 3;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    height: 4.5rem;
                    line-height: 1.5rem;
                }
                .acms-img-responsive {
                    border-radius: .3125rem;
                }
                .entry-info {
                    margin-bottom: 2.5rem;
                }
                .card-link.arrow::after {
                    top: 91.2%;
                    right: 0;
                }
            }
        }
        ul.entry-tags {
            font-size: .875rem;
            padding-bottom: .5rem;
            li {
                span {
                    font-size: .75rem;
                    padding: 0 .625rem;
                }
            }
        }
        .card-img {
            margin: 0 0 .5rem;
        }
    }
}

/* 店舗からのお知らせ詳細 */
article.shopnews-detail{
    max-width: 800px;
    width: 100%;
    margin: 0 auto 4.5rem;
    border: none;
    header {
        border-bottom: 1px solid var(--color-blue-base);
        margin-bottom: 2.5rem;
    }
    ul.entry-tags {
        font-size: .875rem;
        color: var(--color-blue-base);
        display: flex;
        gap: .5rem;
        flex-wrap: wrap;
        li {
            span {
                display: block;
                width: 100%;
                max-width: 7.5rem;
                border: 1px solid var(--color-blue-base);
                text-align: center;
                border-radius: 10rem;
                line-height: 1.25rem;
                padding: 0 .5rem;
            }
        }
    }
    .entry-title {
        font-size: 1.5rem;
        font-weight: 500;
        margin: 1rem 0;
    }
    .entry-info {
        font-size: 1rem;
        color: var(--color-blue-base);
        margin-bottom: 2rem;
    }
    .entry-style p {
        font-size: 1rem;
        margin: 0 0 2.5rem;
        padding: 0;
        box-sizing: border-box;
    }
    .entry-style [class*=column-media] {
        padding: 0;
        margin: 0;
    }
    .entry-style img {
        margin-bottom: 2rem;
    }
    .column-media-center {
        width: 100%;
        img {
            width: 100%;
        }
    }
    .shop-news-thumbnail {
        width: 100%;
        img.columnImage {
            width: 100%;
        }
    }
}

@media (max-width:767.98px) {
    article.shopnews-detail{
        max-width: 331px;
        margin: 0 auto 3rem;
        header {
            margin: 0 0 1.5rem;
        }
        ul.entry-tags {
            font-size: .875rem;
            li {
                span {
                    font-size: .75rem;
                    padding: 0 .625rem;
                }
            }
        }
        .entry-title {
            font-size: 1.25rem;
            margin: .875rem 0 1.25rem;
        }
        .entry-info {
            font-size: .875rem;
            margin-bottom: 1rem;
        }
        .entry-style p {
            margin:0 0 1rem;
        }
        .entry-style img {
            margin-bottom: 1rem;
        }
    }
        .column-media-center {
            width: 100%;
            img {
                width: 100%;
            }
        }
}

/* トップへ戻る */
.news-shop-top {
    text-align: center;
    a {
        text-align: center;
        display: inline-block;
        position: relative;
        color: var(--color-black);
        &:before {
            content:"";
            background: url("../../talkin@site/images/shopnews.svg") no-repeat center;
            display: block;
            position: absolute;
            top: 0;
            left: -5rem;
            width: 100%;
            height: 100%;
        }
        &:hover {
            opacity: 1;
        }
    }
}