@charset "UTF-8";
/* for FD AB 06 202407 sz css */
/*▼▼▼▼▼▼▼▼▼6ab00.css********************▼▼▼▼▼▼▼▼▼*/

/*************************************************************************/
/*▼システムオーバーライド(配色+特設)▼***/
/*************************************************************************/


/*特設 form-title調整*/
/*PC*/ body:not(.spView) #order .form-img{ margin: 0px auto 30px;}
/*PC*/ body:not(.spView) #order .form-img img{ width: 100%;}


/*sp*/ body.spView #header{ display: none;}
/*sp*/ body.spView #footer #foot_info{ background: #000;}

/*sp*/ body.spView #gnav .tel,
/*sp*/ body.spView #gnav .mail{ color: #fff; border-right: 1px solid #8e8e8e; background: #000;}
/*sp*/ body.spView #gnav .mail .label{ background: url(/comimg/plugin/ico_order_form.png) center left / 1.8rem auto no-repeat;}
/*sp*/ body.spView #gnav .pagetop{ background: #490000 url(/comimg/plugin/ico_delta_pagetop.png) center center / 2rem auto no-repeat;}
/*sp*/ body.spView #contents{ padding-bottom: 20px;}
/*sp*/ body.spView #contents > .form-logo{display: none;}
/*sp*/ body.spView #contents > .form-img{ position: relative; z-index: 1000;}
/*sp*/ body.spView .order-submit button{ background: url(/comimg/ico_delta_left_white.png) no-repeat #5bb847; background-size: 5px auto; background-position: left 17px center;}

/*PC*/ body:not(.spView) #footer .copy .copy_nav a,
/*PC*/ body:not(.spView) #footer .copy address{}
/*PC*/ body:not(.spView) #footer #foot_info .company .logo{ filter: invert(1);}
/*PC*/ body:not(.spView) #footer #foot_info .info_tel{ border-color: #000;}
/*PC*/ body:not(.spView) #footer #foot_info{ color: #000; background: linear-gradient(to right,rgb(196,172,42) 0%,rgb(225,212,146) 20%,rgb(255,243,194) 50%,rgb(225,212,146) 80%,rgb(196,172,42) 100%);}


/*PC*/ body:not(.spView) #header .orderNav .orderNav_link a{ background-color: #c30e23;}
/*PC*/ body:not(.spView) #contents .order-submit button{ background: url(/comimg/ico_delta_left_white.png) no-repeat #3f861c !important; background-position: left 27px center !important;}
/*PC*/ body:not(.spView) #footer,
/*PC*/ body:not(.spView) #contents{ padding-bottom: 20px;}
/*PC*/ body:not(.spView) #contents .order > .inner{ margin-top: unset; padding-top: 35px; background: rgba( 255,255,255,1.0);}







/*▼jquery.bxslider.css スライダー周り(配色限定!)************************/
/*sp*/ body.spView .bx-wrapper{ background: #6a110d;}
/*sp*/ body.spView .bx-wrapper .bx-pager.bx-default-pager a{ background: #b5b5b5;}
/*sp*/ body.spView .bx-wrapper .bx-pager.bx-default-pager a:hover,
/*sp*/ body.spView .bx-wrapper .bx-pager.bx-default-pager a.active,
/*sp*/ body.spView .bx-wrapper .bx-pager.bx-default-pager a:focus{ background: #D7AF3F;}


/*************************************************************************/
/*▼基礎▼***/
/*************************************************************************/

/*▼▼#user_contents *****************************/

#user_contents{
	background-color: #ffffff;
}
/*PC*/ body:not(.spView) #footer,
/*PC*/ body:not(.spView) #contents,
/*PC*/ body:not(.spView) #user_contents{ background-color: #ffffff;}



/*▼▼ common  accordion-box(途中まで見える)/*****************************/

	/*配色,調整のみ*/
#user_contents .aco_box label{
	background: linear-gradient(to bottom, rgba(255,255,255, 0.0) 0%, rgba(255,255,255, 0.5) 20%, rgba(255,255,255, 1) 80%);
}
#user_contents .aco_box input:checked + label:after,
#user_contents .aco_box label:after{ color: #fff; background: #600;}

	/*PCでは開閉しないとき*/
body:not(.spView) #user_contents .aco_box input,
body:not(.spView) #user_contents .aco_box label{ display: none;}
body:not(.spView) #user_contents .aco_box .aco_inner{ height: auto;}


/*▼▼ common  aco_menu(チェックボックスアコーディオン)*****************************/
	/*PCで使わないとき*/
body:not(.spView) #user_contents .aco_menu .aco_contents{ font-size: unset;}
body:not(.spView) #user_contents .aco_menu input[type="checkbox"].aco_on_off + .aco_label + .aco_contents{ max-height: unset; overflow: unset;}
body:not(.spView) #user_contents input[type="checkbox"].aco_on_off + .aco_label + .aco_contents::before,
body:not(.spView) #user_contents input[type="checkbox"].aco_on_off:checked + .aco_contents::before{
	content: unset;
}

/*▼▼ common  ************************************************************************/

#user_contents .sec_hd{ color: #690000;}


/*************************************************************************/
/*▼デザイン本体▼***/
/*************************************************************************/


/*▼▼メインイメージ/ファーストビュー***********************************/
#user_contents #main{
	position: relative;
	background-color: #000;
	background-repeat: no-repeat;
	background-image: url(/6ab00/img/main/main_bg.jpg);
}
/*sp*/body.spView #user_contents #main{
	width: 100%; height: 130vw;
	background-size: 100% auto;
	background-position: 50% 39px;
}

