@charset "UTF-8";
/* for FD 9CC (basefont16px) 202510 nk css */
/*▼▼▼▼▼▼▼▼▼2tc00f.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: #080606;}
/*sp*/ body.spView #gnav .mail{ background: #000; 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: #3f2c00 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: 51%;}



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





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

#contents,
#user_contents{
	background-color: #080606;
}
/*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, 
		#080606 url(/9cc00/img/parts/contents_bg.svg) left top / 10vw 10vw repeat;
}

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

/*淡色背景色*/
#user_contents #faq{ background: linear-gradient(to right, #D0B980, #e3d7b9, #D0B980);}



/*PC*/ body:not(.spView) #contents,
/*PC*/ body:not(.spView) #user_contents{
	background-position: center top , center top;
	background-size: 1100px 50px, 200px 200px;
}
/*PC*/ body:not(.spView) #contents{ position: relative; padding-bottom: 100px;}
/*PC*/ body:not(.spView) #contents:after{
	content: "";
	position: absolute; bottom: 0px; left: 50%; transform: translateX( -50% );
	width: 1100px; height: 101px;
	background: #080606;
}




/*▼▼ 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: #D8C39A; font-family: "NSCJKjp-Bold";}

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

#user_contents .price_note_text{
	padding: 5px 0;
	font-size: 9px; line-height: 1em;
}
/*PC*/body:not(.spView) #user_contents  .price_note_text{
	padding: 10px 0 5px; font-size: 13px;
}
#user_contents .price_note_text .tax{ font-size: 80%;}

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




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

#user_contents #main{
	position: relative;
	background: #080606;

}
/*sp*/body.spView #user_contents #main{
	width: 100%; height: 90vw;
}
/*PC*/body:not(.spView) #user_contents #main{
	height: 970px;
}

	/*特別なご案内*/
#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%);

}
/*PC*/body:not(.spView) #user_contents #main .esinfo{ font-size: 22px;}



	/*メイン内側*/
#user_contents #main .inner{
	position: relative; top: 34px;
	margin: 0px auto; padding: 0px;
	width: 100%; height: calc( 100% - 35px );
}
/*sp*/body.spView #user_contents #main .inner{
	background:
		linear-gradient(to top,rgba(8,6,6,1) 0%,rgba(8,6,6,0) 100%) center 98% / 100% 30px no-repeat,
		url( /9cc00/img/main/sp_main_bg.jpg) center top / 100% auto no-repeat,
		linear-gradient(to top,#080606 0%,#080606 100%);
}
/*PC*/body:not(.spView) #user_contents #main .inner{
	width: 1100px; height: calc( 100% - 35px );
	background:
		linear-gradient(to top,rgba(8,6,6,1) 0%,rgba(8,6,6,0) 100%) center 1030px / 100% 50px no-repeat,
		url( /9cc00/img/main/main_bg.jpg) center 0px / 1100px auto no-repeat,
		linear-gradient(to top,#080606 0%,#080606 100%);
}


	/*メインタイトル*/
#user_contents #main .main_title{
	position: absolute; z-index: 100;
}
/*sp*/body.spView #user_contents #main .main_title{
	top: 5px; left: 5px; width: 70%;
}
/*PC*/body:not(.spView) #user_contents #main .main_title{
	width: 690px;
}
	/*アピール*/
#user_contents #main .appeal{
	position: absolute; z-index: 10;
}
/*sp*/body.spView #user_contents #main .appeal{
	width: 20%; top: 10px; right: 5px;
}
/*PC*/body:not(.spView) #user_contents #main .appeal{
	width: 200px; right: 10px; top: 38px;
}

	/*OFF*/
#user_contents #main .price_13000{
	position: absolute; z-index: 1000;
}
/*sp*/body.spView #user_contents #main .price_13000{
	top: 30vw; left: 10px; width: 36%;
}
/*PC*/body:not(.spView) #user_contents #main .price_13000{
	top: 270px; left: 36px; width: 320px;
}

	/*シャンパーニュ*/
#user_contents #main .champagne{
	position: absolute; z-index: 10;
}
/*sp*/body.spView #user_contents #main .champagne{
	width: 20vw; bottom: 0vw; right: 4vw;
}
/*PC*/body:not(.spView) #user_contents #main .champagne{
	width: 244px; bottom: 20px; right: 20px;
}

	/*提供者*/
