@charset "UTF-8";
/* for FD TC単 7pb00 2409 sz css */
/*▼▼▼▼▼▼▼▼▼7pb00.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: #000;}
/*sp*/ body.spView #gnav .mail .label{ background: url(/comimg/plugin/ico_order_form.png) center left / 1.8rem auto no-repeat;}
/*sp*/ body.spView #gnav .pagetop { background: #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;}
/*sp*/ body.spView .input-more .trg2{ background: #a0eba0;}

/*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; background: url( /comimg/svg/bg_tile_da0430.svg ) center top / 20px auto repeat;}
/*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 {
	margin-bottom: 34px;
	background: #130902; border: 1px solid rgba( 255,255,255,0.1); box-shadow: none;
}

/*sp*/body.spView .bx-wrapper .bx-pager.bx-default-pager a { background: #4a4a4a;}
/*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: #ffcc54;}

/*sp*/body.spView .bx-wrapper .bx-controls-direction a {
	top: 51%;
	width: 11.8%; max-width: 71px; height: 71px;
	-webkit-tap-highlight-color: transparent;
}
/*sp*/body.spView .bx-wrapper .bx-prev {
	left: 2vw;
	background: url("/comimg/plugin/btn_left.png") no-repeat center;
	background-size: contain;
}
/*sp*/body.spView .bx-wrapper .bx-next {
	right: 1vw;
	background: url("/comimg/plugin/btn_right.png") no-repeat center;
	background-size: contain;
}

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



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

#contents,
#user_contents{
	background-color: #ffffff;
}
/*sp*/body.spView #user_contents,
/*PC*/ body:not(.spView) #contents,
/*PC*/ body:not(.spView) #footer,
/*PC*/ body:not(.spView) #user_contents{
	background-position: center top, left top;
	background-repeat: repeat-y, repeat;
	background-image: 
		linear-gradient(to right,rgba(255,255,255 , 0.7) 0%,rgba(255,255,255,0.7) 100%),
		url( /comimg/svg/bg_tile_da0430.svg );
	background-color: #69675e;
}

/*sp*/body.spView #user_contents{
	background-size: 100vw calc( 100% - 20vw )/*★*/, 8vw 10.1875vw;
}
/*PC*/ body:not(.spView) #contents,
/*PC*/ body:not(.spView) #user_contents{
	padding-bottom: 20px;
	background-size: 1100px 50px, 60px 76.4063px;
	background-color: #d3d1c9;
}
/*PC*/ body:not(.spView) #footer{
	background-size: 100% 50px, 60px 76.4063px;
}


/*淡色背景色*/
#user_contents #faq,
#user_contents #voice{ background:#fff;}







/*▼▼ 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: #1F0F0A;}

	/*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: #5B2C25;
	letter-spacing: -2px;
	background: #F6E091;
	background: linear-gradient(to right,rgb(197,134,23) 0%,rgb(246,224,145) 50%,rgb(197,134,23) 100%);
}

#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: #38210B;}
/*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;
}


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


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

#user_contents #main{
	background-color: #271203;
	background-repeat: no-repeat;

}

/*sp*/body.spView #user_contents #main{
	height: calc( 130vw + 50vw ); margin-bottom: -74vw;
	background-image: url( /7pb00/img/main/sp_main_bg.jpg );
	background-size: 100% auto;
	background-position: center 0px;
}

/*PC*/body:not(.spView) #user_contents #main{
	height: calc( 1000px + 650px ); margin-bottom: -580px;
	background-image:
		linear-gradient(to bottom,rgba(1,1,1,0) 0%,rgba(1,1,1,0) 50%,rgba(1,1,1,0.8) 50%,rgba(1,1,1,0.8) 100%),
		url( /7pb00/img/main/main_bg.jpg ) ;
	background-size: 100% 80px , 100% auto;
	background-position: center bottom, center calc( 0% + 40px );
	background-repeat: no-repeat;
}


	/*▼冒頭メッセージ*/
