/* --------------------------------------------------------------------------------------
   トップページ
--------------------------------------------------------------------------------------- */

.fadebox {
	height: 820px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

.fadebox div {
	height: 820px;
	position: relative;
	width: 100%;
}

.fadebox div p {
	background-position: center center;
	background-repeat: no-repeat;
	height: 820px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.h-inner {
	background: url(../img/top/header_bg.jpg) no-repeat;
	height: 820px;
	margin: 0 auto;
	width: 600px;
	position: relative;
}
.logo{
	z-index: 8888;
    position: absolute;
    top: 0px;
    right: 122px;
}

.tel{
	z-index: 9999;
    position: absolute;
    top: 169px;
    right: 122px;
}


.h-inner p { padding-top: 33px; }

.h-inner dl { padding-top: 293px; }

.h-inner dd {
	color: #e8e5e2;
	line-height: 1.9;
	margin-top: 25px;
}

.h-inner div {
	cursor: pointer;
	margin-top: 20px;
}

.news { background: url(../img/top/news_bg.png) repeat-x left bottom; }

.news article { padding: 67px 0 178px; }

.news div {
	margin: 30px auto 0;
	text-align: left;
	width: 510px;
}

.news div a {
	background: url(../img/top/news_list_icon.png) repeat-x left bottom;
	display: table;
	padding: 10px 0;
	width: 100%;
}

.news div a:hover {
	background-color: rgb(255, 253, 247);
	background-color: rgba(255, 253, 247, 0.5);
	text-decoration: none;
}

.news div a span {
	color: #704f21;
	display: table-cell;
	max-width: 100px;
	min-width: 100px;
}

.news div a p {
	color: #555e6c;
	display: table-cell;
	text-align: left;
	width: 407px;
}

.concept {
	background: url(../img/top/concept_bg.png) no-repeat center top;
	min-height: 1655px;
	width: 100%;
}

.concept .catch {
	float: left;
	margin-left: 39px;
	width: 383px;
}

.concept .kamakura {
	float: left;
	margin-left: 42px;
	margin-top: 38px;
}

.concept .kamakura p {
	line-height: 2.2;
	margin-left: 65px;
	margin-top: -11px;
}

.concept .kamakura a {
	background: url(../img/top/banner_lunch.png) no-repeat;
	display: block;
	height: 108px;
	margin-left: 39px;
	margin-top: 20px;
	width: 472px;
}

.concept .kamakura a:hover { background: url(../img/top/banner_lunch_over.png) no-repeat; }

.concept .syokuzai {
	float: right;
	margin-right: -247px;
	margin-top: 126px;
	overflow: hidden;
	width: 955px;
}

.concept .syokuzai .detail {
	float: left;
	padding-top: 69px;
	width: 466px;
}

.concept .syokuzai .detail p {
	line-height: 2.2;
	margin-left: 37px;
	margin-top: 4px;
}

.concept .syokuzai .image {
	float: right;
	width: 451px;
}

.concept .syokuzai .image div { margin-top: 15px; }
.concept .syokuzai .image div:first-child { margin-top: 0; }

.wine {
	background:
		url(../img/top/wine_inner_bg.jpg) repeat-x left bottom,
		url(../img/top/wine_bg.gif) repeat left top;
}

.wine article {
	float: right;
	text-align: center;
	width: 435px;
}

.wine article dl {
	margin-right: 6px;
	margin-top: 43px;
}

.wine article dd {
	line-height: 2.0;
	margin-top: 20px;
}

.wine .photo {
	float: left;
	margin-bottom: 209px;
	margin-left: -186px;
	margin-top: 36px;
	text-align: center;
	width: 689px;
}

.wine .photo p { margin-bottom: 16px; }

.wine .photo a {
	background: url(../img/top/banner_wine.png) no-repeat;
	height: 135px;
	margin-left: 101px;
	margin-top: 17px;
	position: relative;
	width: 474px;
	z-index: 100;
}

.wine .photo a:hover { background: url(../img/top/banner_wine_over.png) no-repeat; }

.wine .image {
	bottom: -94px;
	left: 334px;
	position: absolute;
	z-index: 1;
}

.scene .ttl {
	left: 42px;
	position: absolute;
	top: 0;
}

.scene .catch {
	left: -9px;
	position: absolute;
	top: 339px;
}

.scene .photo01 {
	left: 568px;
	position: absolute;
	top: 66px;
}

.scene .photo02 {
	left: 541px;
	position: absolute;
	top: 404px;
}

.scene .photo03 {
	left: -35px;
	position: absolute;
	top: 599px;
}

.scene p {
	color: #f9f8f7;
	line-height: 2.0;
	margin-left: 517px;
	padding-bottom: 80px;
	padding-top: 780px;
}

.access {
	background: url(../img/top/access_bg.gif) repeat left top;
	overflow: hidden;
	padding: 10px 0;
}

.access .gmap {
	float: left;
	height: 580px;
	width: 50%;
}

.access .detail {
	background: url(../img/top/access_inner_bg.jpg) no-repeat left top /cover;
	float: right;
	height: 580px;
	text-align: left;
	width: 50%;
}

.access .detail section {
	padding-left: 38px;
	padding-top: 140px;
}

.access .detail section ul {
	color: #fff;
	margin-left: 25px;
	margin-top: 30px;
}

.access .detail section ul li {
	font-size: 100%;
	list-style-type: disc;
	margin-top: 10px;
}

.access .detail section li:first-child { margin-top: 0; }

.access .detail section ul li strong { font-size: 120%; }

.access .detail section ol {
	color: #e0ccac;
	margin-left: 20px;
	margin-top: 20px;
}

.access .detail section ol li {
	display: table;
	margin-top: 10px;
	width: 100%;
}

.access .detail section ol li span {
	display: table-cell;
	vertical-align: top;
	width: 51px;
}

.access .detail section ol li p {
	display: table-cell;
	text-align: left;
	vertical-align: top;
}

@media (min-width: 1800px) {
	.fadebox div p,
	.concept { background-size: cover; }
}