/* Scss Document */
#header {
	min-height: 1950px;
	background: url(../img/beer/key.jpg) top center no-repeat;
	background-size: cover;
}
#header h2 {
	position: absolute;
	bottom: 480px;
	left: 50%;
}
#header .txt {
	position: absolute;
	bottom: 65px;
	height: 400px;
	right: calc( 50% + 100px);
}
#lead {
	background: url(../img/beer/lead-bg1.png) top center no-repeat, url(../img/beer/lead-bg2.png) bottom center no-repeat;
	padding-bottom: 250px;
}
#lead .txt {
	padding-top: 90px;
	margin-left: 400px;
}
#lead h3 {
	position: absolute;
	top: 190px;
	right: 37px;
}

#lead .content {
	background: rgba(0, 0, 0, 0.5);
	width: 860px;
	margin-left: -50px;
	padding: 110px 130px 70px 70px;
	box-sizing: border-box;
	position: relative;
}
#lead .content h4 {
	position: absolute;
	top: 46px;
	right: 50px;
}
#lead .content .text {
	height: 590px;
	line-height: 26px;
}
#lead .content .text p {
	margin: 0 15px;
}
#lead .content .text dl {
	margin: 0 30px;
	position: relative;
}
#lead .content .text dl * {
	display: inline-block;
}
#lead .content .text dl dt {
	font-size: 20px;
	padding: 15px 5px;
	border: 1px solid #462505;
	margin-top: -15px;
}
#lead .content .button {
	position: absolute;
	bottom: -80px;
	right: -90px;
}
#lead .deco {
	position: absolute;
	top: 684px;
	right: -300px;
}
#sec1 {
	position: relative;
	padding-bottom: 85px;
	z-index: 3;
}
#sec1:before {
	position: absolute;
	content: "";
	top: 0;
	left: 50%;
	right: 0;
	background: url(../img/beer/sec1-bg.png) top left no-repeat;
	height: 924px;
}
#sec1 .txt {
	text-align: center;
	padding-top: 40px;
}
#sec1 h2 {
	margin-top: 45px;
	text-align: center;
}
#sec1 .text {
	margin: 20px 0 0 220px;
}
#sec1 .left {
	position: relative;
	width: 50%;
	float: left;
	margin-top: -40px;
}
#sec1 .left .pic {
	position: absolute;
	top: -80px;
	left: -150px;
}
#sec1 .left h3 {
	margin: 0 0 0 80px;
}
#sec1 .left dl {
	margin: 0 -120px 0 100px;
}
#sec1 .left dl dt {
	font-size: 33px;
	font-weight: bold;
	color: #fdfdf6;
	line-height: 47px;
}
#sec1 .left dl .style {
	font-size: 22px;
	font-weight: bold;
	color: #fdfdf6;
	line-height: 35px;
	letter-spacing: 3px;
}
#sec1 .left dl .style span {
	font-size: 17px;
}
#sec1 .right {
	position: relative;
	width: 50%;
	float: right;
	z-index: 1;
}
#sec1 .right h3 {
	margin: 485px 0 0 35px;
}
#sec1 .right .pic {
	position: absolute;
	top: -115px;
	right: -300px;
	z-index: -1;
}
#sec1 .right dl {
	margin-left: 30px;
}
#sec1 .right dl dt {
	font-size: 33px;
	font-weight: bold;
	color: #fdfdf6;
	line-height: 47px;
}
#sec1 .right dl dt span {
	font-size: 21px;
}
#sec1 .right dl .price {
	font-size: 30px;
	margin: 10px 0;
}
#sec1 .right dl .price span {
	font-size: 20px;
}
#sec2 {
	position: relative;
	padding-bottom: 80px;
}
#sec2:before {
	position: absolute;
	content: "";
	top: -678px;
	left: 0;
	right: 0;
	background: url(../img/beer/sec2-bg.png) top center no-repeat, url(../img/shared/bg2.png) top center repeat;
	height: 1780px;
}
#sec2 .row1 {
	padding-top: 0;
	position: relative;
}
#sec2 .row1 .pic {
	margin-left: -150px;
}
#sec2 .row1 .content {
	position: absolute;
	top: 0;
	left: 366px;
}
#sec2 .row1 .content dl {
	margin-left: 85px;
}
#sec2 .row1 .content dl dt {
	font-size: 33px;
	font-weight: bold;
	color: #fdfdf6;
	line-height: 47px;
}
#sec2 .row1 .content dl .style {
	font-size: 22px;
	font-weight: bold;
	color: #fdfdf6;
	line-height: 35px;
	letter-spacing: 3px;
	margin-top: 10px;
}
#sec2 .row1 .content dl .style span {
	font-size: 17px;
}
#sec2 .row2 {
	position: relative;
	margin: -230px 0 0 160px;
}
#sec2 .row2 .sub {
	position: absolute;
	bottom: -73px;
	left: 87px;
}
#sec2 .row2 .content {
	position: absolute;
	top: 0;
	left: 460px;
}
#sec2 .row2 .content dl dt {
	font-size: 33px;
	font-weight: bold;
	color: #fdfdf6;
	line-height: 47px;
	letter-spacing: 3px;
}
#sec2 .row2 .content dl dt span {
	font-size: 21px;
}
#sec2 .row2 .content dl .price {
	font-size: 30px;
	margin: 10px 0;
}
#sec2 .row2 .content dl .price span {
	font-size: 20px;
	padding-left: 15px;
}
#sec3 {
	background: url(../img/beer/sec3-bg.jpg) top center no-repeat;
	background-size: cover;
	min-height: 915px;
}
#sec3 h2 {
	padding-top: 167px;
	text-align: center;
}
#sec3 .txt {
	position: absolute;
	top: 0;
	right: 85px;
}
#sec3 .text {
	position: absolute;
	top: 15px;
	right: 245px;
	height: 380px;
}
#sec3 .text p {
	margin-right: 30px;
}
#sec3 .price {
	position: absolute;
	top: 150px;
	font-weight: bold;
	right: 165px;
	height: 225px;
	color: #fdfdf6;
}
#sec3 .price span {
	font-size: 23px;
}
#sec3 .price .int {
	width: 20px;
	font-size: 35px;
	line-height: 1em;
}
#sec4 {
	position: relative;
	padding-bottom: 130px;
	background: url(../img/beer/sec4-bg.png) bottom center no-repeat;
}
#sec4:before {
	position: absolute;
	content: "";
	top: 150px;
	height: 640px;
	right: 0;
	background: url(../img/beer/sec4-img.jpg) top center no-repeat;
	background-size: cover;
	width: calc( 50% + 100px);
}
#sec4 h2 {
	padding-top: 120px;
	margin-left: -20px;
}
#sec4 dl {
	height: 390px;
}
#sec4 dl * {
	display: inline-block;
}
#sec4 dl dt {
	font-size: 29px;
	line-height: 50px;
	color: #fdfdf6;
	margin-left: 30px;
}
#sec4 .txt {
	position: absolute;
	font-weight: normal;
	top: 727px;
	left: 425px;
	font-size: 33px;
}
#sec4 .txt span {
	font-size: 20px;
}
#sec5 {
	background: url(../img/index/rss-bg.jpg) top center repeat;
	text-align: center;
	color: #000;
	padding-bottom: 180px;
}
#sec5 h2 {
	padding-top: 77px;
}
#sec5 .txt {
	margin-top: 30px;
	display: inline-block;
	text-align: left;
}
#sec5 .deco {
	position: absolute;
	top: 185px;
	left: -150px;
}
#sec5 .sub {
	position: absolute;
	top: 117px;
	left: 0;
}
#sec5 .content {
	text-align: right;
}
#sec5 .content h4 {
	margin: 70px 0 30px;
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 35px;
	color: #270900;
	border-top: 1px solid #453d31;
	border-bottom: 1px solid #453d31;
	text-align: center;
	height: 50px;
	line-height: 50px;
}
#sec5 .content h4.style {
	margin: 70px 160px 30px;
}
#sec5 .content .col {
	width: 315px;
	float: left;
}
#sec5 .content .col + .col {
	margin-left: 25px;
}
#sec5 .content .col h5 {
	font-size: 20px;
	font-weight: bold;
	border-left: 20px solid #816d52;
	margin: 0 70px 0 0;
	text-align: center;
	height: 50px;
	line-height: 50px;
}
#sec5 .content .col h5.style {
	line-height: 30px;
}
#sec5 .content .col .ttl {
	position: relative;
	margin-top: 30px;
	min-width: 250px;
	text-align: left;
	display: inline-block;
}
#sec5 .content .col .ttl.style2 {
	margin-top: 0;
	min-width: 280px;
}
#sec5 .content .col .ttl.style {
	min-width: 100%;
}
#sec5 .content .col .ttl span {
	position: absolute;
	bottom: 0;
	right: 0;
}
#sec5 .content .col .txt2 {
	font-size: 13px;
	text-align: left;
	margin-top: 30px;
}
#sec5 .content .col .txt2.txt3 {
	min-width: 250px;
	display: inline-block;
}
#sec5 .content .col dl {
	text-align: right;
	display: none;
}
#sec5 .content .col dl.style {
	text-align: left;
}
#sec5 .content .col dl.style dd.style {
	text-align: right;
	min-width: 100%;
}
#sec5 .content .col dl dd {
	margin-left: 15px;
	min-width: 70px;
	
	
}
#sec5 .content .col dl dt {
	display: inline-block;
}