@charset "UTF-8";
/* for FD 4TC (basefont16px) 202406 sz css */
/*▼▼▼▼▼▼▼▼▼5tc00.css********************▼▼▼▼▼▼▼▼▼*/


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


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

/*sp*/ body.spView #footer #foot_info{ background: #222224;}

/*sp*/ body.spView #footer #foot_info .info_tel .area-txt{ color: #fcfcfc;}
/*sp*/ body.spView #gnav .tel,
/*sp*/ body.spView #gnav .mail{ color: #fff; border-right: 1px solid #e5c36b; background: #222224;}
/*sp*/ body.spView #gnav .pagetop{ background-color: #A78347;}
/*sp*/ body.spView .order-submit button{ background-color: #3f861c;}


/*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) #footer #foot_info .lead,
/*PC*/ body:not(.spView) #footer #foot_info .info_tel .area-txt{ color: #000;}

/*PC*/ body:not(.spView) #header .orderNav .orderNav_link a{ background-color: #c30e23;}



/*▼jquery.bxslider.css スライダー周り(配色/微調整限定!)************************/
/*sp*/ body.spView .bx-wrapper{ background: #3b3b3c;}
/*sp*/ body.spView .bx-wrapper .bx-pager.bx-default-pager a{ background: #b7b2a5;}
/*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: #ffdc00;}
/*sp*/body.spView .bx-wrapper .bx-controls-direction a{ top: 100vw;}

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





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

#contents,
#user_contents{
	background-color: #ffffff;
	background:
		linear-gradient(to right,rgba(255,255,255 , 0.7) 0%,rgba(255,255,255,0.7) 100%) center top / 100vw calc( 100% - 20vw )/*★*/ repeat-y, 
		url(/5tc00/img/parts/contents_bg.png) left top / 10vw 10vw repeat;
}

/*PC*/ body:not(.spView) #footer,
/*PC*/ body:not(.spView) #contents,
/*PC*/ body:not(.spView) #user_contents{
	background-position: center top , center top;
	background-size: 1100px 50px, 90px 100px;
}



/*▼▼ 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 ul,
#user_contents p,
#user_contents figure{
	margin: unset; margin-block: unset; margin-inline: unset;
	padding: unset;
	list-style-type: none;
}



#user_contents .sec_hd{ color: #960000; font-family: "NSCJKjp-Bold";}

#user_contents .svgimg{ width: 100%; height: auto;}
#user_contents .smaller{ font-size: 80%;}

#user_contents .box_com.text{}

#user_contents .list .line .title{ font-size: 5vw; line-height: 1.3em; color: #5c2e8e;}
/*PC*/body:not(.spView) #user_contents .list .line .title{ font-size: 180%;}



#user_contents .price_bnr .bnr_box{
	display: block; margin: 0px auto; max-width: 96%;
}
/*PC*/body:not(.spView) #user_contents .price_bnr .bnr_box{
	width: 750px;
}



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



/*▼▼メインイメージ/ファーストビュー #main*********************/

#user_contents #main{
	position: relative;
	background: #fff linear-gradient(to right bottom, #e9ca7f 0%, #dfb44e 50%, #a46e32 100%) center bottom / 100% 18vw no-repeat ;
}

/*sp*/body.spView #user_contents #main{
	padding-bottom: 15vw;
	height: auto;
}

/*PC*/body:not(.spView)  #user_contents #main{
	height: auto;
	margin-bottom: clamp( 100px , 14vw, 400px );/*★::after用*/
	padding-bottom: 200px;/*pop_msg用*/
	background-size: 100% 18vw no-repeat;
}
/*PC*/body:not(.spView)  #user_contents #main:after{
	content: "";
	position: absolute; z-index: 1; left: 50%; transform: translateX(-50%);
	bottom: calc(-1 * clamp( 100px, 14vw, 400px) + 2px );/*★*/
	display: block; width: 100%; height: 14vw; max-height: 400px;
	background:
		url( /5tc00/img/main/main_bg3.jpg ) center bottom / auto 100% no-repeat;
}





	/*特別なご案内*/
#user_contents #esinfo{
	padding: 7px 0px; width: 100%;
	text-align: center; color: #F5EDE1; background: #000;
}
#user_contents #esinfo .text{ position: relative; z-index: 100;}
/*PC*/body:not(.spView) #user_contents #esinfo{ font-size: 22px; padding: 12px 0px;}


	/*main部品*/
