@charset "UTF-8";
/* for FD 8CH 202510 nk css */
/*▼▼▼▼▼▼▼▼▼8ch00.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{
	color: #1B1610; background:#E0D491;
	background: linear-gradient(to top,rgb(194,170,36) 0%,rgb(217,203,120) 38%,rgb(252,251,246) 62%,rgb(224,212,146) 100%);
}

/*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: #401100;}
/*sp*/ body.spView #gnav .mail{ background:#170d04; border-color: #D7AF3F;}
/*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;}

/*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: #E00000;}
/*PC*/ body:not(.spView) #contents .order-submit button{ background: url(/comimg/ico_delta_left_white.png) no-repeat #38210B !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 #user_contents #item .bx-wrapper{}
/*sp*/body.spView #user_contents #item .bx-wrapper .bx-pager.bx-default-pager a{ background: #c7bbb5;}
/*sp*/body.spView #user_contents #item .bx-wrapper .bx-pager.bx-default-pager a:hover,
/*sp*/body.spView #user_contents #item .bx-wrapper .bx-pager.bx-default-pager a.active,
/*sp*/body.spView #user_contents #item .bx-wrapper .bx-pager.bx-default-pager a:focus{ background: #5f4433;}
/*sp*/body.spView #user_contents #item .bx-wrapper .bx-controls-direction a{ top: 38%;}



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





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

#contents,
#user_contents{
	background-color: #250100;
}
/*sp*/body.spView #contents{ background: #fff;}
/*sp*/body.spView #user_contents{
	background:
		linear-gradient(to right,rgba(34,34,34,0.5) 0%,rgba(34,34,34,1) 100%) center top / 100vw calc( 100% - 20vw )/*★*/ repeat-y, 
		url(/8ch00/img/parts/contents_bg.png) left top / 10vw 10vw repeat #111;
}

/*PC*/ body:not(.spView) #contents,
/*PC*/ body:not(.spView) #user_contents{
	padding-bottom: 20px;
	background:
		linear-gradient(to right,rgba(34,34,34,1) 0%,rgba(34,34,34,1) 100%) center top / 1100px 50px repeat-y,
		url(/8ch00/img/parts/contents_bg.png) left top repeat #111;
}

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


/*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(34,34,34, 0.0) 0%, rgba(34,34,34, 0.5) 20%, rgba(34,34,34, 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: #D8C39A; font-family: "NSCJKjp-Bold"; margin-bottom: 1.6em;}

#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: 954px;
}



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




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

#user_contents #main{
	position: relative;
	padding-bottom: 2px;
}
/*sp*/body.spView #user_contents #main{
	background:
		url( /8ch00/img/main/sp_main_bg.jpg ) center 30px / 109% auto no-repeat,
		repeating-linear-gradient( -60deg , transparent 0px,transparent 4px,rgba( 255,255,255,0.1) 4px,rgba( 255,255,255,0.1) 5px) center top / cover,
		linear-gradient(to top,rgba(34,34,34,0) 10%,#181818 28%, #181818 100%) center top / cover repeat;
}
/*PC*/body:not(.spView) #user_contents #main{
	max-height: 1800px;
	padding-bottom: 10px;
	background:
		#000 url( /8ch00/img/main/main_bg.jpg ) center 30px / 100% auto no-repeat;
}




#user_contents #main:before{
	content: "";
	position: relative;
	display: block; width: 100%; height: 80vw;
}
/*PC*/body:not(.spView) #user_contents #main:before{ height: 1200px;}





	/*特別なご案内*/
#user_contents #main .esinfo{
	position: absolute; z-index: 100; top: 0px; left: 0px;
	padding: 7px 0px; width: 100%; text-align: center; 
	/*
	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%);
	*/
	color: #d4d4d4; background: #121212;
}
/*PC*/body:not(.spView) #user_contents #main .esinfo{ font-size: 22px;}

	/*メインタイトル*/
#user_contents #main .main_title{
	position: absolute; top: 30px;
}
/*sp*/body.spView #user_contents #main .main_title{
	left: 2vw; width: calc( 54% - 2vw);
}
/*PC*/body:not(.spView) #user_contents #main .main_title{
	width: 560px;
	left: calc( 50% - 20vw);
	transform: translateX( -50% );
}

	/*MOF写真*/
