@charset "utf-8";

/* 20240129 商品テンプレートhnb */
.prodaut_anchor{margin-bottom: 70px;}
.prodaut_anchor a{display: block;color: #fff; background: #af0000;max-width: 360px;width: 100%;    font-size: 18px;border-radius: 5px;border: none;padding: 20px 0;font-size: 18px;text-align: center;
margin: 0 auto 40px}
.prodaut_anchor a:hover{text-decoration: none;opacity: 0.7}
.fs-body-product .FS2_ItemComment{margin: 60px auto}

.hnb_item_tmpl{max-width: 735px; margin: 0 auto;}
.hnb_item_tmpl h2,
.hnb_item_tmpl h3{font-weight: bold;font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";margin: 0}
.hnb_item_tmpl h2.ttl{background: url(https://kikumasamune.itembox.design/item/item_tpl/common/bk_ttl.png)  0 0;color:#fff;text-align: center;font-size: 30px;padding: 25px 0 ;margin-bottom: 30px;line-height: 1.6em}
.hnb_item_tmpl h2.ttl span{display: block;font-size:19px;line-height: 1;margin-top: 10px}
.hnb_item_tmpl .sp_only{display: none}

.hnb_item_tmpl .read_area{background: url(https://kikumasamune.itembox.design/item/item_tpl/common/bk_read.png) no-repeat 0 0;padding: 80px 40px;}
.hnb_item_tmpl .read_area h2{text-align: center;font-size: 32px;margin: 0 0 40px 0}
.hnb_item_tmpl .read_area p{line-height: 1.8em;font-size: 16px}

.hnb_item_tmpl .box{margin-bottom: 70px}
.hnb_item_tmpl .box h3{font-size: 22px; margin-bottom: 20px}
.hnb_item_tmpl .box p{font-size: 16px;margin: 0 0 1em 0;line-height: 1.8em}

.hnb_item_tmpl .reco_box{margin-bottom: 70px;background: url(https://kikumasamune.itembox.design/item/item_tpl/common/bk_reco.png) 0 0;padding: 70px 40px 35px;}
.hnb_item_tmpl .reco_box h3{width: 270px;margin: 0 auto 50px;}
.hnb_item_tmpl .reco_box dl{margin-bottom: 30px}
.hnb_item_tmpl .reco_box dl dt{font-size: 18px;margin-bottom: 5px;font-weight: bold}
.hnb_item_tmpl .reco_box dl dt span{font-size: 14px;color: #BE951E;padding-right: 5px}
.hnb_item_tmpl .reco_box dl dd{font-size: 16px;margin: 0;line-height: 1.7em}


.hnb_item_tmpl .reco_drink{position: relative;}
.hnb_item_tmpl .reco_drink::before{ content: "";background: url(https://kikumasamune.itembox.design/item/item_tpl/common/how_bk_t.png?1) 0 0 no-repeat;width: 207px; height: 111px;
display: block;position: absolute;top: 0;left: 0;}
.hnb_item_tmpl .reco_drink::after{ content: "";background: url(https://kikumasamune.itembox.design/item/item_tpl/common/how_bk_b.png?1) 0 0 no-repeat;width: 117px; height: 86px;
display: block;position: absolute;bottom: 0;right: 0;}
.hnb_item_tmpl .reco_drink .bk{background: url(https://kikumasamune.itembox.design/item/item_tpl/common/how_bk.png) 0 0;padding: 50px 95px;margin-bottom: 70px}
.hnb_item_tmpl .reco_drink .bk h2{width: 225px;margin: 0 auto 50px;}
.hnb_item_tmpl .reco_drink .bk .flex{display: flex;justify-content: space-between;margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #D0D0D0;align-items: flex-start}
.hnb_item_tmpl .reco_drink .bk .flex:nth-last-child(1){border: none;padding: 0;margin: 0;position: sticky;    z-index: 999;}
.hnb_item_tmpl .reco_drink .bk .flex .img{width: 30%;margin: 0}
.hnb_item_tmpl .reco_drink .bk .flex .text{ width: 65%;}
.hnb_item_tmpl .reco_drink .bk .flex .text h3{font-size: 22px;margin-bottom: 20px}
.hnb_item_tmpl .reco_drink .bk .flex .text h3 span{color: #BE951E;}
.hnb_item_tmpl .reco_drink .bk .flex .text p{margin: 0;line-height: 1.7em}
 

@media (max-width: 767px) { 
.hnb_item_tmpl .sp_only{display: block}
	.hnb_item_tmpl .read_area{background: url(https://kikumasamune.itembox.design/item/item_tpl/common/bk_read_sp.png) no-repeat 0 0;padding: 3em 1em;background-size: 100%}
	.hnb_item_tmpl .read_area h2{text-align: center;font-size: 28px;margin: 0 0 40px 0}
	.hnb_item_tmpl .read_area p{line-height: 1.8em;font-size: 16px}
	.hnb_item_tmpl h2.ttl{font-size: 30px;padding: 15px 0 ;margin-bottom: 30px;line-height: 1.6em}
	.hnb_item_tmpl .box h3{font-size: 18px; margin-bottom: 20px;line-height: 1.7em}
	.hnb_item_tmpl .reco_box{padding: 3em 2em 1em }
	.hnb_item_tmpl .reco_box dl dt{font-size: 16px;}
	.hnb_item_tmpl h2.ttl{font-size: 24px;}
	.hnb_item_tmpl h2.ttl span{font-size: 16px;}
	
.hnb_item_tmpl .reco_box h3{width: 75%;margin: 0 auto 30px;}	


.hnb_item_tmpl .reco_drink::before{ content: "";background: url(https://kikumasamune.itembox.design/item/item_tpl/common/how_bk_t.png?1) 0 0 no-repeat;width: 207px; height: 111px;
display: block;position: absolute;top: 0;left: 0;}
.hnb_item_tmpl .reco_drink::after{ content: "";background: url(https://kikumasamune.itembox.design/item/item_tpl/common/how_bk_b.png?1) 0 0 no-repeat;width: 117px; height: 86px;
display: block;position: absolute;bottom: 0;right: 0;}
.hnb_item_tmpl .reco_drink .bk{background: url(https://kikumasamune.itembox.design/item/item_tpl/common/how_bk.png) 0 0;padding: 50px 2em;margin-bottom: 70px}
.hnb_item_tmpl .reco_drink .bk h2{width: 75%;margin: 0 auto 30px;z-index: 999;position: relative;}
.hnb_item_tmpl .reco_drink .bk .flex{display: flex;justify-content: space-between;margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #D0D0D0;align-items: flex-start}
.hnb_item_tmpl .reco_drink .bk .flex:nth-last-child{border: none;padding: 0;margin: 0}
.hnb_item_tmpl .reco_drink .bk .flex .img{width: 30%;margin: 0}
.hnb_item_tmpl .reco_drink .bk .flex .text{ width: 65%;}
.hnb_item_tmpl .reco_drink .bk .flex .text h3{font-size: 20px;margin-bottom: 10px}
}