@charset "utf-8";

#mainTitleWrap.guideBg {
	background: url("../image/order/main_pcbg.jpg") center center no-repeat;
	background-size: cover;
} 

@media screen and (max-width: 767px){
	
	#mainTitleWrap.guideBg {
		background: url("../image/order/main_pcbg.jpg") center center no-repeat;
		background-size: auto 100%;
	}
	
	#mainTitleWrap.guideBg .pageMainTitle {
		color: #000 !important;
	}
	
}

.mainVisual {
	margin-bottom: 60px;
}

.redframe{
	text-align: center;
	background: url("../image/order/redframe_top.png")no-repeat,url("../image/order/redframe_bottom.png")no-repeat;
	background-size: contain;
	background-position: top,bottom;
	padding: 40px 0;
	font-family: 'Noto Serif JP', serif;
	width: 80%;
	margin: 0 auto;
}

.bk_red{
	background: #bd3a43;
	color: #fff;
	font-size: 1.5rem;
	border-radius: 10px;
	display: inline-block;
	padding: 0 20px;
	margin-bottom: 10px;
}

.clr_red{
	display: block;
	color: #bd3a43;
	font-size: 3.0rem;
	font-weight: 600;
}

.frame_in{
	border-left: 3px solid #bd3a43;
	border-right: 3px solid #bd3a43;
}


@media screen and (max-width: 1280px){
	.redframe{
		width: 90%;
	}
	
	
}

@media screen and (max-width: 767px){
	
	.redframe{
		width: 100%;
		box-sizing: border-box;
	}
	
	
}




/*-------------------------------------------------------------------
	こだわり
-------------------------------------------------------------------*/


/* 美味しいを求めて日本全国へ */

.japanBox {
	padding: 60px 0;
}

.beafFlex {
	display: flex;
	justify-content: space-between;
	margin-bottom: 70px;
}


.beafFlex .beafTxt,
.beafFlex .beafPhoto {
	width: 48%;	
}

.beafGall {
	display: flex;
	margin-top: 30px;
}

.beafGall li:nth-child(n + 2) {
	margin-left: 20px;
}

.dobbleImg {
	display: flex;
	justify-content: space-between;
}

	.beaf_spm{
	margin-top: 30px;
}

.dobbleImg.endVer {
	align-items: flex-end;
}

.dobbleImg li {
	width: 48%;
	text-align: center;
}

.dobbleImg li.ver01 {
	width: 65%;
}
.dobbleImg li.ver02 {
	width: 30%;
}



.wasabi01 {
	font-size: 2.0rem;
	margin:20px 0 10px;
}

.wasabi02 {
	/*font-size: 1.3rem;*/
	/*line-height: 1.4;*/
	text-align: left;
}

.numberFlex {
	display: flex;
	justify-content: space-between;
	margin-bottom: 60px;
}

.numberFlex .numberSame {
	width: 31%;
}

.numLists {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 20px;
}

.numLists .numLeft {
	width: 14%;
}

.numLists .numRight {
	width: 84%;
	border-bottom: 1px solid #d29836;
	text-align: center;
	padding-bottom: 15px;
	line-height: 1.0;
	font-size: 1.8rem;
	/*font-family: 'Noto Serif JP', serif;*/
}


/*tripletFlex*/

.tripletFlex{
	display: flex;
	justify-content: space-between;
}

.tripletFlex .tripletSame{
	width: 30%;
}

.fish_flex{
	display: flex;
	justify-content: space-between;
}

.fishver{
	align-items: flex-end;
}

.twin_secnone{
	width: 30%;
}

.per_6{
	width: 65%;
}
/*
.fm_n{
	font-family: 'Noto Serif JP', serif; 
}
*/
.triple_mt{
		margin-top: 80;
	}

.boderTitle_02{
	font-size: 2.8rem;
	background: url("../image/common/title_btm_bg.jpg") bottom center no-repeat;
	padding-bottom: 15px;
	font-family: 'Noto Serif JP', serif;
	font-weight: 500;
	text-align: center;
	line-height: 1.5;
	margin: 50px 0 70px 0;
}

