@charset "UTF-8";
/* for FD 4PSW (basefont16px) 202610 sz css */

/*▼▼▼▼▼▼▼▼▼4psw00.css********************▼▼▼▼▼▼▼▼▼*/


:root {
	--psw-price-label: "通常販売価格";
}


/*************************************************************************/
/*▼システムオーバーライド(配色+特設)▼***/
/*************************************************************************/


/*特設 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: #020202;}

/*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: #020202;}
/*sp*/ body.spView #gnav .mail .label{ background: url(/comimg/plugin/ico_order_form.png) center left / 1.8rem auto no-repeat;}
/*sp*/ body.spView #gnav .pagetop{ background: #A78347 url(/comimg/plugin/ico_delta_pagetop.png) center center / 2rem auto no-repeat;}
/*sp*/ body.spView #contents{ padding-bottom: 20px;}
/*sp*/ body.spView #contents > .form-logo{display: none;}
/*sp*/ body.spView #contents > .form-img{ position: relative; z-index: 1000;}
/*sp*/ body.spView .order-submit button{ background: url(/comimg/ico_delta_left_white.png) no-repeat #3f861c; background-size: 5px auto; background-position: left 17px center;}
/*sp*/ body.spView .input-more .trg2{ border-color: #9eff95; background: #e1ffde;}

/*PC*/ body:not(.spView) #footer .copy .copy_nav a,
/*PC*/ body:not(.spView) #footer .copy address{}
/*PC*/ body:not(.spView) #footer #foot_info .company .logo{ filter: invert(1);}
/*PC*/ body:not(.spView) #footer #foot_info .info_tel{ border-color: #221815;}
/*PC*/ body:not(.spView) #footer #foot_info{ color: #221815; background: linear-gradient(to right,rgb(196,172,42) 0%,rgb(225,212,146) 20%,rgb(255,243,194) 50%,rgb(225,212,146) 80%,rgb(196,172,42) 100%);}
/*PC*/ body:not(.spView) #footer #foot_info .lead,
/*PC*/ body:not(.spView) #footer #foot_info .info_tel .area-txt{ color: #221815; font-family: "NSCJKjp-Regular";}

/*PC*/ body:not(.spView) #header .orderNav .orderNav_link a{ background-color: #c30e23;}
/*PC*/ body:not(.spView) #contents .order-submit button{ background: url(/comimg/ico_delta_left_white.png) no-repeat #3f861c !important; background-position: left 27px center !important;}
/*PC*/ body:not(.spView) #footer,
/*PC*/ body:not(.spView) #contents{ padding-bottom: 20px;}
/*PC*/ body:not(.spView) #contents .order > .inner{ margin-top: unset; padding-top: 35px; background: rgba( 255,255,255,1.0);}


/*▼jquery.bxslider.css スライダー周り(配色/微調整限定!)************************/
/*sp*/ body.spView .bx-wrapper{}
/*sp*/ body.spView .bx-wrapper .bx-pager.bx-default-pager a{ background: #524844;}
/*sp*/ body.spView .bx-wrapper .bx-pager.bx-default-pager a:hover,
/*sp*/ body.spView .bx-wrapper .bx-pager.bx-default-pager a.active,
/*sp*/ body.spView .bx-wrapper .bx-pager.bx-default-pager a:focus{ background: #b38064;}
/*sp*/body.spView .bx-wrapper .bx-controls-direction a{ top: 68vw;}
/*sp*/body.spView .bx-viewport{}


/*▼JS制御 初期設定 ************************/

/* JSによるコンテンツ出し分け：初期非表示 */
[class*="js-ver-"],
.item_arrow { display: none;}

/* 表示許可 */
[class*="js-ver-"].is-show { display: revert;}
.item_arrow.is-show { display: block;}





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

/*sp*/body.spView #contents{ background-color: #e7dcd6;}
/*PC*/ body:not(.spView) #contents,
#user_contents{ background-color: #020202;}
#user_contents{ color: #fafafa;}
/*PC*/ body:not(.spView) #user_contents{ font-size: 20px;}
#contents{ color: #000;}

/*PC*/ body:not(.spView) #footer,
/*PC*/ body:not(.spView) #contents,
/*PC*/ body:not(.spView) #user_contents{
	background-position: center top , center top;
	background-size: 1100px 50px, 90px 100px;
}


#contents{
	background-color: #cbb36c;
	background:
		linear-gradient(to right,rgba(255,241,217 , 0.4) 0%,rgba(255,241,217,0.4) 100%) center top / 100vw calc( 100% - 20vw ) repeat-y,
		url( /comimg/svg/bg_tile_da02984.svg ) center center / 16% auto repeat,
		linear-gradient( to bottom ,#cbb36c 0%,#cbb36c 100%) center top  / cover repeat;
}
body:not(.spView) #contents{
	background:
		linear-gradient(to right,rgba(255,241,217 , 0.7) 0%,rgba(255,241,217,0.7) 100%) center top / 1100px 50px repeat-y,
		url( /comimg/svg/bg_tile_da02984.svg ) center center / 16% auto repeat,
		linear-gradient( to bottom ,#cbb36c 0%,#cbb36c 100%) center top  / cover repeat;
}


/*▼▼ common  accordion-box(途中まで見える)/*****************************/


	/*配色,調整のみ*/
#user_contents .aco_box label{
	background: linear-gradient(to bottom, rgba(0,0,0, 0.0) 0%, rgba(0,0,0, 0.5) 20%, rgba(0,0,0, 1) 80%);
}
#user_contents .aco_box input:checked + label:after,
#user_contents .aco_box label:after{ color: #221815; background: #9b9b9b;}

body.spView #user_contents .aco_box .aco_inner{ height: 39vw;}

	/* スマホ表示で開いている時のlabel（閉じるボタン）を非表示 */
body.spView #user_contents .aco_box input:checked + label { display: none;}
body.spView #user_contents .aco_box input:checked ~ .aco_inner{ padding-bottom: 20px;}


	/*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 parts *****************************/


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

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

#user_contents .box_com.text{}

#user_contents .list .line .title{ font-size: 5vw; line-height: 1.3em; color: #5c2e8e;}
/*PC*/body:not(.spView) #user_contents .list .line .title{ font-size: 180%;}



#user_contents .price_bnr .bnr_box{
	display: block; margin: 0px auto; max-width: 96%;
}
/*PC*/body:not(.spView) #user_contents .price_bnr .bnr_box{
	width: 750px;
}