#user_contents #main .title{
	position: absolute; z-index: -1;
	top: 0; left: 0;
	font-size: 14px; letter-spacing: -1px; color: #fff;
}

#user_contents #main .title_box{
	position: relative; z-index: 5;
}
	/*pop_msg*/
#user_contents #main .pop_msg{
	position: absolute; z-index: 10; left: 50%; transform: translateX(-50%);
	width: 100%; color: #000; text-align: center; 
}
/*sp*/body.spView #user_contents #main .pop_msg{
	bottom: 2vw; padding: 0 5vw;  font-size: 5vw;
}

/*PC*/body:not(.spView)  #user_contents #main .pop_msg{
	bottom: 100px; transform: translate( -50% , 43% );
	font-size: 45px; line-height: 1.2em; font-weight: bold;
}

	/*price_msg*/
#user_contents #main .price_msg{
	position: absolute; z-index: 10; width: 100%;
	color: #222; background: #fff5;
}
#user_contents #main .price_msg::before{ content: "※";}
/*sp*/body.spView #user_contents #main .price_msg{
	bottom: 16.42vw; padding-left: 2em;
	font-size: 12px; line-height: 1em; text-align: right;
}
/*sp*/body.spView #user_contents #main .price_msg::before{
	position: absolute; left: 1.0em;
}


/*PC*/body:not(.spView) #user_contents #main .price_msg{
	bottom: 206px;
	text-align: center;
}


/* PC-1.1k▽ *************/ @media only screen and (max-width: 1099px){



}/*△*/

/* PC1.1k-▽ *************/ @media only screen and (min-width: 1100px) and (max-width: 1366px){



}/*△*/

/* PC1.4k▽ *************/ @media only screen and (min-width: 1367px) and (max-width: 1440px){


}/*△*/

/* PC1.5k▽ *************/ @media only screen and (min-width: 1441px) and (max-width: 1536px){

}/*△*/
/* PC-1.7k▽ *************/ @media only screen and (min-width: 1537px) and (max-width: 1680px){

}/*△*/
/* PC-1.9k▽ *************/ @media only screen and (min-width: 1681px) and (max-width: 1920px){

}/*△*/
/* PC-1.9k▽ *************/ @media only screen and (min-width: 1921px) and (max-width: 2560px){

}/*△*/
/* PC-2.5k▽ *************/ @media only screen and (min-width: 2561px){

}/*△*/









/*▲▲メインイメージ/ファーストビュー*********************/


/*▼▼おすすめする理由 #reason*********************/




/*▼.maker 生産者について-----------------*/
	/*common*/
#user_contents .reason_desc{
	position:relative;
	margin: 10px auto 40px; padding: 0px 10px;
}
/*PC*/body:not(.spView) #user_contents .reason_about,
/*PC*/body:not(.spView) #user_contents .reason_desc{
	margin: 50px auto; padding: 0px 20px;
}
#user_contents .reason_desc .desc_box{
	margin-bottom: 10px; line-height: 1.4em;
}
/*PC*/body:not(.spView) #user_contents .reason_desc .desc_box{
	margin-bottom: 40px;
}

#user_contents .reason_about::after,
#user_contents .reason_desc .desc_box::after{ content:"";clear: both;display: block;}

#user_contents .reason_about .graph,
#user_contents .reason_desc .photo_main{
	position: relative;
	margin-right: 10px; float: left;
}
/*PC*/body:not(.spView) #user_contents .reason_about .graph,
/*PC*/body:not(.spView) #user_contents .reason_desc .photo_main{
	margin-right: 30px;
}

#user_contents .reason_desc .photo_main{ width: 38%;}
#user_contents .reason_about .graph{ width: 40%;}
/*PC*/body:not(.spView) #user_contents .reason_about .graph{ width: 20%;}

#user_contents .reason_desc .photo_main .badge_box{
	position: absolute; bottom: 5px; right: 5px;
	width: 100%; height: 30px; text-align: right;
}
/*PC*/body:not(.spView) #user_contents .reason_desc .photo_main .badge_box{
	height: 60px;
}
#user_contents .reason_desc .photo_main .badge_box .badge{
	margin-left: -2px; height: 100%;
}

