@charset "UTF-8";
html {
  width: 100%;
  height: 100%;
}

body {
  width: 100%;
  color: #000000;
  text-align: center;
  font-family: '游ゴシック', YuGothic, Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  background: #ffffff;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  width: 100%;
}

.bg {
  position: absolute;
  left: 0;
  top: 0;
}

a {
  color: #000;
  text-decoration: none;
}

a.pages {
  color: #c27d95;
  text-decoration: none;
}



#wrapper #pageWrap.pageNews article.single .txt a {
  color: #eb6877;
  text-decoration: none;
}

#wrapper #pageWrap.pageNews article.single .txt a:hover {
  color: #eb6877;
  text-decoration: underline;
}

#wrapper #mainWrap article {
  color: #333333;
}

#wrapper #mainWrap .mapWrap {
  position: relative;
}

#wrapper #mainWrap .mapWrap #map {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#wrapper #mainWrap .mapWrap #map iframe {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

#wrapper header ul li {
  font-family: 'Poppins';
}

a.btn {
	display: block;
	width: 210px;
	height: 36px;
	line-height: 2.6;
	font-size: 14px;
	color: #fff;
	background: #999;
	text-align: center;
	font-weight: bold;
	-webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

a.btn-long {
	display: block;
	width: 400px;
	height: 36px;
	line-height: 2.6;
	font-size: 14px;
	color: #fff;
	background: #999;
	text-align: center;
	font-weight: bold;
	-webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

a.btn-full {
	display: block;
	width: 100%;
	height: 36px;
	line-height: 2.6;
	font-size: 14px;
	color: #fff;
	background: #999;
	text-align: center;
	font-weight: bold;
	-webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

a.btn:hover, a.btn-long:hover, a.btn-full:hover {
	color: #fff;
	background: #c27d95;
	opacity:1;
	filter:alpha(opacity=100);
}

.booking a {
	margin-bottom: 8px;
}





@media screen and (max-width: 750px) {
	a.btn, a.btn-long, a.btn-full {
	margin: 0 auto;
	width: 100%;
	font-weight: normal;	
}
	.booking a {
	margin-bottom: 8px;
}
}