#user_contents .f_underline{
	text-decoration: underline;
	text-decoration-color: #e1a90d;
}


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

	/*特別なご案内*/
#user_contents #esinfo{
	padding: 7px 0px; width: 100%;
	text-align: center; color: #000; 
	background: #deb34c;

}
#user_contents #esinfo .text{ position: relative; z-index: 100;}


/* ==================================================
   共通設定
================================================== */

#user_contents #main {
	position: relative;
	background-color: #050409;
	background-repeat: no-repeat;
}

#user_contents #main .wrapper.firstview {
	position: relative;
}

/* 各画像パーツ */
#user_contents #main .main_copy,
#user_contents #main .main_title,
#user_contents #main .medal,
#user_contents #main .price,
#user_contents #main .main_catch1,
#user_contents #main .main_catch2,
#user_contents #main .main_note {
	position: absolute;
	margin: 0;
}

#user_contents #main .wrapper.firstview img {
	display: block;
	width: 100%;
	height: auto;
}

#user_contents #main .main_catch2 {
	isolation: isolate;
}

#user_contents #main .main_catch2::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset: -15px -30px;
	background: linear-gradient(
		to right,
		rgba(0, 0, 0, 0.85) 0%,
		rgba(0, 0, 0, 0.65) 55%,
		rgba(0, 0, 0, 0) 100%
	);
	pointer-events: none;
}


#user_contents #main .main_note .text{
	font-size: 12px; line-height: 1.1;
	color: #c5c5c5;
}





/* ==================================================
   SP
================================================== */

body.spView #user_contents #main ,
body.spView #user_contents #main .wrapper.firstview {
	height: calc(137vw + 34px + 90px);
}

