@charset "utf-8";
/* #top-movie */
#top-movie {
	position: relative;
	width: 100%;
	/*height: 974px;*/
	text-align: center;
}
#top-movie video{
	width:100%;
	height:100%;
}
#top-movie .movie {
	position: absolute;	
	width: auto;
	min-height: 974px;
	top: 0;
	left: 50%;
	transform: translateX(-50%);	
}
#top-movie h1 {
	position: absolute;
	width: 350px;
	height: 240px;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}
#top-movie h1 img {
	vertical-align: bottom;	
}
#top-movie  .bottom {
	position: absolute;
	overflow: hidden;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);	
	width: 100%;
	height: 350px;
	background: url(../img/bottom.png);
}
/* #top-intro */
#top-intro {
	margin-top: -1px;
	padding: 0 auto;
	background: url(../img/bg-kaede01.png) no-repeat center right, url(../img/bg-kaede02.png) no-repeat top left, url(../img/top-intro-bg01.png) no-repeat bottom left, url(../img/bg01.jpg) center center;	
}
#top-intro h2 {
	text-align: center;	
	margin-bottom: 50px;
}
#top-intro p {
	margin-top: 0;
	letter-spacing: 0.2em;
	line-height: 180%;
	font-size: 15px;
	font-weight: 600;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
#top-intro .wrap {
	width: 980px;	
	height: 870px;
	position: relative;
	margin: 0 auto 80px;
}
#top-intro .wrap .box01 {
	position: absolute;
	width: 600px;
	height: 100px;
	left: 0;
	top: 46px;	
}
#top-intro .wrap .box02 {
	position: absolute;
	width: 400px;
	height: 270px;
	right: 0;
	top: 0;
}
#top-intro .wrap .box03 {
	position: absolute;
	width: 208px;
	height: 208px;
	left: 450px;
	top: 90px;
}
#top-intro .wrap .box03 img {
	border-radius: 50%;	
	border: 2px solid #fff;
}
#top-intro .wrap .box04 {
	position: absolute;
	width: 252px;
	height: 252px;
	left: 28px;
	top: 217px;
}
#top-intro .wrap .box04 img {
	border-radius: 50%;	
}
#top-intro .wrap .box05 {
	position: absolute;
	width: 600px;
	height: 60px;
	left: 326px;
	top: 356px;	
}
#top-intro .wrap .box06 {
	position: absolute;
	width: 450px;
	height: 105px;
	left: 0;
	top: 567px;	
}
#top-intro .wrap .box07 {
	position: absolute;
	width: 400px;
	height: 270px;
	right: 120px;
	top: 464px;
}
#top-intro .wrap .box08 {
	position: absolute;
	width: 208px;
	height: 208px;
	right: 0;
	top: 560px;
}
#top-intro .wrap .box08 img {
	border-radius: 50%;
	border: 2px solid #fff;	
}
#top-intro .wrap .box09 {
	position: absolute;
	width: 100%;
	height: 80px;
	left: 0;
	bottom: 0;	
}
/* #top-menu */
#top-menu {
	width: 100%;
	padding: 60px 0;
	background: url(../img/bg-shadow.png) no-repeat center top, url(../img/top-menu-bg.jpg) center center;	
}
#top-menu .wrap {
	width: 100%;
	max-width: 1920px;
	height: 380px;
	margin: 0 auto;
}
#top-menu .wrap .box01 {
	float: left;
	background: url(../img/top-menu01.jpg) no-repeat center center;
	width: 32%;
	height: 380px;
	position: relative;
}
#top-menu .wrap .box02 {
	float: left;
	width: 2%;	
	height: 380px;
}
#top-menu .wrap .box03 {
	float: left;
	background: url(../img/top-menu02.jpg) no-repeat center center;
	width: 32%;
	height: 380px;
	position: relative;
}
#top-menu .wrap .box04 {
	float: left;
	width: 2%;	
	height: 380px;
}
#top-menu .wrap .box05 {
	float: left;
	background: url(../img/top-menu03.jpg) no-repeat center center;
	width: 32%;
	height: 380px;
	position: relative;
}
#top-menu .wrap .inner {
	position: absolute;
    padding: 0 20px 20px 20px;
	box-sizing: border-box;
    background: rgba(0, 0, 0, 0.6);	
	width: 100%;
	height: 180px;
	left: 0;
	bottom: 0;
	line-height: 150%;
}
#top-menu .wrap .inner h2 a {
	display: block;
	text-align: center;
	transition: all 0.5s ease;
}
#top-menu .wrap .inner h2 a:hover {
	transition: all 0.5s ease;
	transform: translateY(3px);	
}
#top-menu .wrap .inner h2 a img {
	vertical-align: bottom;	
}
#top-menu .wrap .inner p {
    letter-spacing: 0.2em;	
	font-size: 15px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	text-align: center;
	color: #fff;
}
#top-menu .wrap .bt {
	position: absolute;
	width: 50px;
	height: 50px;
	left: 50%;
	transform: translateX(-50%);	
	bottom: -25px;
}
#top-menu .wrap .bt a {
	transition: all 0.5s ease;
	display: block;
	background: rgba(156,34,48,1);
	border: 1px solid #fff;
	border-radius: 50%;
	filter: drop-shadow(0 8px 8px rgba(0,0,0,0.3));
}
#top-menu .wrap .bt a:hover {
	transition: all 0.5s ease;
	background: rgba(97,28,28,1);
	transform: translateY(3px);	
}
#top-menu .wrap .bt a img {
	vertical-align: bottom;
}
/* #top-plan */
#top-plan {
	padding: 80px 0;
	position: relative;
	background: url(../img/bg-kaede03.png) no-repeat right top, url(../img/bg-kaede04.png) no-repeat bottom left, url(../img/bg-shadow.png) no-repeat center top, url(../img/top-plan-bg01.png) no-repeat left top, url(../img/top-plan-bg02.png) no-repeat right bottom, url(../img/bg01.jpg) center center;
}
#top-plan h2 {
	text-align: center;	
	margin: 0 auto 50px;
}
#top-plan .plan-wrap {
	margin: 0 auto 50px;
	width: 1000px;	
	height: 514px;
	clear: both;
}
#top-plan .plan-wrap .box {
	float: left;
	width: 300px;
	height: 514px;
	margin-right: 50px;
}
#top-plan .plan-wrap .box:last-of-type {
	margin-right: 0;	
}
#top-plan .plan-wrap .box a.img {
	display: block;
	width: 300px;
	height: 224px;	
	background: #000;
	transition: all 0.5s ease;
	margin-bottom: 10px;
}
#top-plan .plan-wrap .box a.img:hover {
	transition: all 0.5s ease;
	transform: translateY(3px);	
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
#top-plan .plan-wrap .box a.img img {
	vertical-align: bottom;	
	transition: all 0.5s ease;
}
#top-plan .plan-wrap .box a.img img:hover {
	opacity: 0.8;	
	transition: all 0.5s ease;
}
#top-plan .plan-wrap .box h3 {
	padding: 0;
	margin: 0;	
}
#top-plan .plan-wrap .box h3 a {
	letter-spacing: 0.2em;
	line-height: 180%;
	font-size: 16px;
	font-weight: 600;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	color: #9c2230;
}
#top-plan .plan-wrap .box h3 a:hover {
	color: #a33e1b;
}
#top-plan .plan-wrap .box p {
	letter-spacing: 0.2em;
	line-height: 180%;
	font-size: 15px;
	font-weight: 600;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
