@charset "UTF-8";
/* for FD FR17 1700 sz css 202509*/
/*▼▼▼▼▼▼▼▼▼1700.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: #130c07;}

/*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 #C7A970; background: #130902;}
/*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: #AB7820 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) #footer #foot_info .lead,
/*PC*/ body:not(.spView) #footer #foot_info .info_tel .area-txt{ color: #000; font-family: "NSCJKjp-Regular";}

/*PC*/ body:not(.spView) #header .orderNav .orderNav_link a{ background-color: #c30e23;}
/*PC*/ body:not(.spView) .order-submit button {
	background-color: #3f861c !important;
	background-image: url(/comimg/ico_delta_left_white.png) no-repeat !important;
	background-position: 27px center;
}
/*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 スライダー周り(配色限定!)************************/

.bx-wrapper {
	margin-bottom: 34px;
	background: #130902; border: 1px solid rgba( 255,255,255,0.1); box-shadow: none;
}
.bx-wrapper .bx-pager{ z-index: 500;}
.bx-wrapper .bx-pager.bx-default-pager a { background: #4a4a4a;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus { background: #ffcc54;}
.bx-wrapper .bx-controls-direction a {
	top: 43%;
	width: 11.8%; max-width: 71px; height: 71px;
	-webkit-tap-highlight-color: transparent;
}
.bx-wrapper .bx-prev {
	left: 2vw;
	background: url("/comimg/plugin/btn_left.png") no-repeat center;
	background-size: contain;
}
.bx-wrapper .bx-next {
	right: 1vw;
	background: url("/comimg/plugin/btn_right.png") no-repeat center;
	background-size: contain;
}

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

#user_contents{
	background-color: #FCF3EC;
}
/*PC*/ body:not(.spView) #footer,
/*PC*/ body:not(.spView) #contents,
/*PC*/ body:not(.spView) #user_contents{
	background-repeat: repeat-y,repeat,repeat;
	background-size: 1100px 50px, 100px auto , 200px 200px;
	background-position: center top;
	background-image:
		linear-gradient(to right,rgba(255,255,255 , 0.7) 0%,rgba(255,255,255,0.7) 100%),
		url( /1700/img/parts/bg_tile_hi_classic_fffp50.svg ),
		linear-gradient(to right, #ede2d5 0% , #ede2d5 100%);
}

#user_contents .sec_hd{
	color: #5B2C25; background: #F6E091;
	background: linear-gradient(to right,rgb(197,134,23) 0%,rgb(246,224,145) 50%,rgb(197,134,23) 100%);
}



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

/*sp*/body.spView #user_contents .aco_box label{
	background: linear-gradient(to bottom,rgba(252,243,236,0.0) 0%,rgba(252,243,236,0.15) 15%,rgba(252,243,236,0.85) 85%,rgba(252,243,236,1) 100%);
}
/*sp*/body.spView #user_contents .aco_box label:after{ color: #fff; background: #431917;}



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

/*▼▼#esinfo 冒頭メッセージ*********************/
#user_contents #esinfo{
	position: relative; z-index: 10;
}

#user_contents #esinfo .inner{
	padding: 7px 5px 7px 5px; width: 100%;
	text-align: left; font-size: 14px; color: #1E1316;
	background: #fff;
/*	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 #esinfo .inner{ padding: 15px 0; font-size: 22px; padding-left: calc( 50% - 660px );}


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


	/*▼メイン*/
#user_contents #main{
	position: relative; z-index: 2;
}

#user_contents #main .title,
#user_contents #main .price,
#user_contents #main .catch{
	position: absolute; z-index: 10;
}
#user_contents #main .inner{
	position: relative; z-index: 3;
	width: 100%; height: 23vw;
	background: rgb(255 255 255 / 55%);
}



/*▼sp ***********************/

/*sp*/body.spView #user_contents #main{
	height: 112vw;
	background: #270405 url( /1700/img/main/sp_main_bg.jpg ) center bottom / 100% auto no-repeat;
}

/*sp*/body.spView #user_contents #main::before{
	content: "";
	position: absolute; z-index: 1;
	display: block; height: 15vw; width: 100%;
	background: #ffffff8c;
}

/*sp*/body.spView #user_contents #main .title,
/*sp*/body.spView #user_contents #main .price{ z-index: 10; top: 6.5vw;}

/*sp*/body.spView #user_contents #main .title{ left: 0.5vw; width: 60vw;}
/*sp*/body.spView #user_contents #main .price{ right: 0.5vw; width: 38vw;}

#user_contents #main .catch{
	z-index: 20; left: 50%; transform: translateX(-50%); width: 80%;
}



/*▼PC base幅 1440px***********************/