#user_contents #main .main_mof{ position: absolute;}

/*sp*/body.spView #user_contents #main .main_mof{
	bottom: 0vw; right: 0vw; width: 53vw;
}
/*PC*/body:not(.spView) #user_contents #main .main_mof{
	bottom: 0; left: 10%; width: 45%; max-width: 600px;
}
#user_contents #main .main_mof img{ vertical-align: bottom;}



	/*選ばれる理由*/
#user_contents #reason.sec_box{
	position: relative;
	margin: 10px; margin-top: 50px; padding: 10px; padding-top: 30px;
	background: rgba( 227,199,199,0.95);
}
/*PC*/body:not(.spView) #user_contents #reason.sec_box{
	margin: 50px auto; padding: 50px 20px;
	width: 1070px;
}


		/* aco */
/*sp*/body.spView #user_contents .aco_menu .aco_contents{ margin-top: -16px;}
			/*閉じてる*/
/*sp*/body.spView #user_contents input[type="checkbox"].aco_on_off + .aco_label + .aco_contents{ padding: 20px 10px 0px 10px;}
/*sp*/body.spView #user_contents input[type="checkbox"].aco_on_off + .aco_label + .aco_contents::before{ background-image: url(/comimg/plugin/btn_aco_on_black.png);}
			/*開いてる*/
/*sp*/body.spView #user_contents input[type="checkbox"].aco_on_off:checked + .aco_label + .aco_contents{ padding: 26px 10px 10px;}
/*sp*/body.spView #user_contents input[type="checkbox"].aco_on_off:checked + .aco_label + .aco_contents::before{ background-image: url(/comimg/plugin/btn_aco_off_black.png);}

		/* ポイント */
#user_contents #reason .points{}
#user_contents #reason .points b{ color: #600;}
			/*PC grid*/
/*PC*/body:not(.spView) #user_contents #reason .points{ display: grid; grid-template: 100px auto /  1fr 1fr 1fr; gap: 20px 50px; place-items: stretch;}
/*PC*/body:not(.spView) #user_contents #reason .pc_grid_title{ grid-row: 1 / 2;}
/*PC*/body:not(.spView) #user_contents #reason .pc_grid_text{ grid-row: 2 / 3;}
/*PC*/body:not(.spView) #user_contents #reason .pc_grid_title:nth-of-type(1),
/*PC*/body:not(.spView) #user_contents #reason .pc_grid_text:nth-of-type(1){ grid-column: 1 / 2;}
/*PC*/body:not(.spView) #user_contents #reason .pc_grid_title:nth-of-type(2),
/*PC*/body:not(.spView) #user_contents #reason .pc_grid_text:nth-of-type(2){ grid-column: 2 / 3;}
/*PC*/body:not(.spView) #user_contents #reason .pc_grid_title:nth-of-type(3),
/*PC*/body:not(.spView) #user_contents #reason .pc_grid_text:nth-of-type(3){ grid-column: 3 / 4;}


#user_contents #reason .points .title{
	position: relative; color: #441507; text-align: center;
}
/*sp*/body.spView #user_contents #reason .points .title{
	display: block; padding: 5px; font-size: 18px;
}
/*PC*/body:not(.spView) #user_contents #reason .points .title{
	font-size: 22px; line-height: 1.3em;
}



	/* 装飾 */
#user_contents #reason:before{
	content: "";
	position: absolute; top: -17px; left: 50%; transform: translateX( -50% );
	display: block; width: 50px; height: 50px;
	background: url( /8ch00/img/reason/reason_point.svg ) center center / 100% auto no-repeat;
}
/*PC*/body:not(.spView) #user_contents #reason:before{
	top: -23px; width: 70px; height: 70px;
}
		/* 囲み */
#user_contents #reason .deco{
	position: absolute; left: 0px;
	display: block; width: 100%; height: 10vw;
}
/*PC*/body:not(.spView) #user_contents #reason .deco{
	top: 0px; height: 354px;
}