#user_contents #main .esinfo{
	padding: 7px 0px; width: 100%;
	text-align: center; font-size: 14px; color: #1E1316;
	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 #main .esinfo{ padding: 15px 0px; font-size: 22px;}


	/*▼メインタイトル*/
#user_contents #main .main_title{
	position: absolute; z-index: 10;
	top: 46px; left: 2vw; width: 50vw;
}
/*PC*/body:not(.spView) #user_contents #main .main_title{
	top: 70px; left: 26%; transform: translateX(-50%); width: 600px;
}

	/*▼プレゼント*/
#user_contents #main .main_present{
	position: absolute; z-index: 20; max-width: 315px;

}
/*sp*/body.spView #user_contents #main .main_present{
	top: 78vw; right: 9vw; width: 25vw;
}
/*PC*/body:not(.spView) #user_contents #main .main_present{
	width: 220px; top: 660px;
	right: calc( 50% - 250px ); transform: translateX( 50% );
}



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

/* PC1.3k▽A *************/ @media ( max-width: 1099px ) {}/*△*/
/* PC1.3k▽B *************/ @media ( min-width: 1100px ) and  ( max-width: 1300px ) {}/*△*/
/* PC1.53k-▽C *************/ @media ( min-width: 1301px ) and ( max-width: 1600px ) {}/*△*/
/* PC1.92k-▽ *D************/ @media ( min-width: 1601px ) and  ( max-width: 2300px ) {
	/*PC*/body:not(.spView) #user_contents #main{
		background-size: 100% 80px , auto 80%;
	}
	/*PC*/body:not(.spView) #user_contents #main .main_present{ top: 790px;}

}/*△*/
/* PC2.56k-▽ **E***********/ @media ( min-width: 2301px ) {
	/*PC*/body:not(.spView) #user_contents #main{ background-size: 100% 80px , auto 80%;}
}/*△*/
/* PC3.2k-▽ **F***********/ @media ( min-width: 3201px ) {}/*△*/

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



/*▼▼選ばれる理由 #reason*******************/

#user_contents #reason{
	position: relative;
	margin-top: 0px; padding: 0px; padding-bottom: 10px;

}
/*sp*/body.spView #user_contents #reason{
	background: linear-gradient(to bottom,rgba(39,18,3,0) 0%,rgba(39,18,3,0) 30vw,#271203 40vw,#271203 100%);
}

/*PC*/body:not(.spView) #user_contents #reason{
	height: 610px;
	background: linear-gradient(to bottom,rgba(39,18,3,0) 0%,rgba(39,18,3,0) 100px,#271203 300px,#271203 100%);
}

/*sp*/body.spView #user_contents #reason .sec_hd.title{ margin-top: 0px; padding-left: 28vw; font-size: 4.2vw;}
/*PC*/body:not(.spView) #user_contents #reason .sec_hd.title{ font-size: 26px; padding: 30px; padding-left: 390px;}
#user_contents #reason .title b{ color: #000;}



#user_contents #reason .photo,
#user_contents #reason .badge{ position: absolute;}
#user_contents #reason .photo{ max-width: 600px;}
#user_contents #reason .badge{ max-width: 750px;}

/*sp*/body.spView #user_contents #reason .photo{ top: -17.5vw; left: 0vw; width: 32vw}
/*sp*/body.spView #user_contents #reason .badge{ top: 15.5vw; left: 3vw; width: 35vw}
/*PC*/body:not(.spView) #user_contents #reason .photo{ top: -380px; left: calc( 50% - 560px ); width: 400px}
/*PC*/body:not(.spView) #user_contents #reason .badge{ top: 30px; left: calc( 50% - 540px ); width: 500px}



#user_contents #reason .reason_box{
	margin: 8px;

}
/*PC*/body:not(.spView) #user_contents #reason .reason_box{
	margin: 90px auto 30px; padding: 15px 0px;
}

#user_contents #reason .reason_point{
	padding: 10px;
	border-radius: 10px;
	color: #000; 
	background: #E1CE7B linear-gradient(to right bottom,rgb(173,144,73) 0%,rgb(242,227,141) 25%,rgb(159,126,52) 70%,rgb(204,181,101) 100%);
}
/*sp*/body.spView #user_contents #reason .reason_point{
	margin-bottom: 10px;
}

