@charset "UTF-8";
/* Reset
------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
address,em,strong,th {
	font-style: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

th {
	text-align: left;
}

hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
.main h2 {
	font-size: 56px;
}
img,fieldset {
	border: 0;
}

li {
	list-style-type: none;
}

img {
	vertical-align: top;
}
* {	
	box-sizing: border-box;
}
/*IE6*/
* html img{
	vertical-align: bottom;
}
/*IE7*/
*:first-child+html img{
	vertical-align: bottom;
}

a{
	outline:none;
	text-decoration: none;
	color: #000;
	display: inline-block;
}

/* Fonts
------------------------------------------------------------*/
body {
	font-size: 75%; /* IE */
	font-family:  YuMincho, 'Yu Mincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Noto Serif JP', serif;
	-webkit-text-size-adjust: 100%;
    color: #333333;
}
html>/**/body {
	font-size: 16px; /* Except IE */
}
.font_ls {	
	letter-spacing: 0.15em;
}

/* clearfix
------------------------------------------------------------*/
.clearfix:after {  
	visibility: hidden;  
	display: block;  
	font-size: 0;  
	content: " ";  
	clear: both;  
	height: 0;  
}  
/*------------ 初期設定 ------------*/
p {
	line-height: 2;	
}
.text_w,
.text_w a {
	color: #fff;
}
.bg_d {
	background: url("../images/common/bg_d.jpg") repeat;
	background-size: 200px auto;
}
.bg_l {
	background: url("../images/common/bg_l.jpg") repeat;
	background-size: 200px auto;
}

/*------------ 全体 ------------*/
html {
}

body {
	position:relative;
}

._hover{
	opacity:1;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

._hover:hover{
	opacity:0.7 !important;
}
.anchor {
	 padding-top: 40px;
    margin-top: -40px;
}
.link_btn {
	padding: 27px 0 27px 50px ;
    color: #fff;
    background: #000;
    width: 200px;
    height: 72px;
	line-height: 1;
    margin: 0 auto;
    font-size: 18px;
    position: relative;
	text-align: left;
}
.link_btn:before {
	content: " ";
	display: block;
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	position: absolute;
	top: 5px;
	left: 5px;
	border: solid 1px rgba(207,207,207,1.00);
	box-sizing: border-box;
}
.link_btn:after {
	content: " ";
	display: block;
	position: absolute;
	top: 31px;
	right: 50px;
	width: 46px;
	height: 11px;
	background: url("../images/common/arrow.png") no-repeat;
	background-size: auto 100%;
	background-position: right center;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.link_btn:hover:after {
	right: 30px;
}
.sp{
	display:none;
}
.max_container {
	width: 100%;
	position: relative;
	margin: 0 auto;
	max-width: 1920px;
	height: 100%;
}
.font_small {
	font-size: 80% !important;
}
@media screen and (max-width: 768px) {
	.pc{
		display:none;
	}	
	.sp{
		display:block;
	}
}
/*------------ HEADER ------------*/
#header{
	width:100%;
	/*background:url(../images/common/bg_header.png) repeat-x left top;
	background-size:25px 200px;
	height:200px;*/
	/*z-index:10000;*/
	position:absolute;
	top:0;
	left:0;	
}

#header #header_inner{
	width:100%;
	margin:0 auto;		
	position:relative;
	min-width:980px;
}
#header h1{
	position:absolute;
	top: 35px;
    left: 40px;
    width: 130px;
    z-index: 100;
}
#header h1 img{
	width: 100%;
	height: auto;
	filter: drop-shadow(0px 0px 10px white);
}
#header .header_reserve{
	 width: auto;
	position: fixed;
	right: 0;
	top: 73px;
    z-index: 100;
}

#header .header_reserve a{
	display:block;
	position:relative;
	background:#000;
	font-size:13px;
	color:#ffffff;
	padding:12px 14px 11px 38px;
	font-weight:bold;
	letter-spacing: 0.1em;
}