body.spView #user_contents #main {
	background-image: url(/4psw00/img/main/sp_main_bg.jpg);
	background-size: 100% auto;
	background-position: center -18vw;
}

/* 上部コピー */
body.spView #user_contents #main .main_copy {
	top: 10px; left: 2%; width: 63%;
}

/* メダル */
body.spView #user_contents #main .medal {
	top: 10vw; left: 2%; width: 47%;
}

/* タイトル */
body.spView #user_contents #main .main_title {
	top: 35vw; left: 2%; width: 38%;
}

/* 価格訴求 */
body.spView #user_contents #main .price {
	top: 57vw; left: 2%; width: 38%;
}

/* 縦書きキャッチ */
body.spView #user_contents #main .main_catch1 {
	top: 9vw; right: 4%; width: 24%;
}

/* 補足キャッチ */
body.spView #user_contents #main .main_catch2 {
	top: 109vw;
	left: 50%; transform: translateX(-50%);
	width: 62%;
}

/* ノート */
body.spView #user_contents #main .main_note{
	left: 0; bottom: 59px;
	padding: 12px;
}


/* ==================================================
   PC
================================================== */

body:not(.spView) #user_contents #main ,
body:not(.spView) #user_contents #main .wrapper.firstview {
	height: 1140px;
}

body:not(.spView) #user_contents #main {
	background-color: #020202;
	background-image: url(/4psw00/img/main/main_bg.jpg);
	background-size: 1100px auto;
	background-position: center top;
}

body:not(.spView) #user_contents #main .wrapper.firstview {
	position: relative;
	width: 1100px; margin: 0 auto;
}

/* 上部コピー */
body:not(.spView) #user_contents #main .main_copy {
	top: 35px; left: 50%; transform: translateX(-50%); width: 44%;
}

/* メダル */
body:not(.spView) #user_contents #main .medal {
	top: 95px; left: 10px; width: 400px;
}

/* タイトル */
body:not(.spView) #user_contents #main .main_title {
	top: 285px; left: 10px; width: 360px;
}

/* 価格訴求 */
body:not(.spView) #user_contents #main .price {
	top: 465px; left: 10px; width: 360px;
}

/* 縦書きキャッチ */
body:not(.spView) #user_contents #main .main_catch1 {
	top: 93px; right: 110px; width: 197px;
}

/* 補足キャッチ */
body:not(.spView) #user_contents #main .main_catch2 {
	top: 880px; left: 46px; width: 450px;
}

/* ノート */
body:not(.spView) #user_contents #main .main_note{
	bottom: 72px; padding: 0 127px;
}





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



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

/** ▼▼#overview スコッチとは？************************/

#user_contents #overview {
	padding-top: 20px;
	background:
		url( /comimg/svg/ornament_top01_gold.svg ) center 20px / 90% auto no-repeat,
		url( /comimg/svg/ornament_btm01_gold.svg ) center bottom / 90% auto no-repeat;
	width: 100%; height: auto;
}
/*PC*/body:not(.spView) #user_contents #overview {
	padding: 30px 0 2em;
	background-size: 90% auto;
}
/*reason*/
#user_contents #overview .wrapper.reason{
	background: url( /comimg/svg/ornament_top01_gold.svg ) center top / 90% auto no-repeat;
	width: 100%; height:  auto;
	padding: 10px 40px 0;
}
/*PC*/body:not(.spView) #user_contents #overview{
	padding-top: 30px;
	background-size: 1170px auto;
}

#user_contents #overview .sec_hd{ color: #f3c3a8;}

/*sp*/body.spView #user_contents #overview .process_photo{
	display: block; margin: 10px;
}
/*PC*/body:not(.spView) #user_contents #overview .process .process_photo{ 
	margin-right: 40px; padding-top: 23px;
	width: 520px;
	float: left;
}

#user_contents #overview .text{ margin: 1em 0;}
/*PC*/body:not(.spView) #user_contents #overview .text.clearfix_pc::after{ content:"";clear: both;display: block;}

/*PC*/body:not(.spView) #user_contents #overview .process .text_wrapper{
	padding: 0px 16px; font-size: 20px; line-height: 1.3em;
}
#user_contents #overview .process .text.gold{
	font-size: 120%; line-height: 1.3em; color: #f3c3a8;
}
/*PC*/body:not(.spView) #user_contents #overview .process .text.gold{
		font-size: 32px; text-align: center;
}