#user_contents #reason .reason_point .title{
	position: relative; padding: 6px; letter-spacing: -2px;
}
/*sp*/body.spView #user_contents #reason .reason_point .title{
	padding-left: 7vw;
	font-size: 3.8vw; line-height: 1.2em;
}
/*PC*/body:not(.spView) #user_contents #reason .reason_point .title{
	font-size: 22px; line-height: 1.2em;
	font-family: "NSCJKjp-Bold";
}


#user_contents #reason .reason_point .title::before{
	content:"";
	position: absolute; top: 50%; left: -0.2vw; transform: translateY( -50% );
	display: block;
	background: url( null.svg ) left top / 100% auto no-repeat;
}
/*sp*/body.spView #user_contents #reason .reason_point .title::before{
	top: 50%; left: -0.2vw; transform: translateY( -50% );
	width: 7vw; height: 7vw;
}

/*PC*/body:not(.spView) #user_contents #reason .reason_point .title::before{
	top: -49px; left: 50%; transform: translateX( -50% );
	width: 115px; height: 50px;
}

/*sp*/body.spView #user_contents #reason .reason_point:nth-of-type(1) .title::before{ background-image: url(/7pb00/img/reason/reason_number_1.svg);}
/*sp*/body.spView #user_contents #reason .reason_point:nth-of-type(2) .title::before{ background-image: url(/7pb00/img/reason/reason_number_2.svg);}
/*sp*/body.spView #user_contents #reason .reason_point:nth-of-type(3) .title::before{ background-image: url(/7pb00/img/reason/reason_number_3.svg);}

/*PC*/body:not(.spView) #user_contents #reason .reason_point:nth-of-type(1) .title::before{ background-image: url(/7pb00/img/reason/reason_point_1.svg);}
/*PC*/body:not(.spView) #user_contents #reason .reason_point:nth-of-type(2) .title::before{ background-image: url(/7pb00/img/reason/reason_point_2.svg);}
/*PC*/body:not(.spView) #user_contents #reason .reason_point:nth-of-type(3) .title::before{ background-image: url(/7pb00/img/reason/reason_point_3.svg);}

#user_contents #reason .reason_point .text{}
/*sp*/body.spView #user_contents #reason .reason_point .text{ font-size: 3.2vw; line-height: 120%;}
#user_contents #reason .reason_point .text b{ text-decoration: underline;}





/*▲▲選ばれる理由*******************/

/*▼▼商品イメージ #ambiance*******************/
#user_contents #ambiance{ margin-top: -1px; margin-bottom: 0px; padding-bottom: 20px; background: #000;}

/*PC*/body:not(.spView) #user_contents #ambiance .sec_appeal{
	max-width: 2280px;
	margin: 0px auto;
}


#user_contents #ambiance .present{ display: block;}
/*sp*/body.spView #user_contents #ambiance .present{ margin-top: -11vw; width: 100%;}
/*PC*/body:not(.spView) #user_contents #ambiance .present{ margin: -100px auto 0px;}

/*▲▲商品イメージ*******************/

/*▼▼作り手/M.O.Fショコラティエ #maker*******************/



/*M.O.Fショコラティエたち*/
#user_contents #maker{
	position: relative;
	width: 100%;
	background-color:#FFF;
	background: 
		url(/7pb00/img/maker/maker_bg_stamp.png) 0vw 4vw / 25% auto no-repeat,
		url(/7pb00/img/maker/maker_bg.jpg) left top / 15% auto repeat;
}
/*sp*/body.spView #user_contents #maker{
	margin-top: -1vw;
}
/*PC*/body:not(.spView) #user_contents #maker{
	background-position: 140px 42px , left top;
	background-size: 14% auto, 15% auto;
}


#user_contents #maker .sec_hd{ background: unset; }
/*sp*/body.spView #user_contents #maker .sec_hd{ padding: 5vw 2% 0vw;}
#user_contents #maker .sec_hd .badge,
#user_contents #maker .sec_hd .message{ display: block; margin: 0px auto;}
#user_contents #maker .sec_hd .badge{ width: 60%; max-width: 760px;}
#user_contents #maker .sec_hd .message{ width: 90%; max-width: 918px;}


