@charset "utf-8";
/* CSS Document */

/*感謝board*/
.fs-c-heading--page {border-bottom: 1px solid #81CACE !important;
margin: 15px 0 20px;text-align: center;font-size: 20px;letter-spacing: 2px;color: #222;position: relative;font-weight: normal;}
@media (max-width: 767px){
.fs-c-heading--page {		border-bottom: none !important;		margin: 15px 0 20px;		text-align: center;		font-size: 20px;		letter-spacing: 2px;
		color: #595959;		position: relative;		font-weight: 400;		padding-bottom: 10px;}
.fs-c-heading--page::before {
        border-bottom: 1px solid #81CACE;
        content: "";
        width: 100%;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        height: 0;
        position: absolute;
        background: none;
    }
}

.category_tpl p,.category_tpl h2,.category_tpl h3,.category_tpl h4{margin: 0}
.category_tpl .w840{max-width: 840px; margin-left: auto; margin-right: auto;}
.category_tpl .mb60{margin-bottom: 60px}
.category_tpl a:hover{opacity: 0.8;text-decoration: none}
.category_tpl .pc_only{display: block}
.category_tpl .sp_only{display: none}

.category_tpl .key{margin-bottom: 40px}
.category_tpl .key .img{margin-bottom: 10px}
.category_tpl .key .sub{margin-bottom: 40px;text-align: center;font-size: 13px}
.category_tpl .key .read h2{font-size: 18px; font-weight: bold;margin-bottom: 20px;text-align: center}
.category_tpl .key .read .text{font-size: 13px;line-height: 2}

.category_tpl h2.ttl{text-align: center;font-weight: bold;font-size: 18px; padding: 10px 0;background: #81CACE;margin-bottom: 30px;color: #fff}
.category_tpl .item {position: relative;margin-bottom: 30px}
.category_tpl .item .icon{position:absolute;top: -15px;left: 3px;width: 22px}
.category_tpl .item .icon.clown{width: 50px}
.category_tpl .item .spec.ran1{width: 50%}
.category_tpl .item .spec .name{font-size: 12px; margin: 10px 0}
.category_tpl .item .spec .name.f13{font-size: 13px;}
.category_tpl .item .spec .price{font-size: 12px;text-align:right;}
.category_tpl .item .spec .price.left{text-align:left;}
.category_tpl .item .spec .price span{font-size: 10px}

.category_tpl .flex_item{display: flex;}
.category_tpl .flex_item.item2{justify-content: space-between;}
.category_tpl .flex_item.item2 .item{width: 49%;}
.category_tpl .flex_item.item4{flex-wrap: wrap;column-gap: 2%}
.category_tpl .flex_item.item4 .item{width: calc((100% - 6%) / 4);}

.category_tpl .bnr_area{margin-bottom: 100px;}
.category_tpl .bnr_area .item{margin-bottom: 40px}
.category_tpl .bnr_area .item h3{font-size: 18px; margin-bottom: 15px; text-align: center;font-weight: bold;}

@media (max-width: 767px){
.category_tpl .pc_only{display: none}
.category_tpl .sp_only{display: block}
.category_tpl .indent{padding: 0 5%}

.category_tpl .key{margin-bottom: 30px}
.category_tpl .key .sub{margin-bottom: 20px}
.category_tpl .key .read .text{line-height: normal}
.category_tpl .item .spec.ran1{width: 100%}
.category_tpl .item .spec .price{padding-right: 0%}
.category_tpl .flex_item.item2{display: block}
.category_tpl .flex_item.item2 .item{width: 100%;}
.category_tpl .flex_item.item4 .item{width: calc((100% - 2%) / 2);}
.category_tpl .icon.clown{width: 50px}
}



/*酒・ワイン*/
.category_tpl .center{text-align: center}
.category_tpl .f12{font-size: 12px}
.category_tpl .f14{font-size: 14px !important}
.category_tpl .mb10{margin-bottom: 10px !important}
.category_tpl .mb20{margin-bottom: 20px !important}
.category_tpl .mb40{margin-bottom: 40px !important}
.category_tpl h2.slash{text-align: center;font-size: 18px; margin-bottom: 15px}
.category_tpl h3.ttl {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    padding: 10px 0;
    background: #81CACE;
    margin-bottom: 20px;
    color: #fff;
}
.category_tpl h4.ttl {
    text-align: center;
    font-size: 13px;
    padding: 0px 0;
    background: #F09180;
    margin-bottom: 8px;
    color: #fff;
}
@media (max-width: 767px){
.category_tpl .key .img.mb40{margin-bottom: 20px !important}
.category_tpl .sp_left{text-align: left}
.category_tpl .sp_right{text-align: right !important}
.category_tpl .flex_item.item2.sp_flex{display: flex}
.category_tpl .flex_item.item2.sp_flex .item{width: 49%}
.category_tpl h4.ttl{padding-top: 2px;}
}

.category_tpl .flex_item.item2.no_gap{column-gap: 0;align-items: center}
.category_tpl .review_flex{display: flex;justify-content: space-between;}
.category_tpl .review_flex .review_box{width: 32%;background: #F6F5E8;border-radius: 20px;padding: 20px 15px;position: relative}
.category_tpl .review_flex .review_box .icon{max-width: 75px; margin: 0 auto 10px}
.category_tpl .review_flex .review_box .name{font-size: 12px; text-align: center;margin-bottom: 10px}
.category_tpl .review_flex .review_box .read{font-size: 11px; }
.category_tpl .review_flex .review_box .marker{background: linear-gradient(transparent 60%, #E0DDB3 60%);padding: 0 0px;}
.category_tpl .review_flex .review_box:after{content: "";height: 13px; width: 18px;display: block;position: absolute;bottom: -12px;
 left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);
background: url(https://farbe.itembox.cloud/item/images/category/parents/common/review_icon.png) no-repeat center top;background-size: 18px}
@media (max-width: 767px){
.category_tpl .review_flex{display: block;}
.category_tpl .review_flex .review_box{width: 100%;margin-bottom: 30px;display: flex;justify-content: space-between;}
.category_tpl .review_flex .review_box .sp_icon{width: 25%}
.category_tpl .review_flex .review_box .sp_icon .name{margin-bottom: 0}
.category_tpl .review_flex .review_box .read{width: 70%;line-height: 2}
}


.category_tpl .howto{background: #F6F5E8;padding: 20px 30px}
.category_tpl .howto h2.ttl {
    text-align: center;
		font-weight: bold;
    font-size: 15px;
    padding: 10px 0;
    background: #BFB863;
    margin-bottom: 20px;
    color: #fff;
}
.category_tpl .howto .how_flex{display: flex;justify-content: space-between;padding: 0 20px}
.category_tpl .howto .how_flex .how_box{text-align: center;}
.category_tpl .howto .how_flex .how_box .icon{max-width: 64px;margin: 0 auto 10px}
.category_tpl .howto .how_flex .how_box .bold{font-weight: bold;font-size: 18px; color: #AD9F50;margin-bottom: 10px}
.category_tpl .howto .how_flex .how_box .img{max-width: 100px;margin: 0 auto 10px}
.category_tpl .howto .how_flex .how_box .lav{display: flex;column-gap: 5px;align-items: center;justify-content: center}
.category_tpl .howto .how_flex .how_box .lav li{font-size: 11px; font-weight: bold;border-radius: 20px; padding:5px 10px;color: #fff;}
.category_tpl .howto .how_flex .how_box .lav li.pink_lav{background: #F09180}
.category_tpl .howto .how_flex .how_box .lav li.gold_lav{background: #BFB863}
.category_tpl .howto .how_flex .how_box .lav li.cyan_lav{background: #81CACE}
@media (max-width: 767px){
.category_tpl .howto{padding: 20px}
.category_tpl .howto h2.ttl{padding: 5px 0;}
.category_tpl .howto .how_flex{padding: 0;display: block}
.category_tpl .howto .how_flex .how_box{width: 100%;margin-bottom: 20px;text-align: left}
.category_tpl .howto .sp_flex{display: flex;justify-content: space-between;}
.category_tpl .howto .sp_flex.items_center{align-items: center;margin-bottom: 20px}
.category_tpl .howto .sp_flex .icon{width: 20%;margin: 0 !important}
.category_tpl .howto .sp_flex .bold{width: 80%;margin: 0 !important}
.category_tpl .howto .sp_flex .f12{width: 70%;line-height: 2}
.category_tpl .howto .sp_flex .img_lav{width: 27%}
.category_tpl .howto .sp_flex .img_lav.w37{width: 37%}
.category_tpl .howto .how_flex .how_box .lav li{text-align: center;}
}

.category_tpl .faq{margin-top: 60px}
.category_tpl .faq h2{max-width: 36px; margin: 0 auto}
.category_tpl .faq h3{text-align: center;font-size: 25px; font-weight: bold;color: #BFB863;margin: 20px 0}
.category_tpl .faq dl{margin-bottom: 30px}
.category_tpl .faq dt{margin-bottom: 15px;font-weight: bold;font-size: 16px;padding: 0 0 16px 0;
background: url(https://farbe.itembox.cloud/item/images/category/parents/common/q.svg?1) no-repeat 0 0;background-size: 38px;padding-left: 50px}
.category_tpl .faq dd{font-size: 14px;padding: 0 0 16px 0;
background: url(https://farbe.itembox.cloud/item/images/category/parents/common/a.svg?1) no-repeat 0 0;background-size: 38px;padding-left: 50px}

.category_tpl .accordion .btn-more{max-width: 350px;border: 1px solid #404040;font-size: 13px; text-align: center;padding:0.75em 0;margin: 0 auto;cursor: pointer}
.category_tpl .accordion .btn-more .open{background: url(https://farbe.itembox.cloud/item/images/category/parents/common/acd_1.svg) no-repeat 96% center;}
.category_tpl .accordion .btn-more .close{background: url(https://farbe.itembox.cloud/item/images/category/parents/common/acd_2.svg) no-repeat 96% center;}
.category_tpl .accordion .dropdown{display: none}
.category_tpl .accordion .btn-more .open{display: block}
.category_tpl .accordion .btn-more .close{display: none}
.category_tpl .accordion .btn-more.close .open{display: none}
.category_tpl .accordion .btn-more.close .close{display: block}
@media (max-width: 767px){
.category_tpl .faq h3{font-size: 20px; }
.category_tpl .accordion .btn-more{max-width: 100%;}
.category_tpl .faq dt{margin-bottom: 0}
}

/*体重ベア*/
.category_tpl .key_flex{display: flex}
.category_tpl .key_flex p.r_k{ margin-left: -1px; }
.category_tpl h3.slash{text-align: center;font-size: 18px; font-weight: bold;margin-bottom: 10px;}

