@charset "UTF-8";
/* for FD 4WK (basefont16px) 202507 nk css */
/*▼▼▼▼▼▼▼▼▼wk00f.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: #222224;}

/*sp*/ body.spView #footer #foot_info .info_tel .area-txt{ color: #fcfcfc; font-family: "NSCJKjp-Regular";}
/*sp*/ body.spView #gnav .tel,
/*sp*/ body.spView #gnav .mail{ color: #fff; border-right: 1px solid #e5c36b; background: #222224;}
/*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: #A78347 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 #3f861c; background-size: 5px auto; background-position: left 17px center;}
/*sp*/ body.spView .input-more .trg2{ border-color: #9eff95;}

/*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: #221815;}
/*PC*/ body:not(.spView) #footer #foot_info{ color: #221815; 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: #221815; font-family: "NSCJKjp-Regular";}

/*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{}
/*sp*/ body.spView .bx-wrapper .bx-pager.bx-default-pager a{ background: #524844;}
/*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: #D4B571;}
/*sp*/body.spView .bx-wrapper .bx-controls-direction a{ top: 68vw;}
/*sp*/body.spView .bx-viewport{}




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

/*sp*/body.spView #contents{ background-color: #f3efeb;}
/*PC*/ body:not(.spView) #contents,
#user_contents{ background-color: #f3efeb;}
#user_contents{ color: #2a2828;}
#contents{ color: #000;}



/*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: #221815; background: #cdbfa8;}

	/*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;}


#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: #13110f; font-family: "NSCJKjp-Bold";
	background-image: radial-gradient(circle, #f7f5d1, #D4B571 80%);}
#user_contents .sec_hd.sub_hd{ max-width: 1100px; margin:15px auto 20px; 
	color: #c8c5be; font-family: "NSCJKjp"; font-size: 0.8em; background: #3d352c;}

#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-color: #050409;}

/*sp*/body.spView #user_contents #main{
	height: 120vw;
	background: url( /4wk00/img/main/sp_main_bg.jpg ) 13% center / cover no-repeat;
}

/*PC*/body:not(.spView)  #user_contents #main{
	height: 830px;
	background: #050409 url( /4wk00/img/main/main_bg.jpg ) -70% bottom / 100% auto no-repeat;
}


	/*特別なご案内*/
#user_contents #esinfo{
	padding: 7px 0px; width: 100%;
	text-align: center; color: #221815; 
	background: #eeeeee;
}
#user_contents #esinfo .text{ position: relative; z-index: 100;}


	/*main部品*/
#user_contents #main .medal,
#user_contents #main .badge,
#user_contents #main .title,
#user_contents #main .title .main,
#user_contents #main .title_note{ position: absolute; z-index: 100; di}

#user_contents #main .title{
	top: calc( 10px + 16vw ); right: 6vw; z-index: 10; width: 39%; max-width: 467px;
}
/*PC*/body:not(.spView) #user_contents #main .title{
	top: calc( 10px + 150px ); 
	right: calc( ( 100vw - 1100px ) / 2 ) ;
	width: 30vw;
}
#user_contents #main .title .main{ width: 100%;}

#user_contents #main .badge{
	z-index: 100; top: 8vw; right: 0; width: 22vw; height: auto;
	max-width: 294px;
}
/*PC*/body:not(.spView) #user_contents #main .badge{
	top: 18px; right: calc( ( 100vw - 1100px ) / 2 - 1vw ) ;
	width: 250px;
}


#user_contents #main .medal{
	z-index: 100;
	height: auto;
}
/*sp*/body.spView #user_contents #main .medal{
	top: 10vw;left: 3vw;
	width: 20vw; height: auto;
}

/*PC*/body:not(.spView) #user_contents #main .medal{
	top: unset;
	bottom: 18px;
	left: calc( ( 96vw - 1100px ) / 2 - 1vw ) ;
	width: 200px;
}

/* PC1.4k▽ *************/ @media only screen and (max-width: 1440px){
	/*PC*/body:not(.spView) #user_contents #main .badge{ width: 200px;}

}/*△*/

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

/* PC1.4-1.5k▽ *************/ @media only screen and (min-width: 1430px) and (max-width: 1536px){
	/*PC*/body:not(.spView) #user_contents #main{
		background-size: auto 920px;
		background-position: 50% bottom;
	}
}/*△*/

