@charset "utf-8";

/*=============================================*/
/*                   home                      */
/*=============================================*/

.tategaki {
	-webkit-writing-mode: vertical-rl; /* 実装済 */
	-moz-writing-mode: vertical-rl; /* 未実装 */
	-ms-writing-mode: tb-rl; /* 実装済 */
	writing-mode: vertical-rl;
	-webkit-text-orientation: upright; /* 実装済 */
	-moz-text-orientation: upright; /* 未実装 */
	-ms-text-orientation: upright; /* 未実装 */
	text-orientation: upright;
	-o-writing-mode: vertical-rl;
}

#container { font-size: 16px; }

#key {
	background: url(../img/drink/key_bg.jpg) no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
	height: 640px;
}

#key .key_ttl {
	position: absolute;
	top: 404px;
	right: 0;
}

#section01 {
	min-height: 1750px;
	background-image: url(../img/drink/sec01_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	-webkit-background-size: auto, cover;
	background-size: cover;
	color: #FFF;
	position: relative;
}

#section01 h2 {
	position: absolute;
	top: 158px;
	left: -6px;
}

#section01 #aomori {
	height: 500px;
	position: absolute;
	top: 458px;
	left: 400px;
}

#section01 #akita {
	width: 300px;
	height: 600px;
	position: absolute;
	top: 800px;
	left: 60px;
}

#section01 #iwate {
	position: absolute;
	top: 670px;
	left: 740px;
}

#section01 #miyagi {
	width: 300px;
	height: 600px;
	position: absolute;
	top: 840px;
	right: 210px;
}

#section01 #yamagata {
	position: absolute;
	top: 1420px;
	left: 0px;
}

#section01 #fukushima {
	position: absolute;
	top: 1400px;
	left: 580px;
}

#section01 dd { padding: 17px 0 30px 4px; }

#section01 .txt_01 {
	font-size: 22px;
	left: 0;
	position: absolute;
	text-align: center;
	bottom: 60px;
	width: 100%;
	line-height: 200%;
	letter-spacing: 2px;
}

#section02 {
	background: url(../img/drink/sec02_bg.jpg) no-repeat center 0px;
	min-height: 1069px;
}

#section02 .box_01 {
	position: absolute;
	top: 430px;
	left: -60px;
	width: 768px;
	background: url(../img/drink/sec02_rp.jpg) repeat center top;
	z-index: 9;
	min-height: 467px;
}

#section02 .img_01 {
	position: absolute;
	top: 460px;
	left: 472px;
}

#section02 .sec01_price {
	font-size: 22px;
	letter-spacing: 3px;
	padding: 10px 0 27px 73px;
}

#section02 .sec01_price span { font-size: 30px; }

#section02 .txt_01 {
	padding: 0 0 56px 58px;
	width: 660px;
}

#section03 {
	min-height: 1029px;
	background: url(../img/drink/sec03_bg.jpg) no-repeat center top;
}

#section03 h2 {
	left: 818px;
	position: absolute;
	top: 38px;
}

#section03 .img_01 {
	position: absolute;
	top: 0;
	left: -146px;
}

#section03 .img_02 {
	left: 462px;
	position: absolute;
	top: 541px;
}

#section03 .btn_01 {
	position: absolute;
	top: 668px;
	left: 0px;
}

#section03 .txt_01 {
	left: 513px;
	position: absolute;
	top: 282px;
	width: 260px;
}

#rss {
	background: url(../img/menu/rss_rp.jpg) repeat-x;
	min-height: 790px;
}

#rss .txt_01 {
	padding: 0 0 57px;
	text-align: center;
}

#rss h2 { padding: 62px 0 15px 0; }

#section04 { background: url(../img/drink/sec04_bg.jpg) no-repeat center 331px; }

#section04 h2 {
	left: 665px;
	position: absolute;
	top: 116px;
}

#section04 .img_01 { margin-left: -39px; }

#section04 .list_p {
	margin-left: 75px;
	padding: 51px 0 66px;
}