/*sp*/body.spView #user_contents #maker .sec_box{
	margin: 0 4vw 2vw; padding: 1vw 2vw;
}



	/* profile_mof  */
#user_contents #maker .profile_mof{
	position: relative;
	margin-top: 20px;
}

#user_contents #maker .profile_mof .aco_box label{
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.0) 0%, rgb(244,243,239,0.6) 20%, rgb(244,245,240,0.8) 80%);
}
#user_contents #maker .profile_mof .aco_box label::after{
	width: 40%;
	color: #66340c; background: rgb(244,243,239);
	border: 1px solid #66340c; border-radius: 25px;
}

#user_contents #maker .profile_mof .photo{
	position: relative;
}
#user_contents #maker .profile_mof .photo .badge{
	position: absolute; right: 1vw; width: 17vw; height: auto;
}
/*PC*/body:not(.spView) #user_contents #maker .profile_mof .photo .badge{ width: 200px;}

#user_contents #maker .profile_mof .message{
	position: relative; padding: 10px 0px 0px 10px;
	color: #160000; font-size: 3.5vw; line-height: 1.5em; text-align: center;
}
/*PC*/body:not(.spView)  #user_contents #maker .profile_mof .message{ font-size: 40px;}


#user_contents #maker .profile_mof .mof_name{
	margin-bottom: 20px;
	color: #5B2B25;
	text-align: center;
}
/*PC*/body:not(.spView) #user_contents #maker .profile_mof .mof_name{ margin-top: 20px; font-size: 34px;}



#user_contents #maker .profile_mof .text,
#user_contents #maker .profile_mof .profile{
	width: 96%;
	margin: 5px auto 1em;
	line-height: 1.5em;
	color: black;
}
#user_contents #maker .profile_mof .text{ border-bottom: 1px solid #444444;}
/*PC*/body:not(.spView) #user_contents #maker .profile_mof .text{ font-size: 22px;}
#user_contents #maker .profile_mof .text b{
	font-weight: normal;
	background: rgba( 252,228,144,0.6 );
}

#user_contents #maker .profile_mof .profile{ line-height: 1.2em;}
/*PC*/body:not(.spView) #user_contents #maker .profile_mof .profile{ }


		/*ショップ案内*/
#user_contents #maker .profile_mof .shop_info{
	position: relative; display: block;
	width: 94%; margin: 0 auto;
}
#user_contents #maker .profile_mof .shop_info p{
	margin: 4px 0; padding: 0;
}
#user_contents #maker .profile_mof .shop_info .title{
	display: block; padding: 2px 4px;
	text-align: center; color: #ffffff; 
	background: #95877A; border-radius: calc( 30px + 1em );
}
/*PC*/body:not(.spView) #user_contents #maker .profile_mof .shop_info .title{ padding: 8px;}

#user_contents #maker .profile_mof .shop_info .shop_list{
	margin: 1em auto;
	padding-left: 10px;
	list-style: none;
}

#user_contents #maker .profile_mof .shop_info .shop_name{
	color: #5B2B25;
	line-height: 1.6em;
}
#user_contents #maker .profile_mof .shop_info .shop_address{
	margin-left: 1.5em;
}
#user_contents #maker .profile_mof .shop_info .photo{
	width: 100%;
}

	/* about_mof MOFとは*/

#user_contents #maker .about_mof{
	margin-top: 5vw; padding: 5px 2vw; color: #ffffff;
	background: #271409;
	background: linear-gradient(to right bottom,rgb(39,20,9) 0%,rgb(102,52,12) 25%,rgb(89,50,18) 50%,rgb(102,52,12) 75%,rgb(39,20,9) 100%);
}
/*PC*/body:not(.spView) #user_contents #maker .about_mof{ margin-top: 50px; padding: 10px;}
/*PC*/body:not(.spView) #user_contents #maker .about_mof::after{ content:"";clear: both;display: block;}