#user_contents .reason_about .title,
#user_contents .reason_desc .catch,
#user_contents .reason_desc .title{ letter-spacing: -1px;}
#user_contents .reason_about .catch,
#user_contents .reason_desc .catch{
	margin-bottom: 20px; padding-top: 0px; 
	color: #670b0d; line-height: 1.4em;
}
/*PC*/body:not(.spView) #user_contents .reason_about .catch,
/*PC*/body:not(.spView) #user_contents .reason_desc .catch{ font-size: 1.5em;}


#user_contents .reason_about .title,
#user_contents .reason_desc .title{ font-size: 20px; line-height: 1.3em;}
/*PC*/body:not(.spView) #user_contents .reason_about .title,
/*PC*/body:not(.spView) #user_contents .reason_desc .title{ font-size: 30px;}

#user_contents .reason_desc .title{ margin: 10px 0px;}
#user_contents .reason_about .title{
	margin: 40px auto; padding: 0px 5px; 
	text-align: center;
}
#user_contents .reason_about .title .inner{
	display: inline-block;
	padding: 15px;
	line-height: 1.3em;
	color: #fff;
	background: #960000;
	border-radius: 80px;
}
/*PC*/body:not(.spView) #user_contents .reason_about .title .inner{
	line-height: 41px;
}
#user_contents .reason_about .text,
#user_contents .reason_desc .text{ margin-bottom: 10px;}
#user_contents .reason_desc .photo_sub{}

	/* customize/override */
		/* photo_right */
#user_contents .reason_desc.photo_right .photo_main{
	margin-right: unset; margin-left: 10px; float: right;
}
		/* title_right */
#user_contents .reason_desc.title_right .title,
#user_contents .reason_desc.title_right .profession{ text-align: right;}
		/* aono */
#user_contents .reason_desc.aono .profile{
	margin-top: 1em; padding: 0.5em;
	border: 1px solid #adad7b; border-radius: 5px;
}
/*PC*/body:not(.spView) #user_contents .reason_desc.aono .profile{
	width: 606px;
	margin-left: calc( 100% - 636px );
}

		/* deco */
#user_contents .reason_about.affinere{}
/*PC*/body:not(.spView) #user_contents .reason_about.affinere{
	position: relative; margin: 120px auto 90px; padding: 70px 100px 80px;
}
/*PC*/body:not(.spView) #user_contents .reason_about.affinere::before,
/*PC*/body:not(.spView) #user_contents .reason_about.affinere::after{
	content: "";
	position: absolute; top: 0px; left: 0px;
	width: 1100px; height: 100%;
	background: url( /5tc00/img/maker/maker_frame_side.svg ) 60px center / auto 100% no-repeat;
}
/*PC*/body:not(.spView) #user_contents .reason_about.affinere::after{ transform: scalex( -1 ); }

#user_contents .reason_about.affinere .title{
	padding-top: 35px; width: 100%; height: 70px;
	background: url( /5tc00/img/maker/maker_frame_top.svg ) center top / auto 100% no-repeat;
}
/*PC*/body:not(.spView) #user_contents .reason_about.affinere .title{
	position: absolute; top: -130px; left: 50%; transform: translateX(-50%);
	padding-top: 70px; height: 140px;
}

#user_contents .reason_about.affinere .title .inner{
	background: unset; color: #670b0d;
}
/*sp*/body.spView #user_contents .reason_about.affinere .title .inner{
	border-radius: unset;
}

#user_contents .reason_about.affinere .graph{ width: 50%;}
/*PC*/body:not(.spView) #user_contents .reason_about.affinere .graph{ width: 36%;}
/*PC*/body:not(.spView) #user_contents .reason_about.rm_champagne .graph{ margin-left: 130px; }


/*▲▲おすすめする理由*********************/
/*▼▼価格バナー .price_bnr*********************/

#user_contents #reason ~ .price_bnr{ margin-bottom: 40px;}



/*▲▲価格バナー*********************/
/*▼▼毎月のメニュー #item*********************/

#user_contents #item #monthly_item{
	position: relative; z-index:10;
	margin: 0px auto; padding-bottom: 0px;
}

/*PC*/body:not(.spView) #user_contents #item{
	margin-top: 100px; padding: 70px 0px 50px;
}

/*▼配色まとめ(color,bg)*/

