@charset "UTF-8";

body{
	background-color:#fff;
}

ul,li,dl,dt,dd,img{
	margin:0;
	padding:0;
	display:inherit;
}

h1,h2,h3,h4{
	margin:0;
	padding:0;
}

#main_content h1{
	background:#000 url(../img/index/h1.jpg) center center no-repeat;
	width: 100%;
	min-width: 950px;
	margin: 0 auto;
	height: 154px;
}
#main_content h1 img{
	width:950px;
	margin:0 auto;
}

#wood_bg {
	width:100%;
	height:20px;
	background:url(../../img/shared/wood.png) top center repeat-x;
}

#nav ul li#nav_04 img{
	visibility:hidden;
}


/*************contents_box***************/

#contents_box{
	clear:both;
	background-position:top center;
	background-repeat:no-repeat;
	/*padding-bottom:40px;*/
	background-color:#000;
}

#elevator_navi{
	margin-bottom:0px;
}

#main {
	width: 100%;
	clear: both;
	margin: 0 auto;
	padding: 0;
}

#main_content{
	width:100%;
	margin:0 auto;
	background-color:#fff;
	height:auto;
	background-position:bottom;
	background-repeat:no-repeat;
}



/*************product_movie***************/

#head_wrap{
	width: 950px;
	margin: 0 auto;
}



#products_movie{
	overflow: hidden;
	margin: 0 auto;
	margin:20px auto 20px auto;
	background-color:#000;
}




#movie_position{
	width:950px;
	height:553px;
	overflow:hidden;
	margin:0 auto;
}

#movie_bg{
	width:100%;
	background: #000;
	background-position:center center;
	min-width:950px;
	padding-bottom:20px;
}


/*************perfect_box***************/
#perfect_box{
	width:950px;
	background: url(../img/index/bg.jpg) 8px 4px no-repeat #000;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;
	color:#fff;
	margin:0 auto;
	
}

#perfect_box_bg{
	width:100%;
	background-color:#000;
	background-position:center center;
}


#block1{
	padding: 118px 50px 1px 450px;
	width:450px;
	height: 837px;
	position:relative;
}

#block1 h2{
	margin-bottom: 28px;
	margin-left:5px;
}
#block1 h3{
	margin-bottom: 18px;
	margin-left:5px;
}

#block1 .h2_under{
	margin-bottom: 69px;
	margin-left:5px;
}

#pic_beer{
	width: 673px;
	height: 836px;
	position: absolute;
	left: -220px;
	top: 30px;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
}


#circle_box{
	clear:both;
	width:500px;
}

.circle_block{
	clear:both;
	margin-bottom: 22px;
	min-height:104px;
}

.circle_block p{
	font-size:1.25em;
	margin:0px;
	text-align:left !important;
}

body.ie .circle_block p{
	font-size:17px;
}

.circle_block .left{
	width:104px;
	float:left;
}
.circle_block .right{
	width:372px;
	float:right;
	padding-top:10px;
}

.circle_block p.tit{
	margin-bottom:12px;
}

/*circle_box 画像の位置調整*/
.circle_block .creamy img{
	margin-top:19px;
}

.circle_block .clear img{
	margin-top:5px;
}

.circle_block .cold img{
	margin-top:10px;
}


#block2{
	width:855px;
	min-height:155px;
	padding:60px 50px 35px 45px;
	position:relative;
	margin: 0 auto;
	color: #fff;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;
}


#block2 h2{
	margin-bottom:20px;
}

#block2 .left{
	clear:both;
	width:610px;
}

#pic_beer2{
	width:183px;
	height:171px;
	position:absolute;
	top:50px;
	right:50px;
}

#block2_bg{
	width:100%;
	background-image: url(../img/index/block2_bg.jpg);
	background-color:#000;
	background-position:center center;
	min-width:950px;
}

#block2 p{
	font-size:1.25em;
	line-height:1.7;
	margin-bottom:25px;
}

.link_btn{
	width:381px;
	height:18px;
}

#perfect_banner_bg{
	width:100%;
	min-width:950px;
	height:300px;
	background:url(../img/index/perfect_banner_bg_over.jpg) center no-repeat;
	position:relative;
}

.perfect_banner{
	width:3000px;
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-1500px;
}
#perfect_banner_wrap{
	width:950px;
	height:300px;
	margin:0 auto;
	padding-top:105px;
}

#perfect_banner{
}

#perfect_banner .tit_01{
	width:584px;
	display:block;
}

#perfect_banner .txt_01{
	width:447px;
	display:block;
	padding-top:20px;
}

#sapporo-footer-area img{
	display:initial !important;
}


@media screen and (max-width: 667px){
	#main{
		margin:0 auto;
		margin-top:5%;
	}
	
	#perfect_banner_bg{
		overflow:hidden;
	}
}