@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : homepage.css
 author     : Ability Consultant
 style info : トップページ
=================================================================== */
.con_hotel .box_hotel, .con_open .box_open {
  max-width: 1280px;
  margin: auto;
}
@media only screen and (max-width: 1280px) {
  .con_hotel .box_hotel, .con_open .box_open {
    width: 95%;
  }
}
@media print {
  .con_hotel .box_hotel, .con_open .box_open {
    width: 95%;
  }
}
.ie8 .con_hotel .box_hotel, .con_hotel .ie8 .box_hotel, .ie8 .con_open .box_open, .con_open .ie8 .box_open {
  width: 95%;
}

.con_newopen:after, .con_newopen .box_info:after, .con_concept .box_concept:after, .con_banner:after, .con_hotel .box_hotel:after, .con_hotel .box_hotel .box_info .box_st ul:after, .con_hotel .box_hotel .box_info .btns:after, .con_hotel .box_hotel .box_info2 .btns:after, .con_open .box_open:after, .con_open .box_open .info .box_st ul:after {
  content: "";
  display: table;
  clear: both;
}

/* -----------------------------------------------------------
	common
----------------------------------------------------------- */
.st_high {
  text-align: center;
  font-weight: normal;
}
.st_high span {
  display: block;
}
.st_high span.en {
  font-size: 358%;
  color: #48412d;
  font-family: "Oswald", sans-serif;
  color: #48412d;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .st_high span.en {
    font-size: 358%;
  }
}
@media only screen and (max-width: 767px) {
  .st_high span.en {
    font-size: 258%;
  }
}
.st_high span.en em {
  color: #e05f0a;
}
.st_high span.jp {
  font-size: 143%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .st_high span.jp {
    font-size: 143%;
  }
}
@media only screen and (max-width: 767px) {
  .st_high span.jp {
    font-size: 115%;
  }
}