/*sp*/body.spView #user_contents #item{ background: #080808;}
/*PC*/body:not(.spView) #user_contents #item{
	background-color: #080808;
}
/*PC*/body:not(.spView) #user_contents #item::before,
/*PC*/body:not(.spView) #user_contents #item::after{
	content: "";
	position: absolute; top: 0;
	display: block; width: 90px; height: 100%;
	background: url( /comimg/svg/vline_rp_lace_01.svg ) left top / 100% auto repeat-y;
	opacity: 0.3;
}
/*PC*/body:not(.spView) #user_contents #item::before{ left: -15px;}
/*PC*/body:not(.spView) #user_contents #item::after{ right: -15px; transform: scaleX(-1);}



#user_contents #item .sec_hd{
	color: #000;
	background: #DACB78 linear-gradient(to bottom, rgb(225, 212, 146) 0%, rgb(255, 243, 194) 36%, rgb(196, 172, 42) 80%, rgb(195, 171, 39) 98%, rgb(225, 212, 146) 100%);
}
/*PC*/body:not(.spView) #user_contents #item .sec_hd{ padding-bottom: 30px;}

/*sp*/body.spView #user_contents #item #monthly_item{ color: #f4f4f4;}
/*sp*/body.spView #user_contents #item #monthly_item .item_catch,
/*sp*/body.spView #user_contents #item #monthly_item .item_desc .item_maker,
/*sp*/body.spView #user_contents #item #monthly_item .item_desc .item_honor,
/*sp*/body.spView #user_contents #item #monthly_item .item_desc .item_name,
/*sp*/body.spView #user_contents #item #monthly_item .item_desc .item_type,
/*sp*/body.spView #user_contents #item #monthly_item .item_desc.food .item_note{ color: #ffe35f;}

/*PC*/body:not(.spView) #user_contents #item #monthly_item .item_catch,
/*PC*/body:not(.spView) #user_contents #item #monthly_item .item_desc .item_honor,
/*PC*/body:not(.spView) #user_contents #item #monthly_item .item_desc .item_type,
/*PC*/body:not(.spView) #user_contents #item #monthly_item .item_desc .item_note,
/*PC*/body:not(.spView) #user_contents #item #monthly_item .text{ color: #ffffff;}

/*PC*/body:not(.spView) #user_contents #item #monthly_item .item_desc .item_maker,
/*PC*/body:not(.spView) #user_contents #item #monthly_item .item_desc .item_name{
	color: #ffff99; 
}



#user_contents #item #monthly_item .item_desc:not(:last-child):after{
	background-color:#fff;
	background-image:
		linear-gradient(to right,#fff 0%,#fff 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 100%),
		linear-gradient(to right,#c2aa24 0%,#d9cb78 38%,#e0d492 62%,#fbfbf6 100%);
}
/*sp*/body.spView #user_contents #item #monthly_item .item_desc:not(:last-child):after{
	background: #e0d492;
}


/*▲配色まとめ(color,bg)*/

#user_contents #item .sec_hd{
	padding-top: 10px;
	font-size: 6vw;
}
/*PC*/body:not(.spView) #user_contents #item .sec_hd{
	padding-top: 20px;
	font-size: 66px;
	border-radius: 8px;
}




/***************************************
組み合わせ

食品３型:type_p1f3b0 (photo1_food3_bottle0)
　└バッジ横: badge_h
　└バッジ縦: badge_v

食品１+瓶１型:type_p1f1b1 (photo1_food1_bottle1)
　└バッジ横+瓶有: badge_hb
　└バッジ縦: badge_v

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


/*▼monthly_item 陳列01月→12月*/
#user_contents #item #monthly_item{
	position:relative; z-index: auto;
}
/*PC*/body:not(.spView) #user_contents #item #monthly_item{
	margin: 0px auto; padding-bottom: 0px; max-width: 1100px;
}


	/*month単月 外枠類*/
#user_contents #item  #monthly_item .month{
	position:relative; z-index: 10;
	display:block; width:100%; margin: 4px 0px 10px ; padding: 0px 4px 4px;
	vertical-align:top; letter-spacing: normal; text-align:left;
}
/*PC*/body:not(.spView) #user_contents #item  #monthly_item .month{
	 z-index: auto; margin: 20px 0px ; padding: 4px;
}
#user_contents #item #monthly_item .month::after{ content:"";clear: both;display: block;/*cf*/}
#user_contents #item #monthly_item .detail{ position: relative;/*必須(★)*/}


	/* month_number単月-月表示*/