#user_contents #reason .deco:before,
#user_contents #reason .deco:after{
	content: "";
	position: absolute; top: 0px;  display: block; width: 100%; height: 10vw;
	background: url( /8ch00/img/reason/reason_deco_corner.svg) left center / auto 100% no-repeat;
}

/*PC*/body:not(.spView) #user_contents #reason .deco:before,
/*PC*/body:not(.spView) #user_contents #reason .deco:after{
	height: 45px;
}


#user_contents #reason .deco:after{ transform: scaleX( -1) ;}
#user_contents #reason .deco.deco_bottom{ transform: scaleY( -1) ;}
/*sp*/body.spView #user_contents #reason .deco.deco_top{ top: 0.5vw;}
/*sp*/body.spView #user_contents #reason .deco.deco_bottom{ bottom: 0.5vw;}



		/*仕切り線*/
/*sp*/body.spView #user_contents #reason .points .aco_label:nth-of-type(+n+2) .title{ margin-top: 20px;}
/*sp*/body.spView #user_contents #reason .points .aco_label:nth-of-type(+n+2) .title:before{
	content: "";
	position: absolute; top: -16px; left: 50%; transform: translateX( -50% );
	display: block; width: 50%; height: 10px;
	background: url( /8ch00/img/reason/reason_deco_hline.svg ) center center / cover no-repeat;
}
/*PC*/body:not(.spView) #user_contents #reason .pc_grid_title:not(:last-of-type):after{
	content: "";
	position: absolute; top: 44px; right: -26px;
	display: block; width: 18px; height: 180px;
	background: url( /8ch00/img/reason/reason_deco_vline.svg ) center center / auto 100% no-repeat;
}


	/*メディアクエリ*/
/* PC1.4k▽ *************/ @media only screen and (min-width: 1367px) and (max-width: 1440px){

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

	/*PC*/body:not(.spView) #user_contents #main{
		background-size: 1400px auto, cover;
	}
	/*PC*/body:not(.spView) #user_contents #main .main_title{
		width: 700px;
	}

}/*△*/
/* PC-1.9k▽ *************/ @media only screen and (min-width: 1921px){
	/*PC*/body:not(.spView) #user_contents #main{ background-size: 1920px auto, cover;}
	/*PC*/body:not(.spView) #user_contents #main .present{ right: calc( 50% - 640px );}
}/*△*/



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

/*▼▼作り手/M.O.Fショコラティエたち #maker*********************/
#user_contents #maker{padding-top: 0;}
/*PC*/body:not(.spView) #user_contents #maker{ padding-top: 40px; padding-bottom: 80px;}
/*PC*/body:not(.spView) #user_contents #maker .sec_hd{ padding: 0px 60px 30px;}

#user_contents #maker .sec_box{ background: #fff;}
/*sp*/body.spView #user_contents #maker .sec_box{ margin: 0px 4vw 4vw;}

	/*MOFショコラティエとは*/
#user_contents #maker .about_mof{
	position: relative; padding: 5px 2vw;
	background: linear-gradient(to bottom,rgb(85,16,4) 0%,rgb(253,252,252) 70%,rgb(253,252,252) 100%);
}
/*sp*/body.spView #user_contents #maker .about_mof:before{
	content: "";
	position: absolute; top: 0px; right: 0px; z-index: 1;
	width: 109px; height: 109px;
	background: url( /8ch00/img/maker/bg_cacao01.png ) top right / 100% auto no-repeat;
}
/*PC*/body:not(.spView) #user_contents #maker .about_mof{
	margin: 10px auto 20px; padding: 20px; width: 1070px;
}
#user_contents #maker .about_mof .title{
	display: block; width: 70%; margin: 10px auto 10px;
}
/*PC*/body:not(.spView) #user_contents #maker .about_mof .title{
	position: absolute; z-index: 10; top: 4px; left: 47px;
	display: block; width: 386px; height: auto;
}
#user_contents #maker .about_mof .photo{
	display: block; margin: 0px 10px 10px 0px;
	width: 40%; float:left;
}
/*PC*/body:not(.spView) #user_contents #maker .about_mof .photo{
	margin-left: 20px; width: 326px; float: right;
}
#user_contents #maker .about_mof .text{ padding: 0 0 10px; line-height: 1.2em;}
/*PC*/body:not(.spView) #user_contents #maker .about_mof .text{
	padding: 90px 20px 20px 20px; line-height: 1.7em;
	font-size: 18px; color: black;
	background: url(/8ch00/img/maker/bg_cacao01.png) top left / 109px auto no-repeat;
}



	/*ショコラティエプロフィール*/