#user_contents #maker .about_mof .pyramid{
	width: 25%; float: right;
}


#user_contents #maker .about_mof .title{
	position: relative; display: block;
	margin: 10px auto 10px;
	font-size: 4.5vw; line-height: 1.3em;
}
/*PC*/body:not(.spView) #user_contents #maker .about_mof .title{ font-size: 40px;}

/*sp*/body.spView #user_contents #maker .about_mof .title .badge{
	position: absolute; top: 7vw; left: 0vw;
	display: block; width: 13vw; height: auto;
}
/*PC*/body:not(.spView) #user_contents #maker .about_mof .title .badge{
	margin-top: 20px; width: 200px; height: auto; float: left;
}

#user_contents #maker .about_mof .text{
	padding: 0;
	line-height: 1.2em;
}
/*PC*/body:not(.spView) #user_contents #maker .about_mof .text{ font-size: 18px; line-height: 1.3em;}


/*sp*/body.spView #user_contents #maker .about_mof .text::before{
	content: "";
	display: block;  width: 13.5vw; height: 13.5vw;
	float: left;
}



/*▲▲作り手/M.O.Fショコラティエ*******************/

/*▼▼毎月のアイテム #item*******************/

#user_contents #item{
	color: #ffffff; background: #190d04;
}
/*sp*/body.spView #user_contents #item{
	margin: 10px 0px 20px; padding: 0px 0px 7px;
}
/*PC*/body:not(.spView) #user_contents #item{ padding-bottom: 20px;}


	/* sec_hd*/
#user_contents #item .sec_hd{ background: unset; color: #fff;}
/*sp*/body.spView #user_contents #item .sec_hd{
	max-width: 100%; padding: 3vw 2vw 0vw; font-size: 4vw;
}
/*PC*/body:not(.spView) #user_contents #item .sec_hd{ padding: 30px 0px;}

#user_contents #item .sec_hd .icon,
#user_contents #item .sec_hd .title{ display: inline-block;}
/*sp*/body.spView #user_contents #item .sec_hd .icon{
	position: relative; top: -1vw; width: 23vw; height: 23vw;
}
/*sp*/body.spView #user_contents #item .sec_hd .icon:nth-of-type(2){ margin-left: -5vw;}
/*PC*/body:not(.spView) #user_contents #item .sec_hd .icon{ margin-left: -43px;}

#user_contents #item .sec_hd .title{ position: relative; line-height: 1.3em;}
/*sp*/body.spView #user_contents #item .sec_hd .title{
	top: 0vw; margin-left: 2vw;
	font-size: 4vw; letter-spacing: -1px;
}
/*PC*/body:not(.spView) #user_contents #item .sec_hd .title{
	top: -25px; margin-left: 20px;
	letter-spacing: -3px;
}
#user_contents #item .sec_hd .title b{ font-weight: bold; color: #e7bc62;}

	/*注記*/
#user_contents #item .item_note{ margin-top: 8px; text-align: center; color: #999999;}


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

/*PC*/body:not(.spView) #user_contents #item #monthly_item{ max-width: 1100px;}





	/*単月 外枠*/
#user_contents #item  #monthly_item .month{
	position:relative; z-index: auto;
	display:block; margin: 0px; padding: 1vw 1vw 1vw; width:100%;
	vertical-align:top; letter-spacing: normal; text-align:left;
}

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

#user_contents #item #monthly_item .month .detail{
	position: relative;/*必須(★)*/ z-index: 10;
	display: block;
	color: #190d04; text-decoration: none; text-decoration-line: initial;
}
/*sp*/body.spView #user_contents #item #monthly_item .month .detail{
	height: 128vw;/*slider都合でheight必須*/
}
/* sp se▽ */ @media only screen and (max-width: 349px) {
	/*sp*/body.spView #user_contents #item #monthly_item .month .detail{ height: 130vw;}
}/*△*/




	/* 単月 内部 画像*/