/*PC*/body:not(.spView) #user_contents #main{
	height: 900px;
	background-color: #270405;
	background:
		url( /1700/img/main/main_bg.jpg ) center -80px / 98% auto no-repeat,
		linear-gradient(to bottom,#280303 0%,#c23a3a 18%,#a12223 60%,#a71e22 84%,#260403 98%,#260403 100%) center top / 100% 100% no-repeat;
}
/*PC*/body:not(.spView) #user_contents #main .inner{
	margin: 0 auto; height: 300px; width: 1100px;
}

/*PC*/body:not(.spView) #user_contents #main .title,
/*PC*/body:not(.spView) #user_contents #main .price{ top: 50px;}

/*PC*/body:not(.spView) #user_contents #main .title{ padding: 17px 0; width: 730px; left: calc( 50% + 60px); transform: translateX(-100%);}
/*PC*/body:not(.spView) #user_contents #main .price{ width: calc( 550px + 40px ); left: calc( 50% + 90px); }

/*PC*/body:not(.spView) #user_contents #main .catch{ top: 15px; max-width: 1000px;}



/* ▼メディアクエリ(▼▼メインイメージ/ファーストビュー)***/

/* PC1.1k▽A *************/ @media ( max-width: 1100px ) {

	/*PC*/body:not(.spView) #user_contents #main{
		height: 690px;
	}


}/*△*/
/* PC1.3k▽B *************/ @media ( max-width: 1366px ) {
	/*PC*/body:not(.spView) #user_contents #main .inner{
		width: 98%; height: 267px;
	}

	body:not(.spView) #user_contents #main .title{ width: 47%; left: calc( 49% + 2%);}
	body:not(.spView) #user_contents #main .price{ width: 41%; left: calc( 51% + 2%);}



}/*△*/
/* PC1.53k-▽C *************/ @media ( min-width: 1441px ) {
	body:not(.spView) #user_contents #main{
		height: 890px;
		background-position: center -150px , center top;
	}

}/*△*/
/* PC1.8k▽ *D************/ @media ( min-width: 1601px ) {

	body:not(.spView) #user_contents #main{
		height: 950px;
		background-position: center -230px , center top;
	}
	body:not(.spView) #user_contents #main .inner{
		width: 90%; max-width: 2000px;
	}


}/*△*/
/* PC1.92k-▽ *D************/ @media ( min-width: 1801px ) {

	body:not(.spView) #user_contents #main{
		height: 980px;
		background-position: center -270px , center top;
	}

}/*△*/
/* PC20k-▽ *D************/ @media ( min-width: 2000px ) {
	body:not(.spView) #user_contents #main{
		height: 1100px;
		background-size: 2000px auto , 100% 100%;
	}

}/*△*/


/* PC2.56k-▽ **E***********/ @media ( min-width: 2301px ) and  ( max-width: 3200px ) {

}/*△*/
/* PC3.2k-▽ **F***********/ @media ( min-width: 3201px ) {

}/*△*/

/* ▲メディアクエリ**/


/* ▼カスタム***/




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

/*▼▼#reason 良いポイント*********************/

#user_contents #reason{
	z-index: 3;
	margin-top: -4px; padding-top: unset; padding-bottom: unset;
	background: #fff;

}

/*PC*/body:not(.spView) #user_contents #reason{
	margin-top: -1px;
	padding: 0 calc( ( 100% - 1100px ) / 2 ) 50px;
	background: #fff;
}

#user_contents #reason .inner{ position: relative;}
/*トリコロール*/
/*sp*/body.spView #user_contents #reason .inner{	border: 1px solid red;
	padding: 20px;
	background: repeating-linear-gradient(45deg,
		#ffffff, #ffffff 10px,
		#3343a1 0, #3343a1 20px,
		#ffffff 0, #ffffff 30px,
		#ab1717 0, #ab1717 40px);
}
#user_contents #reason .inner::before{
	content: ""; position: absolute; z-index: 1; display: block;
}

/*sp*/body.spView #user_contents #reason .inner::before{
	top: 10px; left: 10px;
	width: calc( 100% - 20px ); height: calc( 100% - 20px ); background: #fff; border-radius: 3px;
}



/*PC*/body:not(.spView) #user_contents #reason .inner::before{
	left: -70px; top: -17px;
	width: 600px; height: 300px;
	background: url( /1700/img/reason/reason_affineur.png ) left bottom / 100% auto no-repeat;
}

/* PC1.1k▽A *************/ @media ( max-width: 1100px ) {

	/*PC*/body:not(.spView) #user_contents #reason .inner::before{
		left: 10px; width: 47%;
	}


}/*△*/

#user_contents #reason .inner .sec_hd,
#user_contents #reason .inner .sec_box{ position: relative; z-index: 2;}

#user_contents #reason .sec_hd{ color: #000; background: none;}


/*sp*/body.spView #user_contents #reason .sec_hd{
	padding: 0; font-size: 4.8vw;
}
/*PC*/body:not(.spView) #user_contents #reason .sec_hd{
	margin: 5px 0 0; padding: 20px 0 0 480px;
	font-size: 28px;
}