/** ▲▲#overview スコッチとは？************************/

/** ▼▼#brand ブランド紹介 ************************/

/* ========================================
   共通：ブランド一覧・各ブランド
======================================== */

#user_contents #brand .brand_box .brand{
	margin-bottom: 10px; padding: 5px;
	border: 1px solid #725f36;
	background: rgba(0,0,0,0.2);
}

#user_contents #brand p.sub_hd{
	margin: 0 auto 10px; padding: 20px 0;
	border-top: 4px double #D4B571; border-bottom: 4px double #D4B571;
	text-align: center; color: #5f5135;
	font-family: "NSCJKjp-Bold"; font-weight: 300;
	font-size: 20px; line-height: 1.4em;
}

/* ブランドタイトル・商品メーカー名 共通装飾 */
#user_contents #item #monthly_item .month .detail .item_desc .item_maker,
#user_contents #brand .brand .brand_title{
	padding: 6px 6px 6px 0.5em;
	color: #221815;
	border-left: 1em solid #fff;
	background: #deb34c;
}

#user_contents #brand .brand .brand_title .name,
#user_contents #brand .brand .brand_title .reading{
	display: block;
}

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

#user_contents #brand .brand .catch{
	margin: 0.5em 0;
	color: #D4B571;
}




/* ========================================
   SP：縦積み
======================================== */

body.spView #user_contents #brand .brand_box,
body.spView #user_contents #brand .brand{
	display: block; margin-bottom: 40px;
}

body.spView #user_contents #brand .brand_box .brand:nth-of-type(n+2){
	margin-top: 5vh;
}

body.spView #user_contents #brand .brand .photo .w_p100{
	width: 100%; height: 55vw;
	object-fit: cover; object-position: 50% 60%;
}

/* トモンドゲートのみ写真の表示位置を調整 */
body.spView #user_contents #brand .brand.ThomondGateWhiskey .photo .w_p100{
	object-position: 50% 30%;
}

/* ========================================
   PC：横並びGrid
======================================== */

/* ブランド一覧：縦に配置 */
body:not(.spView) #user_contents #brand .brand_box{
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 80px;
}

/* 各ブランド：タイトル全幅・写真左・文章右 */
body:not(.spView) #user_contents #brand .brand{
	display: grid;
	grid-template-columns: 420px minmax(0, 1fr);
	grid-template-areas:
		"BRAND_TITLE BRAND_TITLE"
		"PHOTO CATCH"
		"PHOTO ACO";
	column-gap: 40px; row-gap: 10px;
	align-content: start;
	margin-bottom: 60px;
}

/* Gridエリア割り当て */
body:not(.spView) #user_contents #brand .brand .brand_title{ grid-area: BRAND_TITLE;}
body:not(.spView) #user_contents #brand .brand .photo{ grid-area: PHOTO; align-self: start; padding-top: 13px;}
body:not(.spView) #user_contents #brand .brand .catch{ grid-area: CATCH;}
body:not(.spView) #user_contents #brand .brand .aco_box{ grid-area: ACO;}


/* ========================================
   ブランド別カラー
======================================== */

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

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

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

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

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

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

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

/** ▲▲#brand ブランド紹介 ************************/


/** ▼▼#item商品のラインアップ************************/
#user_contents #item{}
#user_contents #item .sec_hd{}


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

/* PC：月商品を2列で陳列 */
/*PC*/body:not(.spView) #user_contents #item #monthly_item {
	max-width: 1100px;
	margin: 100px auto 20px;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 60px 30px;
	align-items: start;
}

/*PC*/body:not(.spView) #user_contents #item #monthly_item .month {
	width: 100%;
	min-width: 0;
}


/* month 内容 ***********/

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

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

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



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

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