#header .header_reserve a:after{
	content:"";
	width:18px;
	height:18px;
	background:url(../images/common/calendar.gif) no-repeat left top;	
	background-size:100% auto;
	position:absolute;
	top:50%;
	margin-top:-10px;
	left:13px;
}
/*------------ 予約ボタン ------------*/	
#header .header_reserve a{
	padding:12px 14px 11px;
}
#header .header_reserve a:after{
	background: none;
}
/*------------ NAVI ------------*/	
#over_ray{
	position:fixed;
	width:100%;
	height:100%;
	z-index:105;
	left:-100%;
	background:#000;
	opacity: 0.8;	
}	
#header .head_menu {
	width:100%;
	position:fixed;
	top:0;
	padding-top:80px;
	text-align: center;
	left:-100%;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	z-index:110;
	/*transform: translateX(-100%,0);*/
	height: 100%; 
    overflow-y: auto;
}
#header .head_menu.active{
	/*transform: translateX(0,0);*/
}
/*#header .head_menu ul{
	padding-left: 70px;
}*/
#header .head_menu li{
	display:block;
	padding:0 0 30px;	
	position:relative;
}
#header .head_menu li a {
	font-size:15px;
	color:#FFF;	
	position:relative;
}
#header .head_menu li a:after{
	content:"";
	display:block;
	width:100%;
	height:1em;
	background:#e95388;
	opacity: 0.6;
	transform: scaleX(0);
	transform-origin: left;
    transition: all .3s ease;
	position:absolute;
	bottom:5px;
	left:0;
	z-index: -5;
}
#header .head_menu li a.active{
	pointer-events: none;
}
#header .head_menu li a.active:after{
	transform: scaleX(1);	
}
#header .head_menu li a:hover:after{
	width:100%;
	transform: scaleX(1);
}
#btn_menu{
	position:fixed;
	right: 15px;
    top: 15px;
	width: 50px;
	height:50px;
	display:block;
	z-index:110;
	cursor:pointer;
}
#btn_menu span {
	display: block;
	background: #FFF;
	width: 30px;
	height: 2px;
	position: absolute;
	left: 9px;
	box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.2);
}
#btn_menu span:first-child {
	top: 15px;
}
#btn_menu span:nth-child(2) {
	margin-top: -1px;
	top: 50%;
}
#btn_menu span:last-child {
	bottom: 15px;
}
#btn_menu.active span:first-child {
	-webkit-transform: translateY(9px) rotate(45deg);
	-moz-transform: translateY(9px) rotate(45deg);
	-ms-transform: translateY(9px) rotate(45deg);
	transform: translateY(9px) rotate(45deg);
}
#btn_menu.active span:nth-child(2) {
	opacity: 0;
}
#btn_menu.active span:last-child {
	-webkit-transform: translateY(-9px) rotate(-45deg);
	-moz-transform: translateY(-9px) rotate(-45deg);
	-ms-transform: translateY(-9px) rotate(-45deg);
	transform: translateY(-9px) rotate(-45deg);
}
.src-component-launcher-WidgetLauncher-wrapper {
  display: none!important;
}

/*------------ FOOTER ------------*/
#footer {
	text-align: center;
	padding: 62px 0 30px;
}
#footer .footer_logo {
	width: 130px;
	margin: 0 auto 50px;
}
#footer .footer_logo img {
	width: 100%;
	height: auto;
}
#footer ul {
	margin-bottom: 40px;
	line-height: 3;
}
#footer ul.footer_link li {
	display: inline-block;
	margin: 0 1em;
}
#footer ul.footer_link li a {
	position: relative;
}
#footer ul.footer_link li a:after {	
	content:"";
	display:block;
	width:100%;
	height:4px;
	background:#e95388;
	opacity: 0.6;
	transform: scaleX(0);
	transform-origin: center;
    transition: all .3s ease;
	position:absolute;
	bottom:8px;
	left:0;
}
#footer ul.footer_link li a:hover:after {
	width:100%;
	transform: scaleX(1);
}	
#footer ul.footer_hotel li {
	width: 200px;
	margin: 0 auto;
}
#footer ul.footer_hotel li img {
	width: 100%;
	height: auto;
}
#footer .copyright {
	font-size: 70%;
}

.effect-fade {
	opacity: 0;
	transform: translate(0, 45px);
	transition: all 800ms;
}

.effect-fade.effect-scroll {
	opacity: 1;
	transform: translate(0,0);
}