#user_contents #reason .sec_box{ margin-bottom: 5px;}
/*PC*/body:not(.spView) #user_contents #reason .sec_box{
	padding: 10px 0 10px 542px;
	font-size: 16px; line-height: 1.3em;
}

#user_contents #reason .point{
	position: relative;
	padding-left: 0.9em;
}
#user_contents #reason .point .line::before{
	content: "●";
	position: absolute; left: -0.4em;
	color: #b1a2a2;
}
/*PC*/body:not(.spView) #user_contents #reason .point{
	font-size: 20px; line-height: 1.3em;
}
/*PC*/body:not(.spView) #user_contents #reason .point .line::before{
	color: #2c1608;
}



/*▲▲良いポイント*********************/
/*▼▼.special_price 特別価格でご提供*********************/
#user_contents .special_price{
	margin-top: unset;
	padding: 20px 8%;
	background: #ECDC87;
	background: linear-gradient(to left bottom,rgb(173,144,73) 0%,rgb(242,227,141) 25%,rgb(159,126,52) 70%,rgb(204,181,101) 100%);
}

/*PC*/body:not(.spView) #user_contents .special_price{ margin-bottom: -10px; padding: 40px 15% 70px;}


#user_contents .special_price .price{ max-width: 1100px; margin: 0px auto;}


/*▲▲特別価格でご提供*********************/

/*▼▼#benefit 極上チーズ生活への誘い*********************/
#user_contents #benefit{}


#user_contents #benefit .photo{}
#user_contents #benefit .present_bnr{
	margin: -10px auto 0px;
	padding-bottom: 20px;
}
/*PC*/body:not(.spView) #user_contents #benefit .present_bnr{
	margin: -50px auto 90px;
	padding: unset;
	max-width: 1100px;
}

/*PC*/body:not(.spView) #user_contents #benefit .photo{
	max-width: 1100px; margin: 0 auto;
}
/*PC*/body:not(.spView) #user_contents #benefit .photo img{
	margin-left: -7px;
}



/*▲▲極上チーズ生活への誘い*********************/

/*▼▼#maker 熟成士*********************/
#user_contents #maker{}
#user_contents #maker .sec_hd{}

#user_contents #maker .about_affinere{}
#user_contents #maker .about_affinere .title{
	margin: 10px auto; padding: 10px;
	text-align: center;
}
/*PC*/body:not(.spView) #user_contents #maker .about_affinere .title{
	padding: 60px 20px; font-size: 40px;
}
#user_contents #maker .about_affinere .photo{}
#user_contents #maker .about_affinere .catch{
	margin: 16px;
	text-align: center;
}
/*PC*/body:not(.spView) #user_contents #maker .about_affinere .catch{
	padding: 20px;
	font-size: 20px;
}
/*PC*/body:not(.spView) #user_contents #maker .about_affinere .text{
	padding: 10px 69px; line-height: 1.5em;
}



	/*MOFとは*/

/*sp*/body.spView #user_contents #maker .about_mof{ padding: 0.2em 0.8em;}
/*PC*/body:not(.spView) #user_contents #maker .about_mof{ padding: 10px 80px;}
#user_contents #maker .about_mof::after{ content:"";clear: both;display: block;}

#user_contents #maker .about_mof .catch{
	margin: 5px auto; padding: 5px 10px;
	color: #eee; text-align: center;
	background: #130902; border-radius: 10em;
}
/*PC*/body:not(.spView) #user_contents #maker .about_mof .catch{
	margin: 10px auto 30px; padding: 15px; width: 60%;
	font-size: 140%;
}
#user_contents #maker .about_mof .graph{
	margin: 10px 0px 10px 10px;
	width: 30%; float: right;
}

/*PC*/body:not(.spView) #user_contents #maker .about_mof .text{
	width: 64%;
	line-height: 1.5em;
}
/*sp*/body.spView #user_contents #maker .about_mof .aco_box .aco_inner{ height: 50vw;}




	/*熟成士共通*/
#user_contents #maker .affineur{
	padding: 10px;
	color: #eee; background: #444;
}
#user_contents #maker .affineur .aco_box{
	background: url( /1700/img/parts/null.svg ) 10px 10px / 50px auto no-repeat;
}
/*PC*/body:not(.spView) #user_contents #maker .affineur .aco_box{ background-size: 80px auto;}
/*sp*/body.spView #user_contents #maker .affineur .aco_inner{ height: 105vw;}
/*sp*/body.spView #user_contents #maker .affineur .aco_box label:after{ color: #000; background: rgba(255,255,255,0.5);}

#user_contents #maker .affineur .text{ margin-bottom: 1.5em;}