/* sp▽ */ @media only screen and (max-width: 320px) {
	body.spView #user_contents #main{ height: 70vw;}
}/*△*/



/*PC*/body:not(.spView) #user_contents #main{
	margin: 0 auto; height: 1250px;
	overflow: hidden;
	background-size: 1100px auto;
	background-position: center 55px;
}
	/*タイトル*/
#user_contents #main .title{ position: absolute; z-index: 1000;}
/*sp*/body.spView #user_contents #main .title{
	top: 47vw; left: 27%; transform: translateX(-40%);
	width: 58vw;
}
body:not(.spView) #user_contents #main .title{
	top: 455px; left: 50%; transform: translateX(-85%);
	width: 625px; 
}


	/*特別なご案内*/
#user_contents .esinfo{
	margin: 0px auto; padding: 8px;
	text-align: center; font-size: 14px;
	color: #FFFFFF; background:#000000;
	border-width: 0 0 5px 0; border-style: solid;
	border-image: linear-gradient(to right,rgb(194,170,36) 0%,rgb(217,203,120) 38%,rgb(252,251,246) 62%,rgb(224,212,146) 100%) 0 0 5 0 stretch;
}
/*PC*/body:not(.spView) #user_contents .esinfo{
	padding: 15px;
	font-size: 22px;
}




/* PC-1.2k▽ *************/ @media (max-width: 1366px){

}/*△*/

/* PC-1.5k▽ *************/ @media (min-width: 1440px) and (max-width: 1700px){
}/*△*/
/* PC-1.5k▽ *************/ @media (min-width: 1700px) and (max-width: 1899px){
}/*△*/

/* PC-2k▽ *************/ @media only screen and (min-width: 1900px){

}/*△*/


/*▼reason おすすめする理由*******************************************************/
#user_contents #reason{
	padding-bottom: 30px;
	color: #fff;
	background: #000;
}

#user_contents #reason .sec_hd{
	margin-top: 0; margin-bottom: 0;
	padding-top: 0; padding-bottom: 0;
}

/*PC*/body:not(.spView) #user_contents #reason .sec_box{
	margin-top: 0; padding-top: 0;
}


#user_contents #reason .deco_catch{ width: 100%;}
/*sp*/body.spView #user_contents #reason .hd_img .graph{ width: 124%; margin-left: -12.5%;}


#user_contents #reason .reason_grid_root{
	display: grid;
}
/*sp*/body.spView #user_contents #reason .reason_grid_root{
	gap: 16px;
	grid-template-columns: 1fr;
	grid-template-rows: repeat(auto-fit, minmax(5vw, auto));
	grid-template-areas:
		"CATCH"
		"MEAT"
		"DELI"
		"DESC"
		"PHOTO";
}
/*PC*/body:not(.spView) #user_contents #reason .reason_grid_root{
	gap: 40px 20px;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 300px auto auto auto;
	grid-template-areas:
		"CATCH CATCH"
		"MEAT DELI"
		"DESC DESC"
		"PHOTO PHOTO";
}