/* PC-1.7k▽ *************/ @media only screen and (min-width: 1537px) {
	/*PC*/body:not(.spView) #user_contents #main{
		background-size: auto 100%;
		background-position: center center;
	}


}/*△*/



/** ▲▲#mainメインイメージ/ファーストビュー************************/
/** ▼▼#reasonおすすめする理由************************/

#user_contents #reason{}
#user_contents #reason .sec_hd{ text-align: left;}
#user_contents #reason .sec_hd{ position: relative; background: #fff9;}
#user_contents #reason .sec_hd::before,
#user_contents #reason .sec_hd::after{
	content: "";
	position: absolute;
	width: 150px; height: 180px;
	background: url( https://www.foodelight-club.com/comimg/svg/ornament_corner02_gold.svg ) left top / auto 100% no-repeat;
}

#user_contents #reason .sec_hd::before{ left: 0; top: 0;}
#user_contents #reason .sec_hd::after{ right: 0; bottom: 0; transform: scale(-1,-1);}



#user_contents #reason .sec_hd .text{
	position: relative;
	padding-left: 1.1em;
}
/*PC*/body:not(.spView) #user_contents #reason .sec_hd .text{
	padding-left: 220px;
}
/*PC*/body.spView #user_contents #reason .sec_hd .text{
	padding-left: 50px;
}

#user_contents #reason .sec_hd .text:before{
	content: "";
	position: absolute; left: 0em; top: 50%; transform: translateY(-50%);
	width: 0.4em; height: 0.3em;
	background: #c2aa24;
}

/*sp*/body.spView #user_contents #reason .aco_box .aco_inner{
	height: 74vw;
}

/*sp*/body.spView #user_contents #reason .sec_hd::before{ left: 0; top: 0; width: 60%; height: 60%;}
body.spView #user_contents #reason .sec_hd::after{ right: 0; bottom: 0; transform: scale(-1,-1);width: 50%; height: 50%;}

/*PC*/body:not(.spView) #user_contents #reason .sec_hd .text:before{
	left: 161px;
}
/*PC*/body.spView #user_contents #reason .sec_hd .text:before{
	left: 30px;
}

/*PC*/body:not(.spView) #user_contents #reason .aco_inner .photo{
	width: 37%;
	float: right;
}






/** ▲▲#reasonおすすめする理由************************/
/** ▼▼#brandブランド紹介************************/


/*sp*/body.spView #user_contents #brand .brand_box1 .brand:nth-of-type(n+2){ margin-top: 5vh;}
/*sp*/body.spView #user_contents #brand .brand_box2 .brand:nth-of-type(n+2){ margin-top: 5vh;}
#user_contents #brand .brand_box .brand{
	padding: 5px;
	border: 1px solid #725f36;
	background: rgba( 0,0,0,0.2);
}
#user_contents #brand .brand_box1 .brand
#user_contents #brand .brand_box2 .brand{
	margin-bottom: 10px;
}
/*PC*/body:not(.spView) #user_contents #brand .brand_box1 .brand
body:not(.spView) #user_contents #brand .brand_box2 .brand {
	padding: 10px;
}

#user_contents #brand p.sub_hd{
	margin: 0 auto 10px;
	padding: 20px 0;
	border-top: 4px double #D4B571;
	border-bottom: 4px double #D4B571;
	text-align: center;
	color: #5f5135; font-family: "NSCJKjp-Bold";
	font-weight: 300;
	font-size: 20px;
	line-height: 1.4em;
}
/*PC*/body:not(.spView) #user_contents #brand p.sub_hd{
	max-width: 1100px; 
	font-size: 30px;
}

#user_contents #item #monthly_item .month .detail .item_desc .item_maker,
#user_contents #brand .brand .brand_title{
	padding: 6px 6px 6px 0.5em;
	color: #221815; background: #D4B571;
	border-left: 1em solid #fff;
}

#user_contents #item #monthly_item .month.GreatDrams .detail .item_desc .item_maker,
#user_contents #brand .brand.GreatDrams .brand_title{ border-color: #523711;}

#user_contents #item #monthly_item .month.CaneandGrain .detail .item_desc .item_maker,
#user_contents #brand .brand.CaneandGrain .brand_title{ border-color: #5f5f5f;}

