@import url("https://onikuyasan.itembox.design/item/reset.css?t=20250711104638?ver=1.0.1");
@import url("https://onikuyasan.itembox.design/item/item_style.css?t=20250711104638?ver=1.0.1");
@import url("https://onikuyasan.itembox.design/item/item_inner.css?t=20250711104638?ver=1.0.1");
@import url("https://onikuyasan.itembox.design/item/item_header.css?t=20250711104638?ver=1.0.1");
@import url("https://onikuyasan.itembox.design/item/item_footer.css?t=20250711104638?ver=1.0.1");
@import url("https://onikuyasan.itembox.design/item/item_fs_style.css?t=20250711104638?ver=1.0.1");
@import url("https://onikuyasan.itembox.design/item/item_fs_theme.css?t=20250711104638?ver=1.0.1");
@import url("https://onikuyasan.itembox.design/item/item_fs_oniku.css?t=20250711104638?ver=1.0.1");
@import url("https://onikuyasan.itembox.design/item/item_product_details.css?t=20250711104638?ver=1.0.1");

.fs-c-breadcrumb {
    font-size: 1.2rem;
    max-width: 1040px;
    width: 100%;
    margin: 10px auto;
    }

ul.mail__box {

    }
ul.mail__box li.mail__box--item {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    }
ul.mail__box li.mail__box--item input[type="checkbox"]{
    width: 20px !important;
    margin: 0 10px 0 0 !important;
    height: 20px !important;
    }
ul.mail__box li.mail__box--item input[type="submit"]{
    width: 200px !important;
    border: none;
    background: #FA964B;
    font-weight: 600;
    color: #fff;
    }

.fs-c-productCarouselMainImage__thumbnailList {
    -ms-overflow-style: none;
    scrollbar-width: none;
    }

.fs-c-productCarouselMainImage__thumbnailList::-webkit-scrollbar{
    display: none;
    }

p.item--ship--caution {
    color: #ff0000;
    font-weight: 500;
    }


@media screen and (max-width: 768px) {
.navibtn-txt {
    font-size: 10px;
    }

#oniku .lower__ttl {
    font-size: 24px !important;
    }
}

/* --------------------------------
member-cart
--------------------------------- */
body#fs_Login .fs-l-main {
    max-width: 760px;
    width: 100%;
    }
.fs-c-inputInformation__link {
    text-align: center !important;
    }

.fs-c-inputInformation__button {
    margin-top: 32px;
    text-align: center;
}

.fs-c-button--confirmOrder {
    background: #C92F18;
    border: #C92F18;
    }

/* --------------------------------
item
--------------------------------- */
.item-common--comment {
    line-height: 1.6em;     
    }
.item-common--comment span.member-join {
    background: #ff0000;
    color: #fff;
    font-weight: 700;
    display: inline-block;
    padding: 8px 12px;
    margin: 0 10px 14px 0;
    }
.item-common--comment a.emp_link {
    color: #ff0000;
    font-weight: 700;       
    }

/* --------------------------------
contact-form
--------------------------------- */
div.form--wapper {
    width: 720px;
    margin: 40px auto 60px;
    }
div.form--wapper h1 {
    text-align: center;
    border-bottom: 3px solid #C92F18;
    line-height: 2.0em;
    margin: 0 auto 40px;
    }
div.form--wapper h2 {    
    padding: 0 0 0 12px;
    border-left: 4px solid #C92F18;
    font-size: 20px;
    margin: 40px 0 20px;
    }
div.form--wapper p {
    line-height: 1.6em;
    }
div.form--wapper p span.caution {
    color: #C92F18;
    font-size: 14px;
    }
div.form--wapper input {
    }
div.form--wapper input.text-short {
    width: 10em;
    margin-right: 2em;
    }
div.form--wapper input.email {
    width: 30em;
    margin: 0 16px 20px 0;
    }
div.form--wapper input.text-long {
    }
div.form--wapper input[type="submit"] {    
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    margin: 30px auto;
    background: #C92F18;
    color: #fff;
    padding: 8px 16px;
    }

@media screen and (max-width: 768px) {
div.form--wapper {
    width: 94%;
    margin: 40px auto 40px;
    }
div.form--wapper h1 {
    text-align: center;
    border-bottom: 3px solid #C92F18;
    line-height: 2.0em;
    margin: 0 auto 40px;
    }
div.form--wapper h2 {    
    padding: 0 0 0 12px;
    border-left: 4px solid #C92F18;
    font-size: 20px;
    margin: 40px 0 20px;
    }
div.form--wapper p {
    line-height: 1.6em;
    }
div.form--wapper p span.caution {
    color: #C92F18;
    font-size: 14px;
    }
div.form--wapper input {
    }
div.form--wapper input.text-short {
    width: 100%;
    margin-right: 2em;
    }
div.form--wapper input.email {
    width: 100%;
    margin: 0 16px 20px 0;
    }
div.form--wapper input.text-long {
    }
div.form--wapper input[type="submit"] {    
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    margin: 30px auto;
    background: #C92F18;
    color: #fff;
    padding: 8px 16px;
    }
}

span.caution-red {
    color:#ff0000;
    }

.product_details .graph.ingredients {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    }
.product_details .graph.ingredients .graph__item {
    flex-direction: column;
    width: 20%;
    }
.product_details .graph.ingredients .graph__item .ttl,
.product_details .graph.ingredients .graph__item .txt {
    text-align: center;
    border-right: 2px solid #fff;
    width: 100%;
    }
.product_details .graph.ingredients .graph__item .txt {
    height: 3em;
    }

.fs-c-subSection {
  text-align: center;
}

#fs_form {
  margin: 20px auto 0px;
}

#oniku .mv {
width: 100%!important;
margin: 0 auto!important;
}

.mt80 {
margin-top: 80px!important;
}

@media screen and (max-width:768px) {
.mt80 {
margin-top: 30px!important;
}
}

#oniku .link {
padding-bottom: 10px;
}

#oniku .mv .swiper-button-prev::after {
font-family: "Font Awesome 5 Free"; /*←ココ！！！！！！！*/
font-weight: 900;
content: "\f137"!important;
color: orange;
background-image: none!important;
    height: 60px!important;
    width: 60px!important;
}

#oniku .mv .swiper-button-next::after {
font-family: "Font Awesome 5 Free"; /*←ココ！！！！！！！*/
font-weight: 900;
content: "\f138"!important;
color: orange;
background-image: none!important;
   height: 60px!important;
    width: 60px!important;
}

.head_txt {
background: #000;
color: #fff;
font-size: 14px;
margin: 0;
padding: 10px;
text-align: center;
}
.head_txt span {
max-width: 1080px;
display: block;
margin: 0 auto;
padding: 0 30px;
}
@media screen and (max-width:768px) {
.head_txt {
font-size: 12px;
}
}