#user_contents #reason .reason_box.first_catch{ grid-area: CATCH;}
#user_contents #reason .reason_box.about_meat{ grid-area: MEAT;}
#user_contents #reason .reason_box.about_deliver{ grid-area: DELI;}
#user_contents #reason .reason_box.meat_desc{ grid-area: DESC;}
#user_contents #reason .reason_box.photo_box{ grid-area: PHOTO;}


#user_contents #reason .reason_box .title{
	margin-bottom: 0.4em; font-size: 1.4em; line-height: 1.4em;
}
/*PC*/body:not(.spView) #user_contents #reason .reason_box .title{
	font-size: 26px;
}

#user_contents #reason .reason_box.first_catch{ margin: 20px auto 30px;}
#user_contents #reason .reason_box.first_catch .graph{
	width: 100%;
}





#user_contents #reason .reason_box.photo_box{
	display: grid;
	gap: 0;
	overflow: hidden;
}

/*sp*/body.spView #user_contents #reason .reason_box.photo_box{
	grid-template-rows: repeat(4, 37vw);
	grid-template-columns: 1fr;
}

/*PC*/body:not(.spView) #user_contents #reason .reason_box.photo_box{
	grid-template-rows: repeat(2, 200px);
	grid-template-columns: 1fr 1fr;
}




/*▲reason おすすめする理由*******************************************************/


/*▼　作り手************************************/
/*熟成肉と名店について*/

#user_contents #maker{
	padding-bottom: 30px;
	background: #ffffff;
}

body.spView #user_contents #maker .aco_box .aco_inner{ height: 50vw;}



#user_contents #maker .chef{ padding-bottom: 20px;}
#user_contents #maker .chef .profile{}

#user_contents #maker .maker_image{
	position: relative;
	overflow: hidden;
	margin-bottom: 10px;
	text-align: center;
}
/*PC*/body:not(.spView) #user_contents #maker .maker_image{ text-align: right;}
/*sp*/body.spView #user_contents #maker .maker_image img{ height: 25vw;}

#user_contents #maker .maker_name{
	margin-bottom: 10px; padding: 0px 0.5em;
	font-size: 4.8vw; line-height: 1.1; text-align: center;
}
/*PC*/body:not(.spView) #user_contents #maker .maker_name{
	margin: 20px auto; padding-left: 40%; font-size: 23px;
}
#user_contents #maker .maker_profile{
	position: relative; padding-top: 10px;
}
/*sp*/body.spView #user_contents #maker .maker_profile{
	padding-right: 2.66667vw;
	border-top: 1px dotted #ccc;
}

#user_contents #maker .maker_profile_name{
	margin-bottom: 10px; padding-left: 35%;
	font-weight: bold; font-size: 18px; line-height: 1.3;
}
/*PC*/body:not(.spView) #user_contents #maker .maker_profile_name{
	position: absolute; z-index: 100; top: 173px; right: 750px;
	padding: 2px 1em; background: rgb(255,255,255,0.8);
}

#user_contents #maker .maker_profile_photo{
	position: absolute; top: 10px; left: 0px; width: 35%;
}
/*PC*/body:not(.spView) #user_contents #maker .maker_profile_photo{
	top: -240px; left: 0px; width: 30%;
}


#user_contents #maker .maker_profile_photo img{ max-width: 332px;}

#user_contents #maker .maker_profile_text{
	display: block;
	padding: 0 15px;
	line-height: 1.625;
}
#user_contents #maker .maker_profile_text::before{
	content: "";
	display: inline-block; width: 36vw; height: 32vw; float: left;
}
/*PC*/body:not(.spView) #user_contents #maker .maker_profile_text::before{
	width: 33%; height: 192px;
}

#user_contents #maker .maker_profile_text::after{ content:""; clear: both; display: block;/*cf*/}

#user_contents #maker .maker_address{
	line-height: 1.4em; margin-bottom: 10px;
}
/*sp*/body.spView #user_contents #maker .maker_address{ padding: 0px 2.6vw;}