#user_contents #maker .profile_mof{}
/*PC*/body:not(.spView) #user_contents #maker .profile_mof{ margin-top: 60px;}

#user_contents #maker .profile_mof .title{ margin-bottom: 10px;}
#user_contents #maker .profile_mof .message{
	margin: 5px auto; padding: 10px;
	font-size: 18px; line-height: 1.5em; color: #2d0a00;
}
/*sp*/body.spView #user_contents #maker .profile_mof .aco_box .aco_inner{ height: 20vw;}
/*PC*/body:not(.spView) #user_contents #maker .profile_mof .message{
	margin: 30px auto 20px; padding: 20px;
	font-size: 24px; text-align: center;
}
#user_contents #maker .profile_mof .desc{
	margin-bottom: 1em;
	border-bottom: 1px solid #666;
}
#user_contents #maker .profile_mof .profile:before{ content: "略歴：　";}
/*PC*/body:not(.spView) #user_contents #maker .profile_mof .desc,
/*PC*/body:not(.spView) #user_contents #maker .profile_mof .profile{
	margin: 10px auto; padding: 0px 20px; width: 90%;
	line-height: 1.5em; color: black;
}
/*PC*/body:not(.spView) #user_contents #maker .profile_mof .desc{
	position: relative; padding-bottom: 1em;
	font-size: 18px;
}

/*PC*/body:not(.spView) #user_contents #maker .profile_mof .desc{
	padding-right: 320px;
}
/*PC*/body:not(.spView) #user_contents #maker .profile_mof .desc:after{
	content: "";
	position: absolute; right: 0px; bottom: 0px;
	display: block; width: 300px; height: 350px;
	background: url( /comimg/svg/null.svg ) center bottom / 100% auto no-repeat;
}
/*PC*/body:not(.spView) #user_contents #maker .profile_mof .profile{
	margin-bottom: 40px;
}


		/*ショップ案内*/
#user_contents #maker .profile_mof .shop_info{
	position: relative;
	display: block; width: 94%; margin: 0px auto;
	background: url( /comimg/svg/null.svg ) 10px 30px / 60px auto no-repeat #eee;
}
/*PC*/body:not(.spView) #user_contents #maker .profile_mof .shop_info{
	width: 80%; margin: 20px auto ; padding: 10px 10px 10px 150px;
	background-position: top 20px left 20px;
	background-size: 80px auto;
	min-height: 120px;
}


#user_contents #maker .profile_mof .text{ padding: 0 5px 15px 20px;}

#user_contents #maker .profile_mof .shop_info > text{
	margin: 4px 0px; padding: 0px;
}
#user_contents #maker .profile_mof .shop_info .title{
	display: inline-block; padding: 2px;
	color: #e1cb9c; background: #281C1C; border-radius: 2px;
}
/*PC*/body:not(.spView) #user_contents #maker .profile_mof .shop_info .title{
	top: 84px;  padding: 2px; border-radius: 2px;
}

#user_contents #maker .profile_mof .shop_info .name{
	display: inline-block;
	margin-top: 20px; margin-left: 130px;
	font-size: 22px; line-height: 24px; font-family: georgia , serif;
}
/*PC*/body:not(.spView) #user_contents #maker .profile_mof .shop_info .name{
	margin: 10px;
}
#user_contents #maker .profile_mof .shop_info .name_ruby{
	position: relative; top: -3px; left: 98px;
	display: block; width: calc( 100% - 90px);
}
/*PC*/body:not(.spView) #user_contents #maker .profile_mof .shop_info .name_ruby{
	left: 9px;
}

#user_contents #maker .profile_mof .shop_info .address,
#user_contents #maker .profile_mof .shop_info .operation{
	width: 100%; padding-left: 8rem;
	line-height: 1.2em;
}

		/*ショップ案内-個別設定*/
