@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_gekikara-cmn-bg01{
	background: #e8f1ca;
}




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

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



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


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


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




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









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

	.feature_gekikara-cmn-headline01{
		font-size: 4.5vw !important;
		margin-bottom:5vw !important;
	}
	
	.feature_gekikara-cmn-headline01_big01{
		font-size: 5.5vw !important;
	}


	
	.feature_gekikara-cmn-headline01_inner{
		padding-bottom:5vw;
	}
	
	
	.feature_gekikara-cmn-headline01_inner:after{
		width:32vw;
		height:3vw;
	}

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

}


/*商品一覧*/


.feature_gekikara-cmn-itemlist{
	border:1px solid #1a7426;
	border-radius: 20px;
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
}

.feature_gekikara-cmn-itemlist_title{
	background:#1a7426;
	border-radius: 20px 20px 0 0 !important;
	color:#fff !important;
	text-align: center;
	font-size: 22px !important;
	padding:15px 10px !important;
	font-family: normal !important;
}

.feature_gekikara-cmn-itemlist_osusume{
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	margin-top:-30px;
	margin-bottom:20px;
}
.feature_gekikara-cmn-itemlist_osusume_deco{
	position: relative;
	display: inline-block;
	padding-left:15px;
	padding-right:15px;
}

.feature_gekikara-cmn-itemlist_osusume_deco::before,
.feature_gekikara-cmn-itemlist_osusume_deco::after{
	content: "";
	display: block;
	position: absolute;
	width:1px;
	height:30px;
	background: #000;
	bottom:5px;
}

.feature_gekikara-cmn-itemlist_osusume_deco::before{
	left: 0;
	-webkit-transform: rotate(-20deg);
		-ms-transform: rotate(-20deg);
			transform: rotate(-20deg);
}


.feature_gekikara-cmn-itemlist_osusume_deco::after{
	right: 0;
	-webkit-transform: rotate(20deg);
		-ms-transform: rotate(20deg);
			transform: rotate(20deg);
}

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

.feature_gekikara-cmn-itemlist_child{
	max-width:350px;
	margin:0 auto 20px;
}



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

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

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

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


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