#user_contents #item #monthly_item .month_number{
	position: absolute; z-index: 1020; top: -0.5vw; left: -0.5vw;
	display: block; width: 100px; height: 100px;
}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month_number{
	top: 0px; left: 0px; width: 160px; height: 160px;
}

	/* badge_box 単月-バッジ*/
#user_contents #item #monthly_item .badge_box{
	position: absolute; z-index: 1000;
	display: flex; flex-wrap: nowrap; align-items: center;
}
		/*バッジ横(h)横:瓶有(hb)*/
#user_contents #item #monthly_item.badge_hb .badge_box,
#user_contents #item #monthly_item.badge_h .badge_box{
	top: 4px; left: 28vw; height: 45px; width: 67vw;
	flex-direction: row; align-items: center;
}
/*PC*/body:not(.spView) #user_contents #item #monthly_item.badge_hb .badge_box,
/*PC*/body:not(.spView) #user_contents #item #monthly_item.badge_h .badge_box{
	top: 29px; left: 14%; height: 80px; width: 39%;
}
#user_contents #item #monthly_item.badge_hb .badge_box{
	left: unset; top: 83vw; right: 25vw; justify-content: flex-end;
}
/*PC*/body:not(.spView) #user_contents #item #monthly_item.badge_hb .badge_box{
	top: 490px; left: 4%; justify-content: flex-end;
}

#user_contents #item #monthly_item.badge_hb .badge_box .badge,
#user_contents #item #monthly_item.badge_h .badge_box .badge{
	margin: 0px -2px; height: 100%;
}
		/*バッジ縦(v)*/
#user_contents #item #monthly_item.badge_v .badge_box{
	top: 24vw; right: 5px; width: 45px; height: 70vw;
	flex-direction: column-reverse;
}
/*PC*/body:not(.spView) #user_contents #item #monthly_item.badge_v .badge_box{
	top: 80px; left: 45%; width: 80px; height: 490px;
}
#user_contents #item #monthly_item.badge_v .badge_box .badge{
	margin: -2px 0px; width: 100%;
}

	/* photo単月-写真*/
#user_contents #item #monthly_item .photo_box{
	position: relative;
	z-index: 10;
	margin: 0px;/*★*/
	width: 100%;/*★*/
}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .photo_box{
	margin: 10px 1% 0px;/*★*/
	width: 52%;/*★*/
	float: left;
}

#user_contents #item #monthly_item .photo_box .food{
	position: relative; z-index: 20; width:100%;
}
#user_contents #item #monthly_item .photo_box .bottle{
	position: absolute; z-index: 50; top: 19vw; right: -1vw;
	width: 25vw; height: auto;
}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .photo_box .bottle{
	top: 80px; left: 79%;
	width: 150px;
}


	/* 単月-商品説明 common*/
#user_contents #item #monthly_item .item_desc{
	position: relative;
	display: block; margin-bottom: 10px; padding: 5px;
}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .item_desc{
	margin-bottom: 40px; padding: 0px 5px 5px 0px;
	width: 45%; float: right;
}

#user_contents #item #monthly_item .item_catch,
#user_contents #item #monthly_item .item_desc .item_maker,
#user_contents #item #monthly_item .item_desc .item_name,
#user_contents #item #monthly_item .item_desc .item_note{
	letter-spacing: -0.6px; line-height: 1.4em;
}

#user_contents #item #monthly_item .item_catch{
	margin: 15px auto; padding: 0px 7vw; font-size: 4.5vw;
}
/*sp*/body.spView #user_contents #item #monthly_item .item_catch{ display: none;}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .item_catch{
	margin-bottom: 25px; padding: 0px; font-size: 24px;
}


/*sp*/body.spView #user_contents #item #monthly_item .item_desc .item_maker,
/*sp*/body.spView #user_contents #item #monthly_item .item_desc .item_name{ padding-left: 8vw;}


#user_contents #item #monthly_item .item_desc .item_maker{}
#user_contents #item #monthly_item .item_desc .item_name{ font-size: 4vw;}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .item_desc .item_name{
	font-size: 18px;
}

