@charset "UTF-8";

/* CSS Remedy */
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Zen+Kurenaido&display=swap);


/* パンクズ */
#bread-crumb {
	position: static;
	transform: none;
  }
  @media screen and (max-width: 1025px) {
	#bread-crumb {
	  margin: 0 0 15px;
	  padding: 0 15px;
	  border-top: 1px solid #9B9B9B;
	  width: 100%;
	}
  }

/* ２段目のパンくずを無効化（現在キャンペーンを無効化） */
#bread-crumb-listTop li:nth-of-type(2) a {
	pointer-events: none;
  }


  /* ページ見出し */
#Journal article > h2 {
	display: none;
  }
  

/* ユーティリティ */
.u_sp {
	display: none;
  }

  .u_inlineblock {
	display: inline-block ;
  }
  
  
  @media screen and (max-width: 768px) {
	.u_pc {
		display: none;
	  }
	  
	.u_sp {
	  display: block;
	}
	.u_sp_inlineblock {
	  display: inline-block ;
	}
  
  }
  
  
  .u_clearfix:after {
	content: "";
	display: block;
	clear: both;
  } 


  .u_font_zen{
	font-family: "Zen Kurenaido", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.u_font_mincho {
	font-family: "Noto Serif JP", serif;
  }

.content_width:after {
	content: "";
	display: block;
	clear: both;
  } 

  .content_width{
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	line-height:1.8;
	font-size:16px;
	letter-spacing: 0.1em;
	padding-left:20px;
	padding-right:20px;
  }

  
@media screen and (max-width: 768px) {
	.content_width{
		padding-left:calc(20 * 100vw / 750);
		padding-right:calc(20 * 100vw / 750);
	  }
}



/*common*/

.feature_hiranobe-cmn-bg01{
	background: url(https://cdn.shopserve.jp/okabemen.co.jp/cdnassets/feature/feature_hiranobe/bg01.png) center top;
}



.feature_hiranobe-cmn-headline01{
	text-align: center;
	font-size: 25px !important;
	position: relative;
	margin-bottom:40px !important;
}

.feature_hiranobe-cmn-headline01_big01{
	font-size: 30px;
}



.feature_hiranobe-cmn-headline01_inner{
	display: block;
	position: relative;
	z-index: 1;
	padding-bottom:20px;
}


.feature_hiranobe-cmn-headline01_inner:after{
	content: "";
	display: block;
	position: absolute;
	width:150px;
	height:10px;
	background:url(https://cdn.shopserve.jp/okabemen.co.jp/cdnassets/feature/feature_hiranobe/headline_bg01.png) top center no-repeat;
	background-size: auto 100%;
	margin:0 auto;
	left: 0;
	right: 0;
	bottom:0;
	z-index: -1;
}



.feature_hiranobe-cmn-headline02{
	text-align: center;
	font-size: 25px !important;
}




.feature_hiranobe-cmntextbox{
	text-align: center;
	margin-bottom:40px;
}


@media screen and (max-width: 768px) {

	.feature_hiranobe-cmntextbox{
		font-size: 3.5vw;
		margin-bottom:5vw;
	}


	.feature_hiranobe-cmn-headline01{
		font-size: 4.5vw !important;
		margin-bottom:5vw !important;
	}
	
	.feature_hiranobe-cmn-headline01_big01{
		font-size: 5.5vw;
	}
	
	
	
	.feature_hiranobe-cmn-headline01_inner{
		padding-bottom:5vw;
	}
	
	
	.feature_hiranobe-cmn-headline01_inner:after{
		width:30vw;
		height:3vw;
	}

}


/*商品一覧*/

.feature_hiranobe-cmn-itemlist{
	border:1px solid #d16255;
	border-radius: 20px;
}

.feature_hiranobe-cmn-itemlist_title{
	background:#d16255;
	border-radius: 20px 20px 0 0;
	color:#fff;
	text-align: center;
	font-size: 22px;
	padding:15px 10px;
}

.feature_hiranobe-cmn-itemlist_wrap{
	padding:60px 20px 20px;
	max-width:800px;
	margin:0 auto;
}

.feature_hiranobe-cmn-itemlist_child{
	width:45%;
	margin-bottom:20px;
}

.feature_hiranobe-cmn-itemlist_child:nth-child(odd){
	float:left;
	clear:both;
}

.feature_hiranobe-cmn-itemlist_child:nth-child(even){
	float:right;
}

.feature_hiranobe-cmn-itemlist_image{
	margin-bottom:20px;
}

.feature_hiranobe-cmn-itemlist_name{
	font-size: 20px;
	border-bottom:1px solid #999;
	margin-bottom:10px;
}

.feature_hiranobe-cmn-itemlist_status{
	margin-bottom:10px;
}

.feature_hiranobe-cmn-itemlist_price{
	text-align: right;
	font-weight: bold;
	font-size: 30px;
}


.feature_hiranobe-cmn-itemlist_tax{
	font-weight: normal;
	font-size: 14px;
}


.feature_hiranobe-cmn-itemlist_button{
	border: 1px solid #db6557;
    background: url(https://cdn.shopserve.jp/okabemen.co.jp/cdnassets/feature/feature_hiranobe/icon_cart.png) no-repeat right 20px center / 26px auto, #db6557;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: #ffffff !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 72px;
    border-radius: 8px;
    margin-top: 20px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}



.feature_hiranobe-cmn-itemlist_more {
	display: inline-block;
	color: #d16255 !important;
	font-size: 15px;
	margin-top: 15px;
	text-decoration: underline !important;
	position: relative;
	padding-right:10px;
}
  
.feature_hiranobe-cmn-itemlist_more_arrow{
	content: "";
	display: block;
	height: 7px;
	width: 7px;
	position: absolute;
	right:0;
	top:0;
	bottom:0;
	margin:auto 0;
  }
  
  .feature_hiranobe-cmn-itemlist_more_arrow::before,
  .feature_hiranobe-cmn-itemlist_more_arrow::after{
	position: absolute;
	content: "";
	display: block;
	width:7px;
	height:2px;
	background:#d16255;
	right:0;
  }

  .feature_hiranobe-cmn-itemlist_more_arrow::before{
	transform: rotate(45deg);
	top:0;
  }

  .feature_hiranobe-cmn-itemlist_more_arrow::after{
	transform: rotate(-45deg);
	bottom:0;
  }


  .feature_hiranobe-cmn-itemlist_more:hover {
	opacity: 0.7;
	text-decoration: none;
  }

		

@media screen and (min-width: 769px) {
	.feature_hiranobe-cmn-itemlist_button:hover {
		background: url(https://cdn.shopserve.jp/okabemen.co.jp/cdnassets/feature/feature_hiranobe/icon_cart_pink.png) no-repeat right 20px center/26px auto, #ffffff;
		color: #db6557 !important;
	  }

	  .feature_hiranobe-cmn-itemlist_more:hover {
		text-decoration: none !important;
	}
	  
	
}


@media screen and (max-width: 768px) {

	.feature_hiranobe-cmn-itemlist{
		border-radius: 2vw;
	}
	
	.feature_hiranobe-cmn-itemlist_title{
		border-radius: 2vw 2vw 0 0;
		font-size: 4.3vw;
		padding:5vw 2vw;
	}
	
	.feature_hiranobe-cmn-itemlist_wrap{
		padding: 5vw;
	}
	
	.feature_hiranobe-cmn-itemlist_child{
		margin-bottom:5vw;
	}
	

	.feature_hiranobe-cmn-itemlist_image{
		margin-bottom:3vw;
	}
	
	.feature_hiranobe-cmn-itemlist_name{
		font-size: 4vw;
		line-height:1.6;
		margin-bottom:3vw;
	}
	
	.feature_hiranobe-cmn-itemlist_status{
		font-size: 3vw;
		margin-bottom:2vw;
	}
	
	.feature_hiranobe-cmn-itemlist_price{
		font-size: 4vw;
	}
	
	
	.feature_hiranobe-cmn-itemlist_tax{
		font-size: 3vw;
	}
	
	
	.feature_hiranobe-cmn-itemlist_button{
		font-size: 2.4vw;
		height: 10vw;
		border-radius: 2vw;
		margin-top: 2vw;
		background-size:3.3vw auto;
	}
	
	
	
	.feature_hiranobe-cmn-itemlist_more {
		font-size: 2.8vw;
		margin-top: 3vw;
		padding-right:2vw;
	}
	  
	.feature_hiranobe-cmn-itemlist_more_arrow{
		height: 1.5vw;
		width: 1.5vw;
	  }
	  
	  .feature_hiranobe-cmn-itemlist_more_arrow::before,
	  .feature_hiranobe-cmn-itemlist_more_arrow::after{
		width:1.5vw;
		height:0.5vw;
	  }


}

/*feature_hiranobe-mv*/

.feature_hiranobe-mv h1{
	display: block !important;
}

.feature_hiranobe-mv img{
	width:100%;
}


/*feature_hiranobe-catch*/


.feature_hiranobe-catch .content_width{
	max-width:900px;
	padding-top:60px;
	padding-bottom:60px;
}

.feature_hiranobe-catch{
	margin-bottom:80px;
}

.feature_hiranobe-catch_wrap{
	margin-bottom:80px;

}



.feature_hiranobe-catcht_text01{
	text-align: center;
	font-size: 16px;
	line-height:2;
	letter-spacing: 0.2em;
	position: relative;

}

.feature_hiranobe-catcht_text01 > p{
	position: relative;
	z-index: 2;
}
.feature_hiranobe-catcht_deco02::before,
.feature_hiranobe-catcht_deco01::before,
.feature_hiranobe-catcht_deco01::after{
	content: "";
	display: block;
	position: absolute;
	width:100px;
	height:100px;
	background-size:100% 100%;
	z-index: 1;
}

.feature_hiranobe-catcht_deco01::before{
	background-image: url(https://cdn.shopserve.jp/okabemen.co.jp/cdnassets/feature/feature_hiranobe/deco01.png);
	top:-10%;
	left: 0;

}

.feature_hiranobe-catcht_deco01::after{
	background-image: url(https://cdn.shopserve.jp/okabemen.co.jp/cdnassets/feature/feature_hiranobe/deco02.png);
	bottom:10%;
	right:5%;
	width:90px;
	height:90px;
}

.feature_hiranobe-catcht_deco02::before{
	background-image: url(https://cdn.shopserve.jp/okabemen.co.jp/cdnassets/feature/feature_hiranobe/deco01.png);
	top:-70%;
	right:0;
	width:70px;
	height:70px;
}

@media screen and (max-width: 768px) {

	.feature_hiranobe-catch{
		margin-bottom:10vw;
	}


	.feature_hiranobe-catch .content_width{
		max-width:inherit;
		padding-top:10vw;
		padding-bottom:10vw;
	}
	
	.feature_hiranobe-catch{
		margin-bottom:10vw;
	}
	
	.feature_hiranobe-catch_wrap{
		margin-bottom:13vw;
	}
	
	
	.feature_hiranobe-catcht_text01{
		font-size: 3vw;
		margin-bottom:10vw;
	
	}

	.feature_hiranobe-catcht_deco02::before,
	.feature_hiranobe-catcht_deco01::before,
	.feature_hiranobe-catcht_deco01::after{
		width:10vw;
		height:10vw;

	}
	
	.feature_hiranobe-catcht_deco01::before{
		top:-10vw;
	}
	
	.feature_hiranobe-catcht_deco01::after{
		bottom:0;
		right:2vw;
		width:9vw;
		height:9vw;
	}
	
	.feature_hiranobe-catcht_deco02::before{
		top:-18vw;
		width:7vw;
		height:7vw;
	}
}


/*feature_hiranobe-commit*/


.feature_hiranobe-commit{
	margin-bottom:80px;
}


.feature_hiranobe-commit .content_width{
	max-width:900px;
}

.feature_hiranobe-commit_area{
	padding-top:100px;
	padding-bottom:100px;
}

.feature_hiranobe-commit_text01{
	float:right;
	width:50%;
	line-height:2;
	font-size: 17px;
}
.feature_hiranobe-commit_image01{
	float:left;
	width:45%;
}

.feature_hiranobe-commit_image01 img{
	border-radius: 10px;
}

@media screen and (max-width: 768px) {

	.feature_hiranobe-commit{
		margin-bottom:20vw;
	}
	
	
	.feature_hiranobe-commit .content_width{
		max-width:inherit;
	}
	
	.feature_hiranobe-commit_area{
		padding-top:10vw;
		padding-bottom:10vw;
	}
	
	.feature_hiranobe-commit_text01{
		float:none;
		width:auto;
		margin-bottom:5vw;
		font-size: 3.5vw;
	}
	.feature_hiranobe-commit_image01{
		float:none;
		width:auto;
	}
	
	.feature_hiranobe-commit_headline01{
		font-size: 4.5vw;
		margin-bottom:2vw;
	}

	
	.feature_hiranobe-commit_box01+.feature_gekikara-commit_box01{
		margin-top:10vw;
	}
}

/*feature_hiranobe-thought*/

.feature_hiranobe-thought_state01{
	float:left;
	width:41%;
}


.feature_hiranobe-thought{
	margin-bottom:80px;
}


.feature_hiranobe-thought_text01{
	float:right;
	width:55%;
	font-weight: 900;
	font-size: 16px;
	background-color: #fff; /* 背景色 */
	background-image: -o-linear-gradient(top, #ccc 1px, transparent 1px);
	background-image: linear-gradient(180deg, #ccc 1px, transparent 1px); /* 罫線の色と太さ  */
	background-size: 100% 2.5em; /* 行の高さ */
	line-height: 2.5em; /* 文字の高さ */
	padding-bottom: 1px; /* 最終行の下にも罫線を引く */
}

.feature_hiranobe-thought_image01{
	width:90%;
	float:left;
}

.feature_hiranobe-thought_image01 img{
	border-radius: 20px;
}


.feature_hiranobe-thought_image02{
	width:45%;
	float:right;
	margin-top:-30%;
}

.feature_hiranobe-thought_image02 img{
	border-radius: 100%;
	border:3px solid #fff;
}


.feature_hiranobe-thought_text01_name{
	text-align: right;
	display: block;
	font-size: 20px;
}

@media screen and (max-width: 950px) {
	.feature_hiranobe-thought_text01{
		font-size: 1.6vw;

	}
	
  
}


@media screen and (max-width: 768px) {
  
	.feature_hiranobe-thought_state01{
		width:40%;
		margin-right:3vw;
		margin-top:5vw;
	}
	
	
	.feature_hiranobe-thought{
		margin-bottom:15vw;
	}
	
	
	.feature_hiranobe-thought_text01{
		width:auto;
		float:none;
		font-size: 2.5vw;
		background-image: -o-linear-gradient(top, #ccc 1px, transparent 1px);
		background-image: linear-gradient(180deg, #ccc 1px, transparent 1px); /* 罫線の色と太さ  */
		background-size: 100% 5.6vw; /* 行の高さ */
		line-height: 5.6vw; /* 文字の高さ */
		padding-bottom: 1px; /* 最終行の下にも罫線を引く */
	}
	
	.feature_hiranobe-thought_image01{
		width:95%;
	}
	
	.feature_hiranobe-thought_image01 img{
		border-radius: 2vw;
	}
	
	
	.feature_hiranobe-thought_image02{
		width:45%;
	}

	.feature_hiranobe-thought_text01_name{

		font-size: 3vw;
	}
  }

/*feature_hiranobe-recipe*/

.feature_hiranobe-recipe{
	margin-bottom:80px;
}

.feature_hiranobe-recipe_button{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	        align-items: center;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	-webkit-box-align:stretch;
	-ms-flex-align:stretch;
	        align-items:stretch;
	background: url(https://cdn.shopserve.jp/okabemen.co.jp/cdnassets/feature/feature_hiranobe/bg01.png) center top;
	padding:5px 5px 0;
}

.feature_hiranobe-recipe_button button{
	-webkit-appearance: none;
	border-radius: 0;
	width:33.333333%;
	background: url(https://cdn.shopserve.jp/okabemen.co.jp/cdnassets/feature/feature_hiranobe/bg01.png) center top;
	cursor:pointer;
	padding:10px;
	font-weight: bold;
	font-size: 14px;
	color: #999;
}

.feature_hiranobe-recipe_button button.active{
	background: #fff;
	color: #d16255;
}


.feature_hiranobe-recipe_item{
	display: none;
}

.feature_hiranobe-recipe_item.active{
	display: block;
}

.feature_hiranobe-recipe_child{
	background: url(https://cdn.shopserve.jp/okabemen.co.jp/cdnassets/feature/feature_hiranobe/bg01.png) center top;
	padding:0 5px 5px;
}

.feature_hiranobe-recipe_item{
	background: #fff;
	padding: 30px 20px;
}

.feature_hiranobe-recipe_title{
	display: inline-block;
	font-weight: bold;
	font-size: 20px;
	position: relative;
	z-index: 1;
	margin-bottom:20px;
}


.feature_hiranobe-recipe_title:before{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height:15px;
	background:#ffd9d5;
	z-index: -1;
	border-radius: 5px;
}

.feature_hiranobe-recipe_item_text01{
	float:left;
	width:45%;
	margin-bottom:40px;
}

.feature_hiranobe-recipe_desc01{
	margin-bottom:20px;
}

.feature_hiranobe-recipe_list{
	margin-bottom:30px !important;
	border-top:1px solid #999;

}

.feature_hiranobe-recipe_list li {
	border-bottom:1px solid #999;
	padding:5px 0 !important;
	font-size: 14px !important;
} 

.feature_hiranobe-recipe_list dl:after {
	content: "";
	display: block;
	clear: both;
}

.feature_hiranobe-recipe_list dt{
	float:left;
}

.feature_hiranobe-recipe_list dd{
	float:right;
}

.feature_hiranobe-recipe_type{
	font-weight: bold;
	margin-bottom:10px;
}


.feature_hiranobe-recipe_item_image01{
	float:right;
	width:50%;
	margin-bottom:40px;
}


.feature_hiranobe-recipe_link{
	display: block;
	clear:both;
	max-width:300px;
	margin:0 auto;
	background:#db6557;
	color:#fff !important;
	text-align: center;
	font-size: 18px !important;
	font-weight: bold;
	padding:10px;
	border-radius: 100px;
	border:1px solid #db6557;
	-webkit-transition: all 0.6s;
		-o-transition: all 0.6s;
		transition: all 0.6s;
	position: relative;
}

.feature_hiranobe-recipe_linkarrow{
	position: absolute;
	content:"";
	display: block;
	width:10px;
	height:10px;
	right:10px;
	top:0;
	bottom:0;
	margin:auto 0;
	z-index: 1;
}

.feature_hiranobe-recipe_linkarrow:before,
.feature_hiranobe-recipe_linkarrow:after{
	position: absolute;
	content:"";
	display: block;
	background:#fff;
	width:2px;
	height:10px;
	z-index: 1;
	right:0;
	-webkit-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;

}

.feature_hiranobe-recipe_linkarrow:before{
	-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
			transform: rotate(-45deg);
	top:-3px;
}

.feature_hiranobe-recipe_linkarrow:after{
	-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
			transform: rotate(45deg);
	bottom:-3px;
}




@media screen and (min-width: 769px) {
	.feature_hiranobe-recipe_link:hover{
		background:#fff;
		color:#db6557 !important;
	}
	.feature_hiranobe-recipe_link:hover .feature_hiranobe-recipe_linkarrow:before,
	.feature_hiranobe-recipe_link:hover .feature_hiranobe-recipe_linkarrow:after{
		background:#db6557;
	
	}
}

@media screen and (max-width: 768px) {


	.feature_hiranobe-recipe{
		margin-bottom:15vw;
	}
	
	.feature_hiranobe-recipe_button{
		padding:1vw 1vw 0;
	}
	
	.feature_hiranobe-recipe_button button{
		padding:1vw;
		font-size: 3vw;
	}
	

	.feature_hiranobe-recipe_child{
		padding:0 1vw 1vw;
	}
	
	.feature_hiranobe-recipe_item{
		padding: 5vw 4vw;
	}
	
	.feature_hiranobe-recipe_title{
		font-size: 4vw;
		margin-bottom:5vw;
	}
	
	
	.feature_hiranobe-recipe_title:before{
		height:3vw;
		border-radius: 1vw;
	}
	
	.feature_hiranobe-recipe_item_text01{
		float:none;
		width:auto;
		margin-bottom:0;
	}
	
	.feature_hiranobe-recipe_desc01{
		font-size: 3vw;
		margin-bottom:5vw;
	}
	
	.feature_hiranobe-recipe_list{
		margin-bottom:5vw !important;
	
	}
	
	.feature_hiranobe-recipe_list li {
		padding:1vw 0 !important;
		font-size: 3vw !important;
	} 
	

	
	.feature_hiranobe-recipe_type{
		font-size: 3vw;
		margin-bottom:1vw;
	}
	
	
	.feature_hiranobe-recipe_item_image01{
		float:none;
		width:auto;
		margin-bottom:5vw;
	}
	
	
	.feature_hiranobe-recipe_link{
		max-width:inherit;
		width:80%;
		margin-left:auto;
		margin-right:auto;
		font-size: 3vw !important;
		padding:2vw;
		border-radius: 10vw;
	}
	
	.feature_hiranobe-recipe_linkarrow{
		position: absolute;
		content:"";
		display: block;
		width:10px;
		height:10px;
		right:10px;
		top:0;
		bottom:0;
		margin:auto 0;
		z-index: 1;
	}
	
	.feature_hiranobe-recipe_linkarrow:before,
	.feature_hiranobe-recipe_linkarrow:after{
		position: absolute;
		content:"";
		display: block;
		background:#fff;
		width:2px;
		height:10px;
		z-index: 1;
		right:0;
		-webkit-transition: all 0.6s;
		-o-transition: all 0.6s;
		transition: all 0.6s;
	
	}
	
	.feature_hiranobe-recipe_linkarrow:before{
		-webkit-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
				transform: rotate(-45deg);
		top:-3px;
	}
	
	.feature_hiranobe-recipe_linkarrow:after{
		-webkit-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
				transform: rotate(45deg);
		bottom:-3px;
	}
	

}

/*feature_hiranobe-merchandise*/
.feature_hiranobe-merchandise{
	margin-bottom:80px;
}

.feature_hiranobe-merchandise .content_width{
	max-width:900px;
}

@media screen and (max-width: 768px) {
	.feature_hiranobe-merchandise .content_width{
		max-width:inherit;
	}
}

/*feature_hiranobe-order*/

  .feature_hiranobe-order_body {
	padding: 60px 0px 20px;
	border: 1px solid #7e1509;
	border-radius: 20px;
	margin-bottom: 20px;
	background-color: #fff;
  }

  .feature_hiranobe-order_list {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[4];
	grid-template-columns: repeat(4, 1fr);
	position: relative;
	margin-left:auto !important;
	margin-right:auto !important;
  }

  .feature_hiranobe-order_list::after {
	content: "";
	position: absolute;
	top: -34px;
	left: 0;
	right: 0;
	margin-inline: auto;
	width: 76%;
	height: 1px;
	border-bottom: 2px dashed #7e1509;
  }

  .feature_hiranobe-order_list li {
	display: -ms-grid;
	display: grid;
	-ms-grid-rows: subgrid;
	grid-template-rows: subgrid;
	-ms-grid-row-span: 3;
	grid-row: span 3;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
  }

  .feature_hiranobe-order_list li:not(:last-child) {
	border-right: 1px solid #7e1509;
  }

  .feature_hiranobe-order_title {
	color: #7e1509;
	font-size: 28px;
	text-align: center;
	position: relative;
	padding-top: 60px;
	margin-bottom: 30px;
  }

  
  .feature_hiranobe-order_title::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin-inline: auto;
	display: inline-block;
	width: 42px;
	height: auto;
	aspect-ratio: 1/1;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
  }

  .feature_hiranobe-order_title::after {
	content: "";
	position: absolute;
	top: -40px;
	left: 0;
	right: 0;
	margin-inline: auto;
	display: inline-block;
	width: 16px;
	height: auto;
	aspect-ratio: 1/1;
	background-color: #fff;
	border-radius: 10em;
	border: 2px solid #7e1509;
	z-index: 1;
  }

  
  .feature_hiranobe-order_title.cart::before {
	background-image: url(https://cdn.shopserve.jp/okabemen.co.jp/cdnassets/feature/feature_hiranobe/icon_cart_red.png);
  }
  .feature_hiranobe-order_title.mail::before {
	background-image: url(https://cdn.shopserve.jp/okabemen.co.jp/cdnassets/feature/feature_hiranobe/icon_mail_red.png);
  }
  .feature_hiranobe-order_title.box::before {
	background-image: url(https://cdn.shopserve.jp/okabemen.co.jp/cdnassets/feature/feature_hiranobe/icon_box_red.png);
  }
  .feature_hiranobe-order_title.box::after {
	background-color: #7e1509;
  }
  .feature_hiranobe-order_icon {
	text-align: center;
	margin: auto;
	position: absolute;
  }

  .feature_hiranobe-order_list li .feature_hiranobe-order_icon:not(.feature_hiranobe-order_list li .feature_hiranobe-order_icon:empty) {
	display: inline-block;
	border: 1px solid #d16255;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	padding: 0.2em;
	font-size: 15px;
	font-weight: bold;
	color: #d16255;
	background-color: #fff;
	margin-top: 10px;
	margin-bottom: 10px;
	top: -55px;
	z-index: 2;
  }


  
  .feature_hiranobe-order_text {
	font-size: 15px;
	line-height: 2;
  }

  
  .feature_hiranobe-order_list li:nth-child(3) .feature_hiranobe-order_icon {
	left: 46%;
  }


  .feature_hiranobe-order_list li:nth-child(4) .feature_hiranobe-order_icon {
	left: 71%;
  }

  
  .feature_hiranobe-order_foot li {
	font-size: 14px;
	line-height: 1.8;
  }

  @media screen and (max-width: 768px) {
	.feature_hiranobe-order_body {
		padding: calc(20 * 100vw / 750) calc(20 * 100vw / 750) calc(20 * 100vw / 750) calc(80 * 100vw / 750);
		margin-bottom: calc(20 * 100vw / 750);
	}

	.feature_hiranobe-order_list {
		-ms-grid-columns: (1fr)[1];
		grid-template-columns: repeat(1, 1fr);
	  }

	  .feature_hiranobe-order_list::after {
		top: calc(80 * 100vw / 750);
		right: auto;
		left: calc(-40 * 100vw / 750);
		width: 1px;
		height: calc(710 * 100vw / 750);
		border-bottom: none;
		border-left: 2px dashed #7e1509;
	  }

	  .feature_hiranobe-order_list li {
		padding-left: calc(20 * 100vw / 750);
		padding-right: calc(20 * 100vw / 750);
		padding-bottom: calc(20 * 100vw / 750);
	  }

	  .feature_hiranobe-order_list li:not(:last-child)  {
		border-right: none;
		border-bottom: 1px solid #7e1509;
	  }

	  .feature_hiranobe-order_title {
		font-size: calc(42 * 100vw / 750);
		padding-top: calc(30 * 100vw / 750);
		padding-bottom: calc(30 * 100vw / 750);
		text-align: left;
		padding-left: calc(77 * 100vw / 750);
		margin-bottom: calc(30 * 100vw / 750);
		line-height:1.2;
	  }

	  .feature_hiranobe-order_title::before {
		top: auto;
		right: auto;
		width: calc(57 * 100vw / 750);
	  }

	  .feature_hiranobe-order_title::after {
		top: 50%;
		right: auto;
		left: calc(-70 * 100vw / 750);
		width: calc(25 * 100vw / 750);
	  }

	  .feature_hiranobe-order_icon {
		margin-left: 0;
	  }
	  .feature_hiranobe-order_list li .feature_hiranobe-order_icon:not(.feature_hiranobe-order_list li .feature_hiranobe-order_icon:empty){
		padding: calc(10 * 100vw / 750);
		font-size: calc(26 * 100vw / 750);
		margin-top: calc(10 * 100vw / 750);
		margin-bottom: calc(30 * 100vw / 750);
		-webkit-writing-mode: vertical-rl;
			-ms-writing-mode: tb-rl;
				writing-mode: vertical-rl;
		text-orientation: mixed;
		-webkit-font-feature-settings: normal;
				font-feature-settings: normal;
				line-height:1.2;
	  }
	

	  .feature_hiranobe-order_text {
		font-size: calc(26 * 100vw / 750);
	  }
  	.feature_hiranobe-order_list li:nth-child(3) .feature_hiranobe-order_icon {
		top: calc(286 * 100vw / 750) !important;
		left: calc(-64 * 100vw / 750) !important;
	  }

	  .feature_hiranobe-order_list li:nth-child(4) .feature_hiranobe-order_icon {
		top: calc(575 * 100vw / 750) !important;
		left: calc(-64 * 100vw / 750) !important;
	  }

	  .feature_hiranobe-order_foot li {
		font-size: calc(24 * 100vw / 750);
	  }
	}