@charset "UTF-8";
/* for FD 2PSW 202410 sz css */
/*▼▼▼▼▼▼▼▼▼2psw00.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(0,0,0, 0.9) 0%,rgba(0,0,0, 0.9) 100%) center top / 100vw calc( 100% - 20vw )/*★*/ repeat-y, 
		#000000;
}

/*PC*/ body:not(.spView) #contents,
/*PC*/ body:not(.spView) #user_contents{
	padding-bottom: 10px;
	background:
		linear-gradient(to right,rgba(0,0,0, 0.9) 0%,rgba(0,0,0,0.9) 100%) center top / 1100px 50px repeat-y,
		#000000;
}

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



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


/*▼▼ 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: #000000 url( /comimg/svg/null.svg ) right 35px / auto 100% no-repeat;
}

/*sp*/body.spView #user_contents #main{
	height: calc(76vw + 38px);
	background-image: url( /7ch00/img/main/sp_main_bg.jpg) ;
	background-position: center bottom;
	background-size: 114vw auto;

}
/*PC*/body:not(.spView) #user_contents #main{
	height: 980px;
	background-image: url( /7ch00/img/main/main_bg.jpg) ;
	background-position: center bottom;
	background-size: 100% auto;
}




	/*特別なご案内*/
#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_title,
#user_contents #main .main_badge,
#user_contents #main .main_mof{ position: absolute;}

#user_contents #main .main_title{
	top: calc(38px + 4vw); left: 50%; transform: translateX( -50%);
	width: 80vw;
}
/*PC*/body:not(.spView) #user_contents #main .main_title{
	top: 75px; left: 50%; transform: translateX( -57%);
	width: 920px; 
}


/*sp*/body.spView #user_contents #main .main_badge{
	bottom: -3vw; left: 0; width: 24vw;
}
/*PC*/body:not(.spView) #user_contents #main .main_badge{
	bottom: 0; right: 75%; width: 290px;
}

/*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: 50%; width: 45%; max-width: 600px;
}
#user_contents #main .main_mof img{ vertical-align: bottom;}



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


}/*△*/
/* PC-1.7k▽ *************/ @media only screen and (min-width: 1537px){
	/*PC*/body:not(.spView) #user_contents #main{ background-size: auto 100%;}
	/*PC*/body:not(.spView) #user_contents #main .main_badge{ right: calc( 50% + 370px );}

}/*△*/
/* PC-1.9k▽ *************/ @media only screen and (min-width: 1921px){

}/*△*/
/* PC-1.9k▽ *************/ @media only screen and (min-width: 2561px){
}/*△*/









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


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

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

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


/*PC*/body:not(.spView){}


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




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

/*PC*/body:not(.spView) #brand .brand_box{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: minmax(300px, auto)) minmax(300px, auto)) minmax(300px, auto)) ;
	gap: 16px 32px;
	grid-template-areas:
		"GREATD TIPA"
		"REAR GRACE"
		"GOLD TGW";
	width: 1100px;
	margin: 5px auto;
}

/*PC*/body:not(.spView) #brand .brand_box .photo_box.GREATD{ }






/*PC*/body:not(.spView) #brand .brand_box .photo_box,
/*PC*/body:not(.spView) #brand .brand_box .photo{
	width: 100%;
}


/*▲▲ブランド紹介 .img_case*********************/


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




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

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



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


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


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