#user_contents #item #monthly_item .month.GoldfinchWhisky .detail .item_desc .item_maker,
#user_contents #brand .brand.GoldfinchWhisky .brand_title{ border-color: #836000;}

#user_contents #item #monthly_item .month.TIPPERARYBoutiqueDistillery .detail .item_desc .item_maker,
#user_contents #brand .brand.TIPPERARYBoutiqueDistillery .brand_title{ border-color: #852d00;}

#user_contents #item #monthly_item .month.ThomondGateWhiskey .detail .item_desc .item_maker,
#user_contents #brand .brand.ThomondGateWhiskey .brand_title{ border-color: #4e4d22;}



#user_contents #item #monthly_item .month.GraceOMalleySpirits .detail .item_desc .item_maker,
#user_contents #brand .brand.GraceOMalleySpirits .brand_title{ border-color: #946529;}

#user_contents #item #monthly_item .month.CreagDhu .detail .item_desc .item_maker,
#user_contents #brand .brand.CreagDhu .brand_title{ border-color: #506D5F;}



#user_contents #brand .brand .brand_title .name{
	font-family: serif; letter-spacing: -1px; transform: scaleY(1.2);
}
#user_contents #brand .brand .brand_title .reading{}

#user_contents #brand .brand .photo{}
/*sp*/body.spView #user_contents #brand .brand .photo .w_p100{
	width: 100%; height: 55vw;
	object-fit: cover; object-position: 50% 60%;
}
/*sp*/body.spView #user_contents #brand .brand.ThomondGateWhiskey .photo .w_p100{
	object-position: 50% 30%;
}
#user_contents #brand .brand .catch{ margin: 0.5em 0; color: #544b29;}
#user_contents #brand .brand .text{}


/*PC*/body:not(.spView) #user_contents #brand .brand_box1{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
	grid-template-areas:
		"GD CG"
		"GF xx";

}
/*PC*/body:not(.spView) #user_contents #brand .brand_box2{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
	grid-template-areas:
		"TG TI";

}
#user_contents #brand .brand_box .GreatDrams{ grid-area: GD;}
#user_contents #brand .brand_box .CaneandGrain{ grid-area: CG;}
#user_contents #brand .brand_box .GoldfinchWhisky{ grid-area: GF;}

#user_contents #brand .brand_box .TIPPERARYBoutiqueDistillery{ grid-area: TI;}
#user_contents #brand .brand_box .ThomondGateWhiskey{ grid-area: TG;}

#user_contents #brand .brand_box .GraceOMalleySpirits{ grid-area: GM;}
#user_contents #brand .brand_box .CreagDhu{ grid-area: CD;}
#user_contents #brand .brand_box .xx{ grid-area: xx;}


/** ▲▲#brandブランド紹介************************/
/** ▼▼#item毎月のラインアップ************************/
#user_contents #item{}
#user_contents #item .sec_hd{}


/*▼▼▼毎月のアイテム****************/
#user_contents #item #monthly_item{
	position: relative;
}