/*PC*/body:not(.spView) #user_contents #maker .affineur .profile{
	position: relative;
}
/*PC*/body:not(.spView) #user_contents #maker .affineur .profile::before{
	content: "";
	position: relative; top: 0px; left: 0px;
	display: block; width: 40%; height: 369px; float: left;
}
/*PC*/body:not(.spView) #user_contents #maker .affineur .profile::after{ content:"";clear: both;display: block;}
#user_contents #maker .affineur .profile .appearance{ width: 60%; margin: 5px auto;}
/*PC*/body:not(.spView) #user_contents #maker .affineur .profile .appearance{
	position: absolute; left: 67px; top: 0px;
	width: 33%;
}


#user_contents #maker .affineur .profile .catch,
#user_contents #maker .affineur .profile .name{ margin: 10px auto 10px; text-align: center; line-height: 1.3em;}

/*sp*/body.spView #user_contents #maker .affineur .profile .catch{ font-size: 4.2vw;}
/*sp*/body.spView #user_contents #maker .affineur .profile .name{ font-size: 6.5vw;}
/*PC*/body:not(.spView) #user_contents #maker .affineur .profile .catch,
/*PC*/body:not(.spView) #user_contents #maker .affineur .profile .name,
/*PC*/body:not(.spView) #user_contents #maker .affineur .profile .text{ width: 58%; float: right;}
/*PC*/body:not(.spView) #user_contents #maker .affineur .profile .catch{ margin-top: 30px; font-size: 20px;}
/*PC*/body:not(.spView) #user_contents #maker .affineur .profile .name{ margin-bottom: 30px; font-size: 40px;}
/*PC*/body:not(.spView) #user_contents #maker .affineur .profile .text{ line-height: 1.5em;}



/*PC*/body:not(.spView) #user_contents #maker .affineur .desc{ position: relative; margin: 20px 0px; min-height: 230px;}
/*PC*/body:not(.spView) #user_contents #maker .affineur .desc::after{ content:"";clear: both;display: block;}

#user_contents #maker .affineur .desc .catch{ margin-bottom: 0.8em; font-size: 120%;}
#user_contents #maker .affineur .desc .text{}
#user_contents #maker .affineur .desc .photo{}

/*PC*/body:not(.spView) #user_contents #maker .affineur .desc .catch,
/*PC*/body:not(.spView) #user_contents #maker .affineur .desc .text{
	padding: 5px 20px 5px 68px; width: 55%;
}
/*PC*/body:not(.spView) #user_contents #maker .affineur .desc .catch{ font-size: 20px;}
/*PC*/body:not(.spView) #user_contents #maker .affineur .desc .photo{
	position: absolute; top: 0px; right: 10px;
	width: 40%;
}






	/*熟成士個別*/
#user_contents #maker .affineur.alleosse{
	background: #AF3325;
	background: linear-gradient(to right,rgb(87,25,18) 0%,rgb(140,40,29) 30%,rgb(175,51,37) 100%);
}
#user_contents #maker .affineur.alleosse .aco_box{ background-image: url(/1700/img/maker/maker_alleosse_name.png);}

#user_contents #maker .affineur.alleosse .aco_box label{
	background: linear-gradient(to right,rgba(87,25,18,0.8) 0%,rgba(140,40,29,0.8) 30%,rgba(175,51,37,0.8) 100%);
}

#user_contents #maker .affineur.rodolphe{
	background: #003D7E;
	background: linear-gradient(to right,rgb(0,30,63) 0%,rgb(0,48,100) 30%,rgb(0,61,126) 100%);
}
#user_contents #maker .affineur.rodolphe .aco_box{ background-image: url(/1700/img/maker/maker_rodolphe_name.png);}


#user_contents #maker .affineur.rodolphe .aco_box label{
	background: linear-gradient(to right,rgba(0,30,63,0.8) 0%,rgba(0,48,100,0.8) 30%,rgba(0,61,126,0.8) 100%);
}
#user_contents #maker .affineur.bourgon{
	background: #008138;
	background: linear-gradient(to right,rgb(0,64,28) 0%,rgb(0,103,44) 30%,rgb(0,129,56) 100%);
}
#user_contents #maker .affineur.bourgon .aco_box{ background-image: url(/1700/img/maker/maker_bourgon_name.png);}

#user_contents #maker .affineur.bourgon .aco_box label{
	background: linear-gradient(to right,rgba(0,64,28,0.8) 0%,rgba(0,103,44,0.8) 30%,rgba(0,129,56,0.8) 100%);
}






/*▲▲熟成士*********************/
/*▼▼#price2 断然お得！*********************/
/*PC*/body:not(.spView)  #user_contents #price2{ padding: 100px;}

/*▲▲断然お得！*********************/

/*▼▼#item アイテム*********************/

#user_contents #item{
	padding: 14px 0px;
	color: #eee; background: #130902;
}

/*PC*/body:not(.spView) #user_contents #item{ padding: 50px 0px 25px;}



/*▼item 毎月お届けする商品のご紹介(基本z-index(10)*/

#user_contents #item #monthly_item{
	position: relative; z-index:10;
	margin: 0px auto; padding-bottom: 0px;
}
/*PC*/body:not(.spView) #user_contents #item #monthly_item{ width: 1100px;}