/*▽お届け後も****************/
#user_contents #item .item_arrow{
	margin: -2vw 5vw 8vw;
}
#user_contents #item .item_arrow .text{
	font-size: 90%;
}
/*PC*/body:not(.spView) #user_contents #item .item_arrow{
	width: 1100px;
	margin: 30px auto;
}
/*PC*/body:not(.spView) #user_contents #item .item_arrow .text{
	text-align: center;
}


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


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

/** ▲▲#item商品のラインアップ************************/

/** ▼▼#reco 推薦者コメント************************/
#user_contents #reco{
	color: #300006; padding-bottom: 2em;
	background-color: #cbb36c;
	background:
		linear-gradient(to right,rgba(255,241,217 , 0.4) 0%,rgba(255,241,217,0.4) 100%) center top / 100vw calc( 100% - 20vw ) repeat-y,
		url( /comimg/svg/bg_tile_da02984.svg ) center center / 16% auto repeat,
		linear-gradient( to bottom ,#cbb36c 0%,#cbb36c 100%) center bottom  / cover repeat;
}
/*sp*/body.spView #user_contents #reco{ padding-bottom: 0px;}
body:not(.spView) #user_contents #reco{
	background:
		linear-gradient(to right,rgba(255,241,217 , 0.7) 0%,rgba(255,241,217,0.7) 100%) center top / 1100px 50px repeat-y,
		url( /comimg/svg/bg_tile_da02984.svg ) center center / 16% auto repeat,
		linear-gradient( to bottom ,#cbb36c 0%,#cbb36c 100%) center bottom  / cover repeat;
}

/*PC*/body:not(.spView) #user_contents #reco input{ display: none;}
/*sp*/body.spView #user_contents #reco .aco_box .aco_inner{ height: 80vw;}
/*sp*/body.spView #user_contents #reco .aco_box label{
	background: linear-gradient(to bottom, rgba(226,207,158, 0.0) 0%, rgba(226,207,158, 0.5) 20%, rgba(226,207,158, 1) 80%);
}
/*sp*/body.spView #user_contents #item .month .item_desc .aco_box input:checked + label:after{
	background: #d7a229; color: #221815;
}

		/*reco タイトル title*/
#user_contents #reco .title{
	margin: 0px auto; padding: 10px;
	color: #300006;
}
/*PC*/body:not(.spView) #user_contents #reco .title{
	padding: 50px 15px; width: 100%;
	text-align: center;
}


		/*reco 本文 praise*/
#user_contents #reco .praise{
	position: relative;
	display: grid;
	gap: 10px 10px;
	grid-template-rows: 11em auto auto;
	grid-template-columns: 30% 1fr;
	grid-template-areas:
		" PHOTO CATCH "
		" TEXT TEXT"
		" PROFILE PROFILE ";
}
/*PC*/body:not(.spView) #user_contents #reco .praise{
	padding: 15px 40px;
	grid-template-rows: 90px auto auto;
	grid-template-columns: 321px 1fr;
	gap: 20px 40px;
	grid-template-areas:
		" PHOTO CATCH "
		" PHOTO TEXT"
		" PROFILE PROFILE ";
}
#user_contents #reco .praise .photo_box{ grid-area: PHOTO;}
#user_contents #reco .praise .catch{ grid-area: CATCH;}
#user_contents #reco .praise .reco_text{ grid-area: TEXT;}
#user_contents #reco .praise .profile_box{ grid-area: PROFILE;}

/*sp*/body.spView #user_contents #reco .aco_box label:after{
	background: #cbb36c;
}


		/*reco 写真 photo_box*/
#user_contents #reco .praise .photo_box{}
#user_contents #reco .praise .photo_box .profession,
#user_contents #reco .praise .photo_box .name{ text-align: center;}
/*sp*/body.spView #user_contents #reco .praise .photo_box .profession{ display: none;}


		/*reco キャッチ catch*/
#user_contents #reco .praise .catch{ text-align: center;}
/*sp*/body.spView #user_contents #reco .praise .catch{ padding-top: 1.5em;}
/*PC*/body:not(.spView) #user_contents #reco .praise .catch{ font-size: 26px; line-height: 1.3em; letter-spacing: -1px;}

		/*reco テキスト reco_text*/
