@charset "UTF-8";
/* CSS Document */

/***
* common.css
*/

/* reset */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
main, footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
img {
  vertical-align: top;
  font-size:0;
  line-height: 0;
}
a:focus,
button:focus{
  outline: none;
}
input{
  -webkit-appearance: none;
  border-radius: 0;
  outline:none;
}

sup,
sub{
  line-height: 1;
  vertical-align: baseline;
  position: relative;   
}
sup{ bottom: 5px; }
sub{ top: 0.5em; }

small{
  font-size:72.5%;
}

/* utility */

.floatL{
  float:left;	
}

.floatR{
  float:right;	
}

.clearBoth{
  clear:both;	
}

.clearfix:after{
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{ height:1%; }
.clearfix{ display:block; }
/* End hide from IE-mac */

.anti{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.transition{
	transition-duration: 0.5s;
}

::-moz-selection { opacity:0.1; background: #eee; }
::selection { opacity:0.1; background: #eee; }

sup{
  font-size:68.75%;
}

a{
  color:#000;
  text-decoration:none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

img{
  touch-callout:none;
  user-select:none;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
}

.fade_off{
  opacity: 0;
  transform: translate3d(0,60px,0);
  transition: all 3000ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
}

.fade_on{
  opacity: 1;
  transform: translate3d(0,0,0);
  transition: all 3000ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
}

.mbNone{
  margin-bottom: 0 !important;
}

.slick-slide{
  outline: none;
}

/***
* common
*/

html,body{
  height:100%;
  margin:0;
	font-family: 'Zen Old Mincho', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-feature-settings: "palt" 1;
  letter-spacing: 0.1em;
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html.hidden,
body.hidden{
	overflow: hidden;
}

#wrapper{
	position: relative;
  height:auto !important;
  height: 100%;
  min-height: 100%;
	-webkit-text-size-adjust:100%;
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#top #navHome a,
#exhibition #navExhibition a,
#exDetail #navExhibition a,
#news #navNews a,
#about #navAbout a{
  color: #bbb;  
}

/* menu */

.menu-button {
	position: fixed;
  top: 16px;
  right: 15px;
	margin: 0;
	z-index: 9999;
	cursor: pointer;
}

.menu-button.close-only {
	position: static;
	top: initial;
	right: initial;
	margin: 0 auto;
	padding: 15px 0;
}

.menu-button.close-only a {
	margin: auto;
}

.menu-button a {
	position: relative;
	height: 25px;
	width: 30px;
	display: block;
	padding: 0;
	overflow: hidden;
	box-sizing: border-box;
}

.menu__bar {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	position: absolute;
	display: block;
	height: 30px;
	width: 1px;
	padding: 0;
	text-indent: -200px;
}

.-show .menu__bar:nth-child(1) {
	transform: rotate(45deg) translate(4px, -9px);
}

.-show .menu__bar:nth-child(2) {
}

.-show .menu__bar:nth-child(3) {
	transform: rotate(-45deg) translate(-4px, -9px);
}

.menu__bar {
	position: absolute;
	display: block;
	height: 30px;
	width: 1px;
	padding: 0;
	text-indent: -200px;
	transition: initial;
}

.menu__bar:nth-child(1) {
	top: 0;
	left: -18px;
}

.menu__bar:nth-child(2) {
	top: 0;
	left: 0;
	right: 0;
}

.menu__bar:nth-child(3) {
	top: 0;
	left: 18px;
}

.menu__bar:before,
.menu__bar:after {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	display: block;
	background: #000;
	content: "";
}

.menu__bar:before {
	animation: navigate_animation 4s cubic-bezier(.45,.05,0,1) infinite;
	animation-fill-mode: both;
}

.menu__bar:nth-child(1):before {
	animation-delay: 1.75s;
}
.menu__bar:nth-child(2):before {
	animation-delay: 1.5s;
}
.menu__bar:nth-child(3):before {
	animation-delay: 1.25s;
}

.menu__bar:after {
	opacity: 0.15;
}

.-show .menu__bar:nth-child(1) {
	animation: navigate_close_a 1s cubic-bezier(.45,.05,0,1) 1;
}
.-show .menu__bar:nth-child(2) {
	animation: navigate_close_b 1s cubic-bezier(.45,.05,0,1) 1;
}
.-show .menu__bar:nth-child(3) {
	animation: navigate_close_c 1s cubic-bezier(.45,.05,0,1) 1;
}
.-show .menu__bar:before {
	animation: navigate_close_before 1s cubic-bezier(.45,.05,0,1) 1;
}

.-show .menu__bar:nth-child(1):before {
	animation-delay: 0.2s;
}
.-show .menu__bar:nth-child(2):before {
	animation: navigate_close_before_b 1s cubic-bezier(.45,.05,0,1) 1;
	animation-delay: 0.1s;
	animation-fill-mode: forwards;
}
.-show .menu__bar:after {
	transition: opacity 0.25s ease;
	opacity: 0;
}
.-show .menu__bar:nth-child(3):before {
	animation-delay: 0.0s;
}

.-show .menu__bar:before,
.-show .menu__bar:after{
	background: #fff;
  transition-duration: 0.5s;
}


@keyframes navigate_animation {
	0% {
		top: 0;
		height: 30px;
	}
	10% {
		top: 0;
		height: 30px;
	}
	30% {
		top: 30px;
		height: 0;
	}
	31% {
		top: 0;
	}
	50% {
		top: 0;
		height: 30px;
	}
	100% {
		top: 0;
		height: 30px;
	}
}

@keyframes navigate_close_before {
	0% {
		top: 0;
		height: 30px;
	}
	50% {
		top: 30px;
		height: 0;
	}
	51% {
		top: 0;
		height: 0px;
	}
	100% {
		top: 0;
		height: 30px;
	}
}

@keyframes navigate_close_before_b {
	0% {
		top: 0;
		height: 30px;
	}
	50% {
		top: 30px;
		height: 0;
	}
	51% {
		top: 0;
		height: 0;
	}
	100% {
		top: 0;
		height: 0;
		opacity: 0;
	}
}

@keyframes navigate_close_a {
	0% {
		transform: rotate(0deg) translate(0px, 0px);
	}
	50% {
		transform: rotate(0deg) translate(0px, 0px);
	}
	51% {
		transform: rotate(45deg) translate(4px, -8px);
	}
	100% {
		transform: rotate(45deg) translate(4px, -8px);
	}
}

@keyframes navigate_close_b {
	
}

@keyframes navigate_close_c {
	0% {
		transform: rotate(0deg) translate(0px, 0px);
	}
	50% {
		transform: rotate(0deg) translate(0px, 0px);
	}
	51% {
		transform: rotate(-45deg) translate(-4px, -8px);
	}
	100% {
		transform: rotate(-45deg) translate(-4px, -8px);
	}
}


@media screen and (min-width: 1000px) {

.menu-button {
	position: fixed;
  top: auto;
  bottom: 30px;
  right: 21px;
	margin: 0;
	z-index: 8888;
	cursor: pointer;
}

.menu-button a {
	position: relative;
	height: 40px;
	width: 40px;
	display: block;
	padding: 0;
	overflow: hidden;
	box-sizing: border-box;
}
	
	.menu__bar {
		height: 50px;
	}
	
	.menu__bar:nth-child(1) {
		left: -22px;
	}
	
	.menu__bar:nth-child(3) {
		left: 22px;
	}
	
	.-show .menu__bar:nth-child(1) {
		transform: rotate(45deg) translate(5px, -11px);
	}
	
	.-show .menu__bar:nth-child(3) {
		transform: rotate(-45deg) translate(-5px, -11px);
	}
	
	@keyframes navigate_animation {
		0% {
			top: 0;
			height: 50px;
		}
		10% {
			top: 0;
			height: 50px;
		}
		30% {
			top: 50px;
			height: 0;
		}
		31% {
			top: 0;
		}
		50% {
			top: 0;
			height: 50px;
		}
		100% {
			top: 0;
			height: 50px;
		}
	}
	
	@keyframes navigate_close_before {
		0% {
			top: 0;
			height: 50px;
		}
		50% {
			top: 50px;
			height: 0;
		}
		51% {
			top: 0;
			height: 0px;
		}
		100% {
			top: 0;
			height: 50px;
		}
	}
	
	@keyframes navigate_close_before_b {
		0% {
			top: 0;
			height: 50px;
		}
		50% {
			top: 50px;
			height: 0;
		}
		51% {
			top: 0;
			height: 0;
		}
		100% {
			top: 0;
			height: 0;
			opacity: 0;
		}
	}
	
	@keyframes navigate_close_a {
		0% {
			transform: rotate(0deg) translate(0px, 0px);
		}
		50% {
			transform: rotate(0deg) translate(0px, 0px);
		}
		51% {
			transform: rotate(45deg) translate(5px, -9px);
		}
		100% {
			transform: rotate(45deg) translate(5px, -9px);
		}
	}
	
	@keyframes navigate_close_c {
		0% {
			transform: rotate(0deg) translate(0px, 0px);
		}
		50% {
			transform: rotate(0deg) translate(0px, 0px);
		}
		51% {
			transform: rotate(-45deg) translate(-5px, -9px);
		}
		100% {
			transform: rotate(-45deg) translate(-5px, -9px);
		}
	}
}

#faq #navFaq a,
#news #navNews a,
#article #navArticle a,
#hope #navFeature a,
#facility #nCFacility a,
#kengaku #nCKengaku a,
#request #nCRequest a,
#contact #nCContact a{
  color: #999;
}

#faq #fNFaq a,
#news #fNNews a,
#article #fNArticle a,
#hope #fNHope a,
#facility #fNFacility a,
#kengaku #fNKengaku a,
#request #fNRequest a,
#contact #fNContact a,
#conceptbook #fNConceptbook a,
#privacypolicy #fNPrivacypolicy a,

#garden #fNGarden a,
#pet #fNPet a,
#buttler #fNButtler a,
#bath #fNBath a,
#room #fNRoom a{
  color: #999;
}

#contactAttention{
	padding-top: 20px;
	margin-bottom: 20px;
	color: red;
	font-size: 14px;
}

input.disable{
	pointer-events : none;
}