#user_contents #item h2{ color: #eee; background: unset;}
/*sp*/body.spView #user_contents #item h2{ font-size: 6vw;}




#user_contents #item .about_badge .about_badge_title{
	margin-top: 20px;
	letter-spacing: -3px;
}
#user_contents #item .about_badge .badge_list{ list-style: none; padding-left: unset;}
#user_contents #item .about_badge .badge_list .badge_box{
	margin-bottom: 5px; padding: 5px; border: 1px solid #4b2c42;}
#user_contents #item .about_badge .badge_list .badge_box.width2x{ width: 64.25%;}
#user_contents #item .about_badge .badge_list .badge_box .badge_sample{
	margin-right: 0.5em; float: left; vertical-align: middle;
}
#user_contents #item .about_badge .badge_list .badge_box .title{
	margin-bottom: 0.2em;
	font-size: 1em; line-height: 1.1em; text-align: left;
}


	/*単月 外枠*/
#user_contents #item  #monthly_item .month{
	position:relative; z-index: 10;
	display:block;
	margin: 10px 0px; padding: 4px;
	width:100%; vertical-align:top;
	letter-spacing: normal; text-align:left;
}
/*PC*/body:not(.spView) #user_contents #item  #monthly_item .month{
	padding: 5px;
}
/*PC*/body:not(.spView) #user_contents #item  #monthly_item .month:not(:first-of-type){
	margin-top: 100px;
}


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


	/*単月 内部*/
#user_contents #item #monthly_item .month .detail{ position: relative;/*必須(★)*/}
/*sp*/body.spView #user_contents #item #monthly_item .month .detail{ min-height: 150vw;}

#user_contents #item #monthly_item .month .detail a{ text-decoration: none; text-decoration-line: initial; color: white;}/*for bx-slider*/


	/* 単月 内部*/
#user_contents #item #monthly_item .month .detail .mois{
	position: absolute; z-index: 1000;
	top: -5vw; left: 1vw; width: 100px; height: 100px;
}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month .detail .mois{
	top: -69px; left: -52px; width: 150px; height: 150px;
}

#user_contents #item #monthly_item .month .detail .photo{
	position: relative; z-index: 10;
}
/*sp*/body.spView #user_contents #item #monthly_item .month .detail .photo{
	margin: 10px 1% 0 1%; width: 100%;
}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month .detail .photo{
	margin-right: 15px; padding: 14px 0px 14px 10px; width: 550px; float: left;
}



	/* 単月 内部-▼右側*/
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month .detail .item_text{
	width: 523px; float: right;
}

#user_contents #item #monthly_item .month .detail .catch,
#user_contents #item #monthly_item .month .detail .item_desc {
	position: relative; display: block;
	margin-bottom: 10px; padding: 5px;
}
#user_contents #item #monthly_item .month .detail .catch{
	padding: 0;
	line-height: 120%;
	font-size: 5vw;
	letter-spacing: -1.2px;
	text-align: left;
	color: #ecd3b7;
	min-height: 2.5em;
}
/*sp*/body.spView #user_contents #item #monthly_item .month .detail .catch{
	padding: 0 5vw;
}


/*PC*/body:not(.spView) #user_contents #item #monthly_item .month .detail .catch{
	font-size: 24px;
}

#user_contents #item #monthly_item .month .detail .item_desc {
	height: 35vw;/*◎*/
	border: 1px solid rgba(255,255,255,0.6);
	border-width: 1px 0 0 0;
}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month .detail .item_desc {
	padding-top: 20px; height: 158px;
}

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

#user_contents #item #monthly_item .month .detail .item_desc .item_icon{
	display: block; margin: -6px 8px 0px -6px;
	width: 35vw; height: 35vw; float: left;
}


/*PC*/body:not(.spView) #user_contents #item #monthly_item .month .detail .item_desc .item_icon{
	margin-right: 14px; width: 135px; height: 135px;
}
#user_contents #item #monthly_item .month .detail .item_desc .item_icon::before{
	content:"";
	position: absolute; left: 0px; bottom: 0px;
	display: block; width: 35vw; height: 20px;
	background: url(null.svg) center bottom / 100% auto no-repeat;
}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month .detail .item_desc .item_icon::before{
	bottom: 7px; width: 135px;
}
#user_contents #item #monthly_item .month .detail .item_desc.alleosse .item_icon::before{ background-image: url( /comimg/svg/nametag_alleosse.svg );}
#user_contents #item #monthly_item .month .detail .item_desc.bourgon .item_icon::before{ background-image: url( /comimg/svg/nametag_bourgon.svg ); }
#user_contents #item #monthly_item .month .detail .item_desc.rodolphe .item_icon::before{ background-image: url( /comimg/svg/nametag_rodolphe.svg );}

