@charset "UTF-8";
/* for FD 3WK 202408 sz css */
/*▼▼▼▼▼▼▼▼▼4ig00.css********************▼▼▼▼▼▼▼▼▼*/


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


/*特設 form-title調整*/
/*sp*/ body.spView #contents{ background: #fff;}
/*PC*/ body:not(.spView) #order .form-img{ margin: 0px auto 30px;}
/*PC*/ body:not(.spView) #order .form-img img{ width: 100%;}

/*sp*/ body.spView #footer #foot_info{ background: #222224;}

/*sp*/ body.spView #footer #foot_info .info_tel .area-txt{ color: #fcfcfc;}
/*sp*/ body.spView #gnav .tel,
/*sp*/ body.spView #gnav .mail{ color: #fff; border-right: 1px solid #e5c36b; background: #222224;}
/*sp*/ body.spView #gnav .pagetop{ background-color: #A78347;}
/*sp*/ body.spView .order-submit button{ background-color: #3f861c;}


/*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;}

/*PC*/ body:not(.spView) #header .orderNav .orderNav_link a{ background-color: #c30e23;}



/*▼jquery.bxslider.css スライダー周り(配色/微調整限定!)************************/
/*sp*/ body.spView .bx-wrapper{ background: #3b3b3c;}
/*sp*/ body.spView .bx-wrapper .bx-pager.bx-default-pager a{ background: #b7b2a5;}
/*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: #ffdc00;}
/*sp*/body.spView .bx-wrapper .bx-controls-direction a{ top: 100vw;}

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





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


#user_contents{
	background-color: #f6f1e7;

}

/*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(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: #600;}

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

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



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



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

#user_contents #main{ position: relative;}


#user_contents #main{
	position: relative;
	background: url( /comimg/svg/null.svg ) center 35px / auto 100% no-repeat;
}

/*sp*/body.spView #user_contents #main{
	height: 142vw;
	background-image: url( /4ig00/img/main/sp_main_bg.jpg) ;
	background-size: 100% auto;

}
/*PC*/body:not(.spView) #user_contents #main{
	height: 920px;
	background-image: url( /4ig00/img/main/main_bg.jpg) ;
}




	/*特別なご案内*/
#user_contents #esinfo{
	padding: 7px 0px; width: 100%;
	text-align: center; color: #F5EDE1; background: #000;
}
#user_contents #esinfo .text{ position: relative; z-index: 100;}
/*PC*/body:not(.spView) #user_contents #esinfo{
	font-size: 22px; padding: 12px 0px;
}

#user_contents #main .main_notice,
#user_contents #main .main_brother,
#user_contents #main .bottle,
#user_contents #main .price,
#user_contents #main .main_title{ position: absolute;}

/*sp*/body.spView #user_contents #main .main_title{
	top: calc( 36px + 1vw ); left: 50%; transform: translateX(-50%);
	width: 96vw; 
}


/*PC*/body:not(.spView) #user_contents #main .main_title{
	position: absolute;
	top: 50px; left: 10%;
	width: 80%; max-width: 1055px;
}
#user_contents #main .main_title .title{ width: 100%;}


	/*main部品*/
/*sp*/body.spView #user_contents #main .price{
	width: 39vw; top: calc(36px + 25vw); left: 6vw;
}
/*PC*/body:not(.spView) #user_contents #main .price{
	width: 390px; max-width: 664px;
	top: calc( 36px + 270px );
	left: 13%;
}

/*sp*/body.spView #user_contents #main .bottle{
	width: 33vw; top: calc(36px + 24vw); right: 2vw;
}
/*PC*/body:not(.spView) #user_contents #main .bottle{
	width: 280px; bottom: 0 ; left: calc(50% + 400px);
}

/*sp*/body.spView #user_contents #main .main_brother{
	width: 30vw; max-width: 260px; top: calc(36px + 87vw); right: 3vw;
}
/*PC*/body:not(.spView) #user_contents #main .main_brother{
	width: 260px; max-width: 260px;
	top: calc(36px + 585px);
	left: 13%;
}

/*sp*/body.spView #user_contents #main .main_notice{
	bottom: 5px;
	font-size: 12px; line-height: 1.1em; bottom: 5px;
}
/*PC*/body:not(.spView) #user_contents #main .main_notice{
	width: calc( 100% - ( 100% - 1100px + 150px ) );
	bottom: 10px; left: calc(( 100% - 1100px ) / 2 );
	background: rgba(255, 255, 255, 0.5);
}







