#wrap #mid_drink2 .pc {display: block;}
#wrap #mid_drink2 .sp {display: none;}

#wrap #mid_drink2 {
	width: 800px;
	margin: 0 auto;
	line-height: 1.8;
}

#wrap #mid_drink2 h2 {
	font-size: 24px;
	font-weight: bold;
	line-height: 60px;
	margin-bottom: 20px;
	padding-left: 26px;
	background: url(../image/bg_h2.gif) no-repeat;	
}	

#wrap #mid_drink2 h3 {
	background: #FFF;
	color: #C63;
	border-left: 8px solid #FFAD8C;
    padding-left: 10px;
    margin: 0 0 15px 2px;
    font-size: 16px;
    font-weight: bold;
}

#wrap #mid_drink2 .line_dot{
	border-bottom: 2px dashed #DED3CF;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

#wrap #mid_drink2 h4{
	font-size: 18px;
	font-weight: bold;
	color: #A06B35;
	margin: 20px 0 10px;
}
	
#wrap #mid_drink2 .btn{
    margin: 40px auto 60px;
	width: 462px;
}
	
#wrap #mid_drink2 .main_txt{
	width: 613px;
	margin: 60px auto;
}

#wrap #mid_drink2 .main_txt img{
	margin: 0 0 30px;
}

#wrap #mid_drink2 .main_txt02{
	width: 613px;
	margin: 0 auto 30px;
}

#wrap #mid_drink2 .main_txt02 img{
	margin: 40px 0 40px;
}

#wrap #mid_drink2 .mgb30px{
	margin-bottom: 30px;
}

#wrap #mid_drink2 .short_txt{
	width: 488px;
	float: left;
	margin-right: 18px;
}


#wrap #mid_drink2 .short_img{
	width: 233px;
	float: left;
}

@media screen and (max-width:769px){

	#wrap #mid_drink2 .pc {display: none;}
	#wrap #mid_drink2 .sp {display: block;}
	
	#wrap #mid_drink2 {
		width: 92%;
		margin: 0 auto;
		line-height: 1.8;
	}
	
	#wrap #mid_drink2 h2 {
		width: 100%!important;
		font-size: 17px;
		height: 15.7vw;
		line-height: 5.7vw;
		margin-left: -4%;
		margin-bottom: 20px;
		padding: 10px;
		background: url(../image/sp_h2_bg.gif) no-repeat;	
	}	
	
	#wrap #mid_drink2 h3 {
		background: #FFF;
		color: #C63;
		border-left: 8px solid #FFAD8C;
		padding-left: 10px;
		margin: 0 0 7% 2px;
		font-size: 16px;
		font-weight: bold;
		line-height: 1.4;
	}
	
	#wrap #mid_drink2 .btn{
		width: 80%;
		margin: 10%;
	}



	#wrap #mid_drink2 h4{
		margin: 10px 0 5px;
		font-size: 12px;
	}

	#wrap #mid_drink2 .main_txt{
		width:94%;
		margin: 30px 3%;
	}

	#wrap #mid_drink2 .main_txt img{
		margin: 0 0 20px;
	}
	#wrap #mid_drink2 .main_txt p{
		margin: 0 ;
		padding: 0;
	}

	#wrap #mid_drink2 .main_txt02{
		width:94%;
		margin: 0 3% 10px;
	}

	#wrap #mid_drink2 .main_txt02 img{
		margin: 30px 0 30px;
	}


	#wrap #mid_drink2 .mgb30px{
		margin-bottom: 0;
	}

	#wrap #mid_drink2 .short_txt{
		width:94%;
		float: none;
		margin: 0;
	}

	#wrap #mid_drink2 .short_img{
		width: 50%;
		margin: 10px 3%;
		float: left;
	}

	#wrap #mid_drink2 .line_dot{
		border-bottom: 2px dashed #DED3CF;
	}

}