#user_contents #main .provider{
	position: absolute; z-index: 100;
}
/*sp*/body.spView #user_contents #main .provider{
	width: 54%; bottom: -4px; left: -2vw;
}
/*PC*/body:not(.spView) #user_contents #main .provider{
	width: 580px; left: -20px; bottom: -6px;
}


	/*メディアクエリ*/
/* 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-1.9k▽ *************/ @media only screen and (min-width: 1921px){
}/*△*/


/*▲▲メインイメージ/ファーストビュー #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;}


	/*バイヤー 青野仁*/
#user_contents #maker .profile_aono{
	color: #ddd; background: #080606;
}
/*PC*/body:not(.spView) #user_contents #maker .profile_aono{
	padding: 15px;
	width: 1072px;
}

#user_contents #maker .profile_aono .text b{
	margin: 0 0.5em; color: inherit; font-family: inherit;
	background: linear-gradient(to right,rgb(225,212,146) 0%,rgb(254,253,249) 36%,rgb(196,172,42) 80%,rgb(195,171,39) 98%,rgb(225,212,146) 100%) left bottom / 100% 1px no-repeat;
}



#user_contents #maker .profile_aono .aono_inner{}
#user_contents #maker .profile_aono .message{}
#user_contents #maker .profile_aono .message .catch{
	margin-bottom: 15px;
	text-align: center; letter-spacing: -1px;
}
/*PC*/body:not(.spView) #user_contents #maker .profile_aono .message .catch{
	margin-bottom: 20px; font-size: 36px; line-height: 1.3em;
}

#user_contents #maker .profile_aono .message .person{
	width: 30%; max-width:209px; margin-right: 10px; float: left;
}
/*PC*/body:not(.spView) #user_contents #maker .profile_aono .message .person{
	margin: 10px 30px 60px 20px;
}

#user_contents #maker .profile_aono .message .text{}
#user_contents #maker .profile_aono .profile{
	margin: 1em 5px 5px; padding: 5px;
	color: #ccc; background: #454640; border-radius: 5px;
}
#user_contents #maker .profile_aono .profile .name{ font-size: 1.2em;}
/*PC*/body:not(.spView) #user_contents #maker .profile_aono .profile .name{ margin: 10px;}
#user_contents #maker .profile_aono .profile .chevalier{
	margin: 5px; width: 30%; max-width: 200px; float: right;
}
/*PC*/body:not(.spView) #user_contents #maker .profile_aono .profile .chevalier{ width: 13%;}




/*▲▲作り手&バイヤー/M.O.Fショコラティエ,ソムリエ*********************/
/*▼▼毎月のメニュー #item*********************/
#user_contents #item{ padding-bottom: 20px;}
/*sp*/body.spView #user_contents #item{ background: #080606;}
/*PC*/body:not(.spView) #user_contents #item{ background: #000;}

	/*sec_hd*/
#user_contents #item .sec_hd{
	position: relative;
	padding: 26px 5px 24px;
	color: #000; background-color: #D0B980; line-height: 1.12em;
	background: linear-gradient(to bottom, #A88527 0%,#F1E5CB 45%,#A88527 100%);
}
/*PC*/body:not(.spView) #user_contents #item .sec_hd{
	margin-top: 50px; padding: 60px 10px 50px;
}
		/*sec_hd装飾*/
#user_contents #item .sec_hd .lss{ letter-spacing: -3px;}

#user_contents #item .sec_hd:before,
#user_contents #item .sec_hd:after{
	content: "";
	position: absolute; top: 0px; left: 50%; transform: translateX( -50% );
	display: block; width: 100%; height: 100%;
	background: url( /comimg/svg/null.svg ) center top / auto 29px no-repeat;
	opacity: 0.25;
}
#user_contents #item .sec_hd:before{ background-image: url( /comimg/svg/ornament_line_vintage03.svg );}
#user_contents #item .sec_hd:after{
	background-image: url( /comimg/svg/ornament_line_vintage04.svg );
	background-position: center calc( 100% - 5px ) ;
}
/*PC*/body:not(.spView) #user_contents #item .sec_hd:before,
/*PC*/body:not(.spView) #user_contents #item .sec_hd:after{
	background-position: center calc( 5px ) ;
	background-size: auto 60px;
}
/*PC*/body:not(.spView) #user_contents #item .sec_hd:after{ background-position: center calc( 100% - 10px ) ;}



	/*monthly_item*************/
#user_contents #item #monthly_item{}

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


		/*単月 外枠*/
#user_contents #item #monthly_item .month{}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month{
	margin: 50px auto 0px; width: 1100px; height: 460px;
}


		/*単月 内枠*/