#user_contents #item #monthly_item .month .detail .item_desc small::before{ content: "　";}
#user_contents #item #monthly_item .month .detail .item_desc .item_name{
	margin-bottom: 4px; font-size:4vw; letter-spacing: -1.2px;
}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month .detail .item_desc .item_name{
	font-size: 18px;
}
#user_contents #item #monthly_item .month .detail .item_desc .item_name .spec{
	padding-left: 0.5em;
}



#user_contents #item #monthly_item .month .detail .item_desc .text{
	line-height: 110%;
	letter-spacing: -1px;
}

/*▼コンテストの賞アイコン追加************************************/
#user_contents #item #monthly_item .month .detail .item_desc .item_icon .badge{
	position: absolute; 
	top: 0vw; left: -0.5vw; width:11.3%; height: auto;
}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month .detail .item_desc .item_icon .badge{
	width: 40px;
	top: 12px; left: 0px; width: 35px;
}
/*sp*/body.spView #user_contents #item #monthly_item .month .detail .item_desc .item_icon .badge:nth-of-type(3){ top: 9vw;}
/*sp*/body.spView #user_contents #item #monthly_item .month .detail .item_desc .item_icon .badge:nth-of-type(4){ top: 18vw;}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month .detail .item_desc .item_icon .badge:nth-of-type(3){ top: 45px;}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month .detail .item_desc .item_icon .badge:nth-of-type(4){ top: 78px;}

/*▲コンテストの賞アイコン追加************************************/










	/*バッジについて等*/
#user_contents #item .about_badge{ padding: 8px;}
/*PC*/body:not(.spView) #user_contents #item .about_badge{

}



/*▲▲アイテム*********************/
/*▼▼#about_badge バッジについて*********************/


#user_contents #about_badge{
	margin-top: -35px; padding-top: 53px !important;/* bx-pager*/
	color: #ddd;
}
/*sp*/body.spView #user_contents #about_badge{ padding: 2vw; background: #130902;}
/*PC*/body:not(.spView) #user_contents #about_badge{
	padding: 20px 40px;
}

/*PC*/body:not(.spView) #user_contents #about_badge .form_btn{ margin-bottom: 20px;}

#user_contents #about_badge .about_badge_title{
	margin-top: 20px;
	letter-spacing: -3px;
}
#user_contents #about_badge .badge_list{ list-style: none; padding-left: unset;}
#user_contents #about_badge .badge_list .badge_box{
	margin-bottom: 5px; padding: 5px;
	border: 1px solid #4b2c42;
}
/*sp*/body.spView #user_contents #about_badge .badge_list .badge_box.width2x{ width: 64.25%;}
/*PC*/body:not(.spView) #user_contents #about_badge .badge_list .badge_box{ padding: 20px;}


#user_contents #about_badge .badge_list .badge_box .badge_sample{
	margin-right: 0.5em; width: 20%; max-width: 75px;
	float: left; vertical-align: middle;
}
#user_contents #about_badge .badge_list .badge_box .title{
	margin-bottom: 0.7em;
	font-size: 1em;
	line-height: 1.1em;
	text-align: left;
}
/*PC*/body:not(.spView) #user_contents #about_badge .badge_list .badge_box:last-child{ margin-right: 5px;}





/*▲▲バッジについて*********************/


/*▼▼アイテムとバッジについて、PC用配色まとめて変更*********************/

/*PC*/body:not(.spView) #user_contents #item{
	color: #2a1e15;
	background: #fff;
	background: linear-gradient(to right bottom,rgb(255,255,255) 0%,rgb(255,255,255) 48%,rgb(254,253,249) 48%,rgb(254, 243, 182) 90%,rgb(255, 238, 148) 100%);
}
/*PC*/body:not(.spView) #user_contents #about_badge{
	color: #2a1e15;
	background: rgb(254,253,249);
	background: linear-gradient(to right,#FEFCF4 0%,#FFEE96 100%);
}

/*PC*/body:not(.spView) #user_contents #item h2 { color: #130902;}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month .detail .catch{ color: #7a3302;}


/*▲▲バッジについて*********************/



/*▼▼#scene 利用シーンのご提案*********************/
#user_contents #scene{ margin-top: 20px;}
/*PC*/body:not(.spView) #user_contents #scene{
	margin-top: 0px; padding: 60px 0px; background: #fff;
}

/*▲▲利用シーンのご提案*********************/

/*▼▼#voice 推薦します*********************/
/*sp*/body.spView #user_contents #voice{ padding: 2vw 1vw;}
/*PC*/body:not(.spView) #user_contents #voice{ padding: 0px 10px 80px;}
/*PC*/body:not(.spView) #user_contents #voice::after{ content:"";clear: both;display: block;}


#user_contents #voice .sec_hd{ position: relative;}
/*sp*/body.spView #user_contents #voice .sec_hd{ min-height: 25vw;}