#user_contents #maker .profile_mof.bel .shop_info{ background-image: url( /9cc00/img/maker/maker_prof_bel_icon.png ) ;}
#user_contents #maker .profile_mof.hawe .shop_info{ background-image: url( /9cc00/img/maker/maker_prof_hawe_icon.png );}
#user_contents #maker .profile_mof.hawe .shop_info .name{ margin-top: 13px;}
#user_contents #maker .profile_mof.hawe .shop_info .address{ margin-bottom: 10px;}
#user_contents #maker .profile_mof.camp .shop_info{ background-image: url( /9cc00/img/maker/maker_prof_camp_icon.png );}
#user_contents #maker .profile_mof.camp .shop_info .name{ margin-top: 13px;}













/*▲▲作り手/M.O.Fショコラティエたち*********************/
/*▼▼毎月のメニュー #item*********************/
#user_contents #item{}

	/*sec_hd*/
#user_contents #item .sec_hd{
	position: relative;
	color: #fff; background-color: #522619;
}
	/*金色*/
/*PC*/body:not(.spView) #user_contents #item .sec_hd .text.f_gold{
	background: -webkit-linear-gradient(top,rgb(253,252,247) 0%,rgb(199,177,54) 100%);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	letter-spacing: -5px;
}
	/*装飾*/
#user_contents #item .sec_hd:before,
#user_contents #item .sec_hd:after{
	content: "";
	position: absolute; top: 0px; left: 0px;
	display: block; width: 100%; height: 100%;
	background: url( /comimg/svg/ornament_corner02_gold.svg ) 2px 2px / auto 70% no-repeat;
}
#user_contents #item .sec_hd:after{ transform: scaleX(-1);}
/*PC*/body:not(.spView) #user_contents #item .sec_hd:before,
/*PC*/body:not(.spView) #user_contents #item .sec_hd:after{
	background-position: 5px 5px; background-size: auto 80%;
}




	/*monthly_item*/
#user_contents #item #monthly_item{}
/*PC*/body:not(.spView) #user_contents #item #monthly_item{
	display: flex;
	flex-flow: row wrap; justify-content: space-around;
	align-items: stretch; align-content: stretch;
	margin: 0px auto; padding-bottom: 0px; max-width: 1100px;
	background-color:#1e0a05;
}
/*PC*/body:not(.spView) #user_contents #item #monthly_item h2.sec_hd{
	margin: 15px auto 0;
}


		/*単月 外枠*/
/*sp*/body.spView #user_contents #item #monthly_item .month{
	background: #ebdbd4 url( /8ch00/img/item/item_bg_tile.svg ) center center / 10px 10px repeat;
}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month{
	flex: 1 1 auto;
	position:relative; z-index: auto;
	margin: 40px 3%; padding: 4px; width: 40%;
	background: rgba(255, 255, 255, 0.6);
	border: 1px solid #e7d786;
}
		/*単月 内枠*/
#user_contents #item #monthly_item .month .detail{ position: relative;}
/*sp*/body.spView #user_contents #item #monthly_item .month .detail{ min-height: 140vw;}

		/*月内 部品*/
			/*●月*/
#user_contents #item #monthly_item .month .number{
	position: absolute; z-index: 1000; top: 0vw; left: 0vw;
	width: 17vw; height: 17vw;
}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month .number{
	top: -20px; left: -20px; width: 100px; height: 100px;
}
			/*新作*/
#user_contents #item #monthly_item .month.new .number:before{
	content: "";
	position: absolute; top: calc( 100% + 10px ); left: 50%; transform: translateX( -50% );
	display: block; width: 80%; height: 80%;
	background: url( /8ch00/img/item/badge_newitem_ribbon_red.svg ) center center / cover repeat;
}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month.new .number:before{
	top: calc( 100% + 10px ); width: 90%; height: 90%;
}




#user_contents #item #monthly_item .month .photo{ position: relative;}
#user_contents #item #monthly_item .month .photo:before{
	content: "";
	position: absolute; left: 0vw; top: 68.5vw;
	display: block; width: 91px; height:20px;
	background: url( /comimg/svg/null.svg ) center center / 100% auto no-repeat;
}