#top-plan .bn {
	width: 790px;
	height: 180px;
	position: relative;
	display: block;
	margin: 0 auto;
	background: #000;
}
#top-plan .bn a {
	transition: all 0.5s ease;
	display: block;	
}
#top-plan .bn a:hover {
	transition: all 0.5s ease;
	opacity: 0.8;	
}
#top-plan .bn a img {
	vertical-align: bottom;	
}
#top-plan .bn .deco {
	position: absolute;
	width: 112px;
	height: 186px;
	bottom: -30px;
	left: -50px;	
}
/* #top-search */
#top-search {
	width: 100%;
	height: 100px;
	background: url(../img/bg-top-search.jpg) center center;
	padding-top: 15px;
	padding-bottom: 15px;
}
#top-search .wrap {
	width: 1000px;
	height: 100px;
	margin: 0 auto;	
	background: url(../img/bg-top-search-wrap.png) no-repeat center center;
}
#top-search .wrap h2 {
	margin: 0;	
}
#top-search .wrap h2 img {
	vertical-align: middle;
	border-right: 1px solid rgba(255,255,255,0.4);
}
#top-search .wrap .left {
	float: left;
	width: 200px;
	height: 60px;
	box-sizing: border-box;
	padding-top: 20px;
}
#top-search .wrap .right {
	float: right;
	position: relative;
	width: 800px;
	height: 100px;
}
.plan_form {
	width: 820px;
	color:#FFF;
}
.plan_form p {
	margin: 0;
	padding: 0;
}
.plan_form input,
.plan_form select {
	border: 0;	
	font-size: 13px;
	border-radius: 0;
	height: 20px;
	padding-left: 5px;
}
.plan_form img {
	vertical-align: middle;
	margin-right: 10px;
}
.plan_form .check_in {
	position: absolute;
	width: 265px;
	height: 20px;
	left: 0;
	top: 25px;
}
.plan_form .hasDatepicker {
	width: 90px !important;	
}
.plan_form .text_r {
	position: absolute;
	width: 265px;
	height: 20px;
	left: 220px;
	top: 25px;
}
.plan_form .type {
	position: absolute;
	width: 280px;
	height: 20px;
	left: 350px;
	top: 25px;
}
.plan_form .guests {
	position: absolute;
	width: 250px;
	height: 20px;
	left: 0;
	bottom: 25px;
}
.plan_form .price {
	position: absolute;
	width: 390px;
	height: 20px;
	left: 250px;
	bottom: 25px;
}
.plan_form .search_btn {
	position: absolute;
	width: 148px;
	height: 35px;
	right: 32px;
	top: 32px;
}
.plan_form .search_btn input[type="image"] {
	width: 148px;
	height: 35px;
	transition: all 0.5s ease;
	padding: 0;
}
.plan_form .search_btn input:hover[type="image"] {
	transition: all 0.5s ease;
	transform: translateY(3px);	
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
.hasDatepicker,
select {
	font-size: 13px;	
}