.feature_gekikara-cmn-itemlist_button{
	border: 1px solid #1a7426;
    background: url(https://cdn.shopserve.jp/okabemen.co.jp/cdnassets/feature/feature_gekikara/icon_cart.png) no-repeat right 20px center / 26px auto, #1a7426;
    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_gekikara-cmn-itemlist_more {
	display: inline-block;
	color: #1a7426 !important;
	font-size: 15px;
	margin-top: 15px;
	text-decoration: underline !important;
	position: relative;
	padding-right:10px;
}
  
.feature_gekikara-cmn-itemlist_more_arrow{
	content: "";
	display: block;
	height: 7px;
	width: 7px;
	position: absolute;
	right:0;
	top:0;
	bottom:0;
	margin:auto 0;
  }
  
  .feature_gekikara-cmn-itemlist_more_arrow::before,
  .feature_gekikara-cmn-itemlist_more_arrow::after{
	position: absolute;
	content: "";
	display: block;
	width:7px;
	height:2px;
	background:#1a7426;
	right:0;
  }

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

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


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

		

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

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


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

	.feature_gekikara-cmn-itemlist{
		border-radius: 2vw;
	}
	
	.feature_gekikara-cmn-itemlist_title{
		border-radius: 2vw 2vw 0 0 !important;
		font-size: 4.3vw !important;
		padding:5vw 2vw !important;

	}


	.feature_gekikara-cmn-itemlist_osusume{
		font-size: 4vw;
		margin-top:-5vw;
		margin-bottom:5vw;
	}
	.feature_gekikara-cmn-itemlist_osusume_deco{
		padding-left:3vw;
		padding-right:3vw;
	}
	
	.feature_gekikara-cmn-itemlist_osusume_deco::before,
	.feature_gekikara-cmn-itemlist_osusume_deco::after{
		width:1px;
		height:5vw;
		bottom:1vw;
	}
	
	.feature_gekikara-cmn-itemlist_wrap{
		padding: 5vw;
	}
	
	.feature_gekikara-cmn-itemlist_child{
		margin-bottom:5vw;
	}
	

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


}

/*feature_gekikara-mv*/

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

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


/*feature_gekikara-catch*/


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

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

.feature_gekikara-catcht_text01{
	text-align: center;
	font-size: 16px;
	line-height:2;
	letter-spacing: 0.2em;
	margin-bottom:80px;

}

.feature_gekikara-catcht_text01 p+p{
	margin-top:30px;
}

.feature_gekikara-catch_wrap{
	position: relative;
	z-index: 1;
	max-width: 750px;
	margin:0 auto;
}

.feature_gekikara-catch_deco_karashi::before,
.feature_gekikara-catch_deco_ninniku:before{
	display: block;
	content: "";
	position: absolute;
}

.feature_gekikara-catch_deco_karashi::before{
	width:95px;
	height:130px;
	background:url(https://cdn.shopserve.jp/okabemen.co.jp/cdnassets/feature/feature_gekikara/deco_karashi.png) center center no-repeat;
	background-size: 100% 100%;
	right:0;
	bottom:-20px;
}

.feature_gekikara-catch_deco_ninniku:before{
	width:130px;
	height:130px;
	background:url(https://cdn.shopserve.jp/okabemen.co.jp/cdnassets/feature/feature_gekikara/deco_ninniku.png) center center no-repeat;
	background-size: 100% 100%;
	left:0;
	top:-20px;
}

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


	.feature_gekikara-catch .content_width{
		max-width:inherit;
		padding-top:10vw;
	}
	
	.feature_gekikara-catch{
		margin-bottom:10vw;
	}
	
	.feature_gekikara-catcht_text01{
		font-size: 3vw;
		margin-bottom:10vw;
	
	}
	
	.feature_gekikara-catcht_text01 p+p{
		margin-top:5vw;
	}
	
	.feature_gekikara-catch_wrap{
		max-width: inherit;
	}

	
	.feature_gekikara-catch_deco_karashi::before{
		width:14vw;
		height:20vw;
		bottom:-2vw;
	}
	
	.feature_gekikara-catch_deco_ninniku:before{
		width:14vw;
		height:14vw;
		left:2vw;
		top:2vw;
	}
	

	
}


/*feature_gekikara-commit*/


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


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

.feature_gekikara-commit_area{
	padding-top:80px;
	padding-bottom:80px;
}

.feature_gekikara-commit_text01{
	float:right;
	width:55%;
	line-height:2;
}
.feature_gekikara-commit_image01{
	float:left;
	width:39%;
}

.feature_gekikara-commit_headline01{
	font-size: 23px;
	margin-bottom:5px;
}

.feature_gekikara-commit_box01._type2 .feature_gekikara-commit_text01{
	float:left;
	width:55%;
}
.feature_gekikara-commit_box01._type2 .feature_gekikara-commit_image01{
	float:right;
	width:39%;
}

.feature_gekikara-commit_box01+.feature_gekikara-commit_box01{
	margin-top:80px;
}


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

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


/*feature_gekikara-thought*/



.feature_gekikara-thought_text01{
	text-align: center;
	margin-bottom:40px;
}

.feature_gekikara-thought_text01 p+p{
	margin-top:20px;
}

.feature_gekikara-thought_slider{
	padding:0 0 40px;
	max-width:800px;
}

@media screen and (max-width: 768px) {
  
	.feature_gekikara-thought_text01{
		text-align: left;
		margin-bottom:5vw;
		font-size: 3vw;
	}

	
.feature_gekikara-thought_text01 p+p{
	margin-top:5vw;
}


	.feature_gekikara-thought_slider{
		padding:0;
		height:20vw;
	}

  }


/*feature_gekikara-recipe*/

.feature_gekikara-recipe .content_width{
	padding-top:80px;
	padding-bottom:80px;
}

.feature_gekikara-recipe_image{
	max-width:800px;
	margin:0 auto;
}

.feature_gekikara-recipe_image img{
	border-radius: 30px;
}

.feature_gekikara-recipe_image picture{
	float:left;
	width:32%;
	margin-right:2%;
}



.feature_gekikara-recipe_image picture:nth-child(3){
	margin-right:0;
}

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

}


/*feature_gekikara-merchandise*/
.feature_gekikara-merchandise .content_width{
	padding-top:80px;
	padding-bottom:80px;
}

/*feature_gekikara-order*/

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

  .feature_gekikara-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_gekikara-order_list::after {
	content: "";
	position: absolute;
	top: -34px;
	left: 0;
	right: 0;
	margin-inline: auto;
	width: 76%;
	height: 1px;
	border-bottom: 2px dashed #0b5515;
  }

  .feature_gekikara-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_gekikara-order_list li:not(:last-child) {
	border-right: 1px solid #0b5515;
  }

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

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

  .feature_gekikara-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 #0b5515;
	z-index: 1;
  }

  
  .feature_gekikara-order_title.cart::before {
	background-image: url(https://cdn.shopserve.jp/okabemen.co.jp/cdnassets/feature/feature_gekikara/icon_cart_green.png);
  }
  .feature_gekikara-order_title.mail::before {
	background-image: url(https://cdn.shopserve.jp/okabemen.co.jp/cdnassets/feature/feature_gekikara/icon_mail_green.png);
	width:55px;
}
  .feature_gekikara-order_title.box::before {
	background-image: url(https://cdn.shopserve.jp/okabemen.co.jp/cdnassets/feature/feature_gekikara/icon_box_green.png);
  }
  .feature_gekikara-order_title.box::after {
	background-color: #0b5515;
  }
  .feature_gekikara-order_icon {
	text-align: center;
	margin: auto;
	position: absolute;
  }

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


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

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


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

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

  @media screen and (max-width: 768px) {
	.feature_gekikara-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_gekikara-order_list {
		-ms-grid-columns: (1fr)[1];
		grid-template-columns: repeat(1, 1fr);
	  }

	  .feature_gekikara-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 #0b5515;
	  }

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

	  .feature_gekikara-order_list li:not(:last-child)  {
		border-right: none;
		border-bottom: 1px solid #0b5515;
	  }

	  .feature_gekikara-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_gekikara-order_title::before {
		top: auto;
		right: auto;
		width: calc(60 * 100vw / 750);
	  }

	  .feature_gekikara-order_title.mail::before {
		width: calc(51 * 100vw / 750);
	  }

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

	  .feature_gekikara-order_icon {
		margin-left: 0;
	  }
	  .feature_gekikara-order_list li .feature_gekikara-order_icon:not(.feature_gekikara-order_list li .feature_gekikara-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_gekikara-order_text {
		font-size: calc(26 * 100vw / 750);
	  }
  	.feature_gekikara-order_list li:nth-child(3) .feature_gekikara-order_icon {
		top: calc(286 * 100vw / 750) !important;
		left: calc(-64 * 100vw / 750) !important;
	  }

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

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