/*PC*/body:not(.spView) #user_contents #maker .maker_address{
	margin: 10px 20px; padding: 10px;
	display: flex;
	flex-flow: row wrap; justify-content: normal;
	align-items: stretch; align-content: stretch;
	border: 1px solid #ccc; border-radius: 10px;
}


#user_contents #maker .maker_address dt{ position: relative; text-align-last: justify; width: 4em;}

/*PC*/body:not(.spView)  #user_contents #maker .maker_address dt,
/*PC*/body:not(.spView)  #user_contents #maker .maker_address dd{ margin-top: 0.5em;}

/*PC*/body:not(.spView) #user_contents #maker .maker_address dt{ width: 5.5em;}
/*PC*/body:not(.spView) #user_contents #maker .maker_address dt::after{
	position: absolute;
	content: "：";
}


/*sp*/body.spView #user_contents #maker .maker_address dd{
	margin-top: -22px; margin-bottom: 2px; padding-left: 5em;
}
/*PC*/body:not(.spView) #user_contents #maker .maker_address dd{
	padding-left: 2em;
	width: calc( ( 50% - 6em ) );
}
/*PC*/body:not(.spView) #user_contents #maker .maker_address dd:last-of-type{
	width: calc( ( 100% - 6.5em ) );
}

#user_contents #maker .maker_address .time{ display: block;}
/*PC*/body:not(.spView) #user_contents #maker .maker_address .time{ display: inline-block; margin-right: 1em;}



/*▲　作り手************************************/



/*▼　アイテム************************************/

	/*#item*/
#user_contents #item{
	position: relative;
	color: #ffffff; background:#000000;
}
/*sp*/body.spView #user_contents #item{ padding: 5.33333vw 0px 7px;}

#user_contents #item::after{
	content: "";
	position: relative; display: block; width: 100%;
	background: url( /comimg/svg/svg_tri_u_2line_white_thin.svg) center bottom / 40vw 80% no-repeat;
}
/*sp*/body.spView #user_contents #item::after{ height: 20vw;}
/*PC*/body:not(.spView) #user_contents #item::after{ height: 170px;}

	/*.sec_hd 見出し*/
#user_contents #item .sec_hd{ color: #fff;}
/*sp*/body.spView #user_contents #item .sec_hd{ margin: 0px 0px 20px;}

	/*.caution_text 注意*/
#user_contents #item .caution_text{
	display: block; width: 100%; text-align: left;
}
/*PC*/body:not(.spView) #user_contents #item .caution_text{
	width: 1100px; margin: 0px auto;
	padding-left: calc( 1100px - 36em);
}
#user_contents #item .caution_text li{
	padding-left: 1.4em;
}


/*▼#monthly_item 毎月お届けする商品のご紹介(基本z-index(10)*/
#user_contents #item #monthly_item{
	position:relative; z-index: auto;
	margin: 0px auto; padding-bottom: 0px;
}

/*PC*/body:not(.spView) #user_contents #item  #monthly_item{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: repeat(auto-fit, minmax(100px, 1fr));
	gap: 20px;
	width: 1100px; margin-bottom: 50px;
}


	/*単月外枠*/
#user_contents #item  #monthly_item .month{
	position: relative; z-index: auto;
	display: block; width: 100%; padding: 1vw;
}

#user_contents #item #monthly_item .month::after{
	content:""; clear: both; display: block;
}

#user_contents #item #monthly_item .month .detail{
	position: relative;/*必須(★)*/
	z-index: 10;
	color: #fff;
}
/*sp*/body.spView #user_contents #item #monthly_item .month .detail{
	height: 145vw; /* for slider 必須 最長文章が切れないように*/
}

/*350未満▽*/
@media only screen and (max-width: 349px){
	body.spView #user_contents #item #monthly_item .month .detail{ height: 130vw;}
}/*△*/


	/*店名表示*/
#user_contents #item #monthly_item .month .detail::before{	border: 1px solid red;
	content: "";
	position: absolute; top: 3px; right: 3px;
	display: block;
}
#user_contents #item #monthly_item .month.kaika .detail::before{ content: "「鉄板焼 かいか」セレクション";}
#user_contents #item #monthly_item .month.koen .detail::before{ content: "「炉端 紅焔」セレクション";}



	/* 月*/
