@charset "utf-8";
/*--------------------
20231117 菓子文
--------------------*/ 
 /*調整*/ 
.pc_only,
.original_senbei .pc{display:block;}
.sp_only,
.original_senbei .sp{display:none;}
.FS2_upper_comment .original_senbei p{font-size: 1.2em;margin: 0}
@media (max-width: 767px) { 
.sp_only,
.original_senbei .sp{display:block;}
.pc_only,
.original_senbei .pc{display:none;}
 }

/*read*/
.original_senbei .read_area{padding: 4em}
.original_senbei .min{font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.original_senbei .read_area .read{color:#1C2A5A;font-weight:bold;font-size:1.6em;margin-bottom:2em;text-align:center;line-height: 1.7}
.original_senbei .read_area h3.slash{color:#8C3B3B;font-weight:bold;font-size:1.5em;margin-bottom:1em;text-align:center;vertical-align:middle; }
.original_senbei .read_area h3.slash:before{content: "＼";font-size: 3.5rem;vertical-align:middle;padding-right: 0.5em}
.original_senbei .read_area h3.slash:after{content: "／";font-size: 3.5rem;vertical-align:middle;padding-left: 0.5em}
.original_senbei .read_area .flex_icon{display: flex;justify-content: space-around;text-align: center;gap: 1.5em}
.original_senbei .read_area .flex_icon .text{font-weight: bold;margin-top: 10px; font-size: 1em}

@media (max-width: 767px) { 
.original_senbei .read_area{padding: 0.5em 0 2.5em 0;}
.original_senbei .read_area .read{font-size: 1.4em;margin-bottom:2em;}
.original_senbei .read_area h3.slash{font-size: 1.4em;position: relative;margin-bottom:1.5em;}
.original_senbei .read_area h3.slash:before{position: absolute;left: 0em;padding: 0}
.original_senbei .read_area h3.slash:after{position: absolute;right: 0em;padding: 0;top: 0}
.original_senbei .read_area .flex_icon{display: flex;justify-content:center;gap: 5%;flex-wrap:wrap; }
.original_senbei .read_area .flex_icon .icon{width:30%;margin-bottom: 5%}
.original_senbei .read_area .flex_icon .text{font-size: 12px}
}

/*item*/
.original_senbei .item_area .box{background: #fff;margin-bottom: 3em}
.original_senbei .item_area .box .bk{background: url(https://minatoya.itembox.design/item/images/category/original/bk.png) 0 0;text-align: center;padding: 2em 0;font-weight: bold;
}
.original_senbei .item_area .box .bk .ttl{color:#8C3B3B;font-size:1.5em;margin-bottom:0.5em;}
.original_senbei .item_area .box .bk .ttl span{padding: 0 1.5em}
.original_senbei .item_area .box .bk h3{color:#1C2A5A;font-size:2.3em;margin-bottom: 0}
.original_senbei .item_area .box .flex_item{display: flex;justify-content: space-between;padding: 2em}
.original_senbei .item_area .box .flex_item .img{width:40%}
.original_senbei .item_area .box .flex_item .text_area{width: 57%;margin-left: 3%}
.original_senbei .item_area .box .flex_item .text_area .flex_voice{}
.original_senbei .item_area .box .flex_item .text_area .flex_voice{display: flex;justify-content:space-between;margin-bottom: 1.5em;align-items: center}
.original_senbei .item_area .box .flex_item .text_area .flex_voice .icon{width: 16%}
.original_senbei .item_area .box .flex_item .text_area .flex_voice .icon img{width: 100%}
.original_senbei .item_area .box .flex_item .text_area .flex_voice .read {width: 80%;background: #E3DEDD;padding: 4%;
  font-size: 0.8em;border-radius: 20px;font-weight:bold; }
.original_senbei .item_area .box .flex_item .text_area .flex_voice .read {
  position: relative;
  display: inline-block;
  min-width: 120px;
  max-width: 100%;
  background: #E3DEDD;
}
.original_senbei .item_area .box .flex_item .text_area .flex_voice .read:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -20px;
  margin-top: -15px;
  border: 10px solid transparent;
  border-right: 10px solid #E3DEDD;
}
.original_senbei .item_area .box .flex_item .text_area .text{font-size: 1.1em} 
.original_senbei .item_area .box .flex_item .text_area .btn{width: 100%;position: relative;}
.original_senbei .item_area .box .flex_item .text_area .btn a{display: block;background: #D9A74A;font-size: 18px;font-weight: bold;color: #fff;width: 100%;padding: 0.8em 1em;margin-top: 1.5em;text-align: center;}
.original_senbei .item_area .box .flex_item .text_area .btn a:hover{text-decoration: none;opacity: 0.7}
.original_senbei .item_area .box .flex_item .text_area .btn a:after{
width: 10px;
    height: 11px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: '';
    position: absolute;
    right: 3%;
    top: 37%;
}
@media (max-width: 767px) { 
  .original_senbei .item_area .box .bk .ttl{font-size: 1.2em}
.original_senbei .item_area .box .bk .ttl span{padding: 0}
.original_senbei .item_area .box .bk h3{font-size: 1.8em}
.original_senbei .item_area .box .flex_item{padding: 1em;display: block;}
.original_senbei .item_area .box .flex_item .img{width: 100%;margin:0 auto 1em}
.original_senbei .item_area .box .flex_item .text_area{width: 100%;margin-left: 0}

.original_senbei .item_area .box .flex_item .text_area .btn{width: 100%;position: relative;}
.original_senbei .item_area .box .flex_item .text_area .btn a{display: block;background: #D9A74A;font-size: 16px;font-weight: bold;color: #fff;width: 100%;margin-left: 0%;padding:0.8em 2em ;margin-top: 1.5em;text-align: center;}
.original_senbei .item_area .box  .flex_item .text_area .btn a:hover{text-decoration: none;opacity: 0.7}
.original_senbei .item_area .box .flex_item .text_area  .btn a:after{right: 8%;top: 37%;}
}

/*--------------------
20231117 メッセージ煎餅カテゴリ
--------------------*/ 
.hnb_categoryMainvisual_message .categoryMainvisual_message{width: 728px; margin: 0 auto 30px;}
.hnb_categoryMainvisual_message .categoryMainvisual_message ul{justify-content:start;gap: 20px}
.hnb_categoryMainvisual_message .msBox2 ul{right: 106px;margin-bottom: 10px;}
.hnb_categoryMainvisual_message .msBox2 ul li{margin-bottom: 10px;}

/*--------------------
20240216 オリジナル煎餅カテゴリ
--------------------*/ 
.original_senbei .item_area .box h3.min span{font-size: 0.7em}
.original_senbei .original_lav{display: flex;column-gap: 5px;margin-top: 20px}
.original_senbei .original_lav li{display: flex;column-gap: 4px;align-items: center;border: 1px solid #1c2a5a; color: #1c2a5a;padding: 5px}
.original_senbei .original_lav li img{display: block;width: 25%}
.original_senbei .original_lav li p{width: 75%;margin: 0;font-size: 14px}
.original_senbei .original_lav li p.br{line-height: 1em;font-size: 13px}

@media (max-width: 767px) { 
	.original_senbei .original_lav li{padding: 5px 2px; }
	.original_senbei .original_lav li p{font-size: 11px}
	.original_senbei .original_lav li p.br{font-size: 11px}
	.original_senbei .item_area .box .ttl.sp{display: flex;align-items: center;justify-content: center;column-gap: 1em}
	.original_senbei .item_area .box .ttl.sp p{margin: 0}
	.original_senbei .item_area .box .ttl.sp p.sla{font-size: 1.7em}
 }
 
 
 /*--------------------
20240423 カテゴリ強化ナビボタン
--------------------*/ 
.original_senbei .flex_navbtn{display: flex;justify-content: space-between; flex-wrap: wrap;margin-top: 60px}
.original_senbei .flex_navbtn .navbtn{width: 49%;margin-bottom: 20px;font-size: 12px}
.original_senbei .flex_navbtn a:hover{opacity: 0.7}
@media (max-width: 767px) { 
.original_senbei .flex_navbtn{display: block;margin-top: 40px}
.original_senbei .flex_navbtn .navbtn{width: 100%;margin-bottom: 20px;font-size: 12px}
 }

 /*--------------------
20240716 original煎餅　フロー
--------------------*/ 
.original_senbei #flow .flow_flex{display: flex;justify-content: space-between}
.original_senbei #flow .flow_flex .area{width: 48%}
@media (max-width: 767px) { 
.original_senbei #flow .flow_flex{display: block;}
.original_senbei #flow .flow_flex .area{width: 100%}

}


.original_senbei #flow .flow_flex .area .ttl_flex{display: flex;justify-content: space-between;align-items: center;padding: 8px}
.original_senbei #flow .flow_flex .area .ttl_flex .img{width: 30%}
.original_senbei #flow .flow_flex .area .ttl_flex .text{width: 64%;font-weight: bold;font-size: 18px;color:#fff}
.original_senbei #flow .flow_flex .area .white{background: #fff;padding: 20px;text-align: center;}
@media (max-width: 767px) { 
.original_senbei #flow .flow_flex .area .white {margin-bottom: 40px;padding: 20px 10px}
}

.original_senbei #flow .flow_flex .area .white .day{font-weight: bold;font-size: 24px; color: #1F2B57;margin-bottom: 20px;text-align: center}
.original_senbei #flow .flow_flex .area .white .day span{color: #E02521;}
.original_senbei #flow .flow_flex .area .white .day span em{font-size: 34px; }
.original_senbei #flow .flow_flex .area .white .sub_ttl{text-align: center;padding: 15px 0;background: #EFEDEC;margin-bottom: 10px;font-weight: bold;font-size: 15px}
.original_senbei #flow .flow_flex .area .white .sub_ttl span.mini{font-size: 12px;font-weight: normal}
.original_senbei #flow .flow_flex .area .white .step_flex{display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px}
.original_senbei #flow .flow_flex .area .white .step_flex .left{width: 40%}
.original_senbei #flow .flow_flex .area .white .step_flex .right{width: 57%}

.original_senbei #flow .flow_flex .area .white .step_flex p.f15{font-size: 15px}
.original_senbei #flow .flow_flex .area .white .step_flex p.pt10{padding-top: 10px}
.original_senbei #flow .flow_flex .area .white .sub_ttl.hai{height: 100px; padding-top: 40px}

.original_senbei #flow .semi .ttl_flex{background: #1F2B57}
.original_senbei #flow .full .ttl_flex{background: #81403E}

.original_senbei #flow .semi .truck span{background:url(https://minatoya.itembox.design/item/images/category/original/original/flow/semi_icon2.png) 0 center no-repeat;
padding: 10px 0 10px 50px; background-size: 40px;display: inline-block}
.original_senbei #flow .full .truck span{background:url(https://minatoya.itembox.design/item/images/category/original/original/flow/full_icon2.png) 0 center no-repeat;
padding: 10px 0 10px 50px; background-size: 40px;display: inline-block}

.original_senbei #flow .semi .btn1 a{display: block;background:url(https://minatoya.itembox.design/item/images/category/original/original/flow/semi_btn1.png?1) 10px center no-repeat #D1A85A;
color: #fff;font-weight: bold;padding: 20px 10px 20px 80px;text-align: left;background-size: 60px}
.original_senbei #flow .semi .btn1 a span{display: block;background:url(https://minatoya.itembox.design/item/images/category/original/original/flow/icon.png) 97% center no-repeat }
.original_senbei #flow .semi .btn2 a{display: block;background:url(https://minatoya.itembox.design/item/images/category/original/original/flow/semi_btn2.png?1) 10px center no-repeat #D1A85A;
color: #fff;font-weight: bold;padding: 20px 10px 20px 80px;text-align: left;background-size: 60px}
.original_senbei #flow .semi .btn2 a span{display: block;background:url(https://minatoya.itembox.design/item/images/category/original/original/flow/icon.png) 97% center no-repeat }

.original_senbei #flow .full .btn1 a{display: block;background:url(https://minatoya.itembox.design/item/images/category/original/original/flow/full_btn1.png?1) 10px center no-repeat #D1A85A;
color: #fff;font-weight: bold;padding: 20px 10px 20px 80px;text-align: left;background-size: 60px}
.original_senbei #flow .full .btn1 a span{display: block;background:url(https://minatoya.itembox.design/item/images/category/original/original/flow/icon.png) 97% center no-repeat }
.original_senbei #flow .full .btn2 a{display: block;background:url(https://minatoya.itembox.design/item/images/category/original/original/flow/full_btn2.png?1) 10px center no-repeat #D1A85A;
color: #fff;font-weight: bold;padding: 10px 10px 10px 80px;text-align: left;background-size: 60px}
.original_senbei #flow .full .btn2 a span{display: block;background:url(https://minatoya.itembox.design/item/images/category/original/original/flow/icon.png) 97% center no-repeat }

.original_senbei #flow .semi .fukidashi{
	position:relative;
	background:#E2E6F0;color: #1F2B57;font-size: 14px;
	padding:10px 20px;
	display: inline-block;
	text-align:center;
	font-weight:bold;
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	margin-bottom: 5px
}
.original_senbei #flow .semi .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:#E2E6F0;
	top:100%;
	left:50%;
}

.original_senbei #flow .full .fukidashi{
	position:relative;
	background:#F5D5D4;color: #81403E;font-size: 14px;
	padding:10px 20px;
	display: inline-block;
	text-align:center;
	font-weight:bold;
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	margin-bottom: 5px
}
.original_senbei #flow .full .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:#F5D5D4;
	top:100%;
	left:50%;
}