@charset "utf-8";
/* CSS Document */
h1 {
	color: #FFFFFF !important;
	bottom: -35px !important;
	left: 1px !important;
}
#key {
	background: url(../img/tavern/key.jpg) no-repeat center center/cover;
}
#key h2 {
	text-align: right;
	padding-top: 74px;
	margin-right: -9px;
}
#sec1 .box {
	float: left;
	cursor: pointer;
}
#sec1 .col01 {
	width: 500px;
	height: 243px;
	background: url(../img/tavern/sec1_off_01.jpg) no-repeat center top;
	position: relative;
}
#sec1 .col01:before {
	background: url(../img/tavern/sec1_off_01_on.jpg) no-repeat center top;
	opacity: 0;
	transition: opacity 1s ease;
	-moz-transition: opacity 1s ease;
	-webkit-transition: opacity 1s ease;
	width: 500px;
	height: 243px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	pointer-events: none;
}
#sec1 .col01:hover:before {
	opacity: 1;
}
#sec1 .col02 {
	width: 500px;
	height: 243px;
	background: url(../img/tavern/sec1_off_02.jpg) no-repeat center top;
	position: relative;
}
#sec1 .col02:before {
	background: url(../img/tavern/sec1_off_02_on.jpg) no-repeat center top;
	opacity: 0;
	transition: opacity 1s ease;
	-moz-transition: opacity 1s ease;
	-webkit-transition: opacity 1s ease;
	width: 500px;
	height: 243px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	pointer-events: none;
}
#sec1 .col02:hover:before {
	opacity: 1;
}
#sec1 .col03 {
	width: 500px;
	height: 243px;
	background: url(../img/tavern/sec1_off_03.jpg) no-repeat center top;
	position: relative;
}
#sec1 .col03:before {
	background: url(../img/tavern/sec1_off_03_on.jpg) no-repeat center top;
	opacity: 0;
	transition: opacity 1s ease;
	-moz-transition: opacity 1s ease;
	-webkit-transition: opacity 1s ease;
	width: 500px;
	height: 243px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	pointer-events: none;
}
#sec1 .col03:hover:before {
	opacity: 1;
}
#sec1 .col04 {
	width: 500px;
	height: 243px;
	background: url(../img/tavern/sec1_off_04.jpg) no-repeat center top;
	position: relative;
}
#sec1 .col04:before {
	background: url(../img/tavern/sec1_off_04_on.jpg) no-repeat center top;
	opacity: 0;
	transition: opacity 1s ease;
	-moz-transition: opacity 1s ease;
	-webkit-transition: opacity 1s ease;
	width: 500px;
	height: 243px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	pointer-events: none;
}
#sec1 .col04:hover:before {
	opacity: 1;
}
#sec1 .col01 dl {
	text-align: right;
	padding-right: 30px;
	padding-top: 116px;
	float: right;
	position: relative;
	z-index: 1;
}
#sec1 dd {
	color: #FFFFFF;
	padding-top: 3px;
}
#sec1 .col02 dl {
	text-align: right;
	padding-right: 30px;
	padding-top: 107px;
	float: right;
	position: relative;
	z-index: 1;
}
#sec1 .col03 dl {
	text-align: right;
	padding-right: 30px;
	padding-top: 118px;
	float: right;
	position: relative;
	z-index: 1;
}
#sec1 .col04 dl {
	text-align: right;
	padding-right: 30px;
	padding-top: 86px;
	float: right;
	position: relative;
	z-index: 1;
}
#all {
	background: url(../img/tavern/all.jpg) repeat center top;
}
#sec2 {
	background: url(../img/tavern/sec2.png) no-repeat center top;
	padding-bottom: 84px;
}
#sec2 .box {
	width: 430px;
	padding-top: 144px;
	float: right;
}
#sec2 h2 {
	padding-right: 62px;
}
#sec2 .txt_v {
	color: #fbebd8;
	line-height: 30px;
	letter-spacing: 1px;
	width: 150px;
	height: 365px;
	padding-top: 114px;
}
#sec3 {
	background: url(../img/tavern/sec3.png) no-repeat center top;
	padding-bottom: 162px;
	position: relative;
}
#sec3 .box {
	padding-top: 99px;
	width: 316px;
}
#sec3 h2 {
}
#sec3 > * {
	position: relative;
	z-index: 1;
}
#sec3 .txt_v {
	color: #fbebd8;
	line-height: 30px;
	letter-spacing: 1px;
	width: 158px;
	height: 432px;
	margin-left: -15px;
	padding-top: 93px;
}
#sec3:before {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: -51%;
	background: url(../img/tavern/sec3_bofore.png) no-repeat center top;
	height: 757px;
	pointer-events: none;
	content: "";
}
#sec4 {
	background: url(../img/tavern/sec4.png) no-repeat center top;
}
#sec4 .left {
	position: relative;
	width: 737px;
	min-height: 1127px;
	padding-bottom: 1px;
}
#sec4 .pt01 {
	position: absolute;
	top: 128px;
	left: 445px;
}
#sec4 .pt02 {
	position: absolute;
	top: 301px;
	left: 2px;
}
#sec4 .pt03 {
	position: absolute;
	top: 692px;
	left: 124px;
}
#sec4 .right {
	width: 226px;
	margin-right: -11px;
}
#sec4 h2 {
	padding-top: 126px;
	padding-bottom: 32px;
}
#sec4 .txt_v {
	color: #fbebd8;
	line-height: 30px;
	letter-spacing: 1px;
	width: 158px;
	height: 246px;
	padding-left: 34px;
}
#sec5 {
	background: url(../img/tavern/sec5.jpg) repeat center top;
}
#sec5 h2 {
	text-align: center;
	padding-top: 66px;
	padding-bottom: 68px;
}
#sec6 {
	background: url(../img/tavern/sec6.png) no-repeat center center/cover;
}
#sec6 h2 {
	text-align: right;
	padding-top: 58px;
	margin-right: -20px;
	padding-bottom: 43px;
}