@charset "utf-8";


/*スイーツTOP*/

.g-search__tab .g-search__cat__name {
        font-size: var(--FZ_12); 
}

.g-search__purpose .g-search__cat li a {
     border:none;
}
.g-ranking {
    padding-bottom: var(--GENERALSEC); 
    padding-top: 0;
}
.p-fsRecommendProduct {
    padding: calc(var(--GENERALSEC) / 4 * 2) 4%;
    margin-block: 0;
    
}
.p-fsRecommendProduct .g-heading__ja{
	font-size: var(--FZ_28);
    margin-bottom: var(--GAP_38);
}
.info{
    padding-bottom: calc(var(--GENERALSEC) / 4 * 3) ;
}
.guidetel{
    width: 70%;
    margin: 0 auto 20px;
}
.faxbtn{
    width: 70%;
    margin: 10px auto 0;
}
.faqbtn{
    width: 70%;
    margin: 40px auto 0;
}
.faqbtn a{
    display: block;
    background: #fff;
    color: #111;
    text-align: center;
    padding: 30px 5px;
    text-decoration: none;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 5px;
    font-size: var(--FZ_18);
    border: 1px solid #111;
    text-align: center;
}
.faqbtn a:hover{
    box-shadow: 0 0 0 1px #000 inset;
}
.s-bnr{
	margin-bottom: 30px;
}
.s-bnr li img {
    border-radius: unset;
}
.s-sweets__fv .s-group__fvArea .s-bnr p{
    padding: 10px 0;
    background: #886f01;
    color: #fff;
    line-height: 1.6;
    text-align: center;
}
.s-scene__search .g-search__top{
   background-image: repeating-linear-gradient(-45deg, #f2f2f2 0, #f2f2f2 3px, transparent 3px, transparent 6px );
}

@media screen and (min-width: 951px) {
    .g-search__tab .g-search__cat--snack {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media screen and (min-width: 768px) {


    .g-search__tab .g-search__cat {
        padding: 0 var(--GAP_20);
        gap: var(--GAP_10) var(--GAP_20);
    }
    .g-search__application .g-search__cat {
        grid-template-columns: repeat(auto-fit, minmax(168px, 1fr));
        gap: var(--GAP_20);
    }
	.p-fsRecommendProduct .fs-c-productListCarousel__list__itemTrack {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media screen and (max-width: 767px) {
    .g-search__tab .g-search__cat {
        padding: 0;
    }
    .guidetel{
    width: 90%;
    margin: 0 auto 10px;
    }
    .s-bnr.single {
        display: block;
        width: var(--INNER_WIDTH);
    }
}