@charset "utf-8";
/* CSS Document */


#wineCommonHeader .contents {
    width: 1164px;
}





h1,p,dl,dt,dd,ul,li {
	margin: 0;
	padding: 0;
}

img {
	vertical-align: bottom;
	margin: 0;
	padding: 0;
}

li {
	list-style-type: none;
}

.sp_only {
	display: none;
}









#wrap {
	width: 100%;
	background-color:#9cc813; 
}

#contents {
	width: 1164px;
	margin: 0 auto;
	padding: 0;
	font-size: 16px;
	color: #000;
	line-height: 180%;
	letter-spacing: 0.4px;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}


#header_block {
	width: 1600px;
	height: 692px;
	margin: 0 0 0 -218px;
	padding-top: 28px;
	background: url(../img/bg1a_pc.jpg) center top no-repeat;
	background-size: 1600px 720px;
}

	#header_block #header_inner {
		width: 1164px;
		height: 72px;
		margin: 0 auto;
	}

		#header_block #header_inner h1 {
			margin-left: 95px;
			width: 352px;
			height: 72px;
			float:left;
		}

		#header_block #header_inner ul {
			margin: 16px 0 0 21px;
			/*width: 601px;*/
			height: 46px;
			float: left;
		}

		#header_block #header_inner ul li#navi1 {
			width: 163px;
			height: 46px;
			display: inline-block;
		}
		
			/*#header_block #header_inner ul li#navi1 a {
				width: 163px;
				height: 46px;
				display: block;			
			}*/
		
		#header_block #header_inner ul li#navi2 {
			width: 249px;
			height: 46px;
			display: inline-block;
			margin-left: 9px;
		}

			/*#header_block #header_inner ul li#navi2 a {
				width: 249px;
				height: 46px;
				display: block;			
			}*/
			
		
		#header_block #header_inner ul li#navi3 {
			width: 161px;
			height: 46px;
			display: inline-block;
			margin-left: 9px;	
		}

			/*#header_block #header_inner ul li#navi3 a {
				width: 161px;
				height: 46px;
				display: block;			
			}*/

		#header_block #header_inner img {
			width: 100%;
			height: auto;
		}



#products_block {
	width: 1600px;
	height: 570px;
	margin: 0 0 0 -218px;
	background: url(../img/bg2a_pc.jpg) center top no-repeat;
	background-size: 1600px 570px;
	position: relative;
}

	#products_block #products_inner {
		width: 465px;			
		position: absolute;
		top: 235px;
		left: 320px;
	}

		#products_block #products_explain1 {
			padding-left: 1em;
		}
	
		#products_block #products_explain2 {
			padding-left: 1em;			
			margin-top: 30px;		
		}

		#products_block #information {
			font-size: 85%;
			font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;		
		}
		
			#products_block #information p {
				width: 461px;
				height: 20px;				
			}		

			#products_block #information p img {
				width: 100%;
				height: auto;
				vertical-align: inherit;				
			}		

			#products_block #information dl {
				text-align: center;
			}
			
			#products_block #information dt,dd {
				display: inline-block;				
			}

			#products_block #information dt {
				margin-left: 10px;		
			}
			
			#products_block #information dt:first-child {
				margin-left: 0px;		
			}



#whats_block {
	width: 1600px;
	height: 520px;
	margin: 0 0 0 -218px;
	background: url(../img/bg3a_pc.jpg) center top no-repeat;
	background-size: 1600px 520px;
	position: relative;
}

	#whats_block #whats_inner {
		width: 580px;			
		position: absolute;
		top: 146px;
		left: 650px;
	}

		#whats_block #whats_explain1 {
		}
	
		#whats_block #whats_explain2 {
			margin-top: 30px;		
		}




#prize_block {
	width: 1600px;
	height: 860px;
	margin: 0 0 0 -218px;
	background: url(../img/bg4a_pc.jpg) center top no-repeat;
	background-size: 1600px 860px;
	position: relative;
}

	#prize_block #prize_inner {
		width: 962px;			
		position: absolute;
		top: 82px;
		left: 341px;
	}

		#prize_block #prize_inner li {
			width: 962px;
			height: 210px;	
			margin-bottom: 25px;		
		}
		
		#prize_block #prize_inner li img {
			width: 100%;
			height: auto;			
		}		
		
		
		
		
		
		
		


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


#contents {
	width: 100%;
}


