@charset "utf-8";

/* =====================================
main
===================================== */

#beginner,
#sample,
#original-design,
#factory-tour,
#shop-info {
    margin-top: 32px;
}

.section__read {
    height: auto;
} 

.section__img {
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    margin-top: 16px;
}

.section__topic {
    color: var(--lightblue);
}

.section__topic::after {
    border-bottom: solid 3px var(--lightblue);
}


.shop-info__category {
    font-size: 2.0rem;
    font-weight: 600;
}

.shop-info__category {
    margin-top: 32px;
}

.shop-info__category:first-child {
    margin-top: 0;
}


.shop-info__hour,
.shop-info__day {
    font-size: 2.0rem;
    font-weight: 400;
    margin-top: 10px;
}

.shop-info__hour {
    font-family: Roboto;
}


.shop-info__day span {
    font-weight: 500;
    color: red;
}

.shop-info__day img {
    width: 100%;
    margin-top: 16px;
}



@media screen and (min-width: 1280px) {
    .shop-info__category {
        font-size: 20px;
    }

    .shop-info__hour,
    .shop-info__day {
        font-size: 20px;
    }


    .shop-info__day {
        display: flex;
        gap: 100px;
    }

    .shop-info__day img {
        width: 50%;
    }
}


/* =====================================
pr__banner
===================================== */

.pr__banner {
    margin-top: 32px;
}




/* slide pc 768*/
@media screen and (min-width: 768px) {

    .slide {
        margin-top: 16px;
        display: flex;
        justify-content: space-around;
    }

    .slide-item img {
        width: 100%;
        height: 100%;
        aspect-ratio: 3/2;
        object-fit: cover;
        padding-left: 8px;
        padding-right: 8px;
    }
}
/* pc 768 slide*/

/* slide pc 1280*/
@media screen and (min-width: 1280px) {
    
    .top__read {
        font-size: 20px;
        font-weight: 400;
    }

    .slide-item img {
        padding-left: 16px;
        padding-right: 16px;
    }

    #beginner,
    #sample,
    #original-design,
    #factory-tour {
        margin-top: 96px;
    }
}
/* pc 1280 slide*/