@charset "UTF-8";
/*--------------------------------
FOOTER
--------------------------------*/
footer{
	background: #000;
	padding: 60px 40px 20px;
	color: #fff;
}
footer img{width: auto;}
footer a{color: #fff; text-decoration: none;}
footer a:hover{color: #ccc;}
footer #footWrap, footer ul#footSub{
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
}

@media only screen and (max-width: 800px){
	footer{padding: 0;}
}
	/*----navigation-----*/
	footer #footLogo{float: left; width: 240px;}

	footer #footLogo img{width: 230px;}

	footer nav{
		float: right;
		width: 100%;
		margin-left: -240px;
		padding:0px 0 20px 280px;
		letter-spacing: -0.4em;
	}
		footer nav ul{
			display: inline-block;
			vertical-align: top;
			letter-spacing: normal;
			padding-right: 40px;
			padding-bottom: 40px;
			list-style-type:disc;
		}
		footer nav ul:last-child{float: right; padding-right: 0; padding-left: 70px; border-left: 1px solid #333;}
		@media only screen and (max-width: 1180px) {
			footer nav ul{width: 33%; padding-right: 15px;}
			footer nav ul:last-child{padding-left:0px; border-left: none; width: 34%;}
		}
		@media only screen and (max-width: 800px){
			footer nav{margin-left: 0; padding: 0;}
			footer nav ul{
				width: 100%!important;
				letter-spacing: -0.4em;
				padding-bottom: 20px;
			}
			footer nav ul li{
				display: inline-block;
				width: 50%;
				letter-spacing: normal;
				line-height: 50px;
				padding: 0 0 0 20px ;
				border-bottom: 1px solid #333;
			}
			footer nav ul li:nth-child(even){border-left: 1px solid #333;}
		}


	/*----subnavigation-----*/
		footer ul#footSub{
			border-top: 1px solid #333;
			width: 100%;
			padding-top: 24px;
			font-size: 1.2em;
		}
		footer ul#footSub li{
			float: left;
		}
		footer ul#footSub li+li{margin-left: 40px;}
		footer ul#footSub li:last-child{float: right;}
		footer nav li{
			display: block;
			padding: 16px 0 0 0;
			font-size: 14px;
		}

		footer nav li.mid{
			font-size: 1.4em;
			padding: 0 0 10px;
			font-weight: bold;
		}
		footer nav li{font-size: 1.2em;}
		@media only screen and (max-width: 1000px) {footer ul#footSub li+li{margin-left: 20px;}}
		@media only screen and (max-width: 800px) {
			footer ul#footSub{
				border-top: none;
				padding-top: 0;
				text-align: center;
			}
			footer ul#footSub li{display: inline-block; float: none; font-size: 0.8em; line-height: 2em;}
			footer ul#footSub li:last-child{width: 100%; text-align: center; color: #a3a3a3; padding: 10px 0 ;}
		}


/*20170630*/

.footer_banner{
	padding-top: 15px;
	background:url(../images/footer_banner_bg.jpg) no-repeat right bottom #3c4d13;
}
.footer_banner .img{
	max-width: 852px;
	width: 68.71%;
	display: inline-block;
	vertical-align: middle;
}
.footer_banner .btn{
	max-width: 339px;
	width: 27.34%;
	display: inline-block;
	vertical-align: middle;
}

.fixed_banner .innerWrap{
	position: fixed;
	top: 200px;
	z-index: 10;
	left: 0;
	right: 0;
	margin: auto;
}
.fixed_banner .img {
	width: 210px;
	position: absolute;
	right: 8px;
}
.fixed_banner .close{
	height:20px;
	width:20px;
	display:block;
	position:absolute;
	top: -8px;
	right: 0px;
	border-radius:50px;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	background:#000;
	z-index: 12;
}

.fixed_banner .close:before,
.fixed_banner .close:after{
	content:'';
	height:2px;
	width:12px;
	display:block;
	background:#fff;
	position:absolute;
	 top:9px;
	 right:4px;
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
}
.fixed_banner .close:after{
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
}


.woocommerce-cart .fixed_banner,
.woocommerce-account .fixed_banner,
.page-template-page-hotel_history-php .fixed_banner,
.page-template-page-hotel_contact-php .fixed_banner,
.woocommerce-page .fixed_banner{
	display: none;
}

.woocommerce.woocommerce-page .fixed_banner{
	display: block;
}
@media only screen and (max-width: 800px) {
.woocommerce.woocommerce-page .footer_banner_area.pcOnly .fixed_banner{
	display: none!important;
}
.pageTop + .footer_banner_area.spOnly{
	margin-bottom: 41px;
}
}