#user_contents #item #monthly_item .item_desc.food .item_type,
#user_contents #item #monthly_item .item_desc .item_note{
	display: inline-block; margin-right: 0.5em; float: right;
}



#user_contents #item #monthly_item .item_desc.food .item_type{}
#user_contents #item #monthly_item .item_desc .item_note{}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .item_desc .item_note{
	padding-right: 14px; text-align: right;
}

/*sp*/body.spView #user_contents #item #monthly_item .item_desc .text:before{ content:"";clear: both;display: block;}
/*sp*/body.spView #user_contents #item #monthly_item .item_desc .text{
	margin: 10px 0px;
}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .item_desc .text{
	margin: 29px 0 10px;
}


#user_contents #item #monthly_item .item_desc:not(:last-child):after{
	position: absolute; bottom: -5px; left: 1vw;
	content:""; display: block;/*cf*/
	padding-left: 0px; width: 95vw; height: 1px;
	background-size: 7px 100% , 100% 100%; background-repeat: repeat-x , no-repeat;
}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .item_desc:not(:last-child):after{
	left:0px; width: 500px;
}


	/* 単月-商品説明 タイプ別 食品１瓶１型type_p1f1b1(photo1_food1_bottle1)*/
	/* 単月-商品説明 タイプ別 食品１瓶なし型type_p1f1b0(photo1_food1_bottle0)*/
#user_contents #item #monthly_item.type_p1f1b0 .item_desc,
#user_contents #item #monthly_item.type_p1f1b1 .item_desc{}
#user_contents #item #monthly_item.type_p1f1b0 .item_desc .item_photo,
#user_contents #item #monthly_item.type_p1f1b1 .item_desc .item_photo{ display: none;}
#user_contents #item #monthly_item.type_p1f1b1 .item_desc{}

/*PC*/body:not(.spView) #user_contents #item #monthly_item.type_p1f1b0 .item_desc,/*PC*/body:not(.spView) #user_contents #item #monthly_item.type_p1f1b1 .item_desc{}
/*PC*/body:not(.spView) #user_contents #item #monthly_item.type_p1f1b0 .item_desc .item_photo,/*PC*/body:not(.spView) #user_contents #item #monthly_item.type_p1f1b1 .item_desc .item_photo{ display: none;}
/*PC*/body:not(.spView) #user_contents #item #monthly_item.type_p1f1b1 .item_desc{ width: 43%;}



	/* 単月-商品説明 タイプ別 食品３瓶なし型 type_p1f3b0(photo1_food3_bottle0)*/
#user_contents #item #monthly_item.type_p1f3b0 .photo_box .bottle{ display: none;}
#user_contents #item #monthly_item.type_p1f3b0 .item_desc{}
/*PC*/body:not(.spView) #user_contents #item #monthly_item.type_p1f3b0 .item_desc{
	width: calc( 100% - 55%);/*★*/
	margin-bottom: 10px;
}
#user_contents #item #monthly_item.type_p1f3b0 .item_desc .text{ margin: unset;}

#user_contents #item #monthly_item.type_p1f3b0 .item_desc.food {
	position: relative; margin-bottom: 15px;
}
/*PC*/body:not(.spView) #user_contents #item #monthly_item.type_p1f3b0 .item_desc.food {
	padding-left: 148px; height: 166px;/*◎*/
}

/*sp*/body.spView #user_contents #item #monthly_item.type_p1f3b0 .item_desc.food::before{
	content: "";
	display: inline-block; width: 25.5vw; height: 25.5vw;
	float: left;
}

#user_contents #item #monthly_item.type_p1f3b0 .item_desc.food .item_photo{
	position: absolute; top: 0px; left: 0px;
	display: block; width: 25vw; height: 25vw; /*◎*/
}
/*PC*/body:not(.spView) #user_contents #item #monthly_item.type_p1f3b0 .item_desc.food .item_photo{
	position: absolute; top: 0px; left: 0px;
	display: block; width: 135px; height: 135px; /*◎*/
}

#user_contents #item #monthly_item.type_p1f3b0 .item_desc.food .item_maker{
	position: absolute; top: 25.5vw; left: 0px;
}
/*PC*/body:not(.spView) #user_contents #item #monthly_item.type_p1f3b0 .item_desc.food .item_maker{
	top: 140px; left: 0px;
}
/*sp*/body.spView #user_contents #item #monthly_item.type_p1f3b0 .item_desc.food .item_name{
	padding-left: 25vw;
}
#user_contents #item #monthly_item.type_p1f3b0 .item_desc.food .item_note{}
#user_contents #item #monthly_item.type_p1f3b0 .item_desc.bottle{ display: none;}