#user_contents #voice .sec_hd .icon{ position: absolute; display: block;}
/*sp*/body.spView #user_contents #voice .sec_hd .icon{ top: 5px; left: 5px; width: 20vw;}
/*PC*/body:not(.spView) #user_contents #voice .sec_hd .icon{ top: 15px; left: 15px; width: 170px;}
#user_contents #voice .sec_hd .lead{}
/*sp*/body.spView #user_contents #voice .sec_hd .lead{ padding-left: calc( 20vw + 10px );}

/*PC*/body:not(.spView) #user_contents #voice .sec_box{ padding: 1.5rem;}
/*PC*/body:not(.spView) #user_contents #voice .sec_box::after{ content:"";clear: both;display: block;}


#user_contents #voice .praise{ padding-bottom: 0vw;}
#user_contents #voice .praise::after{ content:"";clear: both;display: block;/*cf*/}

#user_contents #voice .praise .text .lead,
#user_contents #voice .praise .title{ color: #160000;}
/*sp*/body.spView #user_contents #voice .praise .title{
	position: relative; margin: 0px; padding: 0px; width: 100%; line-height: 1.3em; text-align: center;
}
#user_contents #voice .praise .title::after{ content:"";clear: both;display: block;/*cf*/}
#user_contents #voice .praise .title .icon{ width: 20vw; float: left;}
#user_contents #voice .praise .title .lead{
	position: absolute; top: 50%; transform: translate( 0, -50% ); left: 22vw;
}
/*PC*/body:not(.spView) #user_contents #voice .praise .title .lead{}

#user_contents #voice .praise .photo{
	position: relative; float: left; margin-left: 5px;
}
/*sp*/body.spView #user_contents #voice .praise .photo{ max-width: 25vw;/*♪*/}
/*PC*/body:not(.spView) #user_contents #voice .praise .photo{ width: 330px;}

#user_contents #voice .praise .photo .badge{
	position: absolute;
	top: 29vw; width: 14vw;
}
#user_contents #voice .sec_box .photo .badge:nth-of-type(1){ left: -2vw;}
#user_contents #voice .sec_box .photo .badge:nth-of-type(2){ left: 12vw;}
/*PC*/body:not(.spView) #user_contents #voice .praise .photo .badge{ top: 370px; width: 160px;}
/*PC*/body:not(.spView) #user_contents #voice .sec_box .photo .badge:nth-of-type(1){ left: 9px;}
/*PC*/body:not(.spView) #user_contents #voice .sec_box .photo .badge:nth-of-type(2){ left: 154px;}

#user_contents #voice .praise .lead{
	color: #160000; font-size: 4vw; line-height: 1.8em;
	text-align: center;
}
/*sp*/body.spView #user_contents #voice .praise .sec_box .lead{ padding-top: 4vw; height: 45vw;}
/*PC*/body:not(.spView) #user_contents #voice .praise .lead{ padding-top:unset; height: auto; font-size: 36px; line-height: 1.4em;}

#user_contents #voice .eskoyama .aco_box::before{ content:"";clear: both;display: block;/*cf*/}
/*sp*/body.spView #user_contents #voice .eskoyama .aco_box::before{ height: 6vw;}
/*sp*/body.spView #user_contents #voice .eskoyama .aco_box .aco_inner{ height: 40vw;}
#user_contents #voice .eskoyama .aco_box input:checked ~ .aco_inner { height: auto;}

#user_contents #voice .eskoyama .aco_box label{
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 1) 80%);
}
#user_contents #voice .eskoyama .aco_box label:after{ 
	width: 40%; background: #fff; border: 1px solid #871914; border-radius: 25px;
}

/*sp*/body.spView #user_contents #voice .comment{ padding: 0vw 1em; line-height: 1.3em;}
/*PC*/body:not(.spView) #user_contents #voice .comment{
	position: absolute; left: 360px; top: 20px;
	padding: 10px; padding-left: 1.5rem; line-height: 1.4em;
}
#user_contents #voice .comment b{
	font-weight: normal; background: rgb(252,228,144,0.3);
}
#user_contents #voice .span{ display: block;}
#user_contents #voice .profile{
	display: block;
	width: 100%;
	float: left;
	padding: 1em;
	line-height: 1.2em;
	list-style-type: none;
}
#user_contents #voice .profile .name{
	margin: 1em; font-weight: bold; color: #160000; font-size: 1.3em;
}

/*PC*/body:not(.spView) #user_contents #voice .line{ margin: 50px 0px 10px;}






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

/*▼▼#customer お客様の声*********************/
#user_contents #customer{}
#user_contents #customer .sec_hd{}


#user_contents #customer .user_voice{
	padding: 2vw 5vw;
	border-radius: 5px;
}
#user_contents #customer .user_voice ul{ padding: 0; list-style-type: none;}
#user_contents #customer .user_voice ul li{
	padding: 2vw; min-height: 4.3vw; 
	letter-spacing: -2.4px; line-height: 1.4em;
	background: #fffaf6; border: 1px solid #e4d8ce; border-radius: 8px;
}
/*PC*/body:not(.spView) #user_contents #customer .user_voice ul li{
	font-size: 22px;
}
/* ▲▲お客様の声*********************/