.btn_s.white a {
  display: inline-block;
  width: 100%;
  text-decoration: none !important;
  position: relative;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background: transparent;
  border: 1px solid #000;
  color: #000 !important;
  max-width: 185px;
}
.btn_s.white a span {
  padding: 1em;
}
.btn_s.white a:hover {
  background: #000;
  border-color: #000;
  color: #fff !important;
}
.btn_s.white a span {
  display: block;
}
.btn_s.white a:after {
  content: "→";
  position: absolute;
  right: 1em;
  top: 50%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.btn_s.white a:hover:after {
  right: 0.5em;
}

.slick-arrow {
  outline: none;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  border-radius: 0;
  cursor: pointer;
}

.btn_orange a,
.btn_fb a,
.btn_brown a,
.btn_blue a {
  display: inline-block;
  width: 100%;
  color: #fff;
  text-decoration: none;
  position: relative;
  background: #48412d;
  padding: .8em 1.5em .8em .8em;
}
.btn_orange a:after,
.btn_fb a:after,
.btn_brown a:after,
.btn_blue a:after {
  content: '\f08e';
  font-family: "FontAwesome";
  font-size: 13px;
  position: absolute;
  right: .7em;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.btn_orange a:hover:after,
.btn_fb a:hover:after,
.btn_brown a:hover:after,
.btn_blue a:hover:after {
  right: .2em;
}

.btn_orange a {
  background: #e05f0a;
}

.btn_fb a {
  background: #3b67a6;
  font-size: 143%;
  font-family: "Oswald", sans-serif;
  line-height: 1;
  padding: .5em 1em;
}
.btn_fb a i {
  margin-right: .5em;
}

/* -----------------------------------------------------------
	.con_main
----------------------------------------------------------- */
.con_main {
  padding: 20px;
  background: #e9e0c8;
  margin-bottom: 20px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_main {
    padding: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .con_main {
    padding: 3px;
  }
}
.con_main .box_main .bg_photo {
  height: 910px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_main .box_main .bg_photo {
    height: 600px;
  }
}
@media only screen and (max-width: 767px) {
  .con_main .box_main .bg_photo {
    height: 450px;
  }
}
@media only screen and (min-width: 380px) and (max-width: 506px) {
  .con_main .box_main .bg_photo {
    height: 550px;
  }
}
.con_main .box_main .bg_photo img {
  display: none;
}
.con_main .box_main .slick-dots {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 5em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_main .box_main .slick-dots {
    bottom: 3em;
  }
}
@media only screen and (max-width: 767px) {
  .con_main .box_main .slick-dots {
    bottom: 1em;
  }
}
.con_main .box_main .slick-dots li button {
  border: 1px solid #e9e0c8;
}
.con_main .box_main .slick-dots li.slick-active button {
  background: #e9e0c8;
}
.con_main .box_txt {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  color: #fff;
  width: 100%;
  left: 0;
}
@media only screen and (max-width: 767px) {
  .con_main .box_txt {
    padding: 60px 5% 0;
  }
}
.con_main .box_txt h2 {
  font-weight: normal;
  margin-bottom: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_main .box_txt h2 {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .con_main .box_txt h2 {
    margin-bottom: 30px;
  }
}
.con_main .box_txt h2 span {
  display: inline-block;
  line-height: 1.2;
}
.con_main .box_txt h2 span.en {
  font-family: "Oswald", sans-serif;
  font-size: 358%;
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_main .box_txt h2 span.en {
    font-size: 286%;
  }
}
@media only screen and (max-width: 767px) {
  .con_main .box_txt h2 span.en {
    font-size: 215%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_main .box_txt h2 span.en {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .con_main .box_txt h2 span.en {
    margin-bottom: 5px;
  }
}
.con_main .box_txt h2 span.jp {
  font-size: 129%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_main .box_txt h2 span.jp {
    font-size: 115%;
  }
}
@media only screen and (max-width: 767px) {
  .con_main .box_txt h2 span.jp {
    font-size: 100%;
  }
}
.con_main .box_txt .txt {
  line-height: 2;
  font-size: 165%;
  font-weight: normal;
  letter-spacing: 3px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_main .box_txt .txt {
    line-height: 1.8;
  }
}
@media only screen and (max-width: 767px) {
  .con_main .box_txt .txt {
    line-height: 1.7;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_main .box_txt .txt {
    font-size: 143%;
  }
}
@media only screen and (max-width: 767px) {
  .con_main .box_txt .txt {
    font-size: 115%;
  }
}
@media only screen and (max-width: 767px) {
  .con_main .box_txt .txt {
    letter-spacing: 0;
    padding: 0 5%;
  }
}
.con_main .box_txt .info {
  margin-top: 2em;
  line-height: 2;
  font-size: 136%;
  font-weight: normal;
  letter-spacing: 2px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_main .box_txt .info {
    line-height: 1.8;
  }
}
@media only screen and (max-width: 767px) {
  .con_main .box_txt .info {
    line-height: 1.7;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_main .box_txt .info {
    font-size: 129%;
  }
}
@media only screen and (max-width: 767px) {
  .con_main .box_txt .info {
    font-size: 108%;
  }
}
.con_main .box_txt .info a {
  text-decoration: none;
  color: #fff;
  padding: .7em;
}
.con_main .box_txt .info a:hover {
  opacity: .7;
}
@media only screen and (max-width: 767px) {
  .con_main .box_txt .info {
    letter-spacing: 0;
    padding: 0 5%;
  }
}
.con_main .box_txt .btn {
  margin-top: 1em;
  line-height: 2;
  font-size: 179%;
  font-weight: normal;
  letter-spacing: 2px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_main .box_txt .btn {
    line-height: 1.8;
  }
}
@media only screen and (max-width: 767px) {
  .con_main .box_txt .btn {
    line-height: 1.7;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_main .box_txt .btn {
    font-size: 143%;
  }
}
@media only screen and (max-width: 767px) {
  .con_main .box_txt .btn {
    font-size: 122%;
  }
}
.con_main .box_txt .btn a {
  text-decoration: none;
  background-size: cover;
  color: #fff;
  display: inline-block;
  padding: 1.5em 3em;
  font-family: "Oswald", sans-serif;
  line-height: 1;
  background: url(../images/home/bg_btn.png) no-repeat center !important;
}
@media only screen and (max-width: 767px) {
  .con_main .box_txt .btn a {
    padding: 1em 2em;
  }
}
@media only screen and (max-width: 767px) {
  .con_main .box_txt .btn a {
    background: url(../images/home/bg_btn.png) no-repeat left !important;
  }
}
.con_main .box_txt .btn a:hover {
  opacity: .7;
}
.con_main .box_txt .btn a span {
  font-size: 58%;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
@media only screen and (max-width: 767px) {
  .con_main .box_txt .btn {
    letter-spacing: 0;
    padding: 0 5%;
  }
}

/* -----------------------------------------------------------
	.con_newopen
----------------------------------------------------------- */
.con_newopen {
  background: #48412d url(../images/home/bg_no.jpg) no-repeat top center;
  padding: 20px 0 80px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_newopen {
    padding: 20px 0 40px;
  }
}
@media only screen and (max-width: 767px) {
  .con_newopen {
    padding: 0 20px 20px;
  }
}
.con_newopen .box_info {
  width: 90%;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .con_newopen .box_info {
    margin-bottom: 30px;
    text-align: center;
  }
}
.con_newopen .box_info .st_high {
  text-align: left;
  margin: 0 0 20px;
  margin-right: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_newopen .box_info .st_high {
    margin-right: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .con_newopen .box_info .st_high {
    margin-right: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .con_newopen .box_info .st_high {
    margin: 0 0 10px;
    text-align: center;
  }
}
.con_newopen .box_info .txt {
  font-size: 108%;
  line-height: 1.8;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_newopen .box_info .txt {
    font-size: 108%;
  }
}
@media only screen and (max-width: 767px) {
  .con_newopen .box_info .txt {
    font-size: 100%;
  }
}
.con_newopen .box_newopen {
  width: 90%;
  margin: 0 auto;
  margin-top: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_newopen .box_newopen {
    margin-top: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .con_newopen .box_newopen {
    margin-top: 10px;
  }
}
.con_newopen .box_newopen .item {
  display: block;
  text-decoration: none;
  color: #fff;
  text-align: center;
  margin: 0 0.5% 1%;
  float: left;
  width: 23%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_newopen .box_newopen .item {
    width: 47%;
  }
}
.con_newopen .box_newopen .item .photo {
  margin: auto 10%;
  margin-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_newopen .box_newopen .item .photo {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .con_newopen .box_newopen .item .photo {
    margin-bottom: 30px;
  }
}
.con_newopen .box_newopen .item .photo img {
  width: 100%;
  max-width: none;
}
.con_newopen .box_newopen .item .box_txt a {
  color: #ffffff;
}
.con_newopen .box_newopen .item .box_txt .txt1 {
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_newopen .box_newopen .item .box_txt .txt1 {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .con_newopen .box_newopen .item .box_txt .txt1 {
    margin-bottom: 10px;
  }
}
.con_newopen .box_newopen .item .box_txt .txt1 span {
  font-size: 114%;
}
.con_newopen .box_newopen .item .box_txt .txt1 span.orange {
  color: #e16412;
  display: block;
}
.con_newopen .box_newopen .item .box_txt .txt2 {
  font-size: 122%;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_newopen .box_newopen .item .box_txt .txt2 {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .con_newopen .box_newopen .item .box_txt .txt2 {
    margin-bottom: 10px;
  }
}
.con_newopen .box_newopen .item .box_txt .add {
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_newopen .box_newopen .item .box_txt .add {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .con_newopen .box_newopen .item .box_txt .add {
    margin-bottom: 15px;
  }
}
.con_newopen .box_newopen .slick-arrow {
  position: absolute;
  z-index: 10;
  font-size: 0;
  bottom: 0;
  width: 70px;
  height: 70px;
  background: #252523;
  border-radius: 50%;
}
@media only screen and (max-width: 1024px) {
  .con_newopen .box_newopen .slick-arrow {
    width: 60px;
    height: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .con_newopen .box_newopen .slick-arrow {
    bottom: 50%;
  }
}
.con_newopen .box_newopen .slick-arrow.slick-prev {
  top: 50%;
  left: -3%;
}
@media only screen and (max-width: 767px) {
  .con_newopen .box_newopen .slick-arrow.slick-prev {
    left: -10%;
  }
}
.con_newopen .box_newopen .slick-arrow.slick-prev:before {
  content: '\f100';
  color: #e9e0c8;
  font-size: 21px;
  font-family: "FontAwesome";
}
.con_newopen .box_newopen .slick-arrow.slick-next {
  top: 50%;
  right: -3%;
}
@media only screen and (max-width: 767px) {
  .con_newopen .box_newopen .slick-arrow.slick-next {
    right: -10%;
  }
}
.con_newopen .box_newopen .slick-arrow.slick-next:before {
  content: '\f101';
  color: #e9e0c8;
  font-size: 21px;
  font-family: "FontAwesome";
}
.con_newopen .box_newopen .slick-arrow:hover {
  opacity: .8;
}
.con_newopen .btn_blue {
  width: 80%;
  margin: 15px auto;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_newopen .btn_blue {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .con_newopen .btn_blue {
    width: 100%;
  }
}
.con_newopen .btn_blue a {
  background: #2737a2;
  text-decoration: none !important;
  padding: 1.5em 1em;
  text-align: center;
  font-size: 108%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_newopen .btn_blue a {
    font-size: 108%;
  }
}
@media only screen and (max-width: 767px) {
  .con_newopen .btn_blue a {
    font-size: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_newopen .btn_blue a {
    padding: 0.8em 1em;
  }
}
.con_newopen .btn_blue a:hover {
  color: #fff !important;
}

/* -----------------------------------------------------------
	.con_concept
----------------------------------------------------------- */
.con_concept {
  padding: 80px 0 250px;
  background: #48412d url(../images/home/bg_concept.png) no-repeat bottom left;
  background-position: left 0 bottom -10px;
  background-size: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_concept {
    padding: 50px 0 100px;
  }
}
@media only screen and (max-width: 767px) {
  .con_concept {
    padding: 30px 0 50px;
  }
}
.con_concept .st_high {
  margin-bottom: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_concept .st_high {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .con_concept .st_high {
    margin-bottom: 40px;
  }
}
.con_concept .st_high .en {
  color: #e9e0c8;
}
.con_concept .st_high .jp {
  color: #fff;
}
.con_concept .box_concept {
  max-width: 1800px;
  margin: 0 auto;
  color: #fff;
}
@media only screen and (max-width: 1800px) {
  .con_concept .box_concept {
    padding: 0 2.5%;
  }
}
@media print {
  .con_concept .box_concept {
    padding: 0 2.5%;
  }
}
.ie8 .con_concept .box_concept {
  padding: 0 2.5%;
}
.con_concept .box_concept .box_info {
  float: left;
  width: 28.33333%;
}
@media only screen and (max-width: 1024px) {
  .con_concept .box_concept .box_info {
    width: 47%;
  }
}
@media only screen and (max-width: 767px) {
  .con_concept .box_concept .box_info {
    width: 100%;
    margin: 0 0 30px;
  }
}
.con_concept .box_concept .box_info .txt {
  line-height: 1.8;
  font-size: 129%;
  margin-bottom: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_concept .box_concept .box_info .txt {
    font-size: 122%;
  }
}
@media only screen and (max-width: 767px) {
  .con_concept .box_concept .box_info .txt {
    font-size: 115%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_concept .box_concept .box_info .txt {
    margin-bottom: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .con_concept .box_concept .box_info .txt {
    margin-bottom: 30px;
  }
}
.con_concept .box_concept .box_txt {
  float: left;
  width: 29.44444%;
  margin-left: 3.88889%;
}
@media only screen and (max-width: 1024px) {
  .con_concept .box_concept .box_txt {
    width: 50%;
    margin-left: 3%;
  }
}
@media only screen and (max-width: 767px) {
  .con_concept .box_concept .box_txt {
    width: 100%;
    margin: 0 0 30px;
  }
}
.con_concept .box_concept .box_txt .txt {
  font-size: 100%;
  line-height: 2;
  margin-bottom: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_concept .box_concept .box_txt .txt {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .con_concept .box_concept .box_txt .txt {
    margin-bottom: 20px;
  }
}
.con_concept .box_concept .box_txt .txt:last-child {
  margin-bottom: 0;
}
.con_concept .box_concept .photo {
  float: right;
  width: 33.88889%;
}
@media only screen and (max-width: 1024px) {
  .con_concept .box_concept .photo {
    width: 50%;
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .con_concept .box_concept .photo {
    width: 100%;
  }
}

/* -----------------------------------------------------------
	.con_map
----------------------------------------------------------- */
.con_map {
  margin-top: -100px;
  margin-bottom: 100px;
  background: #48412d;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_map {
    margin-top: -50px;
  }
}
@media only screen and (max-width: 767px) {
  .con_map {
    margin-top: -20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_map {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .con_map {
    margin-bottom: 40px;
  }
}
.con_map .box_map {
  float: left;
  width: 40%;
  padding: 70px 1em 1em 4.29348%;
  background: #48412d;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_map .box_map {
    padding: 2em 1.5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_map .box_map {
    padding: 2em 0 1em;
  }
}
@media only screen and (max-width: 1024px) {
  .con_map .box_map {
    width: 100%;
  }
}
.con_map .box_map .st_high {
  text-align: left;
  margin-bottom: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_map .box_map .st_high {
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .con_map .box_map .st_high {
    margin-bottom: 1em;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1600px) {
  .con_map .box_map .st_high {
    margin-bottom: 70px;
  }
}
@media print {
  .con_map .box_map .st_high {
    margin-bottom: 70px;
  }
}
.ie8 .con_map .box_map .st_high {
  margin-bottom: 70px;
}
@media only screen and (max-width: 767px) {
  .con_map .box_map .st_high {
    text-align: center;
  }
}
.con_map .box_map .st_high .en {
  font-size: 358%;
  line-height: 1.5;
  color: #e9e0c8;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_map .box_map .st_high .en {
    font-size: 250%;
  }
}
@media only screen and (max-width: 767px) {
  .con_map .box_map .st_high .en {
    font-size: 250%;
  }
}
@media only screen and (max-width: 767px) {
  .con_map .box_map .st_high .en span {
    font-size: 100%;
  }
}
.con_map .box_map .st_high .jp {
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .con_map .box_map .box_info {
    padding: 0 1em;
  }
}
.con_map .box_map .box_info ul {
  padding-bottom: 42px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_map .box_map .box_info ul {
    padding-bottom: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .con_map .box_map .box_info ul {
    padding-bottom: 1em;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1600px) {
  .con_map .box_map .box_info ul {
    padding-bottom: 20px;
  }
}
@media print {
  .con_map .box_map .box_info ul {
    padding-bottom: 20px;
  }
}
.ie8 .con_map .box_map .box_info ul {
  padding-bottom: 20px;
}
.con_map .box_map .box_info ul li {
  margin-bottom: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_map .box_map .box_info ul li {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .con_map .box_map .box_info ul li {
    margin-bottom: 0.5em;
  }
}
.con_map .box_map .box_info ul li a {
  color: #fff;
  font-size: 108%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_map .box_map .box_info ul li a {
    font-size: 93%;
  }
}
@media only screen and (max-width: 767px) {
  .con_map .box_map .box_info ul li a {
    font-size: 93%;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1600px) {
  .con_map .box_map .box_info ul li a {
    font-size: 100%;
  }
}
@media print {
  .con_map .box_map .box_info ul li a {
    font-size: 100%;
  }
}
.ie8 .con_map .box_map .box_info ul li a {
  font-size: 100%;
}
.con_map .box_map .box_info ul li a span {
  font-family: "Noto Sans Symbols";
  font-size: 122%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_map .box_map .box_info ul li a span {
    font-size: 115%;
  }
}
@media only screen and (max-width: 767px) {
  .con_map .box_map .box_info ul li a span {
    font-size: 108%;
  }
}
.con_map #gmap {
  width: 60%;
  float: right;
  height: 830px;
  padding: 30px;
  background: #a7ccd2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_map #gmap {
    height: 600px;
  }
}
@media only screen and (max-width: 767px) {
  .con_map #gmap {
    height: 350px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_map #gmap {
    padding: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .con_map #gmap {
    padding: 10px;
  }
}
@media only screen and (max-width: 1024px) {
  .con_map #gmap {
    width: 100%;
    height: auto;
  }
}

/* -----------------------------------------------------------
	.con_banner
----------------------------------------------------------- */
.con_banner li {
  float: left;
  width: 49.89583%;
}
@media only screen and (max-width: 1024px) {
  .con_banner li {
    width: 100%;
  }
}
.con_banner li.last {
  float: right;
  width: 50.10417%;
}
@media only screen and (max-width: 1024px) {
  .con_banner li.last {
    width: 100%;
  }
}

/* -----------------------------------------------------------
	.con_hotel
----------------------------------------------------------- */
.con_hotel .box_hotel {
  margin-bottom: 75px;
  max-width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_hotel .box_hotel {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .con_hotel .box_hotel {
    margin-bottom: 40px;
  }
}
.con_hotel .box_hotel .box_slide img {
  max-width: none;
  width: 100%;
}
.con_hotel .box_hotel .box_slide .slick-dots {
  margin-top: -40px;
}
.con_hotel .box_hotel .box_slide .slick-dots li button {
  border: 1px solid #fff;
}
.con_hotel .box_hotel .box_slide .slick-dots li.slick-active button {
  background: #fff;
}
.con_hotel .box_hotel .box_info {
  float: left;
  width: 34.375%;
  margin-left: 15.625%;
}
@media only screen and (max-width: 1024px) {
  .con_hotel .box_hotel .box_info {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_hotel .box_hotel .box_info {
    width: 100%;
    margin-left: 0;
  }
}
.con_hotel .box_hotel .box_info > .box_slide {
  display: none;
  margin: 0 0 30px;
}
@media only screen and (max-width: 767px) {
  .con_hotel .box_hotel .box_info > .box_slide {
    display: block;
  }
}
.con_hotel .box_hotel .box_info .box_st {
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_hotel .box_hotel .box_info .box_st {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .con_hotel .box_hotel .box_info .box_st {
    margin-bottom: 20px;
  }
}
.con_hotel .box_hotel .box_info .box_st ul {
  margin: 0 0 10px;
}
.con_hotel .box_hotel .box_info .box_st ul li {
  float: left;
  font-size: 115%;
  color: #222;
  border: 1px solid #48412d;
  padding: .4em 1em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_hotel .box_hotel .box_info .box_st ul li {
    font-size: 108%;
  }
}
@media only screen and (max-width: 767px) {
  .con_hotel .box_hotel .box_info .box_st ul li {
    font-size: 100%;
  }
}
.con_hotel .box_hotel .box_info .box_st h3 {
  font-weight: normal;
  font-size: 158%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_hotel .box_hotel .box_info .box_st h3 {
    font-size: 143%;
  }
}
@media only screen and (max-width: 767px) {
  .con_hotel .box_hotel .box_info .box_st h3 {
    font-size: 129%;
  }
}
.con_hotel .box_hotel .box_info .box_address {
  margin-bottom: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_hotel .box_hotel .box_info .box_address {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .con_hotel .box_hotel .box_info .box_address {
    margin-bottom: 15px;
  }
}
.con_hotel .box_hotel .box_info .box_address .txt {
  font-size: 108%;
  line-height: 1.8;
  margin: 0 0 .5em;
}
.con_hotel .box_hotel .box_info .box_address .note span {
  display: inline-block;
  color: #fff;
  font-size: 108%;
  background: #787262;
  padding: .3em 2em;
}
@media only screen and (max-width: 1024px) {
  .con_hotel .box_hotel .box_info .info {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .con_hotel .box_hotel .box_info .info {
    display: block;
  }
}
.con_hotel .box_hotel .box_info .info .txt {
  font-size: 100%;
  line-height: 1.8;
  margin: 0 0 20px;
  max-width: 740px;
}
.con_hotel .box_hotel .box_info .info table {
  width: 100%;
  border-color: #48412d;
  margin: 0 0 30px;
  max-width: 960px;
}
.con_hotel .box_hotel .box_info .info table tr {
  border-color: #48412d;
}
@media only screen and (max-width: 1024px) {
  .con_hotel .box_hotel .box_info .btns {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .con_hotel .box_hotel .box_info .btns {
    display: block;
  }
}
.con_hotel .box_hotel .box_info .btns li {
  float: left;
  width: 46%;
  margin-right: 10px;
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_hotel .box_hotel .box_info .btns li {
    margin-right: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .con_hotel .box_hotel .box_info .btns li {
    margin-right: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .con_hotel .box_hotel .box_info .btns li {
    margin: 0 0 15px;
  }
}
@media only screen and (max-width: 767px) {
  .con_hotel .box_hotel .box_info .btns li {
    float: none;
    width: 100%;
  }
}
.con_hotel .box_hotel .box_info .btns li.bt_pack, .con_hotel .box_hotel .box_info .btns li.bt_fb {
  width: 24%;
}
@media only screen and (max-width: 767px) {
  .con_hotel .box_hotel .box_info .btns li.bt_pack, .con_hotel .box_hotel .box_info .btns li.bt_fb {
    width: 100%;
  }
}
.con_hotel .box_hotel .box_info .btns li p {
  margin: 0 auto;
}
.con_hotel .box_hotel .box_info .btns li p a {
  text-decoration: none;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .con_hotel .box_hotel .box_info .btns li p.btn_brown {
    width: 90%;
  }
}
@media only screen and (max-width: 767px) {
  .con_hotel .box_hotel .box_info .btns li p.btn_orange {
    width: 90%;
  }
}
@media only screen and (max-width: 767px) {
  .con_hotel .box_hotel .box_info .btns li p.btn_fb {
    width: 90%;
  }
}
.con_hotel .box_hotel > .box_slide {
  float: right;
  width: 33.33333%;
  margin-right: 15.625%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_hotel .box_hotel > .box_slide {
    margin-right: 0;
    width: 46.875%;
  }
}
@media only screen and (max-width: 767px) {
  .con_hotel .box_hotel > .box_slide {
    display: none;
  }
}
.con_hotel .box_hotel .box_info2 {
  float: left;
  width: 90%;
  margin: 30px 5% 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_hotel .box_hotel .box_info2 {
    width: 100%;
    margin: 30px 0 0;
  }
}
.con_hotel .box_hotel .box_info2 .info .txt {
  font-size: 100%;
  line-height: 1.8;
  margin: 0 0 20px;
  max-width: 740px;
}
.con_hotel .box_hotel .box_info2 .info table {
  width: 100%;
  border-color: #48412d;
  margin: 0 0 25px;
  max-width: 960px;
}
.con_hotel .box_hotel .box_info2 .info table tr {
  border-color: #48412d;
}
.con_hotel .box_hotel .box_info2 .btns li {
  float: left;
  margin-right: 10px;
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_hotel .box_hotel .box_info2 .btns li {
    margin-right: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .con_hotel .box_hotel .box_info2 .btns li {
    margin-right: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .con_hotel .box_hotel .box_info2 .btns li {
    margin: 0 10px 15px;
  }
}
@media only screen and (max-width: 767px) {
  .con_hotel .box_hotel .box_info2 .btns li {
    float: none;
  }
}
.con_hotel .box_hotel .box_info2 .btns li p {
  margin: 0 auto;
}
.con_hotel .box_hotel .box_info2 .btns li p a {
  text-decoration: none;
  color: #fff;
}
.con_hotel .box_hotel .box_info2 .btns li p.btn_brown {
  width: 390px;
}
@media only screen and (max-width: 767px) {
  .con_hotel .box_hotel .box_info2 .btns li p.btn_brown {
    width: 90%;
  }
}
.con_hotel .box_hotel .box_info2 .btns li p.btn_orange {
  width: 240px;
}
@media only screen and (max-width: 767px) {
  .con_hotel .box_hotel .box_info2 .btns li p.btn_orange {
    width: 90%;
  }
}
.con_hotel .box_hotel .box_info2 .btns li p.btn_fb {
  width: 240px;
}
@media only screen and (max-width: 767px) {
  .con_hotel .box_hotel .box_info2 .btns li p.btn_fb {
    width: 90%;
  }
}

/* -----------------------------------------------------------
	.con_open
----------------------------------------------------------- */
.con_open {
  margin-bottom: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_open {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .con_open {
    margin-bottom: 50px;
  }
}
.con_open h3 {
  font-weight: normal;
  text-align: center;
  color: #fff;
  background: #2737a2;
  font-size: 143%;
  padding: 2.5em 0;
  margin-bottom: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_open h3 {
    padding: 2em 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_open h3 {
    padding: 1.5em 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_open h3 {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .con_open h3 {
    margin-bottom: 50px;
  }
}
.con_open .box_open .info {
  float: left;
  width: 33.33333%;
  padding-right: 10px;
}
@media only screen and (max-width: 1024px) {
  .con_open .box_open .info {
    width: 48%;
    padding: .4em .5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_open .box_open .info {
    width: 100%;
    margin: 0 0 30px;
  }
}
.con_open .box_open .info:last-child {
  /*float: right;*/
  padding-right: 0;
}
.con_open .box_open .info .box_st {
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_open .box_open .info .box_st {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .con_open .box_open .info .box_st {
    margin-bottom: 25px;
  }
}
.con_open .box_open .info .box_st ul {
  margin: 0 0 10px;
}
.con_open .box_open .info .box_st ul li {
  float: left;
  font-size: 115%;
  color: #222;
  border: 1px solid #48412d;
  padding: .4em 1em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_open .box_open .info .box_st ul li {
    font-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_open .box_open .info .box_st ul li {
    font-size: 93%;
  }
}
.con_open .box_open .info .box_st ul li:last-child {
  color: #fff;
  background: #2737a2;
  border: 1px solid #2737a2;
}
.con_open .box_open .info .box_st h4 {
  font-weight: normal;
  font-size: 158%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_open .box_open .info .box_st h4 {
    font-size: 143%;
  }
}
@media only screen and (max-width: 767px) {
  .con_open .box_open .info .box_st h4 {
    font-size: 129%;
  }
}
.con_open .box_open .info .box_st .txt {
  font-size: 108%;
}

/* -----------------------------------------------------------
	animation
----------------------------------------------------------- */
.effect-opacity {
  position: relative;
  opacity: 0;
  -webkit-transition: 1s all ease;
  transition: 1s all ease;
}
.effect-opacity.animated {
  opacity: 1;
}

.inviewIn .effect-opacity {
  opacity: 1;
}

.effect-move {
  position: relative;
  opacity: 0;
  -webkit-transition: 1s all ease;
  transition: 1s all ease;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
}
.effect-move.animated {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

.inviewIn .effect-move {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

.effect-scale {
  position: relative;
  opacity: 0;
  -webkit-transform: scale(0.2, 0.2);
  transform: scale(0.2, 0.2);
  -webkit-transition: .4s all ease;
  transition: .4s all ease;
}
.effect-scale.animated {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  opacity: 1;
}

.inviewIn .effect-scale {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  opacity: 1;
}

.delay-200 {
  -moz-transition-delay: .2s;
  -webkit-transition-delay: .2s;
  -o-transition-delay: .2s;
  -ms-transition-delay: .2s;
}

.delay-300 {
  -moz-transition-delay: .3s;
  -webkit-transition-delay: .3s;
  -o-transition-delay: .3s;
  -ms-transition-delay: .3s;
}

.delay-400 {
  -moz-transition-delay: .4s;
  -webkit-transition-delay: .4s;
  -o-transition-delay: .4s;
  -ms-transition-delay: .4s;
}

.delay-500 {
  -moz-transition-delay: .5s;
  -webkit-transition-delay: .5s;
  -o-transition-delay: .5s;
  -ms-transition-delay: .5s;
}

.delay-600 {
  -moz-transition-delay: .6s;
  -webkit-transition-delay: .6s;
  -o-transition-delay: .6s;
  -ms-transition-delay: .6s;
}

.delay-700 {
  -moz-transition-delay: .7s;
  -webkit-transition-delay: .7s;
  -o-transition-delay: .7s;
  -ms-transition-delay: .7s;
}

.delay-800 {
  -moz-transition-delay: .8s;
  -webkit-transition-delay: .8s;
  -o-transition-delay: .8s;
  -ms-transition-delay: .8s;
}

.delay-900 {
  -moz-transition-delay: .9s;
  -webkit-transition-delay: .9s;
  -o-transition-delay: .9s;
  -ms-transition-delay: .9s;
}

.delay-1000 {
  -moz-transition-delay: 1s;
  -webkit-transition-delay: 1s;
  -o-transition-delay: 1s;
  -ms-transition-delay: 1s;
}

.delay-1200 {
  -moz-transition-delay: 1.2s;
  -webkit-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  -ms-transition-delay: 1.2s;
}

.blinders-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row;
}
.blinders-wrap .blind-container {
  overflow: hidden;
  height: 100%;
  width: 21vw;
  margin-left: -1%;
  float: left;
}
.blinders-wrap .blind-inner {
  width: 100%;
  height: 100%;
}

.introduction-noactive .blinders-wrap {
  display: none;
}

#topLoading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1001;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  display: block;
}
#topLoading .svgBox {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
#topLoading svg {
  width: 270px;
}
@media only screen and (max-width: 767px) {
  #topLoading svg {
    width: 60%;
  }
}

.introduction-noactive #topLoading {
  display: none;
}

.tn-blinders-wrap {
  z-index: 1000;
  pointer-events: none;
}
.tn-blinders-wrap .blind-inner {
  background-color: #fff;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.08, 0.03, 0.22, 0.87);
  transition: -webkit-transform 0.7s cubic-bezier(0.08, 0.03, 0.22, 0.87);
  transition: transform 0.7s cubic-bezier(0.08, 0.03, 0.22, 0.87);
  transition: transform 0.7s cubic-bezier(0.08, 0.03, 0.22, 0.87), -webkit-transform 0.7s cubic-bezier(0.08, 0.03, 0.22, 0.87);
}

.introducing .tn-blinders-wrap .blind-inner {
  -webkit-transform: translateX(101%);
  transform: translateX(101%);
}

.tn-blinders-wrap .blind-container:nth-child(1) .blind-inner {
  -webkit-transition-delay: .15s;
  transition-delay: .15s;
}

.tn-blinders-wrap .blind-container:nth-child(2) .blind-inner {
  -webkit-transition-delay: .3s;
  transition-delay: .3s;
}

.tn-blinders-wrap .blind-container:nth-child(3) .blind-inner {
  -webkit-transition-delay: .45s;
  transition-delay: .45s;
}

.tn-blinders-wrap .blind-container:nth-child(4) .blind-inner {
  -webkit-transition-delay: .6s;
  transition-delay: .6s;
}

.tn-blinders-wrap .blind-container:nth-child(5) .blind-inner {
  -webkit-transition-delay: .75s;
  transition-delay: .75s;
}

.path.fillAnime path {
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  fill: #e05f0a;
}

.path_circle {
  stroke: #938f82;
  fill: transparent;
  stroke-width: 1;
  /*破線*/
  stroke-DASHarray: 280;
  stroke-DASHoffset: 280;
  -webkit-transform: rotate(275deg);
          transform: rotate(275deg);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

.animated .path_circle,
.inviewIn .path_circle {
  /*アニメーション*/
  -webkit-animation: DASH_CIRCLE 0.6s ease-in-out .5s forwards;
  animation: DASH_CIRCLE 0.6s ease-in-out .5s forwards;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

@keyframes DASH {
  0% {
    stroke-DASHoffset: 3000;
    fill: #fff;
  }
  80% {
    stroke-DASHoffset: 2000;
    fill: #fff;
  }
  100% {
    stroke-DASHoffset: 0;
    fill: #e05f0a;
  }
}
@-webkit-keyframes DASH {
  0% {
    stroke-DASHoffset: 3000;
    fill: #fff;
  }
  80% {
    stroke-DASHoffset: 2000;
    fill: #fff;
  }
  100% {
    stroke-DASHoffset: 0;
    fill: #e05f0a;
  }
}
@keyframes DASH_CIRCLE {
  0% {
    stroke-DASHoffset: 280;
  }
  100% {
    stroke-DASHoffset: 0;
  }
}
@-webkit-keyframes DASH_CIRCLE {
  0% {
    stroke-DASHoffset: 280;
  }
  100% {
    stroke-DASHoffset: 0;
  }
}
.introduction-active #fix-nav {
  -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.08, 0.03, 0.22, 0.87);
  transition: -webkit-transform 0.7s cubic-bezier(0.08, 0.03, 0.22, 0.87);
  transition: transform 0.7s cubic-bezier(0.08, 0.03, 0.22, 0.87);
  transition: transform 0.7s cubic-bezier(0.08, 0.03, 0.22, 0.87), -webkit-transform 0.7s cubic-bezier(0.08, 0.03, 0.22, 0.87);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.introduction-active #fix-nav.animated {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}