#user_contents #reco .praise .reco_text .text{ margin-bottom: 0.5em;}
#user_contents #reco .praise .reco_text .text:last-child{
	padding-bottom: 1em;
	border-bottom: 1px solid #815520;
}

		/*reco プロフィール profile_box*/
#user_contents #reco .praise .profile_box{}
#user_contents #reco .praise .profile_box .profile_list::before{ content: "略歴";}
/*PC*/body:not(.spView) #user_contents #reco .praise .profile_box .profile_list{
	width: calc( 75% - 40px ); float: left;
}

#user_contents #reco .praise .profile_box .photo{ margin-top: 1em;}
/*PC*/body:not(.spView) #user_contents #reco .praise .profile_box .photo{
	margin-left: 40px; width: 24%; float: right;
}

/*sp*/body.spView #user_contents #reco .praise .profile_box .photo .bar_sign{ width: 45%; margin-right: 0.8em; float: left;}
/*PC*/body:not(.spView) #user_contents #reco .praise .profile_box .photo .bar_sign{ width:100%;}




/** ▲▲#reco 推薦者コメント************************/
/*▼▼お客様の声 #customer*********************/

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

#user_contents #customer .sec_hd{ position: relative;}
#user_contents #customer .sec_hd .note{
	position: absolute; bottom: -17px; right: 0;
	font-size: 12px; font-weight: normal;
}
/*PC*/body:not(.spView) #user_contents #customer .sec_hd .note{
	bottom: -7px; font-size: 16px;
}



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



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

/** ▼▼#faq よくあるご質問************************/
#user_contents #faq{
	padding-top: 2px;
	color: #300006;
	background-color: #cbb36c;
	background:
		linear-gradient(to right,rgba(255,241,217 , 0.4) 0%,rgba(255,241,217,0.4) 100%) center top / 100vw calc( 100% - 20vw ) repeat-y,
		url( /comimg/svg/bg_tile_da02984.svg ) center center / 16% auto repeat,
		linear-gradient( to bottom ,#cbb36c 0%,#cbb36c 100%) center top  / cover repeat;
}
/*sp*/body.spView #user_contents #faq{ margin-bottom: 0; padding-bottom: 20px;}

body:not(.spView) #user_contents #faq{
	padding-bottom: 16px;
	background:
		linear-gradient(to right,rgba(255,241,217 , 0.7) 0%,rgba(255,241,217,0.7) 100%) center top / 1100px 50px repeat-y,
		url( /comimg/svg/bg_tile_da02984.svg ) center center / 16% auto repeat,
		linear-gradient( to bottom ,#cbb36c 0%,#cbb36c 100%) center top  / cover repeat;
}
#user_contents #faq .sec_hd {
	color: #300006;
}


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

/** ▼▼#impress ウイスキーイメージ************************/
/** ▲▲#impress ウイスキーイメージ************************/

/** ▼▼#present プレゼント************************/
#user_contents #present{
	padding: 20px;
	color: #000; 
}
#user_contents #present .sec_box{
	padding:  30px;
	background: linear-gradient(to bottom,rgb(197,134,23) 0%,rgb(246,224,145) 50%,rgb(197,134,23) 100%);
}
#user_contents #present .sec_box h2{
	color: #300006;
	line-height: 1.4em;
	margin-bottom: 20px;
}
#user_contents #present .sec_box .present_text{
	margin-bottom: 10px;
}

/*PC*/body:not(.spView) #user_contents #present .present_text{
	float: left;
	width: calc( 100% - 48% );
}
/*PC*/body:not(.spView) #user_contents #present .photo{
	margin-left: 10px; width: 40%; float: right;
}



	/*desc*/
/*PC*/body:not(.spView) #user_contents #present .desc_box{
	text-align: center; font-weight: bold;
}
/*PC*/body:not(.spView) #user_contents #present .desc_box .text{
	margin-bottom: 1em;
}
#user_contents #present .note{ text-align:right;}

/** ▲▲#present プレゼント************************/
/** ▼▼#price価格アピール************************/


#user_contents #price .price_img_box .price_img{ width: 100%;}

/*PC*/ body:not(.spView) #user_contents #price { padding-bottom: 30px;}


/** ▲▲#price価格アピール************************/