.month_01-06 #monthly_item .month.m07,
.month_01-06 #monthly_item .month.m08,
.month_01-06 #monthly_item .month.m09,
.month_01-06 #monthly_item .month.m10,
.month_01-06 #monthly_item .month.m11,
.month_01-06 #monthly_item .month.m12,
.month_02-07 #monthly_item .month.m08,
.month_02-07 #monthly_item .month.m09,
.month_02-07 #monthly_item .month.m10,
.month_02-07 #monthly_item .month.m11,
.month_02-07 #monthly_item .month.m12,
.month_02-07 #monthly_item .month.m01,
.month_03-08 #monthly_item .month.m09,
.month_03-08 #monthly_item .month.m10,
.month_03-08 #monthly_item .month.m11,
.month_03-08 #monthly_item .month.m12,
.month_03-08 #monthly_item .month.m01,
.month_03-08 #monthly_item .month.m02,
.month_04-09 #monthly_item .month.m10,
.month_04-09 #monthly_item .month.m11,
.month_04-09 #monthly_item .month.m12,
.month_04-09 #monthly_item .month.m01,
.month_04-09 #monthly_item .month.m02,
.month_04-09 #monthly_item .month.m03,
.month_05-10 #monthly_item .month.m11,
.month_05-10 #monthly_item .month.m12,
.month_05-10 #monthly_item .month.m01,
.month_05-10 #monthly_item .month.m02,
.month_05-10 #monthly_item .month.m03,
.month_05-10 #monthly_item .month.m04,
.month_06-11 #monthly_item .month.m12,
.month_06-11 #monthly_item .month.m01,
.month_06-11 #monthly_item .month.m02,
.month_06-11 #monthly_item .month.m03,
.month_06-11 #monthly_item .month.m04,
.month_06-11 #monthly_item .month.m05,
.month_07-12 #monthly_item .month.m01,
.month_07-12 #monthly_item .month.m02,
.month_07-12 #monthly_item .month.m03,
.month_07-12 #monthly_item .month.m04,
.month_07-12 #monthly_item .month.m05,
.month_07-12 #monthly_item .month.m06,
.month_08-01 #monthly_item .month.m02,
.month_08-01 #monthly_item .month.m03,
.month_08-01 #monthly_item .month.m04,
.month_08-01 #monthly_item .month.m05,
.month_08-01 #monthly_item .month.m06,
.month_08-01 #monthly_item .month.m07,
.month_09-02 #monthly_item .month.m03,
.month_09-02 #monthly_item .month.m04,
.month_09-02 #monthly_item .month.m05,
.month_09-02 #monthly_item .month.m06,
.month_09-02 #monthly_item .month.m07,
.month_09-02 #monthly_item .month.m08,
.month_10-03 #monthly_item .month.m04,
.month_10-03 #monthly_item .month.m05,
.month_10-03 #monthly_item .month.m06,
.month_10-03 #monthly_item .month.m07,
.month_10-03 #monthly_item .month.m08,
.month_10-03 #monthly_item .month.m09,
.month_11-04 #monthly_item .month.m05,
.month_11-04 #monthly_item .month.m06,
.month_11-04 #monthly_item .month.m07,
.month_11-04 #monthly_item .month.m08,
.month_11-04 #monthly_item .month.m09,
.month_11-04 #monthly_item .month.m10,
.month_12-05 #monthly_item .month.m06,
.month_12-05 #monthly_item .month.m07,
.month_12-05 #monthly_item .month.m08,
.month_12-05 #monthly_item .month.m09,
.month_12-05 #monthly_item .month.m10,
.month_12-05 #monthly_item .month.m11,
.month_x6 .bx-controls-direction{ display: none;}




/*PC*/body:not(.spView) #user_contents #item #monthly_item{ 
	max-width: 1100px; margin: 15px auto 20px;
	display: grid;
	grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
	grid-template-areas:
		"m11 m12"
		"m01 m02"
		"m03 m04"
		"m05 m06"
		"m07 m08"
		"m09 m10";
}
/*PC*/body:not(.spView) #user_contents.month_x6 #item #monthly_item{
	grid-template-rows: 1fr 1fr 1fr;
}

/*PC*/body:not(.spView) #user_contents.month_01-06 #item #monthly_item{ 
	grid-template-areas:
		"m01 m02"
		"m03 m04"
		"m05 m06";
}
/*PC*/body:not(.spView) #user_contents.month_02-07 #item #monthly_item{ 
	grid-template-areas:
		"m02 m03"
		"m04 m05"
		"m06 m07";
}
/*PC*/body:not(.spView) #user_contents.month_03-08 #item #monthly_item{ 
	grid-template-areas:
		"m03 m04"
		"m05 m06"
		"m07 m08";
}
/*PC*/body:not(.spView) #user_contents.month_04-09 #item #monthly_item{ 
	grid-template-areas:
		"m04 m05"
		"m06 m07"
		"m08 m09";
}
/*PC*/body:not(.spView) #user_contents.month_05-10 #item #monthly_item{ 
	grid-template-areas:
		"m05 m06"
		"m07 m08"
		"m09 m10";
}
/*PC*/body:not(.spView) #user_contents.month_06-11 #item #monthly_item{ 
	grid-template-areas:
		"m06 m07"
		"m08 m09"
		"m10 m11";
}
/*PC*/body:not(.spView) #user_contents.month_07-12 #item #monthly_item{ 
	grid-template-areas:
		"m07 m08"
		"m09 m10"
		"m11 m12";
}
/*PC*/body:not(.spView) #user_contents.month_08-01 #item #monthly_item{ 
	grid-template-areas:
		"m08 m09"
		"m10 m11"
		"m12 m01";
}
/*PC*/body:not(.spView) #user_contents.month_09-02 #item #monthly_item{ 
	grid-template-areas:
		"m09 m10"
		"m11 m12"
		"m01 m02";
}
/*PC*/body:not(.spView) #user_contents.month_10-03 #item #monthly_item{ 
	grid-template-areas:
		"m10 m11"
		"m12 m01"
		"m02 m03";
}
/*PC*/body:not(.spView) #user_contents.month_11-04 #item #monthly_item{ 
	grid-template-areas:
		"m11 m12"
		"m01 m02"
		"m03 m04";
}
/*PC*/body:not(.spView) #user_contents.month_12-05 #item #monthly_item{ 
	grid-template-areas:
		"m12 m01"
		"m02 m03"
		"m04 m05";
}

