@charset "UTF-8";

@font-face {
  font-family: "Yu Gothic M";
  src: local("Yu Gothic Medium");
}
@font-face {
  font-family: "Yu Gothic M";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

body {
  font-family: "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "Helvetica Neue", HelveticaNeue, 'Hiragino Kaku Gothic ProN', meiryo, 'Roboto Condensed', sans-serif;
	font-size: 62.5%;
	font-size: 62.5%;
	line-height: 1.0;
	-webkit-text-size-adjust: 100%;
	color: #251e1c;
}
.en {
	font-family: "HelveticaNeue-CondensedBold", 'Roboto Condensed', sans-serif;
	letter-spacing: 0.05em;
	font-weight: 700;
}
::selection {
	background: #d7d7d7;
}
::-moz-selection {
	background: #d7d7d7;
}
p {
	max-height: 999999px;
}
li {
	max-height: 999999px;
}
a {
	text-decoration: none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
a:hover {
	text-decoration: none;
}
.inviewfadeIn {
	opacity: 0;
  -webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.fadeIn {
	opacity: 1.0;
}
.inviewfadeInUp {
	opacity: 0;
	transform: translate(0, 20px);
	-webkit-transform: translate(0, 20px);
  -webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.fadeInUp {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}
.pc {
	display: block;
}
.sp {
	display: none;
}

/* header */
.header {
  width: 100%;
  height: 100%;
}
.headerInner {
  width: 100%;
  height: 100%;
  background-image: url(../img/top.jpg);
  background-position: center;
  background-size: cover;
}
.logoEn {
  width: 76%;
  max-width: 910px;
  height: auto;
  margin: 0 auto;
  padding: 45px 0 0 0;
}
.logoJa {
  width: 19%;
  max-width: 226px;
  height: auto;
  margin: 0 auto;
  padding: 22px 0 0 0;
}
.renewal {
  width: 37%;
  max-width: 438px;
  height: auto;
  margin: 0 auto;
  padding: 32px 0 0 0;
}

/* information */
.information {
  width: 100%;
  height: auto;
  padding: 40px 0;
}
.informationTxt {
  font-size: 1.8em;
  font-weight: bold;
  line-height: 1.8;
  text-align: center;
  color: #662621;
}
.informationcoronaTxt {
  font-size: 1.8em;
  font-weight: bold;
  line-height: 1.8;
  text-align: center;
  padding: 0 0 30px 0;
  color: #666;
}
/* select */
.select {
  width: 100%;
  height: auto;
  padding: 0 0 30px 0;
  text-align: center;
}
.selectConcept {
 width: 100%;
 height: auto;
 margin: 0 auto;
 padding: 20px 0;
}
.selectKids {
 width: 100%;
 height: auto;
 margin: 0 auto;
 padding: 20px 0;
}
.selectTop {
 width: 100%;
 height: auto;
 margin: 0 auto;
 padding: 20px 0;
}
.selectConcept a {
 width: 400px;
 height: auto;
 margin: 0 auto;
 padding: 30px 0;
 font-size: 2.2em;
 line-height: 1.4em;
 text-align: center;
 font-weight: bold;
 color: #fff;
 background: #662621;
 display: block;
}
.selectKids a {
 width: 400px;
 height: auto;
 margin: 0 auto;
 padding: 30px 0;
 font-size: 2.2em;
 line-height: 1.4em;
 text-align: center;
 font-weight: bold;
 color: #fff;
 background: #3c5780;
 display: block;
}
.selectTop a {
 width: 400px;
 height: auto;
 margin: 0 auto;
 padding: 30px 0;
 font-size: 2.2em;
 line-height: 1.4em;
 text-align: center;
 font-weight: bold;
 color: #fff;
 background: #555;
 display: block;
}
.select a:hover {
  opacity: 50%;
}
/* common */
.hr-1 {
  width: 90%;
  max-width: 1000px;
	border-top: 1px solid #662621;
	border-bottom: none;
	border-left: none;
	border-right: none;
	margin: 0 auto;
}
.hr-2 {
  width: 80%;
  max-width: 720px;
	border-top: 1px solid #662621;
	border-bottom: none;
	border-left: none;
	border-right: none;
	margin: 0 auto;
}
.title {
  font-size: 3.1em;
  text-align: center;
  color: #662621;
  padding: 0 0 60px 0;
}
.secTitle {
  font-size: 4.3em;
  text-align: center;
  color: #662621;
}
.secTitleSub {
  font-size: 2.2em;
  font-weight: bold;
  text-align: center;
  color: #662621;
  padding: 10px 0 30px 0;
}
.secTitleSubinfo {
  font-size: 1.8em;
  font-weight: bold;
  text-align: center;
  color: #662621;
  padding: 50px 0 30px 0;
}
.secTxtBox {
  width: 80%;
  max-width: 720px;
  height: auto;
  margin: 0 auto;
  padding: 60px 0 90px 0;
}
.secTxt {
  font-size: 1.6em;
  line-height: 1.8;
  text-align: justify;
}
.secTxtinfo {
  font-size: 1.6em;
  line-height: 1.8;
  text-align: center;
}
.secTxtSub {
  font-size: 1.6em;
  line-height: 1.8;
  color: #676864;
  padding: 25px 0 0 0;
}
.secTxtTable {
  font-size: 1.2em;
  line-height: 1.6;
  color: #676864;
  margin: 5px 0 0 0;
}
.secBtnBox {
  text-align: center;
  padding: 0 0 60px 0;
}
.secBtn {
  font-size: 2.5em;
  text-align: center;
}
.secBtn a {
  font-weight: bold;
  color: #fff;
  background: #662621;
  padding: 30px 35px;
}
.secBtn a:hover {
  background: #853630;
}

/* concept room */
.conceptRoom {
  width: 100%;
  height: auto;
  padding: 60px 0 0 0;
}
.conceptRoomEx {
  width: 100%;
  height: 360px;
  background-image: url(../img/conceptRoomBg.jpg);
  background-position: center;
  background-size: cover;
}
.conceptRoomExInner {
  width: 100%;
  max-width: 800px;
  height: 360px;
  margin: 0 auto;
  position: relative;
}
.conceptRoomExTxt {
  font-size: 1.8em;
  font-weight: bold;
  line-height: 1.8;
  text-align: right;
  color: #fff;
  position: absolute;
  top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
}

/* camp room */
.campRoom {
  width: 100%;
  height: auto;
  padding: 90px 0 70px 0;
}
.campRoomIcon {
  width: 161px;
  height: auto;
  margin: 0 auto;
  padding: 0 0 60px 0;
}

/* big bed room */
.bigBedRoom {
  width: 100%;
  height: auto;
  padding: 90px 0 70px 0;
}
.bigBedRoomIcon {
  width: 157px;
  height: auto;
  margin: 0 auto;
  padding: 0 0 60px 0;
}

/* book & music room */
.bookMusicRoom {
  width: 100%;
  height: auto;
  padding: 90px 0 70px 0;
}
.bookMusicRoomIcon {
  width: 170px;
  height: auto;
  margin: 0 auto;
  padding: 0 0 60px 0;
}

/* kids craft room */
.kidsCraftRoom {
  width: 100%;
  height: auto;
  padding: 60px 0 0 0;
}
.kidsCraftRoomEx {
  width: 100%;
  height: 360px;
  background-image: url(../img/kidsCraftRoomBg.jpg);
  background-position: center;
  background-size: cover;
}
.kidsCraftRoomExInner {
  width: 100%;
  max-width: 800px;
  height: 360px;
  margin: 0 auto;
  position: relative;
}
.kidsCraftRoomExTxt {
  font-size: 1.8em;
  font-weight: bold;
  line-height: 1.8;
  text-align: left;
  color: #fff;
  position: absolute;
  top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
}

/* kids room */
.kidsRoom {
  width: 100%;
  height: auto;
  padding: 90px 0 30px 0;
}
.kidsRoomIcon {
  width: 120px;
  height: auto;
  margin: 0 auto;
  padding: 0 0 60px 0;
}

/* craft room */
.craftRoom {
  width: 100%;
  height: auto;
  padding: 90px 0 30px 0;
}
.craftRoomIcon {
  width: 120px;
  height: auto;
  margin: 0 auto;
  padding: 0 0 60px 0;
}

/* slick slider */
.slider {
  width: 100%;
  margin: 0 auto 0 auto;
}
.slick-slide img {
  width: 100%;
  height: auto;
}
.center {
  width: 100%;
}
.center .slick-slide {
  margin: 0 ;
  -webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.center .slick-slide:not(.slick-center) {
  -webkit-filter: opacity(30%);
  -moz-filter: opacity(30%);
  -o-filter: opacity(30%);
  -ms-filter: opacity(30%);
  filter: opacity(30%);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
.sliderSign {
  width: 50px;
  height: 94px;
  position: absolute;
  top: 50%;
  margin-top: -47px;
  cursor: pointer;
  z-index: 100;
}
.sliderSignPrev {
  left: 12%;
}
.sliderSignNext {
  right: 12%;
}

/* footer */
.footer {
  width: 100%;
  height: auto;
  padding: 130px 0;
}
.footerLogoEn {
  width: 560px;
  height: auto;
  margin: 0 auto;
  padding: 0;
}
.footerLogoJa {
  width: 225px;
  height: auto;
  margin: 0 auto;
  padding: 27px 0 0 0;
}
.footerTxtBox {
  width: 80%;
  max-width: 720px;
  height: auto;
  margin: 0 auto;
  padding: 60px 0;
}
.footerTxt {
  font-size: 1.6em;
  line-height: 1.8;
  text-align: justify;
}
.footerIcon {
  width: 335px;
  height: auto;
  margin: 0 auto;
}
.copyright {
  font-size: 1.2em;
  text-align: center;
  color: #662621;
  margin: 0 auto;
  padding: 70px 0 0 0;
}

@media screen and (max-width:1200px) {
  /* header */
  .logoEn {
    padding: 35px 0 0 0;
  }
  .logoJa {
    padding: 2.2% 0 0 0;
  }
  .renewal {
    padding: 2.7% 0 0 0;
  }
}

@media screen and (max-width:640px) {
	.pc {
		display:none;
	}
	.sp {
		display:block;
	}
  /* header */
  .headerInner {
    background-image: url(../img/topSp.jpg);
  }
  .logoEn {
    width: 90%;
    padding: 30px 0 0 0;
  }
  .logoJa {
    width: 45%;
    padding: 15px 0 0 0;
  }
  .renewal {
    width: 60%;
    padding: 20px 0 0 0;
  }
  /* information */
  .information {
    padding: 30px 0;
  }
  .informationTxt {
    font-size: 1.4em;
  }	
  .informationcoronaTxt {
    font-size: 1.4em;
  }	

/* select */
.select {
  width: 100%;
  height: auto;
  padding: 0 0 30px 0;
  text-align: center;
}
.selectConcept {
 width: 100%;
 height: auto;
 margin: 0 auto;
 padding: 20px 0;
}
.selectKids {
 width: 100%;
 height: auto;
 margin: 0 auto;
 padding: 20px 0;
}
.selectTop {
 width: 100%;
 height: auto;
 margin: 0 auto;
 padding: 20px 0;
}
.selectConcept a {
 width: 75%;
 height: auto;
 margin: 0 auto;
 padding: 30px 0;
 font-size: 1.6em;
 line-height: 1.4em;
 text-align: center;
 font-weight: bold;
 color: #fff;
 background: #662621;
 display: block;
}
.selectKids a {
 width: 75%;
 height: auto;
 margin: 0 auto;
 padding: 30px 0;
 font-size: 1.6em;
 line-height: 1.4em;
 text-align: center;
 font-weight: bold;
 color: #fff;
 background: #3c5780;
 display: block;
}
.selectTop a {
 width: 75%;
 height: auto;
 margin: 0 auto;
 padding: 30px 0;
 font-size: 1.6em;
 line-height: 1.4em;
 text-align: center;
 font-weight: bold;
 color: #fff;
 background: #555;
 display: block;
}
.select a:hover {
  opacity: 50%;
}
  /* common */
  .title {
    font-size: 2.6em;
    padding: 0 0 40px 0;
  }
  .secTitle {
    font-size: 3.4em;
  }
  .secTitleSub {
    font-size: 1.8em;
    padding: 10px 0 20px 0;
  }
.secTitleSubinfo {
  font-size: 1.4em;
  font-weight: bold;
  text-align: center;
  color: #662621;
  padding: 60px 0 10px 0;
}
  .secTxtBox {
    padding: 40px 0 60px 0;
  }
  .secTxt {
    font-size: 1.3em;
    line-height: 1.8;
    text-align: justify;
  }
.secTxtinfo {
  font-size: 1.2em;
  line-height: 1.8em;
  text-align: center;
}
  .secTxtSub {
    font-size: 1.3em;
    padding: 20px 0 0 0;
  }
  .secTxtTable {
    font-size: 1.1em;
  }
  .secBtnBox {
    padding: 0 0 40px 0;
  }
  .secBtn {
    font-size: 1.6em;
    text-align: center;
  }
  .secBtn a {
    padding: 20px 25px;
  }
  /* concept room */
  .conceptRoom {
    padding: 40px 0 0 0;
  }
  .conceptRoomEx {
    height: 300px;
  }
  .conceptRoomExInner {
    height: 300px;
  }
  .conceptRoomExTxt {
    font-size: 1.4em;
  	right: 10px;
  }
  /* camp room */
  .campRoom {
    padding: 60px 0 50px 0;
  }
  .campRoomIcon {
    width: 113px;
    padding: 0 0 40px 0;
  }
  /* big bed room */
  .bigBedRoom {
    padding: 60px 0 50px 0;
  }
  .bigBedRoomIcon {
    width: 110px;
    padding: 0 0 40px 0;
  }
  /* book & music room */
  .bookMusicRoom {
    padding: 60px 0 50px 0;
  }
  .bookMusicRoomIcon {
    width: 119px;
    padding: 0 0 40px 0;
  }
  /* kids craft room */
  .kidsCraftRoom {
    padding: 40px 0 0 0;
  }
  .kidsCraftRoomEx {
    height: 300px;
  }
  .kidsCraftRoomExInner {
    height: 300px;
  }
  .kidsCraftRoomExTxt {
    font-size: 1.4em;
  	left: 10px;
  }
  /* kids room */
  .kidsRoom {
    padding: 60px 0 0 0;
  }
  .kidsRoomIcon {
    width: 84px;
    padding: 0 0 40px 0;
  }
  /* craft room */
  .craftRoom {
    padding: 60px 0 0 0;
  }
  .craftRoomIcon {
    width: 84px;
    padding: 0 0 40px 0;
  }
  /* slick slider */
  .sliderSign {
    width: 25px;
    height: 47px;
    margin-top: -24px;
  }
  .sliderSignPrev {
    left: 5px;
  }
  .sliderSignNext {
    right: 5px;
  }
  /* footer */
  .footer {
    padding: 70px 0 90px 0;
  }
  .footerLogoEn {
    width: 90%;
  }
  .footerLogoJa {
    width: 47%;
    padding: 20px 0 0 0;
  }
  .footerTxtBox {
    padding: 40px 0 30px 0;
  }
  .footerTxt {
    font-size: 1.3em;
  }
  .footerIcon {
    width: 80%;
  }
  .copyright {
    font-size: 1.2em;
    padding: 50px 0 0 0;
  }
}