/* ▼▼会員様だけの特典 #tokuten******************/
#user_contents #tokuten{}
#user_contents #tokuten .sec_hd{ line-height: 1em;}

/* ▲▲会員様だけの特典*********************/

/* ▼▼よくあるご質問 #faq******************/
#user_contents #faq{
	position: relative;
	margin: 0px auto; padding: 0px; width: 96%;
}
/*PC*/body:not(.spView) #user_contents #faq{ width: 75%;}


#user_contents #faq .sec_hd,
#user_contents #faq .sec_box{
	margin: 0 auto;
	background: #ffffff;
}
#user_contents #faq .sec_hd{
	padding-top: 3vw;
}
/*PC*/body:not(.spView) #user_contents #faq .sec_box{ padding-bottom: 50px;}

/*PC*/body:not(.spView) #user_contents #faq .faq_box{ padding: 10px 50px;}

#user_contents #faq .question,
#user_contents #faq .answer{
	position: relative;
	margin-bottom: 5px;
	padding: 0 0 0 11vw;
	text-align: left;
	line-height: 1.5em;
}
#user_contents #faq .question,
#user_contents #faq .answer::before{ color: #4b3002;}


#user_contents #faq .question{
	min-height: 15vw;
	padding-left: 14vw;
	padding-top: 2vw;
	font-size: 3.8vw;
	background: #F6E091;
	background: linear-gradient(to right bottom,rgb(255 251 238) 0%,rgb(247 224 171) 100%);
	border-radius: 5px;
}
/*PC*/body:not(.spView) #user_contents #faq .question{
	min-height: 90px;
	padding: 14px 15px 15px 104px;
	font-size: 30px;
}



#user_contents #faq .answer{
	position: relative;
	margin-bottom: 5px; padding: 0px 0px 0px 11vw;
	font-size: 3.3vw; text-align: left; line-height: 1.5em;
	background-color: #ffffff;
}
/*PC*/body:not(.spView) #user_contents #faq .answer{
	margin-top: 20px; margin-bottom: 60px;
	padding-left: 107px; padding-right: 20px;
	font-size: 22px;
}


#user_contents #faq .question::before,
#user_contents #faq .answer::before{
	position: absolute;
	display: block;
	top: 3vw; left: 2.5vw; font-size: 10vw;
}
/*PC*/body:not(.spView) #user_contents #faq .question::before,
/*PC*/body:not(.spView) #user_contents #faq .answer::before{
	top: 30px; left: 25px; font-size: 80px;
}
#user_contents #faq .question::before{ content:"Q";}
/*PC*/body:not(.spView) #user_contents #faq .question::before{ left: 32px;}
#user_contents #faq .answer::before{ content:"A";}
#user_contents #faq .answer.rightimg{}
#user_contents #faq .answer.rightimg img{
	display: block;
	float: right;
	margin: 0 0 5px 10px;
	width: 30vw;
}

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


/*▼▼#present プレゼント&価格*********************/
#user_contents #present{
	background: #ECDC87;
	background: linear-gradient(to left bottom,rgb(173,144,73) 0%,rgb(242,227,141) 25%,rgb(159,126,52) 70%,rgb(204,181,101) 100%);
}
/*PC*/body:not(.spView) #user_contents #present{ padding-bottom: 20px;}

#user_contents #present .note{ color: #eee;}
/*sp*/body.spView #user_contents #present .note{ font-size: 10px; line-height: 1.1em;}

/*▲▲プレゼント&価格*********************/
/*▼▼その他*********************/

/*sp*/body.spView #user_contents #price2 .sec_box,
/*sp*/body.spView #user_contents #present .sec_box{ margin-bottom: unset; padding-bottom: unset;}

/*▲▲その他*********************/

/*▼▼拡張 ハムプレゼント*********************/

#user_contents.ham_present_on .ham_present{ display: block;}
#user_contents.ham_present_off .ham_present{ display: none;}




/*▲▲拡張 ハムプレゼント*********************/






















/*************************************************************************/
/*▼webフォント読込▼***/
/*************************************************************************/




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

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

/*Valkyrie-Bold*/
@font-face {
	font-family: "Valkyrie-Bold";
	src: url("/comfont/Valkyrie-Bold.woff")  format('woff');
}

/*手書き文字*/
@font-face {
	font-family: "subset_anzu_3pb00";
	src: url("/1700/img/voice/sub_anzu_pb0300.woff")  format('woff');
}

/*Valkyrie-Boldはこちら▼*/
#user_contents #faq .question:before,
#user_contents #faq .answer::before{ font-family: "Valkyrie-Bold";}

/*手書き字はこちら▼*/
#user_contents #customer .user_voice .voice{ font-family: "subset_anzu_3pb00"; font-weight: normal;}



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