#section04 .list_p p { margin-bottom: 15px; }

#section05 {
	background-image: url(../img/drink/sec05_rp01.jpg), url(../img/drink/sec05_rp02.jpg);
	background-repeat: repeat-x, repeat;
	background-position: center top;
	min-height: 2000px;
}

#section05 .section05_box01 { /*background: url(../img/drink/sec05_line.png) no-repeat center top;*/
padding: 0 0 23px; }

#section05 .section05_box01 h2 { padding: 57px 0 49px; }

#section05 .section05_box02 {
	background: url(../img/drink/sec05_line.png) no-repeat center top;
	padding: 0 0 40px;
}

#section05 .section05_box02 h2 { padding: 64px 0 50px; }

#section05 .section05_box03 { background: url(../img/drink/sec05_line.png) no-repeat center top; }

#section05 .section05_box03 h2 { padding: 58px 0 56px; }

#section05 .section05_box03 h3 { padding-bottom: 10px !important; }

#section05 .section05_box03 h4 {
	font-size: 24px;
	padding: 8px 0;
}

#section05 .section05_box03 h4.h4_02 { padding: 28px 0 6px; }

#section05 h2 { text-align: center; }

#section05 >.inner h2 { padding-bottom: 59px; }

#section05 .row_01 { padding-bottom: 21px; }

#section05 .row_02 h3 { padding-bottom: 25px; }

#section05 .section05_box03 .col_df .blog_df { margin-bottom: 50px; }

#section05 .txt_01 {
	padding: 22px 0 38px;
	text-align: right;
}

#section05 .col_df { width: 475px; }

#section05 .col_df .blog_df { margin-bottom: 50px; }

#section05 .col_df h3 { padding-bottom: 15px; }

#section05 .col_df .p_h {
	text-align: center;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 18px;
}

#section05 .col_df .list_dl { background: url(../img/access/sec01_line.png) repeat-x center top; }

#section05 .col_df dl {
	background: url(../img/access/sec01_line.png) repeat-x center bottom;
	line-height: 25px;
	padding: 13px 0 12px;
}

#section05 .col_df dl dt {
	float: left;
	padding: 0 0 0 5px;
}

#section05 .col_df dl dd {
	float: right;
	text-align: right;
}

#section05 .col_df dl dd span { margin-right: 10px; }

#section05 .sec05_col_left { float: left; }

#section05 .sec05_col_right { float: right; }

#feed {
	font-size: 15px;
	color: #270900;
	line-height: 25px;
}

#feed .rss_col {
	float: left;
	margin-right: 50px;
	width: 300px;
}

#feed .rss_col:nth-child(3) { margin-right: 0; }

#feed .rss_col a {
	color: #270900;
	text-decoration: none;
}

#feed .rss_col dd a { font-weight: bold; }

#feed .rss_col a:hover { text-decoration: underline; }

#feed dl {
	line-height: 25px;
	padding: 15px 0 0 0
}

#feed .rss_txt {
	padding-bottom: 10px;
	min-height: 75px;
}

#feed .rss_btn:hover, #feed .rss_col>p a span:hover { opacity: 0.7 }

#feed_drink .rss_col {
	float: left;
	margin-right: 50px;
	width: 300px;
}

#feed_drink .rss_col:nth-child(3) { margin-right: 0; }

#rss .inner #feed_drink div {
	float: left;
	margin-right: 50px;
	width: 300px;
}

#rss .inner #feed_drink div:nth-child(3n) { margin-right: 0; }

#rss .inner #feed_drink .rss_txt { height: 80px; }

.tax_price {
	border-top: 1px solid #c19d7c;
	background-color: #6e3c22;
	text-align: center;
	color: #f5e7d3;
}

.key_btn {
	position: absolute;
	top: 20px;
	right: 0px;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.key_btn:hover {
	opacity: .8;
	-webkit-transition: 35s ease-in-out;
	transition: .3s ease-in-out;
}