#user_contents #item #monthly_item .month .detail{ position: relative;}
/*sp*/body.spView #user_contents #item #monthly_item .month .detail{ min-height: 173vw;}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month .detail{
	position: relative; height: 100%;
}


		/*月内 部品*/
			/*●月*/
#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: 120px; height: 120px;
}

			/*新作*/
#user_contents #item #monthly_item .month.new .number:before{
	content: "";
	position: absolute; top: calc( 100% + 0px ); left: 50%; transform: translateX( -50% );
	display: block; width: 80%; height: 80%;
	background: url( /9cc00/img/badge/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% + 15px );
}
			/*バッジ*/
#user_contents #item #monthly_item .month .badge{
	position: absolute;
	z-index: 2000; right: calc( 5px + 21% ); top: 63vw;
	height: 13vw; width: 39vw; text-align: right;
}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month .badge{
	top: 358px; right: 586px; width: 240px; height: 60px;
}
/*sp*/body.spView #user_contents #item #monthly_item .month .badge img{
	display: inline-block; width: auto; height: 100%; margin-right: -10px;
}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month .badge img{
	display: inline-block;
	position: absolute; bottom: 0px; right: 0px;
	width: 60px; height: 60px;
}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month .badge img:nth-of-type(2){ right: 50px;}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month .badge img:nth-of-type(3){ right: 100px;}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month .badge img:nth-of-type(4){ right: 150px;}

			/*写真*/
/*sp*/body.spView #user_contents #item #monthly_item .month .photo{ position: relative;}

#user_contents #item #monthly_item .month .photo:before{
	content: "";
	position: absolute; left: 0px; top: 68.5vw; z-index: 3000;
	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{
	left: -7px; top: 96px;
}
#user_contents #item #monthly_item .month.bel .photo:before{
	background-image: url( /9cc00/img/item/item_icon_bel.svg);
}
#user_contents #item #monthly_item .month.camp .photo:before{
	background-image: url( /9cc00/img/item/item_icon_camp.svg);
}
#user_contents #item #monthly_item .month.hawe .photo:before{
	background-image: url( /9cc00/img/item/item_icon_hawe.svg);
}

/*sp*/body.spView #user_contents #item #monthly_item .month .photo .choco{
	position: relative; width: 100%;
}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month .photo .choco{
	position: absolute; top: 0px; left: 0px; width: 50%;
}
#user_contents #item #monthly_item .month .photo .bottle,
#user_contents #item #monthly_item .month .photo .tuki{
	position: absolute;
}
/*sp*/body.spView #user_contents #item #monthly_item .month .photo .bottle{
	width: 20%; bottom: 0px; right: 5px;
}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month .photo .bottle{
	width: 129px; left: 486px; bottom: 40px;
}
#user_contents #item #monthly_item .month .photo .tuki{
	right: 0px; bottom: 0px; height: 70px; opacity: 0.3;
}
#user_contents #item #monthly_item .month .photo .tuki(1){ bottom: -8px;}
#user_contents #item #monthly_item .month .photo .tuki(4){ height: 95px;}
#user_contents #item #monthly_item .month .photo .tuki(6){ bottom: -8px;}
#user_contents #item #monthly_item .month .photo .tuki(7){ bottom: -8px; height: 95px;}
#user_contents #item #monthly_item .month .photo .tuki(9){ bottom: -53px; height: 145px;}
#user_contents #item #monthly_item .month .photo .tuki(10){ height: 95px;}
#user_contents #item #monthly_item .month .photo .tuki(11){ height: 95px;}
#user_contents #item #monthly_item .month .photo .tuki(12){ height: 95px;}

/*sp*/body.spView #user_contents #item #monthly_item .month .photo .tuki{ display: none;}

#user_contents #item #monthly_item .month .item_desc{ position: relative;}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month .item_desc{
	margin-left: calc( 50% + 20px ); padding: 0px 20px 20px 60px;
	width: calc( 50% - 20px );
}