/*PC*/body:not(.spView) #user_contents #item #monthly_item .month .photo:before{
	top: 333px; left: 4px;
}
#user_contents #item #monthly_item .month.bel .photo:before{
	background-image: url( /8ch00/img/item/item_icon_bel.svg);
}
#user_contents #item #monthly_item .month.camp .photo:before{
	background-image: url( /8ch00/img/item/item_icon_camp.svg);
}
#user_contents #item #monthly_item .month.hawe .photo:before{
	background-image: url( /8ch00/img/item/item_icon_hawe.svg);
}




#user_contents #item #monthly_item .month .item_desc{ position: relative;}

#user_contents #item #monthly_item .month .item_desc .catch,
#user_contents #item #monthly_item .month .item_desc .item_name{
	display: block; width: 100%; padding: 0.5em 0.1em;
	color: #38210b; text-align: center; font-weight: bold; letter-spacing: -1px;
	font-size: 5.9vw;
}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month .item_desc .catch,
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month .item_desc .item_name{
	font-size: 24px;
}


#user_contents #item #monthly_item .month .item_desc .item_name{
	background: #DACB78 linear-gradient(to right bottom,rgb(225,212,146) 0%,rgb(255,243,194) 36%,rgb(196,172,42) 100%);
}
#user_contents #item #monthly_item .month .item_desc .net{
	position: absolute; z-index: 100; top: -29px; right: 0.05em;
	display: inline-block; padding: 0.1em 0.2em;
	background: rgba( 255,255,255,0.75);
}
#user_contents #item #monthly_item .month .item_desc .catch{
	font-size: 5.0vw;
	line-height: 1.4em;
}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month .item_desc .catch{
	font-size: 20px; min-height: 62px;
}



#user_contents #item #monthly_item .month .item_desc .caution,
#user_contents #item #monthly_item .month .item_desc .text{
	padding: 0em 1em 1em;
}
#user_contents #item #monthly_item .month .item_desc .caution{
	margin-bottom: 1em;
}
#user_contents #item #monthly_item .month .item_desc .caution:before{ content: "※ ";}


	/*接続*/
#user_contents #item .svg_arrow_u1{
	display: block;
	fill: transparent; stroke: #e5d09b; stroke-width: 0.3;
}

/*PC*/body:not(.spView) #user_contents #item .svg_arrow_u1{
	margin: 30px 0px 0px;
}





	/*小さいスマホ*/
/* sp old▽ */ @media only screen and (max-width: 374px) {
	#user_contents #item #monthly_item .month .item_desc p{ font-size: 16px; text-align: left !important; padding-bottom: 0px !important;}
	#user_contents #item #monthly_item .month .item_desc .catch br{ display: none;}
	#user_contents #item #monthly_item .month .item_desc .caution{ padding-top: unset;}
}/*△*/


	/*添え書き*/
#user_contents #item .caution_text { text-align: left; color: #fff;}
/*PC*/body:not(.spView) #user_contents #item .caution_text ul{ margin:10px 0 10px 210px;}

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

#user_contents #reco{
	padding: 0px 0px 20px;
	color: #000000;

}

/*PC*/body:not(.spView) #user_contents #reco{ padding: 20px 0px;}
/*PC*/body:not(.spView) #user_contents #reco strong{
	text-decoration: underline; font-weight: normal;
}


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

	/*タイトル、写真*/
/*sp*/body.spView #user_contents #reco .praise .title {
	position: relative;
	margin: 10px auto 20px; padding: 5px 15px 5px 80px; width: 100%;
	font-size: 18px; line-height: 1.3em; color: #ffffff; text-align: left;
	background: #333333;
	border-radius: 8px;
}
/*PC*/body:not(.spView) #user_contents #reco .praise .title{
	position: relative;
	margin: 10px auto 20px; padding: 5px 15px; width: 100%;
	font-size: 36px; line-height: 1.3em; color: #ffffff; text-align: left;
	background: #333333;
	border-radius: 8px;
}
/*PC*/body:not(.spView) #user_contents #reco .praise .title .icon,
/*PC*/body:not(.spView) #user_contents #reco .praise .title .lead{
	display: inline-block;
	vertical-align: middle;
}

