@charset "utf-8";
/*-----------------------------
2025.1.30　hnb_common
-----------------------------*/
.hnb_common{font-size: 16px;}
.hnb_common .minc{font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"}
.hnb_common p{margin: 0;line-height: 1.8}
.hnb_common .f11{font-size: 11px;}
.hnb_common .f12{font-size: 12px;}
.hnb_common .f13{font-size: 13px;}
.hnb_common .f14{font-size: 14px;}
.hnb_common .f15{font-size: 15px;}
.hnb_common .f16{font-size: 16px;}
.hnb_common .f17{font-size: 17px;}
.hnb_common .f18{font-size: 18px;}
.hnb_common .f19{font-size: 19px;}
.hnb_common .f20{font-size: 20px}
.hnb_common .f21{font-size: 21px}
.hnb_common .f22{font-size: 22px}
.hnb_common .f23{font-size: 23px}
.hnb_common .f24{font-size: 24px}
.hnb_common .f25{font-size: 25px}
.hnb_common .f26{font-size: 26px}
.hnb_common .f28{font-size: 28px}
.hnb_common .f30{font-size: 30px}
.hnb_common .f32{font-size: 32px}
.hnb_common .f34{font-size: 34px}
.hnb_common .f36{font-size: 36px}
.hnb_common .f38{font-size: 38px}
.hnb_common .f40{font-size: 40px}
.hnb_common .center{text-align: center}
.hnb_common .mb10{margin-bottom: 10px !important}
.hnb_common .mb20{margin-bottom: 20px !important}
.hnb_common .mb30{margin-bottom: 30px !important}
.hnb_common .mb40{margin-bottom: 40px !important}
.hnb_common .mb50{margin-bottom: 50px !important}
.hnb_common .mb60{margin-bottom: 60px !important}
.hnb_common .mb70{margin-bottom: 70px !important}
.hnb_common .mb80{margin-bottom: 80px !important}
.hnb_common .mb90{margin-bottom: 90px !important}
.hnb_common .mb100{margin-bottom: 100px !important}
.hnb_common .mb120{margin-bottom: 120px !important}
.hnb_common .mb140{margin-bottom: 140px !important}
.hnb_common .mb160{margin-bottom: 160px !important}
.hnb_common .mb180{margin-bottom: 180px !important}
.hnb_common .mb200{margin-bottom: 200px !important}
.hnb_common .text_right{text-align: right}
.hnb_common .bold{font-weight: bold}
.hnb_common .center{text-align: center;}
.hnb_common .red{color: #B40103}
.hnb_common .yellow{font-weight: bold;background: linear-gradient(transparent 70%, #FFF969 70%);}
.hnb_common .w750{max-width: 750px; margin-left: auto;margin-right: auto;}
.hnb_common .w80img{width: 80%; margin-left: auto;margin-right: auto}

.hnb_common .pc_only{display: block}
.hnb_common .sp_only{display: none}
@media (max-width: 767px) { 
.hnb_common .pc_only{display: none}
.hnb_common .sp_only{display:block}
.hnb_common .w750{padding: 0 10px}
.hnb_common .f11{font-size: 11px;}
.hnb_common .f12{font-size: 12px;}
.hnb_common .f13{font-size: 13px;}
.hnb_common .f14{font-size: 14px;}
.hnb_common .f15{font-size: 15px;}
.hnb_common .f16{font-size: 16px;}
.hnb_common .f17{font-size: 17px;}
.hnb_common .f18{font-size: 18px;}
.hnb_common .f19{font-size: 19px;}
.hnb_common .f20{font-size: 20px}
.hnb_common .f21{font-size: 21px}
.hnb_common .f22{font-size: 22px}
.hnb_common .f23{font-size: 23px}
.hnb_common .f24{font-size: 24px}
.hnb_common .f25{font-size: 25px}
.hnb_common .f26{font-size: 26px}
.hnb_common .f28{font-size: 28px}
.hnb_common .f30{font-size: 30px}
.hnb_common .f32{font-size: 32px}
.hnb_common .f34{font-size: 34px}
.hnb_common .f36{font-size: 36px}
.hnb_common .f38{font-size: 38px}
.hnb_common .f40{font-size: 40px}
.hnb_common .mb10{margin-bottom: 10px !important}
.hnb_common .mb20{margin-bottom: 20px !important}
.hnb_common .mb30{margin-bottom: 30px !important}
.hnb_common .mb40{margin-bottom: 40px !important}
.hnb_common .mb50{margin-bottom: 40px !important}
.hnb_common .mb60{margin-bottom: 40px !important}
.hnb_common .mb70{margin-bottom: 60px !important}
.hnb_common .mb80{margin-bottom: 60px !important}
.hnb_common .mb90{margin-bottom: 60px !important}
.hnb_common .mb100{margin-bottom: 80px !important}
.hnb_common .mb120{margin-bottom: 80px !important}
.hnb_common .mb140{margin-bottom: 80px !important}
.hnb_common .mb160{margin-bottom: 80px !important}
.hnb_common .mb180{margin-bottom: 80px !important}
.hnb_common .mb200{margin-bottom: 80px !important}
 }

/*-----------------------------
2025.1.30　丸正フーズとはページ
-----------------------------*/
.hnb_abouts_page{font-size: 16px;}
.hnb_abouts_page .minc{font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"}
.hnb_abouts_page p{margin: 0;line-height: 1.8}
.hnb_abouts_page .mb10{margin-bottom: 10px;}
.hnb_abouts_page .mb20{margin-bottom: 20px;}
.hnb_abouts_page .mb30{margin-bottom: 30px;}
.hnb_abouts_page .mb40{margin-bottom: 40px;}
.hnb_abouts_page .mb60{margin-bottom: 60px;}
.hnb_abouts_page .mb80{margin-bottom: 80px;}
.hnb_abouts_page h2.ttl{font-size: 30px;margin-bottom: 10px;margin-top: 20px;font-weight: bold}
.hnb_abouts_page h3.ttl{font-size: 26px;font-weight: bold}
.hnb_abouts_page .f18{font-size: 18px;}
.hnb_abouts_page .f26{font-size: 26px;}
.hnb_abouts_page .bold{font-weight: bold}
.hnb_abouts_page .center{text-align: center;}
.hnb_abouts_page .red{color: #B40103}
.hnb_abouts_page .yellow{font-weight: bold;background: linear-gradient(transparent 70%, #FFF969 70%);}
.hnb_abouts_page .w750{max-width: 750px; margin-left: auto;margin-right: auto;}
.hnb_abouts_page .w80img{width: 80%; margin-left: auto;margin-right: auto}

.hnb_abouts_page .pc_only{display: block}
.hnb_abouts_page .sp_only{display: none}
@media (max-width: 767px) { 
.hnb_abouts_page .pc_only{display: none}
.hnb_abouts_page .sp_only{display:block}
.hnb_abouts_page .w750{padding: 0 10px}
.hnb_abouts_page .mb30{margin-bottom: 20px;}
.hnb_abouts_page .mb60{margin-bottom: 40px;}
.hnb_abouts_page .mb80{margin-bottom: 60px;}
.hnb_abouts_page{font-size: 14px;}
.hnb_abouts_page h2.ttl{font-size: 24px;}
.hnb_abouts_page h3.ttl{font-size: 18px;font-weight: bold}
.hnb_abouts_page .f18{font-size: 16px;}
.hnb_abouts_page .f26{font-size: 18px;}
.hnb_abouts_page .w80img{width: 100%; margin-left: auto;margin-right: auto}
 }
 
 /*contents*/
 .hnb_abouts_page .ttl_flex{display: flex;justify-content: space-between;align-items: center}
 .hnb_abouts_page .ttl_flex .img{width:15%;}
 .hnb_abouts_page .ttl_flex .text{width:80%;font-size: 24px;font-weight: bold;line-height: 1.8}
 .hnb_abouts_page .box_waku{border: 1px solid #DAD3D3;padding: 30px 40px;}
 .hnb_abouts_page .review_area{background: url(https://onikuyasan.itembox.design/item/images/page/about/bk_review.png) no-repeat center bottom #000;padding: 40px 40px 220px 40px}
 .hnb_abouts_page .review_area .ttl{width: 60%; margin-left: auto;margin-right: auto;}
 .hnb_abouts_page .review_area .rev_box{background: #fff;border-radius: 10px;padding: 20px 30px; margin-bottom: 20px}
 .hnb_abouts_page .review_area .rev_box .flex{display: flex;justify-content: space-between;align-items: center;margin-bottom: 5px}
 .hnb_abouts_page .review_area .rev_box .flex .name{font-weight: bold;font-size: 16px}
 .hnb_abouts_page .review_area .rev_box .flex .star img{width: 50%;}
  .hnb_abouts_page .review_area .rev_box .flex .star{text-align: right}
 .hnb_abouts_page .review_area .rev_box p{font-size: 15px}
 @media (max-width: 767px) { 
.hnb_abouts_page .ttl_flex{padding: 0 10px}
.hnb_abouts_page .ttl_flex .img{width:30%;}
.hnb_abouts_page .ttl_flex .text{width:65%;font-size: 18px;line-height: 1.6}
.hnb_abouts_page .box_waku{padding: 20px;}
 
.hnb_abouts_page .review_area .ttl{width: 100%;}
.hnb_abouts_page .review_area{background: url(https://onikuyasan.itembox.design/item/images/page/about/bk_review.png) no-repeat center bottom #000;padding: 40px 20px 160px 20px;background-size: contain}
.hnb_abouts_page .review_area .rev_box{padding: 20px}
 .hnb_abouts_page .review_area .rev_box .flex .name{width: 60%}
 .hnb_abouts_page .review_area .rev_box .flex .star{width: 40%}
  .hnb_abouts_page .review_area .rev_box .flex .star img{width: 100%;}
 }
 
 
 /*ranking*/
.hnb_under_page_ranking{width: 100%}
.hnb_under_page_ranking h2.ttl{text-align: center;font-size: 30px;margin-bottom: 20px;font-weight: bold;font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"}
.hnb_under_page_ranking .reco_cate.ranking h2.ttl{display: none} 
@media (max-width: 767px) { 
.hnb_under_page_ranking h2.ttl{font-size: 24px;margin-top: 40px;}
 }

/*--------------------------------
2025.2.6　couponページ
---------------------------------*/
.coupon_page{margin-bottom: 300px;}
.coupon_page .coupon_btn{background: #FEEA8F;border: 3px solid #CA2F18;padding: 30px;margin-bottom: 10px;border-radius: 30px}
.coupon_page .coupon_btn p{font-weight: bold;color: #CA2F18;}
.coupon_page a:hover{opacity: 0.7}
.coupon_page h2{line-height: 1.8}

@media (max-width: 767px) { 
.coupon_page{margin-bottom: 0px;}
.coupon_page.hnb_common .w80img{width: 100%}
.coupon_page.hnb_common .f30 {font-size: 24px;}
}