#header_block {
	width: 100%;
	margin: 0;
	padding-top: 2.5%;
	padding-bottom: 59.35567%;
	height: 0;
	background: url(../img/bg1b_pc.jpg) center top no-repeat;
	background-size: 100% auto;	
}

	#header_block #header_inner {
		width: 100%;
		/*height: 72px;*/
		margin: 0 auto;
	}

		#header_block #header_inner h1 {
			margin-left: 8.16%;
			width: 30.24%;
			/*height: 72px;*/
			float:left;
		}

		#header_block #header_inner ul {
			margin: 1.38% 0 0 1.8%;
			width: 51.63%;
			/*height: 46px;*/
			float: left;
		}

		#header_block #header_inner ul li#navi1 {
			width: 27.12%;
			/*height: 46px;*/
			display: inline-block;
		}
		
		#header_block #header_inner ul li#navi2 {
			width: 41.43%;
			/*height: 46px;*/
			display: inline-block;
			margin-left: 1%;
		}
			
		#header_block #header_inner ul li#navi3 {
			width: 26.79%;
			/*height: 46px;*/
			display: inline-block;
			margin-left: 1%;	
		}



#products_block {
	width: 100%;
	margin: 0;
	padding-bottom: 48.97%;
	height: 0;
	background: url(../img/bg2b_pc.jpg) center top no-repeat;
	background-size: 100% auto;		
}

	#products_block #products_inner {
		width: 465px;			
		position: absolute;
		top: 41.2%;
		left: 9%;
	}

		#products_block #products_explain2 {	
			margin-top: 2%;		
		}




#whats_block {
	width: 100%;
	margin: 0;
	padding-bottom: 44.67%;
	height: 0;
	background: url(../img/bg3b_pc.jpg) center top no-repeat;
	background-size: 100% auto;		
}

	#whats_block #whats_inner {
		width: 580px;			
		position: absolute;
		top: 28.27%;
		left: 36.5%;
	}

		#whats_block #whats_explain2 {
			margin-top: 2%;		
		}




#prize_block {
	width: 100%;
	margin: 0;
	padding-bottom: 73.88%;
	height: 0;
	background: url(../img/bg4b_pc.jpg) center top no-repeat;
	background-size: 100% auto;		
}

	#prize_block #prize_inner {
		width: 82.64%;			
		position: absolute;
		top: 9%;
		left: 8.68%;
	}

		#prize_block #prize_inner li {
			width: 100%;
			height: auto;
			margin-bottom: 2.15%;		
		}
		
		#prize_block #prize_inner li img {
			width: 100%;
			height: auto;			
		}		
		
		





}




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

#contents {
	width: 960px;
}



#header_block {
	width: 960px;
	height: 574px;
	padding: 20px 0 0 0;
	background: url(../img/bg1c_pc.jpg) center top no-repeat;
	background-size: 960px 594px;	
}



#products_block {
	width: 960px;
	height: 470px;
	padding-bottom: 0;
	background: url(../img/bg2c_pc.jpg) center top no-repeat;	
	background-size: 960px 470px;	
}



#whats_block {
	width: 960px;
	height: 429px;
	padding-bottom: 0;
	background: url(../img/bg3c_pc.jpg) center top no-repeat;	
	background-size: 960px 429px;	
}



#prize_block {
	width: 960px;
	height: 709px;
	padding-bottom: 0;
	background: url(../img/bg4c_pc.jpg) center top no-repeat;	
	background-size: 960px 709px;	
}


}








/*
	#header_block #header_inner {
		width: 1600px;
		height: 76px;
		background-color: rgba(255,255,255,0.8);
	}

		#header_block #header_inner h1 {
			margin-left: 205px;
			width: 352px;
			height: 76px;
			background: url(../img/logo_pc.png) left top no-repeat;
			float:left;
		}

		#header_block #header_inner ul {
			margin: 20px 0 0 25px;
			height: 46px;
			float: left;
		}

		#header_block #header_inner ul li#navi1 {
			width: 162px;
			height: 46px;
			display: inline-block;			
		}

			#header_block #header_inner ul li#navi1 a {
				width: 162px;
				height: 46px;
				display: block;			
				background: url(../img/navi1_pc.png) left top no-repeat;			
			}

		#header_block #header_inner ul li#navi2 {
			width: 248px;
			height: 46px;
			display: inline-block;
			margin-left: 10px;		
		}

			#header_block #header_inner ul li#navi2 a {
				width: 248px;
				height: 46px;
				display: block;				
				background: url(../img/navi2_pc.png) left top no-repeat;
			}
		
		#header_block #header_inner ul li#navi3 {
			width: 162px;
			height: 46px;
			display: inline-block;
			margin-left: 10px;		
		}

			#header_block #header_inner ul li#navi3 a {
				width: 162px;
				height: 46px;
				display: block;			
				background: url(../img/navi3_pc.png) left top no-repeat;
			}




#products_block {
	width: 1600px;
	height: 570px;
	background: url(../img/bg2_pc.jpg) left top no-repeat;
}















#whats_block {
	width: 1600px;
	height: 520px;
	background: url(../img/bg3_pc.jpg) left top no-repeat;
}


#prize_block {
	width: 1600px;
	height: 858px;
	background: url(../img/bg4_pc.jpg) left top no-repeat;
}

*/