#user_contents #item #monthly_item .month .detail .image{
	position: relative; top: 0px; left: 0px; display: block;
	width: 100%;/*★*/ 
}
/*sp*/body.spView #user_contents #item #monthly_item .month .detail .image{
	position: relative;
	height: 62vw; overflow: hidden;
}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month .detail .image{
	height: 460px; overflow: hidden;
}



#user_contents #item #monthly_item .month .detail .image img{
	position: absolute; display: block; max-width: 100%;
}

#user_contents #item #monthly_item .month .detail .image .photo{
	top: 0px; left: 0px; z-index: 10;
}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month .detail .image .photo{ top: -125px;}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month:nth-of-type(2) .detail .image .photo{ top: -115px;}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month:nth-of-type(3) .detail .image .photo{ top: -125px;}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month:nth-of-type(4) .detail .image .photo{ top: -105px;}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month:nth-of-type(5) .detail .image .photo{ top: -135px;}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month:nth-of-type(6) .detail .image .photo{ top: -135px;}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month:nth-of-type(7) .detail .image .photo{ top: -135px;}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month:nth-of-type(8) .detail .image .photo{ top: -95px;}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month:nth-of-type(9) .detail .image .photo{ top: -185px;}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month:nth-of-type(12) .detail .image .photo{ top: -185px;}


#user_contents #item #monthly_item .month .detail .image .mois{
	top: 0px; left: 0px; z-index: 3000; width: 15vw; max-width: 130px;
}


	/* 単月 バッジ-▼badge_box*/

#user_contents #item #monthly_item .month .detail .badge_box{
	position: absolute; top: 0px; left: 0px; z-index: 1000;
	width: 100%; height: 5px;
}
#user_contents #item #monthly_item .month .detail .badge_box .badge{
	position: absolute;
}
/*sp*/body.spView #user_contents #item #monthly_item .month .detail .badge_box .badge.new{
	top: -3vw; left: 12vw; width: 17vw;
}
/*sp*/body.spView #user_contents #item #monthly_item .month .detail .badge_box .badge.limited{
	top: -1vw; left: 27vw; width: 14vw;
}
/*sp*/body.spView #user_contents #item #monthly_item .month .detail .badge_box .badge.koyama{
	top: 7vw; right: -7vw; transform: rotate( 45deg); width: 30vw; 
}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month .detail .badge_box .badge.new{
	top: -22px; left: 190px; width: 126px;
}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month .detail .badge_box .badge.limited{
	top: -10px; left: 300px; width: 100px;
}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month .detail .badge_box .badge.koyama{
	top: 56px; right: -83px; transform: rotate( 45deg); width: 350px; 
}


	/* 単月 内部-文字*/

#user_contents #item #monthly_item .month .detail .item_desc {
	position: relative; z-index: 20; left: 0px;
	display: block; width: 100%;
}
/*sp*/body.spView #user_contents #item #monthly_item .month .detail .item_desc{
	top: -7.5vw;
}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month .detail .item_desc{
	top: -78px;
}


#user_contents #item #monthly_item .month .detail .item_desc .item_name{
	display: inline-block;
	margin-bottom: 10px; padding: 1vw 2vw;
	font-size: 18px; text-align: left; line-height: 21px;
	color: #fff;
	background: rgba( 25,13,4,0.8);
}
/*sp*/body.spView #user_contents #item #monthly_item .month .detail .item_desc .item_name{

}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month .detail .item_desc .item_name{
	padding: 20px;
	font-size: 30px; line-height: 1.3em;
}


#user_contents #item #monthly_item .month .detail .item_desc .item_catch{
	margin-bottom: 10px; padding: 0vw 7vw; 
	font-size: 4vw; text-align: left; line-height: 1.3em; color: #f3db63;
}
/*sp*/body.spView #user_contents #item #monthly_item .month .detail .item_desc .item_catch{
	min-height: 2.3em;
}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month .detail .item_desc .item_catch{
	padding: 20px; font-size: 36px; letter-spacing: -1px;
}

/* sp*/ @media only screen and (max-width: 349px) {
	#user_contents #item #monthly_item .month .detail .item_desc .item_name,
	#user_contents #item #monthly_item .month .detail .item_desc .item_catch{ margin-bottom: 5px;}

}/*△*/