.boderTitle_02 .smalled_02{
	font-size: 2.0rem;
	display: inline-block;
}

.boderTitle_02 .smalled_02 img{
	vertical-align: text-top;
}

.contact_flw{
	display: flex;
	justify-content: space-between;
	margin-top: 70px;
}

.flw_btn{
	/*width: 580px;*/
	background: url("../image/index/contact_btn.jpg");
	width: 23%;
	text-align: center;
}

.contact_flw .flw_btn a{
	display: block;
	font-size: 2.0rem;
	padding: 60px 0;
	color: #fff;
	text-decoration: none;
	font-family: 'Noto Serif JP', serif;
	font-weight: 600;
}

.shp_label{
	background: #a25740;
	color: #fff;
	padding-left: 20px;
	margin: 70px 0 20px 0;
	font-size: 2.0rem;
	font-family: 'Noto Serif JP', serif;
}

.icon_flex{
	display: flex;
	justify-content: space-between;
	width: 45%;
	margin: 0 auto;
}

.ordericon{
	text-align: center;
}

.fannumber{
	font-size: 3.0rem;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #cccccc;
	margin: 70px 0 35px 0;
	font-family: 'Noto Serif JP', serif;
}

.fannumber .fan_title{
	margin-left: 20px;
	font-weight: 600;
}

.order_flex{
	display: flex;
	justify-content: space-between;
	margin-top: 15px;
}

.of_item{
	width: 30%;
}

.order_flex dd{
	margin-top: 15px;
}

.arrow::before{
	position: absolute;
	content: "";
	width: 10px;
	height: 10px;
	border: 5px solid;
	border-color: #000 #000 transparent transparent;
	transform: rotate(45deg) translate(-50%);
	top: 37%;
	left: -11%;
}

.arrow{
	position: relative;
}

.arrow::after{
	position: absolute;
	content: "";
	width: 10px;
	height: 10px;
	border: 5px solid;
	border-color: #000 #000 transparent transparent;
	transform: rotate(45deg) translate(-50%);
	top: 37%;
	right: -11%;
}

.sight{
	display: flex;
	margin-top: 20px;
}

.sight_item_1{
	background: #d29836;
	width: 30%;
	color: #fff;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.6rem;
}

.sight_item_2{
	border: 1px solid #d29836;
	padding: 20px;
	width: 100%;
}

.tell_item{
	text-align: center;
	line-height: 1.4;
}

.tell_item_1{
	font-size: 1.8rem;
}

.tell_item_2::before{
	content: url("../image/order/tellicon.png");
	position: absolute;
	top: 50%;
	left: -20%;
	transform: translateY(-50%);
}

.tell_item_2{
	font-size: 6.0rem;
	position: relative;
	display: inline-block;
	margin-left: 50px;
	font-family: 'Noto Serif JP', serif;
}

.tell_item_3{
	font-size: 1.3rem;
}

.pleaseUl{
	margin-bottom: 80px;
}

.acsFlex{
	margin-bottom: 70px;
}

.deliFlex{
	margin-bottom: 60px;
}

#faxArea .arrow::after{
	display: none;
}

#shopSiteArea{
	margin-top: -100px;
    padding-top: 100px;
}

#mailArea{
	margin-top: -100px;
    padding-top: 100px;
}

#faxArea{
	margin-top: -100px;
    padding-top: 100px;
}

#tellArea{
	margin-top: -100px;
    padding-top: 100px;
}

.finalWrap {
	padding-left: 6%;
}

#finalArea{
	padding-bottom: 0;
}

.orangeTable th, .orangeTable td{
	padding: 10px 15px;
}

/*
.fnt_mntu{
	font-family: 'Noto Serif JP', serif;
}
*/

