@charset "utf-8";

/***************
+ .main_area
***************/

#Main_inner .main_area{
	width:100%;
	margin:0 auto;
}

/***************
+ .main_contents
***************/
#Main_inner .main_contents{
	width:100%;
	height:100%;
	padding:0 0 30px;
	margin:0 auto 100px;
	position:relative;
}
#Main_inner .main_area .main_img{
	width:100%;
	height:148px;
	margin:0 auto 12px;
	background:url("../images/img_lineup_main_1.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50% 50%;
}
#Main_inner .main_area .main_logo{
	width:280px;
	margin:0 auto 12px;
}
@media all and (-ms-high-contrast:none){
#Main_inner .main_area .main_logo img{
	height:116px;
}
}

/***************
+ .info_area
***************/
#Main_inner .info_area{
	width: 100%;
	max-width:956px;
	margin:0 auto 50px;
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 0 5px;
}
#Main_inner .info_area .s_title{
	width:100%;
	height:50px;
	margin:0 auto 15px;
	grid-column: 1 / 3;
}
#Main_inner .info_area .left_box{
	width:100%;
}
#Main_inner .info_area .left_box .txt{
	width:99%;
	font-size:12px;
	line-height:1.75em;
	margin:0 auto 15px;
}
#Main_inner .info_area .left_box .img_box{
	width:100%;
	margin:0 auto;
	display: flex;
	gap: 0 6px;
}
#Main_inner .info_area .left_box .img_box .img_1{
	width: 44%;
	max-width:208px;
}
#Main_inner .info_area .left_box .img_box .img_2{
	width: 54%;
	max-width:256px;
}
#Main_inner .info_area .right_img{
	width:100%;
}
/***************
+ .wine_area
***************/
#Main_inner .wine_area{
	width: 100%;
	max-width:956px;
	margin:0 auto 130px;
	display: flex;
	justify-content: space-between;
}
#Main_inner .wine_area .wine_img{
	width: 33%;
	max-width:314px;
}
#Main_inner .wine_area .right_box{
	width: 55%;
	max-width:526px;
	padding-top:20px;
}
#Main_inner .wine_area .right_box .name{
	font-size:23px;
	line-height:1.3em;
	font-weight:bold;
	margin-bottom:10px;
}
#Main_inner .wine_area .right_box .type{
	font-size:14px;
	line-height:2.0em;
	margin-bottom:20px;
}
#Main_inner .wine_area .right_box .txt{
	width: 100%;
	max-width:390px;
	font-size:13px;
	line-height:1.92em;
	margin-bottom:30px;
}
#Main_inner .wine_area .right_box .prize{
	width: 100%;
	max-width:526px;
	margin-bottom:15px;
}
@media all and (-ms-high-contrast:none){
#Main_inner .wine_area .right_box .prize img{
	height:266px;
}
}
#Main_inner .wine_area .right_box .open_btn{
	font-size:17px;
	line-height:1.82em;
	color:#b99955;
	text-decoration:underline;
	font-weight:bold;
	margin-bottom:25px;
}
#Main_inner .wine_area .right_box .open_btn:hover{
	cursor:pointer;
}
#Main_inner .wine_area .right_box .bnr{
	width: 100%;
	max-width:472px;
	height:150px;
}
#Main_inner .wine_area .right_box .bnr a{
	display:block;
	width:100%;
}
@media screen and (max-width: 768px){
	/********************
	+ .main_contents
	********************/
	#Cont .main_contents{
		width:100%;
		margin:0 auto 40px;
	}
	/********************
	+ .brand_info_area
	********************/
	#Cont .brand_info_area{
		width:98%;
		margin:0 auto 20px;
	}
	#Cont .brand_info_area .s_title{
		width:100%;
		margin:0 auto 10px;
	}
	#Cont .brand_info_area .txt{
		width:96%;
		font-size:12px;
		line-height:1.5em;
		margin:0 auto 10px;
	}
	#Cont .brand_info_area .img_box{
		width:100%;
		margin:0 auto 10px;
	}
	#Cont .brand_info_area .img_box .img_1{
		float:left;
		width:44%;
		margin:0 auto 10px;
	}
	#Cont .brand_info_area .img_box .img_2{
		float:right;
		width:54.8%;
		margin:0 auto 10px;
	}
	#Cont .brand_info_area .img{
		width:100%;
		margin:0 auto;
	}
	/********************
	+ .wine_area
	********************/
	#Cont .wine_area{
		width:98%;
		margin:0 auto;
	}
	#Cont .wine_box{
		width:100%;
		margin:0 auto 20px;
		display: flex;
		justify-content: space-between;
	}
	#Cont .wine_box .wine_img{
		width:32%;
	}
	#Cont .wine_box .txt_box{
		width:66%;
		padding-top:15.8%;
	}

	#Cont .wine_box .txt_box .name{
		font-size:15px;
		font-weight:bold;
		line-height:1.2em;
		width:100%;
		margin:0 auto 5px;
	}
	#Cont .wine_box .txt_box .type{
		font-size:12px;
		line-height:1.25em;
		width:100%;
		margin:0 auto 10px;
	}
	#Cont .wine_box .txt_box .txt{
		font-size:12px;
		line-height:1.5em;
		width:94%;
	}
	#Cont .wine_area .bnr{
		width:92%;
		margin:0 auto 20px;
	}

	#Cont .wine_area .prize{
		width:96%;
		margin:0 auto 10px;
	}
	#Cont .wine_area .tgl_btn{
		width:100%;
		font-size:14px;
		color:#bd9d55;
		font-weight:bold;
		text-align:center;
		text-decoration:underline;
		margin:0 auto 10px;
	}
	#Cont .wine_area .prize_toggle{
		width:96%;
		margin:0 auto;
		display:none;
	}

	#Cont .wine_area .prize_toggle dl{
		width:100%;
		margin:0 auto 10px;
	}
	#Cont .wine_area .prize_toggle dt{
		width:100%;
		margin:0 auto 5px;
	}
	#Cont .wine_area .prize_toggle dd{
		font-size:11px;
		line-height:1.5em;
	}
}