/*▲monthly_item 陳列01月→12月*/




/*▼添え書き*/
#user_contents #item .caution_text{ color: #c0c0c0;}
/*sp*/body.spView #user_contents #item .caution_text{ text-align: left;}
/*PC*/body:not(.spView) #user_contents #item .caution_text{
	margin-left: calc( 100% - 63em );
	width: 60em; text-align: left;
}
/*PC*/body:not(.spView) #user_contents .caution_text li:before{ left: -1.2em;}


/*▲添え書き*/
/*▼▼価格バナー*/

#user_contents #item .price_bnr{ margin: 10vw auto;}
/*PC*/body:not(.spView) #user_contents #item .price_bnr{ margin-top: 80px;}

/*▲▲価格バナー*/

/*▲▲毎月のメニュー*********************/
/*▼▼推薦します #reco*********************/

#user_contents #reco{
	color: #300006;

	background-color: #fcf3ec;
	background: #fcf3ec url( /5tc00/img/reco/reco_bg.jpg ) center center / cover no-repeat;

}
/*PC*/body:not(.spView) #user_contents #reco input{ display: none;}

#user_contents #reco .aco_box label{
	background: linear-gradient(to bottom, rgba(240, 224, 206, 0.0) 0%, rgba(240, 224, 206, 0.5) 20%, rgba(240, 224, 206, 1) 80%);
}

	/*reco タイトル title*/
#user_contents #reco .title{
	margin: 0px auto 20px; padding: 10px;
}
/*PC*/body:not(.spView) #user_contents #reco .title{
	padding: 50px 15px; width: 100%;
	text-align: center;
}

#user_contents #reco .title .icon,
#user_contents #reco .sec_hd .title .lead{
	display: inline-block; vertical-align: middle;
}
#user_contents #reco .title .icon{
	width: 20vw; height: 20vw;
	margin: 0px 5px 0px -15px;
	float: left;
}
/*PC*/body:not(.spView) #user_contents #reco .title .icon{
	width: 190px; height: 190px;
	margin-right: 20px;
}

#user_contents #reco .title .lead{
	font-size: 5vw; text-align: left; line-height: 1.3em;
}
/*PC*/body:not(.spView) #user_contents #reco .title .lead{
	font-size: 44px; line-height: 1.5em;
}

	/*reco 本文 praise*/
#user_contents #reco .praise{ position: relative; }
/*PC*/body:not(.spView) #user_contents #reco .praise{ padding-bottom: 100px; margin-bottom: unset;}
/*sp*/body.spView #user_contents #reco .praise::before{
	content: "";
	display: inline-block; width: 30vw; height: 134vw;
	margin: 0px 10px 10px 0px; float: left; 
}
/*PC*/body:not(.spView) #user_contents #reco .praise::after{ content:"";clear: both;display: block;/*cf*/}

/*sp*/body.spView #user_contents #reco .praise .sec_box{ padding-bottom: unset;}


#user_contents #reco .praise .catch{
	margin-bottom: 4vw;
	font-size: 4.5vw; font-weight: normal;
}
/*PC*/body:not(.spView) #user_contents #reco .praise .catch{
	margin: 10px 20px 10px; padding: 24px 0px 10px 20px;
	font-size: 24px; line-height: 140%;
}

#user_contents #reco .praise .text{
	position: relative; line-height: 1.2em;
}
/*PC*/body:not(.spView) #user_contents #reco .praise .text{
	 margin-left: 20px; padding: 20px;
	width: calc( 100% - 380px );
	font-size: 18px; line-height: 150%;
}

#user_contents #reco .praise .text p{ margin-bottom: 0.5em;}
#user_contents #reco .praise .text p:last-child{
	padding-bottom: 1em;
	border-bottom: 1px solid #ffcdcb;
}

	/*reco 本文 praise 写真 photo_box*/