/******************************
20240605　商品テンプレート
*******************************/
.item_templ{max-width: 750px;width: 100%; margin: 0 auto ;text-align: center}
.item_templ *{font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";font-size: 16px;line-height: 1.7;letter-spacing: 0.03em;margin-top: 0}
.item_templ .img{margin-bottom: 20px}
.item_templ .img.mb0{margin:0;line-height: 0}

.item_templ .mb20{margin-bottom: 20px}
.item_templ .mb40{margin-bottom: 40px}
.item_templ .mb60{margin-bottom: 60px}
.item_templ .mb80{margin-bottom: 80px}
.item_templ .mb100{margin-bottom: 100px}

.item_templ h2{margin-bottom: 50px;margin-top: 40px; font-weight: 600;font-size: 26px; position: relative;display: inline-block;}
.item_templ h2:before {content: '';position: absolute;bottom: -15px;display: inline-block;width: 60px;height: 3px;left: 50%;-webkit-transform: translateX(-50%);
  transform: translateX(-50%);background-color: #D65337;}
.item_templ p.text{font-weight: 600; margin-bottom: 40px;font-size: 16px}
.item_templ p.sub_text{font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";text-align: left;font-size: 14px;}

.item_templ.about .text2{margin-bottom: 10px; font-weight: 600; margin-bottom: 20px;font-size: 18px}
.item_templ.about .red_text{color:#D9664D;text-align: center;border: 1px solid #D9664D;padding: 0.7em 0;margin-bottom: 20px;font-weight: bold;font-size: 18px}

.item_templ .review_area{background: url(https://onikuyasan.itembox.design/item/images/renewal/item/common/review_bk.png) repeat-x;padding: 1.5em 0;border-radius: 20px;margin-bottom: 60px;text-align: left;color: #fff;background-size: unset}
.item_templ .review_area .review_icon{width: 100px;padding: 0}
.item_templ .review_area h3,
.item_templ .review_area p{padding: 0 1.5em}
.item_templ .review_area h3 p{font-size: 20px; border-bottom: 1px solid #ccc;margin-bottom: 10px;padding: 0 0 10px 0;font-weight: 600}
.item_templ .review_area p.text{font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";font-weight: normal;margin-bottom: 0}

.item_templ.set .text{text-align: left;font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";font-weight: normal;}
.item_templ.set b{font-weight: bold;font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";}

.item_templ .delivery{background: #FDF9D6;padding: 1.5em 0;font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";font-weight: bold}
.item_templ .delivery span{color: #D65337;font-size: 21px;font-weight: bold;font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";}

.item_templ table{width: 100%;margin-bottom: 20px;border-top: 1px solid #ccc;}
.item_templ table th,
.item_templ table td{border-bottom: 1px solid #ccc;padding: 8px;text-align: left;font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";font-weight: normal;}
.item_templ table th{width: 30%;font-weight: bold}
.item_templ table td{width: 70%}
.item_templ .allergy{padding: 8px; border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;margin-bottom: 60px;text-align: left;font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";font-weight: normal;}

.item_templ h3{margin-bottom: 20px; font-size: 18px;font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";}
.item_templ .flex{display: flex;column-gap: 1%; margin-bottom: 60px}
.item_templ .flex .item{width: 24%;margin-bottom: 20px}
.item_templ .flex .img{margin-bottom: 10px;}
.item_templ .flex .name{font-size: 14px;font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";line-height: 1.4}
.item_templ a{color: #333}
@media (max-width: 767px) { 
.item_templ .flex{display: flex; flex-wrap: wrap}
.item_templ .flex .item{width: 49%;margin-bottom: 20px}
}

.page_top_btn{position: fixed;right: 0;top: 40%}



/*------------------------------
2024.5.30 会員登録系
------------------------------*/
.hnb_entry_page .indent{max-width: 640px;margin: 0 auto}
.hnb_entry_page .ttl{text-align: center;font-size: 23px; margin-bottom:20px;font-weight: bold;}
.hnb_entry_page .att{color:#C92F18; font-size: 14px;text-align: left;}
.hnb_entry_page .bnr{text-align: center;margin-bottom: 20px;}
@media (max-width: 767px) { 
.hnb_entry_page .indent{padding: 0 8px;max-width:inherit;}
}

/*FORM*/
[type=hidden], [type=text], [type=search], [type=tel], [type=url], [type=email], [type=password], [type=datetime], [type=date], [type=month], [type=week], [type=time], [type=datetime-local], [type=number], select, textarea {padding: 8px;}
.fs-c-dropdown__menu{padding: 8px 3em 8px 8px}
.fs-c-radio__radioMark{width: 20px; height: 20px;min-width: 20px}
.fs-c-checkbox__checkMark{height: 20px;min-width: 20px}
.fs-c-checkbox__checkMark::before{top:0.1em;}
.fs-c-memberInfoField .fs-c-inputTable th.fs-c-inputTable__headerCell{background: #e8e8e8;padding: 8px; font-weight: bold;margin-bottom: 8px}
.fs-c-button--primary{padding: 0.9em 1em;font-size: 1.4em;border: 1px solid #C92F18;background: #C92F18;min-width:240px;margin: 0 auto}
.fs-c-requiredMark::before {color: #C92F18;}

/*MY*/
.fs-c-wishlistProduct{width: 100%}
.fs-c-wishlistProduct h2{margin-bottom: 20px}
@media (max-width: 767px) { 
.fs-c-accountService__page{    flex-basis: 48%;}
.fs-c-accountService__page.fs-c-accountService__page--accountDelete{ flex-basis:100%;}
.fs-c-wishlistProduct .fs-c-productMark__item .fs-c-productMark__mark{font-size: 11px}
}


/*-------------------------------------------------------
2024.6.13　TOP/HEAD renewal hnb
---------------------------------------------------------*/
/*スライダー*/
.fs-body-top .fs-c-slick .slick-dots{margin-bottom: 30px}
#oniku .mv .swiper{border-bottom: none;margin-bottom: 30px}
@media (max-width: 767px) { 
#oniku .mv .swiper{margin-bottom: 10px}
}

/*pcsp*/
.renewal_2024 .pc_only{display:block;}
.renewal_2024 .sp_only{display:none;}
@media (max-width: 767px) { 
.renewal_2024 .pc_only{display:none;}
.renewal_2024 .sp_only{display:block;}
 }
 
/*全体*/
.renewal_2024{max-width: 1040px;width: 100%;margin: 0 auto;}
.renewal_2024 p{margin: 0;font-size: 16px; letter-spacing: 0.02em}
.renewal_2024 .mb10{margin-bottom: 10px}
.renewal_2024 .mb20{margin-bottom: 20px}
.renewal_2024 .mb40{margin-bottom: 40px}
.renewal_2024 .f20{font-size: 20px}
.renewal_2024 a{color: #333;text-decoration: none}
.renewal_2024 a:hover{opacity: 0.8}
.renewal_2024 span.red{color:#C92F18;}
.renewal_2024 em{font-style: normal;}
.renewal_2024 .bold{font-weight: bold;}
.renewal_2024 .fukidashi{background-color: #C92F18; color: #fff;text-align: center;font-size: 20px; padding:18px 0;margin-bottom: 40px;font-weight: bold;position:relative;}
.renewal_2024 .fukidashi:after{border: solid transparent;    content:'';    height:0;    width:0;    pointer-events:none;    position:absolute;    border-top-width:10px;   
border-bottom-width:10px;    border-left-width:10px;    border-right-width:10px;    margin-left: -10px;    border-top-color:#C92F18;    top:100%;    left:50%;}
@media (max-width: 767px) { 
.renewal_2024 .indent{padding: 0 5%}
.renewal_2024 .f20{font-size: 16px}
 }
 
/*ボタン*/
.renewal_2024 .red_btn a{border: 1px solid #C92F18;display: block;padding: 5px 20px; color:#C92F18;font-weight: bold;text-align: center;
background: url(https://onikuyasan.itembox.design/item/images/renewal/top/red_icon.png) no-repeat 95% center;border-radius: 50px}
.renewal_2024 input.red_btn{width: 25%;font-size: 18px;
border: 1px solid #C92F18;display: block;padding: 10px 20px; color:#C92F18;font-weight: bold;text-align: center;margin: 20px auto 0;
background: url(https://onikuyasan.itembox.design/item/images/renewal/top/red_icon.png) no-repeat 92% center;border-radius: 50px}
.renewal_2024 .red_btn_link a{background: url(https://onikuyasan.itembox.design/item/images/renewal/top/red_icon.png) no-repeat right center; padding-right: 20px; text-decoration: underline}
@media (max-width: 767px) { 
.renewal_2024 .red_btn a{padding: 10px 5px;font-size: 14px}
.renewal_2024 input.red_btn{width: 70%;font-size: 16px;padding: 0.5em;}
 }


/*お知らせ*/
.renewal_2024 .info{border: 1px solid #C92F18; padding: 1em 2em;margin-bottom: 50px;color: #C92F18;}
.renewal_2024 .info p.ttl{font-weight: bold;margin-bottom: 5px}
.renewal_2024 .info a{color: #C92F18;text-decoration: underline}
@media (max-width: 767px) { 
.renewal_2024 .info{padding: 1em;margin-bottom: 30px}
.renewal_2024 .info p{font-size: 14px}
 }

/*丸正フーズについて*/
@media (min-width: 767px) { 
.about_bk{background: url(https://onikuyasan.itembox.design/item/images/renewal/top/about_kv_pc.png?2) no-repeat center ;margin-bottom: 60px;background-size: 105%;box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);}
.about_bk .renewal_2024 .box{background: #fff;padding: 30px 0;text-align: center;width: 50%; margin: 0 auto;}
.about_bk .renewal_2024 .box .tag{display: flex;justify-content: center;align-items: center;column-gap: 1em;margin-bottom: 20px}
.about_bk .renewal_2024 .box .tag p{background: #C92F18;color: #fff;font-size: 20px;font-weight: bold;border-radius: 50px; padding: 5px 30px}
.about_bk .renewal_2024 .box h2{font-weight: bold;font-size: 42px;margin-bottom: 20px;line-height: 1.4}
.about_bk .renewal_2024 .box h2 em.small{font-size: 28px;}
.about_bk .renewal_2024 .box .text{margin-bottom: 20px; font-weight: bold;line-height: 2em}
.about_bk .renewal_2024 .box .red_btn{width: 65%; margin: 0 auto}
 }
 
@media (max-width: 767px) { 
.about_bk .renewal_2024{background: url(https://onikuyasan.itembox.design/item/images/renewal/top/about_kv.png) no-repeat center 0 #F4F1ED;
padding: 80px 5% 30px 5%;margin-bottom: 60px;background-size: contain}
.about_bk .renewal_2024 .box{padding: 1.5em 2em;background: #fff;text-align: center}
.about_bk .renewal_2024 .box .tag{display: flex;justify-content: center;align-items: center;column-gap: 1em;margin-bottom: 20px}
.about_bk .renewal_2024 .box .tag p{background: #C92F18;color: #fff;font-size: 20px;font-weight: bold;border-radius: 50px; padding: 5px 30px}
.about_bk .renewal_2024 .box .tag{column-gap: 0.5em;}
.about_bk .renewal_2024 .box .tag p{font-size: 16px;padding: 5px ;width: 50%}
.about_bk .renewal_2024 .box h2{font-size: 24px;line-height: 1.7}
.about_bk .renewal_2024 .box h2 em.small{font-size: 20px;}
.about_bk .renewal_2024 .box p.text{line-height:1.7em;font-weight: bold;font-size: 15px;margin: 10px 0 15px}
.about_bk .renewal_2024 .box .red_btn{width: 100%; margin: 0 auto}
 }
 
/*丸正フーズのイチオシ！*/
.renewal_2024 .pickup_area .fukidashi{width: 40%; margin: 0 auto 40px}
.renewal_2024 .pickup_area .fukidashi.pick{background: url(https://onikuyasan.itembox.design/item/images/renewal/top/pick_icon.png) no-repeat 50px bottom #C92F18;}
.renewal_2024 .pickup_area .bnr_flex{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 80px}
.renewal_2024 .pickup_area .bnr_flex .bnr_box{margin-bottom: 3%;width: 48.5%}
@media (max-width: 767px) { 
.renewal_2024 .pickup_area .fukidashi{width: 100%; }
.renewal_2024 .pickup_area .fukidashi.pick{background: url(https://onikuyasan.itembox.design/item/images/renewal/top/pick_icon.png) no-repeat 20px bottom #C92F18;}
.renewal_2024 .pickup_area .bnr_flex{display: block;margin-bottom: 80px}
.renewal_2024 .pickup_area .bnr_flex .bnr_box{margin-bottom: 40px;width: 100%}
.renewal_2024 .pickup_area .bnr_flex .bnr_box p{font-size: 14px}
}


/*各カテゴリのおすすめ商品*/
.renewal_2024 .reco_cate .label{margin-bottom: 40px;position: relative}
.renewal_2024 .reco_cate .label h2{background:#C92F18;font-weight: bold;color: #fff;padding: 20px 70px;position: absolute;font-size: 28px}
.renewal_2024 .reco_cate .label img{width: 100%}
.renewal_2024 .reco_cate .item_flex{display: flex;column-gap: 1em; margin-bottom: 60px}
.renewal_2024 .reco_cate .item_flex .item{width: 24%}
.renewal_2024 .reco_cate .item_flex .item img{width: 100%}
.renewal_2024 .reco_cate .item_flex .item .name{font-size: 13px; margin: 10px 0 20px;}
.renewal_2024 .reco_cate .item_flex .item .price span{font-weight: bold;font-size: 18px;margin-right: 3px}
.renewal_2024 .reco_cate .red_btn{width: 30%; margin: 0 auto 100px;}
.renewal_2024 .reco_cate .red_btn a{background-position: 70% center}
@media (max-width: 767px) { 
.renewal_2024 .reco_cate .label{margin-bottom: 20px}
.renewal_2024 .reco_cate .label h2{padding: 0.5em 1em;font-size: 18px}
.renewal_2024 .reco_cate .item_flex{display: flex;flex-wrap: wrap;margin-bottom: 10px}
.renewal_2024 .reco_cate .item_flex .item{width: 47.5%}
.renewal_2024 .reco_cate .item_flex .item .name{margin: 5px 0 ;}
.renewal_2024 .reco_cate .item_flex .item .price {font-size: 14px;margin-bottom: 30px}
.renewal_2024 .reco_cate .item_flex .item .price span{font-size: 14px;}
.renewal_2024 .reco_cate .red_btn{width: 60%; margin: 0 auto 60px;}
.renewal_2024 .reco_cate .red_btn a{background-position: 80% center}
}

/*お得な買い物*/
.renewal_2024 .value_area{text-align: center;border-top: 1px solid #ccc;padding-top: 60px}
.renewal_2024 .value_area h3{font-size: 30px; background: url(https://onikuyasan.itembox.design/item/images/renewal/top/info_bk_pc.png) no-repeat center center;
margin-bottom: 50px;line-height: 1.6;text-align: center;background-size: 670px; padding-bottom: 20px;font-weight: bold;}
.renewal_2024 .value_area h3 span{font-weight: bold;}
.renewal_2024 .value_area h3 span.small{font-size: 26px}
.renewal_2024 .value_area .mm_area{margin: 60px 0; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);background: #fff;padding: 30px}
.renewal_2024 .value_area .mm_area .fukidashi{padding: 13px 0;margin-bottom: 20px}
.renewal_2024 .value_area .mm_area .fukidashi p{font-size: 24px}
.renewal_2024 .value_area .mm_area .fukidashi.mail span{background: url(https://onikuyasan.itembox.design/item/images/renewal/top/mail_icon.png) no-repeat 0 center ;
padding-left: 50px; background-size: contain}
.renewal_2024 .value_area .mm_area input.email{padding: 1em;background-color: #F0F0F0;border: 2px solid #D8D8D8;margin-bottom: 20px}
.renewal_2024 .value_area .mm_area input[type=checkbox]{width:18px;height: 18px;-moz-transform:scale(1.0);-webkit-transform:scale(1.0);transform:scale(1.0);
vertical-align: text-top;margin-right: 3px}

@media (min-width: 767px) { 
.renewal_2024 .value_area .flex{display: flex;justify-content: space-between;margin-bottom: 20px}
.renewal_2024 .value_area .flex .line_bnr{width: 48%}
.renewal_2024 .value_area .flex .mm_area{width: 48%;margin-top: 0}
.renewal_2024 input.red_btn{width: 50%;background: url(https://onikuyasan.itembox.design/item/images/renewal/top/red_icon.png) no-repeat 74% center;}
}

@media (max-width: 767px) { 
.renewal_2024 .value_area{border-top: none;}
.renewal_2024 .value_area h3 {border-top: 1px solid #ccc;padding-top: 30px}
.renewal_2024 .value_area h3{font-size: 24px; background: url(https://onikuyasan.itembox.design/item/images/renewal/top/info_bk.png) no-repeat center 90% ;
margin-bottom: 20px;background-size: 100%; padding-bottom: 0;}
.renewal_2024 .value_area h3 span.small{font-size: 18px}
.renewal_2024 .value_area .mm_area{margin: 30px 0 60px;padding: 1em 1em 2em 1em}
.renewal_2024 .value_area .mm_area .fukidashi p{font-size: 18px}
.renewal_2024 .value_area .mm_area .fukidashi.mail span{padding-left: 40px}
}

/*自社牧場から加工工場まで一貫体制の丸正フーズ*/
.flow_area{ text-align: center;background: #F2F2F2;padding: 60px;margin-bottom: 80px}
.flow_area .renewal_2024 .tag{display: flex;justify-content: center;align-items: center;column-gap: 1em;margin-bottom: 20px}
.flow_area .renewal_2024 .tag p{background: #C92F18;color: #fff;font-size: 20px;font-weight: bold;border-radius: 50px; padding: 5px 30px}
.flow_area .renewal_2024 h2{font-weight: bold;font-size: 40px;margin-bottom: 20px}
.flow_area .renewal_2024 h2 em.small{font-size: 30px;}
.flow_area .renewal_2024 .text{margin-bottom: 20px; font-weight: bold;line-height: 2em}
@media (max-width: 767px) { 
.flow_area{padding: 0 0 30px 0;margin-bottom: 60px}
.flow_area .renewal_2024 .flow_indent{padding: 10% 10% 0 10%;}
.flow_area .renewal_2024 .tag{column-gap: 0.5em;margin-bottom: 10px}
.flow_area .renewal_2024 .tag p{font-size: 16px;padding: 5px ;width: 50%}
.flow_area .renewal_2024 h2{font-size: 24px;line-height: 1.7}
.flow_area .renewal_2024 h2 em.small{font-size: 20px;}
.flow_area .renewal_2024 p.text{line-height:1.7em;font-weight: bold;font-size: 14px}
}

/*メディア*/
.renewal_2024 .media_area .flex{display: flex;justify-content: space-between;margin-bottom: 100px}
.renewal_2024 .media_area .flex .box{width: 48%;padding: 0 1%}
.renewal_2024 .media_area .flex .box .fukidashi{width: 80%; margin: 0 auto 40px}
@media (max-width: 767px) { 
.renewal_2024 .media_area .flex{display: block;margin-bottom: 80px}
.renewal_2024 .media_area .flex .box{width: 100%;padding: 0 0;margin-bottom: 40px}
.renewal_2024 .media_area .flex .box .fukidashi{width: 90%;font-size: 16px;padding: 10px 0;line-height: 1.5}
}

/*category*/
.renewal_2024 .cate_area{margin-bottom: 60px}
.renewal_2024 .cate_area h4{background: #333;text-align: center;font-weight: bold;color: #fff;padding: 1em 0;margin: 0;font-size: 20px}
.renewal_2024 .cate_area .cate_flex{display: flex;justify-content: space-between;flex-wrap: wrap;}
.renewal_2024 .cate_area .cate_box{width: 25%;line-height: 0}
.renewal_2024 .cate_area .cate_box a{display: flex;justify-content: space-between;align-items: center;background-color: #F4F1ED;flex-direction: row-reverse}
.renewal_2024 .cate_area .cate_box .ttl{width: 50%;background: url(https://onikuyasan.itembox.design/item/images/renewal/top/red_icon.png) no-repeat 10px center;
padding: 0 10px 0 30px;font-size: 13px; font-weight: bold;line-height: 1.3}
.renewal_2024 .cate_area .cate_box .img{width: 50%}
@media (max-width: 767px) { 
.renewal_2024 .cate_area h4{padding: 0.5em 0;font-size: 18px}
.renewal_2024 .cate_area .cate_box{width: 50%;}
.renewal_2024 .cate_area .cate_box a{flex-direction: row}
.renewal_2024 .cate_area .cate_box .ttl{width: 58%;background: url(https://onikuyasan.itembox.design/item/images/renewal/top/red_icon.png) no-repeat 5px center;
padding: 0 0 0 25px;font-size: 12px;}
.renewal_2024 .cate_area .cate_box .img{width: 42%}
}

/*キーワードから探す*/
.search_re{border-bottom: 1px solid #ccc;padding-bottom: 60px;margin-bottom: 60px}
.search_re .fukidashi_black{background-color: #333; color: #fff;text-align: center;font-size: 20px; padding:18px 0;width: 35%; margin: 0 auto 40px;font-weight: bold;position:relative;}
.search_re .fukidashi_black:after{border: solid transparent;    content:'';    height:0;    width:0;    pointer-events:none;    position:absolute;    border-top-width:10px;   border-bottom-width:10px;    border-left-width:10px;    border-right-width:10px;    margin-left: -10px;    border-top-color:#333;    top:100%;    left:50%;}
.search_re form{width: 70%; margin: 0 auto ;position: relative}
.search_re form input{ padding: 1em;  background-color: #F0F0F0;  border: 1px solid #D8D8D8;    margin-bottom: 20px;}
.search_re form button{background: url(https://onikuyasan.itembox.design/item/images/renewal/top/search.png) no-repeat center;width: 40px; height: 40px; display: block;
border: none;position: absolute;right: 10px;top: 10px;background-size: contain}
@media (max-width: 767px) { 
.search_re{border-bottom: none;padding-bottom: 0px;margin-bottom: 0px}
.search_re .fukidashi_black{font-size: 16px; padding:0.5em 0;width: 100%; margin: 0 auto 30px;}
.search_re form{width: 100%}
#oniku .info{margin-top: 20px}
}


/*-------------------------------------------------------
2024.6.13　HEAD renewal hnb
---------------------------------------------------------*/
/*g_navi*/
.g_nav{background: #F4F1ED}
.g_nav .renewal_2024 .cate_area{margin-bottom: 0;background: #fff}
.g_nav .renewal_2024 .cate_area .cate_box{margin-bottom: 1px; width: 24.9%}
.g_nav .renewal_2024 .cate_area .cate_box .img{width: 30%}
.g_nav .renewal_2024 .cate_area .cate_box .ttl{width: 70%;background-position: 20px center;padding-left: 40px}

@media (max-width: 767px) { 
.g_nav .renewal_2024 .cate_area .cate_box{background: #F4F1ED;padding: 1.1em 0 0.5em}
.g_nav .renewal_2024 .cate_area .cate_box.br{background: #F4F1ED;padding: 0.5em 0 0.5em}
.g_nav .renewal_2024 .cate_area .cate_box a{display: block}
.g_nav .renewal_2024 .cate_area .cate_box .img{display: none}
.g_nav .renewal_2024 .cate_area .cate_box .ttl{width: 100%;background-position: 5px center;padding-left: 20px;
background-size: 10px;font-size: 11px;}
}



@media (min-width: 768px) { 
/* PCヘッダー */
#oniku.renewal_2024.hd img{max-width: 100%;width: auto}
.renewal_2024.hd{max-width: 100%;background: none}
.renewal_2024.hd #navi{background: #fff;padding-top: 10px}
.renewal_2024.hd #navi input {display: block}

.renewal_2024.hd h1.head_txt{background: none;color: #333;text-align: left;padding-bottom: 10px;background: #fff}
.renewal_2024.hd h1.head_txt span{padding: 0 20px}

.renewal_2024.hd .pc_head{width: 100%;max-width: 1040px; margin:-30px auto 0}
.renewal_2024.hd .pc_head,
.renewal_2024.hd .pc_head .top_nev,
.renewal_2024.hd .pc_head .bt_nav{display: flex;justify-content: space-between;align-items: center;}

.renewal_2024.hd .pc_head .logo{width: 25%}
.renewal_2024.hd .pc_head .right_menu{width: 75%}

.renewal_2024.hd .pc_head .top_nev{width: 51%;margin: 0px 0 10px 49%}
.renewal_2024.hd .pc_head .top_nev .cart{width: 10%;}

.renewal_2024.hd .pc_head .bt_nav{width: 75%;margin: 0 0 10px 25%}
.renewal_2024.hd .pc_head .bt_nav .search_re{padding: 0;margin: 0;border: none;width: 49%}
.renewal_2024.hd .pc_head .bt_nav .search_re form{width: 100%}
.renewal_2024.hd .pc_head .bt_nav .search_re input{margin: 0;height: 50px; background-color: #fff}
.renewal_2024.hd .pc_head .bt_nav .search_re form button{width: 30px; height: 30px;}
.renewal_2024.hd .pc_head .bt_nav .line_bnr{width: 49%}
}

@media (max-width: 767px) { 
/* SPヘッダー */
.renewal_2024 p.hd__btm--txt{font-size: 14px}
.renewal_2024 .head_txt span{padding: 0}

/*検索開閉*/
.renewal_2024 .hd_menu_wrap{position: relative;}
.renewal_2024 .hd_menu_wrap a.menu-left-logo{width: 200px;margin-left: 110px}
.renewal_2024_ .acc{cursor: pointer;}
.renewal_2024 .open_search{display: none;position: absolute;top: 69px; left: 0;background: #F2F2F2;padding: 1em;width: 100%;z-index: 1}
.renewal_2024 #navi .open_search input{display: block;margin: 0;background: #fff}
.renewal_2024 .search_re{margin: 0;padding-bottom: 0;border: none}

/*ハンバーガー*/
.renewal_2024 .menu{padding: 0}
.renewal_2024 .menu .entry_area{background: #F7CFC9;padding: 3%;display: flex;justify-content: space-between}
.renewal_2024 .menu .entry_area p{width: 32%}
.renewal_2024 .menu .line_bnr{padding: 5%}

.renewal_2024 .menu .cate_area{margin-bottom: 30px}

.renewal_2024 .menu .pickup_area .bnr_flex{margin-bottom: 40px}
.renewal_2024 .menu .bnr_flex .img{margin-bottom: 10px}

.renewal_2024 .head_about_area{margin-bottom: 30px}
.renewal_2024 .head_about_area .text{text-align: center;font-weight: bold;font-size: 13px;margin: 20px 0;line-height: 1.8}
.renewal_2024 .head_about_area .red_btn{width: 56%; margin: 0 auto}
#oniku .renewal_2024 .head_about_area .red_btn a{color:#C92F18;}

.renewal_2024 .head_bnr_area .line{padding-top: 30px;border-top: 1px solid #ccc}

.renewal_2024 .head_guide_area{padding: 10% 5%;background: #F4F1ED}
.renewal_2024 .head_guide_area .ttl a{font-weight: bold;border-bottom: 1px solid #ccc;padding-bottom: 5%;margin-bottom: 5%;padding-left: 1em;
display: block;background: url(https://onikuyasan.itembox.design/item/images/renewal/hbm/icon_next.png) no-repeat left 4px;background-size: 10px}
.renewal_2024 .head_guide_area li a{padding-left: 1em;font-size: 12px;
display: block;background: url(https://onikuyasan.itembox.design/item/images/renewal/hbm/icon_next_s.png) no-repeat left center;margin-bottom: 5px; background-size: 8px}
.renewal_2024 .head_guide_area .flex{display:flex;justify-content: space-between;}
.renewal_2024 .head_guide_area ul{width: 49% }

.renewal_2024 .head_contact_area{padding: 5%;background: #000;color: #fff;text-align: center;}
.renewal_2024 .head_contact_area p{font-size: 14px}
.renewal_2024 .head_contact_area p.ttl{font-weight: bold;}
.renewal_2024 .head_contact_area p.ttl::before,
.renewal_2024 .head_contact_area p.ttl::after {
  background-color: #fff; /* 横線の色 */
  content: "";
  display: inline-block;
  height: 1px; /* 横線の高さ */
  width: 50px; /* 横線の長さ */
  margin-bottom: 4px;
}
.heading::before {
  margin-right: 25px; /* 文字との余白 */
}
.heading::after {
  margin-left: 25px; /* 文字との余白 */
}

.renewal_2024 .head_contact_area p.text{margin: 20px 0}
.renewal_2024 .head_contact_area .red_btn a{background-color: #fff;border: none;border-radius: 0;margin-top: 20px}
.renewal_2024 .head_contact_area .tel_btn{line-height: 1.7}
.renewal_2024 .head_contact_area .tel_btn a{background-color: #fff;padding:0.5em 1em;display: block;font-weight: bold;text-align: center;margin-top: 10px;font-size: 14px}
.renewal_2024 .head_contact_area .tel_btn a span{font-weight: bold;color:#C92F18;background: url(https://onikuyasan.itembox.design/item/images/renewal/hbm/tel.png) no-repeat left center; padding-left: 1.1em;background-size: contain;font-size: 20px}
}

/*ヘッダー表示非表示*/
header.hd.renewal_2024{margin-top: 172px}
header #myHeader {position: fixed;  top: 0px;  width: 100%;  transition: top 0.3s;background: #fff;}
@media (max-width: 767px) { 
header.hd.renewal_2024{margin-top: 139px}
.g_nav{}
}

#oniku .add_pay_guide p{padding: 0 2%}
#oniku .add_pay_guide img{max-width: 100%;width: auto}
#oniku .add_pay_guide .img{margin-bottom: 20px}
#oniku .add_pay_guide .pay_flex{display: flex;justify-content: space-between;}
#oniku .add_pay_guide .pay_flex div{width: 32%}
#oniku .add_pay_guide .pay_flex p{font-weight: bold}
@media (max-width: 767px) { 
#oniku .add_pay_guide .pay_flex{display: block;}
#oniku .add_pay_guide .pay_flex div{width: 100%}
}

/*お買い物ガイド*/
.hnb_guide .mb20{margin-bottom: 20px}
.hnb_guide .mb40{margin-bottom: 40px}
.hnb_guide .mb60{margin-bottom: 60px}
.hnb_guide .bold{font-weight: bold}
.hnb_guide .center{text-align: center;}
.hnb_guide .big{font-size: 18px}
.hnb_guide .ttl{font-size: 16px;font-weight: bold}
.hnb_guide .red{color:#FF0000 ;}
.hnb_guide .blue{color: #003AFB;}
.hnb_guide .pastel{color: #00C2FF;}
.hnb_guide .green{color: #29A820;}
.hnb_guide .bk_yellow{padding:10px 0 0 0; }
.hnb_guide .img img{max-width: 289px}

#oniku .btm__content {

    font-size: 15px;
    line-height: 1.5;
    color: #000;
}


/*2024.7.24 footer*/
.footer_hnb a:hover{opacity: 0.7}
.footer_hnb .pc_only{display: block}
.footer_hnb .sp_only{display: none}
.footer_hnb{background: #F2F1ED;padding: 60px 0 0 0;margin-top: 40px}
.footer_hnb .big_copy{background: #E6E3D6;border-top:1px solid #292929;padding: 5px 0}
.footer_hnb .foot_nav{background: #292929;color: #fff;padding: 60px 0}
.footer_hnb .inner_wrap{margin-top: 0;background: none}
.footer_hnb .inner_wrap.mb120{margin-bottom: 120px}
.footer_hnb .white{background: #fff}
.footer_hnb .center{text-align: center}
.footer_hnb .mini{font-size: 13px}
.footer_hnb .red{color: #C92F18;}
.footer_hnb .red_btn a{border: 1px solid #C92F18;display: block;padding: 10px 20px;color: #C92F18;font-weight: bold;font-size: 16px;font-weight: normal;
text-align: center;background: url(https://onikuyasan.itembox.design/item/images/renewal/top/red_icon.png) no-repeat 95% center;border-radius: 50px;}
.footer_hnb .red_btn a:hover{text-decoration: none;opacity: 0.7}
@media (max-width: 767px) { 
.footer_hnb .pc_only{display: none}
.footer_hnb .sp_only{display: block}
.footer_hnb .inner_wrap.mb120{margin-bottom: 60px}
}

/*info_flex*/
.footer_hnb .info_flex{display: flex;justify-content: space-between;margin-bottom: 40px}
.footer_hnb .info_flex .info_box{width: 32%;background: #fff;padding:20px}
.footer_hnb .info_flex .info_box h3{text-align: center;font-size: 21px;margin-bottom: 30px;padding-bottom: 20px; border-bottom: 1px solid #D3D3D3}
.footer_hnb .info_flex .info_box .sns{display: flex;justify-content: center;column-gap: 15px;width: 80%;margin: 0 auto;align-items: center}
.footer_hnb .info_flex .info_box h3.mb20{margin-bottom: 20px}
.footer_hnb .info_flex .info_box .red_btn a{width: 90%; margin: 0 auto}
.footer_hnb .info_flex .info_box .mail{text-align: center;margin-top: 15px}
.footer_hnb .info_flex .info_box .mail a{color:#3C3C3C; text-decoration: underline;text-align: center;background: url(https://onikuyasan.itembox.design/item/images/renewal/top/icon_mail.png) no-repeat 0 center;
padding-left: 35px; background-size: contain;}
.footer_hnb .info_flex .info_box .tel{text-align: center; margin-bottom: 20px;}
.footer_hnb .info_flex .info_box .tel a{text-decoration: none;color: #C92F18;font-weight: bold;font-size: 25px;
text-align: center;background: url(https://onikuyasan.itembox.design/item/images/renewal/top/icon_tel.png) no-repeat 0 center;padding-left: 35px; background-size: 28px;}
.footer_hnb .info_flex .info_box .flex{display: flex;column-gap: 10px;}
.footer_hnb .info_flex .info_box .flex .left span{text-align: center;border: 1px solid #D3D3D3;padding: 5px 15px}
	@media (max-width: 767px) { 
	.footer_hnb .info_flex{display: block;}
	.footer_hnb .info_flex .info_box{width: 100%;margin-bottom: 20px}
	}



/*ガイド*/
.footer_hnb p.ttl{text-align: center;margin-bottom: 30px;font-size: 28px;font-weight: bold;}
.footer_hnb .guide_flex{display: flex;justify-content: space-between}
.footer_hnb .guide_flex .guide_box{width: 49%}
@media (max-width: 767px) { 
.footer_hnb .guide_flex{display: block;}
.footer_hnb .guide_flex .guide_box{width: 100%;margin-bottom: 20px}
}


.footer_hnb .guide_flex .guide_box .white{padding: 20px;background-color: #fff}
.footer_hnb .guide_flex .guide_box .ttl1,
.footer_hnb .guide_flex .guide_box .ttl2,
.footer_hnb .guide_flex .guide_box .ttl3{text-align: center;color: #fff;font-weight: bold;font-size: 20px;padding: 15px 0;background:  #333333}
.footer_hnb .guide_flex .guide_box h4{text-align: center;color: #fff;font-weight: bold;font-size: 18px;padding: 10px 0;margin-bottom: 30px; background:  #333333}
.footer_hnb .guide_flex .guide_box .ttl1 span{background: url(https://onikuyasan.itembox.design/item/images/renewal/top/icon_truck.png) no-repeat 0 center ; background-size: 30px;padding-left: 40px}
.footer_hnb .guide_flex .guide_box .ttl2 span{background: url(https://onikuyasan.itembox.design/item/images/renewal/top/icon_money.png) no-repeat 0 center ; background-size: 30px;padding-left: 40px}
.footer_hnb .guide_flex .guide_box .ttl3 span{background: url(https://onikuyasan.itembox.design/item/images/renewal/top/icon_time.png) no-repeat 0 center ; background-size: 24px;padding-left: 35px}

.footer_hnb .guide_box .postage{background: #F2F1ED;text-align: center;padding: 20px 0;margin-bottom: 40px}
.footer_hnb .guide_box .postage .red{color: #C92F18;font-size: 24px; font-weight: bold}
.footer_hnb .guide_box .postage .red .waku{border: 1px solid #C92F18;padding: 5px 10px; margin-right: 5px;font-size: 18px}
.footer_hnb .guide_box .postage .red .small{font-size: 18px}

.footer_hnb .guide_box .deli_sbox{width: 80%; margin: 0 auto 30px; text-align: center;font-size: 17px;}
.footer_hnb .guide_box .deli_box{border: 1px solid #707070;padding:20px;margin-bottom: 20px}
.footer_hnb .guide_box .deli_box .text{font-weight: bold;font-size: 20px;text-align: center;margin-bottom: 20px;line-height: 1.7;margin-top: 0}
.footer_hnb .guide_box .deli_box .text span{color: #C92F18;font-weight: bold;}
.footer_hnb .guide_box .deli_box .img{width: 80%; margin: 0 auto}
.footer_hnb .guide_box .deli_box .sub_text{text-align: center;background: #F2F1ED;font-weight: bold;font-size: 16px; padding: 15px 0}
@media (max-width: 767px) { 
.footer_hnb .guide_box .deli_sbox{width: 100%; margin-bottom: 20px}
.footer_hnb .guide_box .deli_box .text{font-size: 18px;}
}

.footer_hnb .guide_box .fukidashi{
margin-bottom: 30px;
    position:relative;
    background:#FFE0DB;
    padding:10px;
    text-align:center;
    color:#C92F18;
    font-size:20px;
    font-weight:bold;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}
.footer_hnb .guide_box .fukidashi:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-top-width:20px;
    border-bottom-width:20px;
    border-left-width:20px;
    border-right-width:20px;
    margin-left: -20px;
    border-top-color:#FFE0DB;
    top:100%;
    left:50%;
}

.footer_hnb .mb20{margin-bottom: 20px !important}
.footer_hnb .mb40{margin-bottom: 40px}
.footer_hnb .pay .waku{text-align: center;border: 1px solid #D3D3D3;padding: 5px 15px;display: inline-block;margin: 0}
.footer_hnb .pay .img{margin: 0 0 20px 0}
.footer_hnb .pay .img img{height: 50px}
.footer_hnb .pay .red_btn{width: 70%; margin: 20px auto 10px;}
@media (max-width: 767px) { 
.footer_hnb .pay .red_btn{width: 100%;}
.footer_hnb .pay .img img{height: 37px}
.footer_hnb .pay .waku{margin-bottom: 5px}
}

.footer_hnb .time{height: 734px}
.footer_hnb .time p{font-size: 15px;line-height: 1.7}
.footer_hnb .time .meyasu_flex{display: flex;justify-content: space-between;}
.footer_hnb .time .meyasu_flex .left{width: 52%;text-align: center;}
.footer_hnb .time .meyasu_flex .right{width: 46%;}
.footer_hnb .time .read,
.footer_hnb .time .bold{font-weight: bold;}
@media (max-width: 767px) { 
.footer_hnb .time{height: auto}
.footer_hnb .time .meyasu_flex{display: block;}
.footer_hnb .time .meyasu_flex .left{width: 100%;margin-bottom: 20px}
.footer_hnb .time .meyasu_flex .right{width: 100%;}
}

/*big_copy*/
.footer_hnb .big_copy .flex{display: flex;justify-content:center;align-items: center;width: 95%; margin: 0 auto;}
.footer_hnb .big_copy .flex p{font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-weight: bold;text-align: center}
.footer_hnb .big_copy .flex .circle{width: 20%;font-size: 18px;text-align: center;border: 1px solid #505050;border-radius: 100px; width: 100px; height: 100px;padding-top: 26px}
.footer_hnb .big_copy .flex .read{width: 65%;font-size: 30px;text-align: center}
.footer_hnb .big_copy .flex .img{width: 15%}
@media (max-width: 767px) { 
.footer_hnb .big_copy {padding: 30px 0}
.footer_hnb .big_copy .flex{display:block;width: 100%}
.footer_hnb .big_copy .flex .circle{width: 100px;margin: 0 auto 20px}
.footer_hnb .big_copy .flex .read{width: 100%;margin: 0 auto 20px;font-size: 25px}
.footer_hnb .big_copy .flex .img{width: 30%;margin: 0 auto}
}

/*foot_nav*/
.footer_hnb .foot_nav .foot_nav_flex{display: flex;justify-content:space-around;}
.footer_hnb .foot_nav .foot_nav_flex a{color: #fff;text-decoration: none}
.footer_hnb .foot_nav .foot_nav_flex .left{width: 73%}
.footer_hnb .foot_nav .foot_nav_flex .right{width: 27%}
@media (max-width: 767px) { 
.footer_hnb .foot_nav{padding-top: 30px; padding-bottom: 30px;}
.footer_hnb .foot_nav .foot_nav_flex{display: block}
.footer_hnb .foot_nav .foot_nav_flex .left{width: 100%}
.footer_hnb .foot_nav .foot_nav_flex .right{width: 100%}
}

.footer_hnb .foot_nav .foot_nav_flex h3.ttl{font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;font-weight: bold;font-size: 30px;margin-bottom: 20px}
.footer_hnb .foot_nav .foot_nav_flex .left .flex{display: flex;column-gap: 10px}
.footer_hnb .foot_nav .foot_nav_flex .left .flex .left{width: auto}
.footer_hnb .foot_nav .foot_nav_flex .left .flex .right{width: auto}
.footer_hnb .foot_nav .foot_nav_flex .right ul{padding-left: 70px}
.footer_hnb .foot_nav .foot_nav_flex .right li{margin-bottom: 10px}
.footer_hnb .foot_nav .foot_nav_flex .right li a{background: url(https://onikuyasan.itembox.design/item/images/renewal/top/white_icon.png) no-repeat 0 center ;padding-left: 1.5em}
@media (max-width: 767px) { 
.footer_hnb .foot_nav .foot_nav_flex .left .flex{display: block;margin-bottom: 20px}
.footer_hnb .foot_nav .foot_nav_flex h3.ttl{font-size: 24px;}
.footer_hnb .foot_nav .foot_nav_flex .right ul{padding-left: 0}
}

.footer_hnb .foot_nav .foot_nav_flex .white_btn a{border: 1px solid #fff;display: block;padding: 10px 0px;color: #fff;font-weight: bold;font-size: 16px;font-weight: normal;
text-align: center;background: url(https://onikuyasan.itembox.design/item/images/renewal/top/white_icon.png) no-repeat 95% center;width: 50%;margin-top: 60px}
.footer_hnb .foot_nav .foot_nav_flex .white_btn a:hover{text-decoration: none;opacity: 0.7}

.footer_hnb .foot_nav .foot_nav_flex .copy{font-size: 12px;text-align: right;margin-top: 110px}
@media (max-width: 767px) { 
.footer_hnb .foot_nav .foot_nav_flex .white_btn a{width: 100%;margin-top: 20px;margin-bottom: 40px}
.footer_hnb .foot_nav .foot_nav_flex .copy{text-align: center;margin-top: 40px;margin-bottom: 0}
}

/*2024.7.24　商品詳細送料パーツ*/
.item_templ .item_deli_box *{font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";}
.item_templ .item_deli_box{margin-top: 40px;margin-bottom: 60px}
.item_templ .item_deli_box h4{text-align: center;color: #fff;font-weight: bold;font-size: 18px;padding: 10px 0;margin-bottom: 0px;background: #333333;}
.item_templ .item_deli_box .deli_box{border: 1px solid #707070;padding: 20px;}
.item_templ .item_deli_box .deli_box .text{text-align: center;border: 1px solid #707070;padding: 10px 0;font-weight: bold;margin-bottom: 20px}
.item_templ .item_deli_box .deli_box span.red{color:#C92F18}
.item_templ .item_deli_box .deli_box .text span{font-weight: bold;}
.item_templ .item_deli_box .deli_box .flex_deli{display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px}
.item_templ .item_deli_box .deli_box .flex_deli .img{width: 55%}
.item_templ .item_deli_box .deli_box .flex_deli .sub_text{width: 39%}
.item_templ .item_deli_box .deli_box .sub_text{text-align: center;background: #F2F1ED;padding: 20px;font-weight: bold;margin-bottom: 20px;font-size: 16px}
.item_templ .item_deli_box .deli_box .imgw80{width: 70%;margin: 0 auto 20px}
.item_templ .item_deli_box .deli_box .mini{font-size: 14px;text-align: center;}
.item_templ .item_deli_box .deli_box .mini span{font-size: 14px}
.item_templ .item_deli_box .pc_only{display: block}
.item_templ .item_deli_box .sp_only{display: none}

@media (max-width: 767px) { 
.item_templ .item_deli_box{margin-bottom: 40px}
.item_templ .item_deli_box .pc_only{display: none}
.item_templ .item_deli_box .sp_only{display: block}
.item_templ .item_deli_box .deli_box .flex_deli{display: block;margin-bottom: 40px}
.item_templ .item_deli_box .deli_box .flex_deli .img{width: 90%;margin: 0 auto}
.item_templ .item_deli_box .deli_box .flex_deli .sub_text{width: 100%}
.item_templ .item_deli_box .deli_box .imgw80{width: 100%;margin: 0 auto 10px}
.item_templ .item_deli_box .deli_box .sub_text{padding: 10px}
}
.item_templ .item_deli_box h4.mb40{margin-bottom: 40px}
.item_templ .item_deli_box .deli_sbox .imgw80{width: 80%;margin: 0 auto 10px}
@media (max-width: 767px) { 
.item_templ .item_deli_box .deli_sbox .imgw80{width: 80%;margin: 0 auto 10px}
.item_templ .item_deli_box .deli_box .sub_text{margin-top: 10px}
}

/*2024.8.20 商品マーク*/
#fs_ProductDetails .fs-c-productMark__item .fs-c-productMark__mark{padding: 8px 15px;margin-bottom: 8px;letter-spacing: 0.1em;}
.fs-c-productMark__item .fs-c-productMark__mark.day{background: none;color: #ef000a;border: 1px solid #ef000a}
.fs-c-productMark__item .fs-c-productMark__mark.rare{background: none;color: #AC8F2C;border: 1px solid #AC8F2C}
.fs-c-productMark__item .fs-c-productMark__mark.gift{background: #AC8F2C;}
.fs-c-productMark__item .fs-c-productMark__mark.beef{background: #A07E3C;}
.fs-c-productMark__item .fs-c-productMark__mark.pig{background: #D1AE6B;}

.fs-body-product button.cart_in{max-width: 100%}

/*2024.10.8 商品テンプレｖ3*/
.item_templ.new{max-width: 600px;}
.item_templ.new p{margin: 0;line-height: 0}

/*2024.11.6 reviewアイコン*/
.fs-c-reviewerStatus{display:none;}


/*-----------------------------
202412 福袋
-----------------------------*/
.camp_format .luckybag .mb30{margin-bottom: 30px}
.camp_format .luckybag .min{font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";font-weight: bold}
.camp_format .luckybag .center{text-align: center;}
.camp_format .luckybag .item_bk{background:#F3F1ED;padding: 40px}
.camp_format .luckybag .icon{width: 50px;margin: 0 auto 5px}
.camp_format .luckybag h3.name{font-size: 40px;margin-bottom: 20px;color: #C92F18}
.camp_format .luckybag .big{font-size: 28px;margin-bottom: 10px}
.camp_format .luckybag .item_flex{display: flex;justify-content: space-between;margin-bottom: 40px}
.camp_format .luckybag .item_flex .img{width: 47%}
.camp_format .luckybag .item_flex .spec_area{width: 50%}
.camp_format .luckybag .item_flex .spec_area{box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4); background: #fff}
.camp_format .luckybag .item_flex .spec_area h4{background: #000;color: #fff;font-size: 18px; text-align: center;padding: 0.6em 0 0.5em}
.camp_format .luckybag .item_flex .spec_area .indent_all{padding: 20px}
.camp_format .luckybag .item_flex .spec_area .text{padding: 0 0 0 1em;line-height: 2em;margin-bottom: 20px}
.camp_format .luckybag .item_flex .spec_area .spec{background: #000;padding: 5px}
.camp_format .luckybag .item_flex .spec_area .spec span{border: 1px solid #E3CD72; display: block;text-align: center;padding: 0.5em 0;color: #E3CD72; font-size: 17px; font-weight: bold}
.camp_format .luckybag .item_flex .spec_area .spec span em{font-size: 31px;margin: 0 5px}
.camp_format .luckybag .item_flex .spec_area .spec span em.s{font-size: 25px;}
.camp_format .luckybag .item_flex .spec_area .relative {position: relative;text-align: center;}
.camp_format .luckybag .item_flex .spec_area .relative .lav{position: absolute;right: 0;top: -20px; width: 105px}
.camp_format .luckybag .item_flex .spec_area .relative .teika{font-size: 13px;padding: 20px 0 0 0}
.camp_format .luckybag .item_flex .spec_area .relative .teika span{padding-left: 5px;font-size: 27px;font-weight: normal;vertical-align:middle}
.camp_format .luckybag .item_flex .spec_area .relative .icon_next{text-align: center;margin: 0 auto ;width: 20px}
.camp_format .luckybag .item_flex .spec_area .relative .price{color: #C92F18;text-align: center}
.camp_format .luckybag .item_flex .spec_area .relative .price .free{font-size: 17px;border: 1px solid #C82F18;padding: 5px;margin-right: 5px;vertical-align: super}
.camp_format .luckybag .item_flex .spec_area .relative .price .txt1{font-size: 34px}
.camp_format .luckybag .item_flex .spec_area .relative .price .txt2{font-size: 42px}
.camp_format .luckybag .item_flex .spec_area .relative .price .txt3{font-size: 17px}
.camp_format .luckybag .item_bk .btn a{display: block;background: #C92F18;color: #fff;font-size: 16px; width: 85%;border-radius: 5px; margin: 0 auto;padding: 1em 0;text-align: center;}
.camp_format .luckybag .item_bk .btn a span{background: url(https://onikuyasan.itembox.design/item/images/category/luckybag/icon_btn.png) no-repeat right center;padding-right: 1em;background-size: 12px;}
@media (max-width: 767px) { 
.camp_format .luckybag h3.name{font-size: 34px;margin-bottom: 10px;}
.camp_format .luckybag .big{font-size: 20px;margin-bottom: 10px}
.camp_format .luckybag .item_bk{padding: 10% 5%}
.camp_format .luckybag .item_flex{display: block;margin-bottom: 20px}
.camp_format .luckybag .item_flex .img{width: 100%;margin-bottom: 20px}
.camp_format .luckybag .item_flex .spec_area{width: 100%}
.camp_format .luckybag .item_flex .spec_area .relative .lav{right: -10px;}
.camp_format .luckybag .item_flex .spec_area .relative .teika{text-align: left;font-size: 12px;padding-left: 1em}
.camp_format .luckybag .item_flex .spec_area .relative .teika span{font-size: 22px}
.camp_format .luckybag .item_flex .spec_area .relative .price .txt1{font-size: 30px;letter-spacing: -0.3em;}
.camp_format .luckybag .item_flex .spec_area .relative .price .txt2{font-size: 38px}
.camp_format .luckybag .item_bk .btn a{width: 100%}
}

/*TOPランキング 20250305*/
.renewal_2024 .ranking h2.ttl{text-align: center;font-size: 30px;margin-bottom: 20px;font-weight: bold}
.renewal_2024 .ranking h3.ttl{text-align: center;font-size: 20px;margin-bottom: 20px;font-weight: bold}
.renewal_2024 .reco_cate.ranking .item_flex{flex-wrap: nowrap;overflow-x:auto;margin-bottom: 30px;column-gap: 1%}
.renewal_2024 .reco_cate.ranking .item_flex .item{flex-shrink:0;width: 19% ;position: relative;padding: 25px 0}
.renewal_2024 .reco_cate.ranking .icon{position: absolute;top: 0px;left: 5px}
.renewal_2024 .reco_cate.ranking .icon img{width: 45px}
@media (max-width: 767px) { 
.renewal_2024 .ranking h2.ttl{font-size: 24px;}
.renewal_2024 .reco_cate.ranking .item_flex{flex-wrap: nowrap;overflow-x:scroll;margin-bottom: 30px}
.renewal_2024 .reco_cate.ranking .item_flex .item{flex-shrink:0;width: 41.5%;padding: 20px 0 5px 0 }
.renewal_2024 .reco_cate.ranking .item_flex .item .price{margin-bottom: 20px}
.renewal_2024 .reco_cate.ranking .icon img{width: 35px}
}
.renewal_2024 .reco_cate.ranking.under_category .item_flex .item {width: 24%;}
@media (max-width: 767px) { 
.renewal_2024 .reco_cate.ranking.under_category .item_flex .item {width: 41.5%;}
}


#fs_Top .fs-c-slick .slick-slide{width: 500px;}
@media (max-width: 767px) { 
#fs_Top .fs-c-slick .slick-slide{width: auto;}
}


/*一覧一言コメント開閉*/
.fs-c-productListItem__productDescription {font-size: 12px;color: #101010;}
.fs-c-productListItem__productDescription .oneword_comment {    padding-left: 5px;}
.fs-c-productListItem__productDescription .oneword_comment summary {    list-style: none;}
.fs-c-productListItem__productDescription .oneword_comment__header {    display: flex;}
.fs-c-productListItem__productDescription .oneword_comment__plus {display: inline-block;    vertical-align: middle;color: #A5A5A5;line-height: 1;min-width: 9px;height: 2px;
background-color: #A5A5A5;position: relative;top: 10px;}
.fs-c-productListItem__productDescription .oneword_comment__plus {
    &::before {
        content: "";        position: absolute;        top: 0;        left: 0;        width: 100%;        height: 100%;
		background: inherit;        border-radius: inherit;        transform: rotate(90deg);transition: 0.3s;
    }
}
.fs-c-productListItem__productDescription .oneword_comment__close-heading {display: block;    font-size: 11px;    color: #A5A5A5;    padding-left: 5px;    line-height: 22px;margin: 0;cursor: pointer;}
.fs-c-productListItem__productDescription .oneword_comment__open-heading {display: none;font-size: 11px;color: #A5A5A5;padding-left: 5px;line-height: 22px;}
.fs-c-productListItem__productDescription details[ open ] .oneword_comment__content {    animation: fadeIn 0.5s ease;}
.fs-c-productListItem__productDescription details[ open ] .oneword_comment__plus::before {    transform: rotate(0deg);}
.fs-c-productListItem__productDescription .oneword_comment__content {    font-size: 11px;    color: #A5A5A5;}
.fs-c-productListItem__productDescription .oneword_comment__text{margin: 0}


/*2025.4. AIレコメンド調整*/
.renewal_2024 .reco_cate h2.fs-p-heading--lv2{display: none}
.renewal_2024 .reco_cate .flywheel-recommend__frame{margin-bottom: 60px}
.renewal_2024 .reco_cate .flywheel-recommend__frame .fr3-item__productPrice	{letter-spacing: 0.02em;margin-top: 20px}
.renewal_2024 .reco_cate .flywheel-recommend__frame .fr3-item__productPrice__currencyMark{font-size: 18px;font-weight: bold;margin-right: 3px}
.renewal_2024 .reco_cate .flywheel-recommend__frame .fr3-item__productPrice__value{font-size: 18px;font-weight: bold;}
.renewal_2024 .reco_cate .flywheel-recommend__frame .fr3-item__productPrice__addon{font-size: 16px; font-weight: normal;margin-left: 3px}

@media (max-width: 767px) { 
.renewal_2024 .reco_cate .flywheel-recommend__frame{margin-bottom: 40px}
.renewal_2024 .reco_cate .flywheel-recommend__frame .fr3-item__productPrice	{margin-top: 5px}
.renewal_2024 .reco_cate .flywheel-recommend__frame .fr3-item__productPrice__currencyMark,
.renewal_2024 .reco_cate .flywheel-recommend__frame .fr3-item__productPrice__value,
.renewal_2024 .reco_cate .flywheel-recommend__frame .fr3-item__productPrice__addon{font-size: 14px;}
.renewal_2024 .reco_cate .flywheel-recommend__frame .fr3-item__productName{font-size: 13px}
 }


/*2025.7. TOPランキングとバナーエリア*/

.renewal_2024 .ranking h2.ttl{text-align: center;font-size: 30px;margin-bottom: 20px;font-weight: bold}
.renewal_2024 .ranking h3.ttl{text-align: center;font-size: 20px;margin-bottom: 20px;font-weight: bold}
@media (max-width: 767px) { 
.renewal_2024 .ranking h2.ttl{font-size: 24px;}
}
@media (min-width: 768px) {
.reco_cate.ranking .fr3-productListStatic__responsive_1 {grid-template-columns: repeat(5, 1fr);}
}

.hnb_future_bnr_flex{display: flex;justify-content: space-between;margin-bottom: 80px}
.hnb_future_bnr_flex .box{width: 49%}
.hnb_future_bnr_flex .box .ttl{text-align: center;font-size: 19px; font-weight: bold}
.hnb_future_bnr_flex .box .ttl span{color: #C92F18;font-weight: bold}
.hnb_future_bnr_flex .box .img{margin: 10px 0 5px}
.hnb_future_bnr_flex .box .text{font-size: 14px}
@media (max-width: 767px) { 
.hnb_future_bnr_flex{display: block;margin-bottom: 40px}
.hnb_future_bnr_flex .box{width: 100%;margin-bottom: 40px}
.hnb_future_bnr_flex .box .ttl{font-size: 16px;}
}