#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-size: 18px; letter-spacing: -1px;
}
/*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{
	display: block; width: 100%; padding: 0.5em 0.1em;
	text-align: left; font-size: 24px; line-height: 1.2em;
}

#user_contents #item #monthly_item .month .item_desc .item_name{ color: #fff; font-weight: bold;}

#user_contents #item #monthly_item .month .item_desc .net{
	position: absolute; z-index: 100; top: -24px; left: 0.2em;
	display: inline-block; padding: 0.1em 0.2em;
	color: #eee; background: rgba( 8,8,6,0.7);
}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month .item_desc .net{
	top: 389px; left: -570px; font-size: 20px;
}

#user_contents #item #monthly_item .month .item_desc .catch{
	color: #f0ede1; font-weight: normal;
}
/*PC*/body:not(.spView) #user_contents #item #monthly_item .month .item_desc .catch{
	font-size: 22px;
}

#user_contents #item #monthly_item .month .item_desc .caution,
#user_contents #item #monthly_item .month .item_desc .text{ color: #d0d0d0; line-height: 1.1em;}
#user_contents #item #monthly_item .month .item_desc .text{ padding: 0.5em 0.5em;}
#user_contents #item #monthly_item .month .item_desc .caution{}
#user_contents #item #monthly_item .month .item_desc .caution:before{ content: "※ ";}

#user_contents #item #monthly_item .month .item_desc.bottle .item_name,
#user_contents #item #monthly_item .month .item_desc.bottle .text{ color: #fbe7a4;}

#user_contents #item #monthly_item .month .item_desc.bottle .award{ display: none;}

	/*小さいスマホ*/
/* sp old▽ */ @media only screen and (max-width: 374px) {}/*△*/


	/*添え書き*/
#user_contents #item .caution_text2 { color: #ccc;}
/*PC*/body:not(.spView) #user_contents #item .caution_text2{
	padding-left: 270px; width: 1100px; letter-spacing: -1px;
}

	/*マーク説明*/
#user_contents #item .about_badge{
	margin-bottom: 10px;
	padding: 5px; color: #ccc;
	border: 1px dashed #524848; border-radius: 10px;
}
/*PC*/body:not(.spView) #user_contents #item .about_badge .title{ margin-bottom: 15px;}
#user_contents #item .about_badge .badge_list .badge_sample{
	width: 20%; max-width: 80px;
	margin-right: 10px; float: left;
}
/*PC*/body:not(.spView) #user_contents #item .about_badge .badge_list .badge_sample{ width: 80px;}


/*▲▲毎月のメニュー*********************/


/*▼▼推薦します #catchphrase*********************/
#user_contents #catchphrase{
	background: #fff;
}
#user_contents #catchphrase .sec_box{
	margin: 0px auto -1px; padding: 20px 0px;
}

/*PC*/body:not(.spView) #user_contents #catchphrase .sec_box{
	padding: 40px 0px 50px;
}
#user_contents #catchphrase .img_box{ width: 100%;}




/*▲▲頒布会へのお誘い*********************/
/*▼▼推薦します #reco*********************/
#user_contents #reco{ background: #fff;}

/*PC*/body:not(.spView) #user_contents #reco .sec_box{
	margin-bottom: unset; padding-bottom: 20px;
}




	/*grid*/
#user_contents #reco .praise{
	display: grid;
	grid-template: 20vw 1fr / calc( 25% + 10px ) 1fr; grid-gap: 10px;
}
#user_contents #reco .praise .title{ grid-row: 1/2 ; grid-column: 1/3 ;}
#user_contents #reco .praise .photo{ grid-row: 2/3 ; grid-column: 1/2 ;}
#user_contents #reco .praise .catch{ grid-row: 2/3 ; grid-column: 2/3 ;}
/*PC*/body:not(.spView) #user_contents #reco .praise{
	grid-template-rows: 180px 1fr; grid-gap: 40px 20px;
}

/*sp*/body.spView #user_contents #reco .praise{
	margin-bottom: 20px; padding-bottom: 10px;
}
/*PC*/body:not(.spView) #user_contents #reco .praise .title,
/*sp*/body.spView #user_contents #reco .praise{
	background:linear-gradient(to bottom,rgb(130,36,77) 0%,rgb(142,57,94) 9%,rgb(130,36,77) 22%,rgb(104,28,61) 80%,rgb(78,21,46) 98%,rgb(66,14,37) 100%);
	box-shadow: 0px 0px 20px 0px rgb(130,36,77) inset;
	border-radius: 2px;
}


	/*見出し*/
		/*見た目*/
#user_contents #reco .praise .title{
	position: relative; padding: 10px; width: 100%;
	font-size: 5.5vw; line-height: 1.3em; text-align: center; color: #fff; letter-spacing: -1px;
}
/*PC*/body:not(.spView) #user_contents #reco .praise .title{
	font-size: 50px;
}

