@charset "UTF-8";

.c-ss_b_p__ttl{
    margin-bottom: 15px;
    font-size: clamp(24px, 22px + 0.4vw, 26px);
    font-weight: 700;
    font-family: "Noto Serif JP", serif;
}
.c-ss_b_p__prefecture{
    margin-top: 50px;
}
@media (min-width: 768px){
    .c-ss_b_p__prefecture{
        margin-top: 60px;
    }
}
.c-ss_b_p__area-result, .c-ss_b_p__prefecture-result{
    display: flex;
    flex-wrap: wrap;
    gap: 7.5px;
}
.c-ss_b_p .input-radio{
    display: block;
    cursor: pointer;
    border-radius: 9999px;
    border-width: 2px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(226 70 20 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    --tw-text-opacity: 1;
    color: rgb(226 70 20 / var(--tw-text-opacity));
}
@media (min-width: 768px){
    .c-ss_b_p .input-radio{
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 20px;
        padding-right: 20px;
    }
}
.c-ss_b_p .input-radio input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 1px;
    height: 1px;
    position: absolute;
}
.c-ss_b_p .input-radio input[type=radio]:checked + span {
    color: #fff;
}
.c-ss_b_p .input-radio:has(input[type=radio]:checked){
    --tw-bg-opacity: 1;
    background-color: rgb(226 70 20 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.c-ss_b_p .input-label{
    font-size: clamp(16px, 14px + 0.4vw, 18px);
    font-weight: 700;
}
.c-ss_b_p__shop-count{
    font-size: clamp(18px, 12px + 1.2vw, 24px);
    font-weight: 700;
}
.c-ss_b_p .shop-default-message{
    margin-bottom: 30px;
    font-size: clamp(28px, 22px + 0.4vw, 30px);
    font-weight: 700;
}
.c-ss_b_p__shop{
    margin-top: 52px;
    padding-top: 50px;
}
@media (min-width: 768px){
    .c-ss_b_p__shop{
        margin-top: 58px;
        padding-top: 58px;
    }
}
.c-ss_b_p__shop {
    border-top: 1px solid #A8A8A8;
}
.c-ss_b_p__shop .shop-result{
    margin-top: 30px;
    list-style-type: none;
}
.c-ss_b_p__shop .shop-result > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(30px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(30px * var(--tw-space-y-reverse));
}
@media (min-width: 768px){
    .c-ss_b_p__shop .shop-result{
        margin-top: 50px;
    }
    .c-ss_b_p__shop .shop-result > :not([hidden]) ~ :not([hidden]){
        --tw-space-y-reverse: 0;
        margin-top: calc(40px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(40px * var(--tw-space-y-reverse));
    }
}
.c-ss_b_p__shop .shop-name{
    font-size: clamp(20px, 14px + 1.2vw, 26px);
    font-weight: 700;
}
.c-ss_b_p__shop .shop-address{
    margin-top: 1.5px;
    display: flex;
    align-items: center;
    -moz-column-gap: 5px;
    column-gap: 5px;
    font-size: 16px;
}
@media (min-width: 768px){
    .c-ss_b_p__shop .shop-address{
        font-size: 18px;
    }
}
.c-ss_b_p__shop .shop-address a{
    text-decoration-line: underline;
}
.c-ss_b_p__shop .shop-address a:hover{
    text-decoration-line: none;
}
.c-ss_b_p__shop .shop-address:before{
    margin-top: 2.5px;
    content: "";
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_26519%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2026519%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2221%22%20viewBox%3D%220%200%2015%2021%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1660%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201660%22%20width%3D%2215%22%20height%3D%2221%22%20fill%3D%22none%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_26518%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2026518%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_5115%22%20data-name%3D%22%E3%83%91%E3%82%B9%205115%22%20d%3D%22M7.5%2C0A7.489%2C7.489%2C0%2C0%2C0%2C0%2C7.477a7.138%2C7.138%2C0%2C0%2C0%2C1.1%2C3.988c1.216%2C2.038%2C3.848%2C3.313%2C5.725%2C8.861.19.5.3.674.676.674s.486-.175.676-.674c1.877-5.548%2C4.509-6.823%2C5.725-8.861A7.138%2C7.138%2C0%2C0%2C0%2C15%2C7.477%2C7.489%2C7.489%2C0%2C0%2C0%2C7.5%2C0%22%20fill%3D%22%23707070%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_5116%22%20data-name%3D%22%E3%83%91%E3%82%B9%205116%22%20d%3D%22M7.5%2C4.2a3.3%2C3.3%2C0%2C1%2C0%2C3.3%2C3.3A3.3%2C3.3%2C0%2C0%2C0%2C7.5%2C4.2%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}
.c-ss_b_p__shop .shop-address:after{
    margin-top: 2.5px;
    content: "";
    width: 0.8em;
    height: 0.8em;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228.233%22%20height%3D%2214%22%20viewBox%3D%220%200%208.233%2014%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_5108%22%20data-name%3D%22%E3%83%91%E3%82%B9%205108%22%20d%3D%22M14.764%2C10.328a1.19%2C1.19%2C0%2C0%2C1%2C1.677%2C0l5.86%2C5.878a1.184%2C1.184%2C0%2C0%2C1%2C.037%2C1.634l-5.774%2C5.792a1.184%2C1.184%2C0%2C1%2C1-1.677-1.671l4.908-4.981L14.764%2C12A1.172%2C1.172%2C0%2C0%2C1%2C14.764%2C10.328Z%22%20transform%3D%22translate(-14.414%20-9.982)%22%20fill%3D%22%23707070%22%2F%3E%3C%2Fsvg%3E");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}