#user_contents #item #monthly_item .month .detail .item_desc .text{
	padding: 1.5vw; color: #ddd; line-height: 1.1em;
}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month .detail .item_desc .text{
	padding: 5px; font-size: 24px;
}



#user_contents #item #monthly_item .month .item_desc .item_name .note{
	font-size: 90%;
	font-weight: bold;
	background: linear-gradient(to bottom,#d2a42a 0%,#F1E5CB 50%,#f7e401 100%);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
}
#user_contents #item #monthly_item .month .item_desc .item_name .note::before{
	content: "\a";
	white-space: pre;
}


/* 注意書き*/
#user_contents #item .item_caution{
	padding: 0vw 2vw; line-height: 1.2em;
	color: #ddd;
}
/*PC*/body:not(.spView) #user_contents #item .item_caution{
	padding: 10px 20px 50px 400px;
}
/*PC*/body:not(.spView) #user_contents #item .item_caution .note_text .li::before{ left: -25px;}






/*▲▲毎月のアイテム*******************/

/*▼▼推薦します！ #voice*******************/
#user_contents #voice{}
/*PC*/body:not(.spView) #user_contents #voice{ height: 1140px; margin-bottom: 40px;}

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

#user_contents #voice .praise .photo .badge{
	position: absolute;
	top: 37vw;
	width: 21vw;
}
#user_contents #voice .sec_box .photo .badge.toc{ left: -3vw; width: 20.9vw;}
#user_contents #voice .sec_box .photo .badge.award{ left: 19vw;}
/*PC*/body:not(.spView) #user_contents #voice .praise .photo .badge{ top: 370px; width: 180px;}
/*PC*/body:not(.spView) #user_contents #voice .sec_box .photo .badge.toc{ left: -4px;}
/*PC*/body:not(.spView) #user_contents #voice .sec_box .photo .badge.award{ left: 170px;}




#user_contents #voice .praise .lead{
	padding-top: 1em; height: 60vw;
	color: #160000; font-size: 4vw; line-height: 1.8em;
	text-align: center;
}
/*sp*/body.spView #user_contents #voice .praise .lead{ height: 60vw;}
/*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;}
/*sp*/body.spView #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%);
}
/*sp*/body.spView #user_contents #voice .eskoyama .aco_box label:after{ width: 40%; border-radius: 25px;}
/*sp*/body.spView #user_contents #voice .comment{ padding: 0vw 2vw; font-size: 3vw;}

/*PC*/body:not(.spView) #user_contents #voice .comment{
	position: absolute; left: 360px; top: 30px; width: calc( 100% - 360px );
	padding: 10px; font-size: 20px; 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;
}
/*PC*/body:not(.spView) #user_contents #voice .profile{
	margin-top: 130px;
}

#user_contents #voice .profile .name{
	margin: 1em;
	font-weight: bold; color: #160000; font-size: 1.3em;
}


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



/*▼▼お客様の声 #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; 
	border: 1px solid #e4d8ce; background: #fff;
}
/*sp*/body.spView #user_contents #customer .user_voice .voice{ font-size: 4.5vw;}
/*PC*/body:not(.spView) #user_contents #customer .user_voice .voice{ font-size: 22px;}
#user_contents #customer .user_voice .voice{
	letter-spacing: -2.4px; line-height: 1.4em;
}
#user_contents #customer .user_voice .voice .name{
	font-family: "NSCJKjp-Regular" !important;
	font-size: 16px;
}

/*▲▲お客様の声*******************/

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


#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 .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;
}



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



/*▼▼ベネフィット 価格のご案内/プレゼント*******************/
#user_contents #benefit{
	margin: 20px 0px -6vw;
	padding: 20px 10px;
	background: #190d04;
}
/*PC*/body:not(.spView) #user_contents #benefit{
	margin: 0px 0px -30px;
	padding: 80px 10px 50px;
}



/*▲▲ベネフィット 価格のご案内/プレゼント*******************/



/*************************************************************************/
/*▼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("/3pb00/img/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;}



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