#user_contents #reco .praise .title .icon,
#user_contents #reco .praise .title .lead{
	position: absolute; top: 50%; transform: translate( 0, -50% );
}
#user_contents #reco .praise .title .icon{ left: 5px; width: 19vw;}
#user_contents #reco .praise .title .lead{ left: 20vw;}

/*PC*/body:not(.spView) #user_contents #reco .praise .title .icon{
	left: 6%; width: 180px;
}
/*sp*/body.spView #user_contents #reco .praise .photo{ padding: 3vw 0px 0px 5px;}

/*sp*/body.spView #user_contents #reco .praise .catch{
	padding-top: 2.5vw;
	color: #fff; text-align: center; font-size: 4.8vw; line-height: 130%;
}
/*PC*/body:not(.spView) #user_contents #reco .praise .catch{
	margin: 0px 10px 10px 10px; padding: 0px 0px 10px;
	font-size: 24px; line-height: 140%;
}



	/*内容*/
#user_contents #reco .desc{}
#user_contents #reco .desc b{ text-decoration: underline; color: #90690f;}
/*sp*/body.spView #user_contents #reco .desc b{ font-weight: normal;}
		/*sp aco*/
/*sp*/body.spView #user_contents #reco .aco_box .aco_inner{ height: 70vw;}
/*sp*/body.spView #user_contents #reco .aco_box input:checked + label:after,
/*sp*/body.spView #user_contents #reco .aco_box label:after{ background: #5D1936;}

		/*PC 位置調整*/
/*PC*/body:not(.spView) #user_contents #reco .desc .comment{
	position: absolute; top: -388px; left: 310px; width: 760px;
}
/*PC*/body:not(.spView) #user_contents #reco .profile .name{
	position: absolute; top: -76px;
	line-height: 1.5em;
}


#user_contents #reco .desc p.text{ margin-bottom: 10px;}
		/*プロフィール*/
#user_contents #reco .desc .profile .name{ margin-top: 1em;}
#user_contents #reco .desc .profile .name .full_name{ font-size: 1.3em;}
#user_contents #reco .desc .profile .biography{
	position: relative;
	margin-top: 1em; padding-top: 1em;
	border-top: 1px solid #82244d;
}

/*PC*/body:not(.spView) #user_contents #reco .desc .profile .biography{ margin-top: 40px; padding-left: 64px;}
#user_contents #reco .desc .profile .biography:before{ content:"【略歴】　 \a";white-space: pre;}
/*PC*/body:not(.spView) #user_contents #reco .desc .profile .biography:before{ position: absolute; left: 0px;}
/*PC*/body:not(.spView) #user_contents #reco .desc .profile .qualification{ padding-left: 64px;}



/*▲▲推薦します*********************/
/*▼▼お客様の声 #customer*********************/
#user_contents #customer{
	position: relative; padding: 0px 0px 10px;
	background: #fff;
}
/*sp*/body.spView #user_contents #customer{ padding-top: 0px;}
/*PC*/body:not(.spView) #user_contents #customer{
	padding: 50px 0px;
	background:
		linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 140px,rgba(255,255,255,0.1) 60%),
		url( /9cc00/img/customer/customer_bg.jpg ) center bottom / 100% auto no-repeat,
		linear-gradient(to bottom,#fff 0%,#fff 100%);
}

	/*見出し*/
#user_contents #customer .sec_hd{
	font-size: 20px;
	padding: 40px 0px 0px;
	background: linear-gradient(to bottom,#A88527 0%,#ffd16d 50%,#A88527 100%);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
}
/*PC*/body:not(.spView) #user_contents #customer .sec_hd{
	padding: 10px 0px 20px; font-size: 40px; 
}

#user_contents #customer .sec_hd b{
	display: inline-block; margin: 0px 15px;
	font-size: 1.5em; line-height: 1.2em; font-weight: inherit;
}

	/*内容*/
#user_contents #customer .many_voice{}
		/*sp aco*/
/*sp*/body.spView #user_contents #customer .aco_box .aco_inner{ height: 90vw; padding-top: 20px;}
/*sp*/body.spView #user_contents #customer .aco_box input:checked + label:after,
/*sp*/body.spView #user_contents #customer .aco_box label:after{ background: #080606;}