/* PC-1.1k▽ *************/ @media only screen and (max-width: 1099px){
}/*△*/

/* PC1.1k-▽ *************/ @media only screen and (min-width: 1100px) and (max-width: 1366px){
}/*△*/

/* 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: 1536px){
}/*△*/
/* PC-1.7k▽ *************/ @media only screen and (min-width: 1537px) and (max-width: 1680px){
}/*△*/
/* PC 1681+▽ *************/ @media only screen and (min-width: 1681px){

	body:not(.spView) #user_contents #main .main_title{ left: calc( ( 100vw - 1330px ) / 2 );}
	body:not(.spView) #user_contents #main .main_brother,
	body:not(.spView) #user_contents #main .price{ left: calc(( 100vw - 1330px) / 2 + 42px);}
	

}/*△*/


/* PC-1.9k▽ *************/ @media only screen and (min-width: 1681px) and (max-width: 1920px){
}/*△*/
/* PC-1.9k▽ *************/ @media only screen and (min-width: 1921px) and (max-width: 2560px){
}/*△*/
/* PC-2.5k▽ *************/ @media only screen and (min-width: 2561px){
}/*△*/









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


/*▼▼#slideimages 商品イメージ陳列*********************/

#user_contents #slideimages{}

#user_contents #slideimages .slide_box{
	display: flex; align-items: center;
	overflow: hidden;
}
/*sp*/body.spView #user_contents #slideimages .slide_box{ height: 30vw;}
/*PC*/body:not(.spView) #user_contents #slideimages .slide_box{ height: 267px;}

#user_contents #slideimages .slide_box .slideshow{
	display: flex;
	animation-name: loop-slide;/* アニメーション名 */
	animation-duration: 120s;/* 開始から終了までの所要時間 */
	animation-iteration-count: infinite;/* アニメーションのループ回数 */
	animation-timing-function: linear;/* 動きの加減速 */
	animation-delay: 1s;/* アニメーションが開始するまでの遅延時間 */
	animation-fill-mode: both;/* アニメーション開始前・終了後の挙動 */
}
@keyframes loop-slide {
	from { transform: translateX(0); }
	to { transform: translateX(-100%);}
}

/*sp*/body.spView #user_contents #slideimages .slide_box .slideshow .content{ width: 135vw; height: 30vw;}
/*PC*/body:not(.spView) #user_contents #slideimages .slide_box .slideshow .content{ width: 1200px; height: 267px;}




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

/*▼▼画像陳列 .img_case *********************/

/*sp*/body.spView #user_contents .type_desc.img_case .sec_box,
/*PC*/body:not(.spView) #user_contents .type_desc.img_case .sec_box{
	padding-left: 0; padding-right: 0;
}


#user_contents #case1,
#user_contents #case1 .sec_box{ margin-top: 0; padding-top: 0;}

/*sp*/body.spView .img_case .photo{
	max-width: 100%;
}





/*▲▲画像陳列 .img_case*********************/


/*▼▼理由 *********************/



#user_contents #reason{ background: #000;}
/*PC*/body:not(.spView) #reason{ padding-bottom: 20px;}


/*PC*/body:not(.spView) #user_contents #reason .reason_box{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr;
	gap: 0;
	width: 1100px;
	margin: 5px auto;
}
	/*(ワインなし) ******/
/*PC*/body:not(.spView) #user_contents.wine_nasi #reason .reason_box .photo_box{
	padding: 0 calc((100% - 366px) / 2);
}



	/*(ワイン有り) ******/
/*PC*/body:not(.spView) #user_contents.wine_ari #reason .reason_box{
	grid-template-columns: 1fr 1fr 1fr;
}




/*▼▼毎月のラインアップ #item *********************/

#user_contents #item{ background: #fdfbf9;}


/*PC*/body:not(.spView) #user_contents #item #monthly_item{
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: repeat(auto-fit, minmax(400px, auto));
	gap: 16px 32px;
	width: 1100px;
	margin: 5px auto;
}

/*PC*/body:not(.spView) #user_contents #item .month,
/*PC*/body:not(.spView) #user_contents #item .month .detail,
/*PC*/body:not(.spView) #user_contents #item .month .detail .photo_box,
/*PC*/body:not(.spView) #user_contents #item .month .detail .photo_box .photo{
	width: 100%;
}

#user_contents #item .caution_text { text-align: left;}

/*PC*/body:not(.spView) #user_contents #item .caution_text {
	margin-bottom: 70px;
	padding-left: 340px;
	text-align: left;
}

/*▲▲毎月のラインアップ #item *********************/


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


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