@media screen and (max-width: 767px){
	
	.japanBox {
		padding: 30px 0;
	}
	
	.beafFlex {
		display: block;
		margin-bottom: 40px;
	}


	.beafFlex .beafTxt {
		width: auto;
	}
	.beafFlex .beafPhoto {
		display: none;
	}
	
	.beafGall {
		display: none;
	}
	
	.dobbleImg {
		display: none;
	}
	
	
	.numberFlex {
		display: block;
	}

	.numberFlex .numberSame {
		width: auto;
	}
	
	.numberSame figure img {
		width: 100%;
	}
	
	.numberFlex .numberSame:nth-child(n + 2) {
		margin-top: 40px;
	}
	
	.tripletFlex{
		display: block;
	}
	
	.tripletFlex .tripletSame{
		width: 100%;
	}
	
	.twitri_center{
		text-align: center;
	}
	
	.twin_secnone{
		display: none;
	}
	
	.per_6{
		width: 100%;
	}
	
	.numLists .numRight {
		text-align: left;
	}
	
	
.sp_m10{
	margin-bottom: 15px;
}
	
	.beaf_spm{
	margin-top: 15px;
}
	
	.triple_mt{
		margin-top: 0;
	}
	
	
}


@media screen and (max-width: 767px){
	
	.contact_flw{
		display: block;
	}
	
	.flw_btn{
		width: 100%;
		
	}
	
	.flw_btn:nth-child(n + 2) {
		margin-top: 20px;
	}
	
	.order_flex{
		display: block;
		margin-top: 40px;
	}
	
	.of_item{
		width: 90%;
		margin: 0 auto 20px auto;
	}
	
	.of_item figure{
		/*text-align: center;*/
	}
	
	.order_flex dd {
		margin-top: 5px;
	}
	
	.finalWrap{
		padding: 0;
	}
	
	.of_item:nth-of-type(2){
		margin: 80px auto;
	}
	
	.arrow::before{
		position: absolute;
		content: "";
		width: 10px;
		height: 10px;
		border: 5px solid;
		border-color: transparent transparent #000 #000;
		transform: rotate(-45deg) translateX(-50%);
		top: -70px;
		left: 50%;
	}
	
	.arrow::after{
		position: absolute;
		content: "";
		width: 10px;
		height: 10px;
		border: 5px solid;
		border-color: transparent transparent #000 #000;
		transform: rotate(-45deg) translateX(-50%);
		top: auto;
		bottom: -30px;
		left: 50%;
	}
	
	.sight{
		display: block;
		margin-top: 50px;
	}
	
	.sight_item_1{
		width: 100%;
		padding: 15px 5%;
	}
	
	#faxArea .of_item:nth-of-type(2){
		margin: 80px auto 0 auto;
	}

	.tell_item_2{
		font-size: 4.0rem;
	}
	
	.redframe{
		padding: 15px 0;
	}
	
	.frame_in{
		border-left: 1px solid #bd3a43;
		border-right: 1px solid #bd3a43;
	}
	
	.bk_red{
		font-size: 1.4rem;
	}
	
	.clr_red{
		font-size: 1.8rem;
		font-weight: 600;
		padding: 0 3%;
	}
	
	.clr_nml{
		font-size: 1.2rem;
	}
	
	.boderTitle_02 .smalled_02 img{
		width: 40%;
	}
	
	.boderTitle_02 .smalled_02{
		font-size: 1.5rem;
	}
	
	.boderTitle_02{
		font-size: 1.6rem;
	}
	
	.boderTitle_02{
		margin-top: 25px;
	}
	
	.contact_flw{
		margin-top: 60px;
	}
	
	.tell_item_2::before {
		top: 58%;
		left: -22%;
	}
	
	.shp_label{
		margin: 50px 0 10px 0;
	}
	
	.contact_flw .flw_btn a{
		padding: 20px 0;
	}
	
	.tell_item_1{
		font-size: 1.6rem;
	}
	
	.fannumber{
		font-size: 2.5rem;
	}
	
	.frame_in{
		line-height: 1.5;
	}
	
	.ordericon{
		width: 94%;
		margin: 0 auto;
	}
	
}