#user_contents #customer .many_voice .koe{
	position: relative;
	width: 90%; margin: 0px auto 10px; padding: 5px 7px 18px;
	background: #fff; border-radius: 8px;
}
/*sp*/body.spView #user_contents #customer .many_voice .koe{ box-shadow: 5px 5px 50px 10px rgba(255,235,0,0.38);}
/*PC*/body:not(.spView) #user_contents #customer .many_voice .koe{
	padding: 15px 15px 30px;
	min-height: 132px;
}

/*PC*/body:not(.spView) #user_contents #customer .many_voice .koe .text{
	font-size: 26px;
	letter-spacing: -6.8px;
	line-height: 1.1em;
	font-family: "bijin_cc"; /*美人字*/
}

/*sp*/body.spView #user_contents #customer .many_voice .koe small{ font-size: inherit;}
/*PC*/body:not(.spView) #user_contents #customer .many_voice .koe small{ font-size: inherit; letter-spacing: -8px;}
#user_contents #customer .many_voice .koe .name{
	position: absolute; right: 8px; bottom: 2px;
	letter-spacing: initial;
}

		/*PC 配置*/
/*PC*/body:not(.spView) #user_contents #customer .many_voice .aco_inner{
	display: grid;
	grid-template: 250px 200px 270px / 50% 50%;
	grid-gap: 10px 2px;
}
/*PC*/body:not(.spView) #user_contents #customer .many_voice .aco_inner .koe{}
/*PC*/body:not(.spView) #user_contents #customer .many_voice .aco_inner #koe_g.koe{ grid-row: 1/2 ; grid-column: 1/2 ;}
/*PC*/body:not(.spView) #user_contents #customer .many_voice .aco_inner #koe_i.koe{ grid-row: 3/4 ; grid-column: 1/2 ;}
/*PC*/body:not(.spView) #user_contents #customer .many_voice .aco_inner #koe_k.koe{ grid-row: 1/3 ; grid-column: 2/3 ;}
/*PC*/body:not(.spView) #user_contents #customer .many_voice .aco_inner #koe_m.koe{ grid-row: 3/4 ; grid-column: 2/3 ;}
/*PC*/body:not(.spView) #user_contents #customer .many_voice .aco_inner #koe_o.koe{ grid-row: 2/3 ; grid-column: 1/2 ;}








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

/*▼▼#catchphrase 頒布会へのお誘い*********************/
#user_contents #catchphrase{
	background:
		linear-gradient(to top,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 100%),
		url( /9cc00/img/catchphrase/sp_catchphrase_bg.jpg ) center bottom / cover no-repeat;
}
/*PC*/body:not(.spView) #user_contents #catchphrase{
	background-image:
		linear-gradient(to top,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 100%),
		url( /9cc00/img/catchphrase/catchphrase_bg.jpg );
}

/*▲▲頒布会へのお誘い*********************/

/*▼▼よくあるご質問 #faq*********************/
#user_contents #faq{ padding-top: 15px;}
/*PC*/body:not(.spView) #user_contents #faq{ padding-bottom: 30px;}

#user_contents #faq .sec_hd{ color: #080606;}
#user_contents #faq .faq_box .question{ color: #fff; background-color: #080606;}
#user_contents #faq .faq_box .answer:before{ color: #080606;}
/*▲▲よくあるご質問*********************/




/*▼▼魅力ポイント #present*********************/
#user_contents #charm{
	padding: 10px 0px;
	background:
		linear-gradient(to bottom,rgb(8,6,6) 0%,rgb(8,6,6) 66%,rgba(8,6,6,0.6) 100%),
		url( /9cc00/img/charm/charm_bg.jpg ) center bottom / 100% auto no-repeat,
		linear-gradient(to bottom,#000 0%,#000 100%);
}
/*sp*/body.spView #user_contents #charm .sec_hd{ line-height: 1.1em;}
#user_contents #charm .sec_box{ margin: 0px auto; padding: unset;}

/*▲▲魅力ポイント*********************/

/*▼▼価格のご案内 #present*********************/
#user_contents #price{ padding: 10px 0px; background: #000;}
#user_contents #price .sec_box{ margin: 0px auto; padding: unset;}
#user_contents #price .caution_text2{ color: #eee;}





/*▲▲価格のご案内*********************/


/*▼▼プレゼント #present*********************/
#user_contents #present{
	padding: 10px 0px;
	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%);
}
#user_contents #present .sec_box{ padding: unset;}

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






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

	/*美人字 sub>(for #customer お客様の声)*/
	@font-face {
	  font-family: "bijin_cc";
	  src: url("/9cc00/img/customer/sub_bijin_2cc00.woff")  format('woff');
	}

}/*△*/

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