#user_contents #item #monthly_item .month{ position: relative;}
/*sp*/body.spView #user_contents #item #monthly_item .month{
	background: none;
}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month{ padding: 1em 20px;}

/*PC*/body:not(.spView) #user_contents #item #monthly_item .month.m01{ grid-area: m01;}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month.m02{ grid-area: m02;}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month.m03{ grid-area: m03;}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month.m04{ grid-area: m04;}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month.m05{ grid-area: m05;}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month.m06{ grid-area: m06;}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month.m07{ grid-area: m07;}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month.m08{ grid-area: m08;}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month.m09{ grid-area: m09;}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month.m10{ grid-area: m10;}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month.m11{ grid-area: m11;}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month.m12{ grid-area: m12;}



#user_contents #item #monthly_item .month .detail{}
#user_contents #item #monthly_item .month .detail .month_number{
	position: absolute; z-index: 1000; top: 3px; left: 3px;
	width: 15%; height: 15%;
}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month .detail .month_number{
 top: 0.3em; left: -0.3em;
}

#user_contents #item #monthly_item .month .detail .badge_box{}
#user_contents #item #monthly_item .month .detail .badge_box .badge{}
#user_contents #item #monthly_item .month .detail .photo_box{}
#user_contents #item #monthly_item .month .detail .photo_box .photo{}
#user_contents #item #monthly_item .month .detail .photo_box .photo.major{}
#user_contents #item #monthly_item .month .detail .item_desc{ padding: 5px 1em;}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month .detail .item_desc{ padding: 0px;}

/*PC*/body:not(.spView) #user_contents #item #monthly_item .month .detail .item_desc.major{
	margin-top: -6px;
}
#user_contents #item #monthly_item .month .detail .item_desc .item_maker{
	margin-bottom: 10px;
}



#user_contents #item #monthly_item .month .detail .item_desc .item_catch{
	font-size: 1.2em;
	margin-bottom:0.5em;
}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month .detail .item_desc .item_catch{
	margin-top: 1em;
}

#user_contents #item #monthly_item .month .detail .item_desc .text{}
#user_contents #item #monthly_item .month .detail .item_desc .item_note{
	border-top: 1px solid #dacec5;
	padding-top: 10px;
	margin-top: 15px;
}
#user_contents #item #monthly_item .month .detail .item_desc .item_note:before{
	content:"フレーバー:";
}
#user_contents #item #monthly_item .month .detail .item_desc .item_note .taste{
	display: inline-block; margin-right: 0.3em; margin-bottom: 2px; padding: 1px 4px;
	line-height: 1.3em; background: #dacec5; color: #221815;
}
#user_contents #item #monthly_item .month .detail .item_desc .item_name{
	margin-top: 0.5em;
}
#user_contents #item #monthly_item .month .detail .item_desc .item_name,
#user_contents #item #monthly_item .month .detail .item_desc .item_type,
#user_contents #item #monthly_item .month .detail .item_desc .item_net,
#user_contents #item #monthly_item .month .detail .item_desc .item_price{
	display: inline;
}
#user_contents #item #monthly_item .month .detail .item_desc .item_name:after,
#user_contents #item #monthly_item .month .detail .item_desc .item_type:after,
#user_contents #item #monthly_item .month .detail .item_desc .item_net:after{
	content: " / ";
}
#user_contents #item #monthly_item .month .detail .item_desc .item_price:before{
	content: "(通常購入価格 税込";
}
#user_contents #item #monthly_item .month .detail .item_desc .item_price:after{
	content: "円)";
}