/*sp*/body.spView #user_contents #reco .praise .title .icon{
	position: absolute; top: -10px; left: 10px;
	width: 60px;/*○*/
}
/*PC*/body:not(.spView) #user_contents #reco .praise .title .icon{
	position: absolute; top: -13px; left: 30px;
	width: 180px;/*○*/
}
/*PC*/body:not(.spView) #user_contents #reco .praise .title .lead{
	position: relative; left: 200px;/*○*/
	max-width: calc( 100% - 190px );/*○*/
	font-size: 44px; text-align: left; line-height: 1.5em;
}
/*PC*/body:not(.spView) #user_contents #reco .praise .photo,
#user_contents #reco .praise .name,
#user_contents #reco .praise .profession{
	display: block; margin: 20px 15px 10px;
}

/*PC*/body:not(.spView) #user_contents #reco .praise .photo{
	margin-top: 40px; width: 300px; float: left;
}

	/*テキスト内容*/
/*PC*/body:not(.spView) #user_contents #reco .praise .comment{
	font-size: 20px;
}

#user_contents #reco .praise .text{
	margin: 5px 0px; padding: 0px 1em;
	line-height: 130%;
}
#user_contents #reco .praise .comment .text:last-child{
	padding-bottom: 1em;
	border-bottom: 1px solid #ffcdcb;
}

/*PC*/body:not(.spView) #user_contents #reco .praise .desc{
	margin-left: 330px; padding: 10px;
	font-size: 18px; line-height: 140%;
	padding-bottom: 1em;
	width: calc( 100% - 330px );
}
/*PC*/body:not(.spView) #user_contents #reco .praise .desc .catch{
	margin: 10px 20px 10px 10px; padding: 24px 0px 10px 0px;
	font-size: 22px; font-weight: normal; line-height: 140%;
}
/*PC*/body:not(.spView) #user_contents #reco .praise .desc .foreign{
	padding-top: 1em; font-size: 30px; line-height: 1.1em; letter-spacing: 0.2px;
	font-family: "hand_french";
}
/*PC*/body:not(.spView) #user_contents #reco .praise .name{
	margin: 10px 10px 25px; font-size: 20px; text-align: right;
}
		/*(PC)偶数 左右逆*/
/*PC*/body:not(.spView) #user_contents #reco .praise:nth-of-type(even) .photo{ float: right;}
/*PC*/body:not(.spView) #user_contents #reco .praise:nth-of-type(even) .desc{ margin-left: unset; margin-right: 330px;}
/*PC*/body:not(.spView) #user_contents #reco .praise:nth-of-type(even) .name { text-align: left;}
		/*個別*/
/*PC*/body:not(.spView) #user_contents #reco .praise.praise.michalak{
	background: url(/8ch00/img/reco/reco_michalak_bg.svg) 140% top / auto 140% no-repeat;
}
/*PC*/body:not(.spView) #user_contents #reco .praise.praise.michalak .profile{
	width: 1040px;
}
/*PC*/body:not(.spView) #user_contents #reco .praise.praise.eskoyama{
	background: url(/8ch00/img/reco/reco_eskoyama_bg.svg) #f3f3f3 center top / auto 140% no-repeat;
}






	/*プロフィール*/
#user_contents #reco .praise .profile{}
#user_contents #reco .praise .profile::before{
	content:"【略歴】　 \a";white-space: pre;
}



/*▲▲推薦します*********************/
/*▼▼よくあるご質問 #faq*********************/


#user_contents #faq{ background: rgb( 255,255,255,0.9);}
/*PC*/body:not(.spView) #user_contents #faq{ padding-top: 0px;}


#user_contents #faq .sec_hd{ color: #38210b;}
#user_contents #faq .faq_box .question{ color: #fff; background-color: #38210b;}
#user_contents #faq .faq_box .answer:before{ color: #a78347;}

body:not(.spView) #user_contents #faq .faq_box .answer img {
	width: 300px !important;
}


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







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

	/*手書き文字 (ミシャラク氏コメント内)*/
	@font-face {
	  font-family: "hand_french";
	  src: url("/comfont/Windsong.woff")  format('woff');
	}

}/*△*/

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