#user_contents #item #monthly_item .month .detail .mois{
	position: absolute; z-index: 10; top: -3px; left: -3px;
	width: 20%;
}
#user_contents #item #monthly_item .month .detail .mois_img{ width: 100%;}

	/*商品写真*/
#user_contents #item #monthly_item .month .detail .photo{ position: relative; width: 100%; line-height: 0;}
#user_contents #item #monthly_item .month .detail .photo .photo_img{ z-index: 20; width:100%;}

	/*商品説明*/
#user_contents #item #monthly_item .month .detail .item_desc{}
#user_contents #item #monthly_item .month .detail .item_desc .name{
	margin-bottom: 0.2em; padding: 0.3em 0;
	font-size: 1.2em;
}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month .detail .item_desc .name{
	padding: 0.6em 0.3em; font-size: 24px;
}

#user_contents #item #monthly_item .month .detail .item_desc .amount{
	margin-bottom: 0.2em; padding-right: 1em;
	text-align: right;
}






/*▲　アイテム************************************/


/*▼appeal_price アピール************************************/

#user_contents #price{ background: #000;}

/*▲　アピール************************************/

/*▼QA よくあるご質問************************************/

#user_contents #faq .faq_box .question{
	color: #fff;
	background:linear-gradient(to bottom,rgb(0,0,0) 0%,rgb(47,3,1) 100%);
}
#user_contents #faq .faq_box .answer::before{
	color: #871A16;
}

/*▲qa よくあるご質問*************************************/

/*▼voice 推薦します！************************************/


#user_contents #voice .praise{
	position: relative;
	padding: 0px 2vw;
}

#user_contents #voice .praise .title{ text-align: center;}
/*sp*/body.spView #user_contents #voice .praise .title{ padding-top: 20vw; font-size: 5vw;}
/*PC*/body:not(.spView) #user_contents #voice .praise .title{
	margin: 20px 15% 0px; font-size: 28px; color: #000;
}
#user_contents #voice .praise .title::after{ content:""; clear: both; display: block;/*cf*/}

#user_contents #voice .praise .title .icon{ max-width: 85px; float: left;}
#user_contents #voice .praise .lead{ padding-top: 0.8em;}

#user_contents #voice .praise .name{ text-align: right;}
/*sp*/body.spView #user_contents #voice .praise .name{ padding-right: 5vw;}
/*PC*/body:not(.spView) #user_contents #voice .praise .name{ margin-bottom: 1.5em; margin-right: 5em;}


#user_contents #voice .praise .text{
	line-height: 1.4em;
	border-top: 1px solid #cccccc;
}
/*sp*/body.spView #user_contents #voice .praise .text{ padding: 5vw 4vw;}
/*PC*/body:not(.spView) #user_contents #voice .praise .text{ padding: 2em;}

#user_contents #voice .caution_text{
	display: block;
	margin: 1em auto 0px;
	width: 93%;
	max-width: 100%;
	text-align: right;
}
/*PC*/body:not(.spView) #user_contents #voice .caution_text{ max-width: 1100px;}

#user_contents #voice .caution_text::before{ content: "※個人の感想です。";}


/*▲voice 推薦します！************************************/


/*************************************************************************/
/*▼ワードセレクト▼***/
/*************************************************************************/
/*極上 gokujo*/ #user_contents.gokujo .tokujo,
/*極上 gokujo*/ #user_contents.gokujo .saikoukyu{ display: none;}
/*最高級 saikoukyu*/ #user_contents.saikoukyu .tokujo,
/*最高級 saikoukyu*/ #user_contents.saikoukyu .gokujo{ display: none;}
/*特上 gokujo*/ #user_contents.tokujo .gokujo,
/*特上 gokujo*/ #user_contents.tokujo .saikoukyu{ display: none;}


/*************************************************************************/
/* webfont*/



/* PC▽ */ @media only screen and (min-width: 768px) {
	
	/*NSCJK 極太 Black*/
	@font-face {
		font-family: "NSCJKjp-Black";
		src:
			url("/comfont/NotoSerifCJKjpSub-Black.woff2") format('woff2'),
			url("/comfont/NotoSerifCJKjpSub-Black.woff")  format('woff');
	}

}/*△*/






/*************************************************************************/