/*▽お届け後も****************/
#user_contents #item .item_notice_arrow{
	margin: -2vw 5vw 8vw;
}

/*PC*/body:not(.spView) #user_contents #item .item_notice_arrow{
	width: 1100px;
	margin: -50px auto 100px;
}

/*▼▼▼注意書き****************/
#user_contents #item .item_annotation{
	margin-bottom: 10px;
	padding: 5px 1em;
}
#user_contents #item .item_annotation .list{
	list-style-type: disc;
	padding-left: 1.5em;
}
/*PC*/body:not(.spView) #user_contents #item .item_annotation .list{
	width: 519px;
}
#user_contents #item .item_annotation .list .text{}


/*PC*/body:not(.spView) #user_contents #item .item_annotation{
	width: calc( 100% - 52% ); margin-left: 51%;
}

/** ▲▲#item毎月のラインアップ************************/
/** ▼▼#price価格アピール************************/

/*PC*/ body:not(.spView) #price{ padding-bottom: 1em;}

/** ▲▲#price価格アピール************************/
/** ▼▼#faqよくあるご質問************************/

#user_contents #faq{
	padding: 5px 0;
	background-color: rgb( 255,255,255,0.1);
	background: url( /4wk00/img/faq/faq_bg.jpg ) center top / cover no-repeat;
	margin-bottom: 20px;
}
#user_contents #faq .sec_hd{
	background: rgb(213, 181, 114, 0.8);
}
#user_contents #faq .sec_box{
	background: #fff9;
}
/*PC*/body:not(.spView) #user_contents #faq .sec_box{
	margin-bottom: -1px;
	padding-bottom: calc( 15px + 20px );
	position: relative;
	background: #fff9;
}
#user_contents #faq .faq_box{}

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



/** ▲▲#faqよくあるご質問************************/
/** ▼▼#reco推薦者コメント************************/




#user_contents #reco{
	color: #300006;
	background-color: #f3efeb;
	background: #f3efeb url( /4wk00/img/reco/reco_bg.jpg ) center center / cover no-repeat;

}
/*sp*/body.spView #user_contents #reco{ padding-bottom: 0px;}



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

/*sp*/body.spView #user_contents #reco .aco_box .aco_inner{ height: 60vw;}

#user_contents #reco .aco_box label{
	background: linear-gradient(to bottom, rgba(240, 224, 206, 0.3) 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; 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: 74vw;
	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;
}
/*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: 370px; padding-left: 32px;
}
#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;}

/** ▲▲#reco推薦者コメント************************/
/** ▼▼brother_link************************/
#user_contents #brother_link,
#user_contents #brother_link.nashi,
#user_contents #brother_link.nasi{ display: none;}

#user_contents #brother_link.ari{ display: block !important;}


/** ▲▲brother_link************************/
/*▼▼お客様の声 #customer*********************/

#user_contents #customer{
	background: url(/4wk00/img/customer/customer_bg.jpg) repeat #523711;
}
/*sp*/body.spView #user_contents #customer{ padding-top: 10px;}
/*PC*/body:not(.spView) #user_contents #customer{ padding-bottom: 50px;}


#user_contents #customer .many_voice .koe{
	position: relative;
	width: 96%;
	margin: 10px auto;
	padding: 10px 2%;
	background: #FFF;
	border-radius: 16px;
	box-shadow: 3px 3px 12px 1px rgba(105, 47, 13, 0.4);
}
#user_contents #customer .many_voice .koe .survey{ width: 100%;}
#user_contents #customer .many_voice .koe .name{ text-align: right;}



/*▲▲お客様の声*********************/
/** ▼▼#presentプレゼント************************/
#user_contents #present{
	padding: 20px 0px;
}
/*PC*/body:not(.spView) #user_contents #present{
	padding: 40px 0px 20px;
}

#user_contents #present .sec_box{ padding: unset;}


/** ▲▲#presentプレゼント************************/



















/*************************************************************************/
/* 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) {



}/*△*/

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