#user_contents #reco .praise .photo_box{
	position: absolute; top: 0px; left: 0px;
	display: block; width: 30vw; text-align: center;
}
/*PC*/body:not(.spView) #user_contents #reco .praise .photo_box{
	top: 20px; right: 10px; left: unset;
	width: 300px; margin: 20px 15px 10px;
}
#user_contents #reco .praise .photo_box::after{ content:"";clear: both;display: block;/*cf*/}

#user_contents #reco .praise .photo_box .photo{
	position: relative;
}
/*PC*/body:not(.spView) #user_contents #reco .praise .photo_box .photo{
	margin-top: 40px;
}
#user_contents #reco .praise .photo_box .photo .portrait{ 
	width: 100%;
}
#user_contents #reco .praise .photo_box .name{
	margin-top: 10px;
	margin-bottom: 5px;
}
/*PC*/body:not(.spView) #user_contents #reco .praise .photo_box .name{
	font-size: 20px;
}

/*sp*/body.spView #user_contents #reco .praise .photo_box .profession{
	margin-bottom: 10px;
}
/*PC*/body:not(.spView) #user_contents #reco .praise .photo_box .profession{
	margin-top: 5px; font-size: 14px; letter-spacing: 1px;
}
	/*reco 本文 praise バッジ badge_box*/
#user_contents #reco .praise .badge_box{ position: relative;}
/*PC*/body:not(.spView) #user_contents #reco .praise .badge_box{ margin-top: 40px;}

#user_contents #reco .praise .badge_box .badge{
	display: inline; width: 40%; float: left;
}
/*PC*/body:not(.spView) #user_contents #reco .praise .badge_box .badge{ width: 30%;}

#user_contents #reco .praise .badge_box .badge_text{
	line-height: 1.2em; text-align: left;
}
/*sp*/body.spView #user_contents #reco .praise .badge_box .badge_text{
	font-size: 12px;
}
/*PC*/body:not(.spView) #user_contents #reco .praise .badge_box .badge_text{
	padding-top: 26px;
	vertical-align: middle;
}
	/*reco 本文 praise 人物紹介 profile_box*/
#user_contents #reco .praise .profile_box{}
/*PC*/body:not(.spView) #user_contents #reco .praise .profile_box{
	position: relative; padding-right: 350px;
}
#user_contents #reco .praise .profile_list{ padding: 5px; list-style-type: none;}
/*PC*/body:not(.spView) #user_contents #reco .praise .profile_list{
	flex: 1 1 auto; margin: 0px 0px 0.5%;
	flex-basis: 55%; font-size: 14px; list-style-type: none;
}
#user_contents #reco .praise .profile_list li{ margin-top: 5px; line-height: 1.1em;}



/*▲▲推薦します*********************/
/*▼▼お客様の声 #customer*********************/

#user_contents #customer .sec_hd{
	background: -webkit-linear-gradient(top,rgb(173,144,73) 0%,rgb(212 190 65) 25%,rgb(159,126,52) 70%,rgb(204,181,101) 100%);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
}


/*▲▲お客様の声*********************/
/*▼▼お得です #price*********************/


#user_contents #price{
	padding: 0;
	background: #222224;
}
#user_contents #price .sec_hd{ color: #fff;}


/*▲▲お得です*********************/


/*▼▼よくあるご質問 #faq*********************/

#user_contents #faq{ background: rgb( 255,255,255,0.3);}
#user_contents #faq .sec_hd{}
/*PC*/body:not(.spView) #user_contents #faq .sec_box{
	margin-bottom: -1px;
	padding-bottom: calc( 15px + 20px );
}
#user_contents #faq .faq_box{}

#user_contents #faq .faq_box .question{
	color: #fff; background-color: #222224;
}
#user_contents #faq .faq_box .answer:before{ color: #841a13;}



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

/*▼▼ベネフィット #benefit*********************/

/*▲▲ベネフィット*********************/







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

@font-face {
  font-family: 'NSCJKjp-Regular';
  src: url('/comfont/NotoSerifCJKjpSub-Regular.woff2') format('woff2'),
	   url('/comfont/NotoSerifCJKjpSub-Regular.woff')  format('woff');
}
@font-face {
  font-family: 'NSCJKjp-Bold';
  src: url('/comfont/NotoSerifCJKjpSub-Bold.woff2') format('woff2'),
	   url('/comfont/NotoSerifCJKjpSub-Bold.woff')  format('woff');
}

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



}/*△*/

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