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

/*----------------------------------------------------

  表示設定

----------------------------------------------------*/
section{width: 100%;text-align: center;}
.inner_width{max-width: 1100px;width: 100%;margin: 0 auto;}

.br-sp{display: none;}
@media(max-width:768px){
  .br-sp{display: block;}
}
/*----------------------------------------------------

  padding

----------------------------------------------------*/
.pad-t{padding-top: 90px;}
.pad-b{padding-bottom: 90px;}
.pad-w{padding:90px 0;}
.pad_nav{padding: 10px 0;}
@media(max-width:768px){
  .pad-t{padding-top: 40px;}
  .pad-b{padding-bottom: 40px;}
  .pad-w{padding:40px 0;}
  .pad_nav{padding: 10px 0 0;}
}

#icon{padding-top: 20px;}
/*----------------------------------------------------

  背景画像・背景色

----------------------------------------------------*/
.bg_fixed{height:500px;width:100%;background:url(../img/pc_img_bg1.jpg)center center no-repeat;background-attachment: fixed;background-color: #555;}
@media(max-width: 768px){.bg_fixed{display: none;}}
.menu_bg{background: linear-gradient(to right, #ff01a2 58.7999%, #41b5f2 58.8%, #41b5f2 91.1999%, #ff01a2 91.2%, #ff01a2);}

.bgc-FAF7E2{background: #FAF7E2;}
.bgc-A99664{background: #A99664;}
.bgc-EADAB9{background: #EADAB9;}
/*----------------------------------------------------

◆　header

----------------------------------------------------*/
header{padding:10px 0 8px;background: #fff;position:relative;z-index: 100;}
.header_inner{max-width: 1000px;width: 95%;margin:0 auto;}
.header_inner a:nth-child(1) img{width: 150px;}
.header_inner a:nth-child(2) img{width: 140px;}

@media(max-width: 768px){
  .header_inner a:nth-child(1) img{width: 120px;}
  .header_inner a:nth-child(2) img{width: 110px;}
}

.mv{height: 0;width: 100%;padding-bottom: 66.571%;}
#mv-ov{height: 0;width: 100%;padding-bottom: 66.571%;}


/*----------------------------------------------------

◆　google_map

----------------------------------------------------*/

.map {position: relative;min-height: 600px;width: 100%;margin: 0 auto;height: 0;overflow: hidden;}
.map iframe,.map object,.map embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
@media (max-width: 768px){
  .map {min-height: 360px;}
}

.i4ewOd-pzNkMb-haAclff{display: none !important;opacity:0 !important;}
/*----------------------------------------------------

　ヘッダースクロール後固定

----------------------------------------------------*/
.navi_fixed{
    position: fixed;
    top: 0;
    padding: 0;
    margin: 0 auto;
    width: 100%;
    z-index: 1000;
    background: #FAF7E2;
  }


/* ---------------------------------------------------

◆　footer

----------------------------------------------------*/

footer{width: 100%;padding: 0 0 60px;text-align: center;font-size: 17px;}
footer a{color:#000;}

@media (max-width: 768px) {
  footer{font-size:12px;padding: 0 0 30px;}
} 


/*----------------------------------------------------

　bg設定

----------------------------------------------------*/
#a_stay,#a_plan{background: url(../img/bg_1.jpg)center center;background-attachment:fixed;background-size:cover;}
#a_gift{background: url(../img/bg_2.jpg)center center;background-attachment:fixed;background-size:cover;}
#a_show{background: url(../img/bg_3.jpg)center center;background-attachment:fixed;background-size:cover;}

@media (max-width: 768px) {
  #a_stay,#a_gift{background: url(../img/bg_1_sp.jpg)center center repeat;background-size:contain;}
  #a_plan{background: url(../img/bg_1_sp.jpg)center center no-repeat;background-size:cover;}
  #a_show{background: url(../img/bg_3_sp.jpg)center center repeat;background-size:contain;}
}


#a_stay{position: relative;}
.blur{position: absolute;width: 100%;top:0;left:0;}


/*----------------------------------------------------

  pagetop

----------------------------------------------------*/
#pageTop {
    position: fixed;
    bottom: 15px;
    right: 15px;
}
#pageTop a {
    width: 24px;
    display: block;
    z-index: 999;
    padding: 12px 14px 15px;
    background: #333;
    text-decoration: none;
    text-align: center;
    border-radius: 3px;
    opacity: 0.7;
    transition: .1s;
}
#pageTop a:hover {
    text-decoration: none;
    opacity: 0.5;
    transition: .1s;
}

/*----------------------------------------------------

　バーガーメニュー

----------------------------------------------------*/

#globalNavi{display: none;position: fixed;z-index: 900;right: 0;}
@media (max-width: 768px) {
  #globalNavi{display: block;height: 54px;position: absolute;top:0;left:0;}
  nav {
    margin-left: 0;
    height: auto;
    position: absolute;
    /* 開いてないときは画面外に配置 */
    top: -502px;
    left: 0;
    background: #000;
    width: 100%;
    text-align: center;
    padding: 0 0 0;
    transition: .3s ease-in-out;
    z-index: 600;
  }
  nav ul {display: block;right: 0;bottom: 0;top: 0;}
  nav ul li{padding-top:0px;border-bottom:1px solid #ccc;}
  nav ul li:first-child{padding-top: 100px;}
  nav ul li a {width: 100%;display: block;padding: 25px 0;}
  nav ul li a img{max-width: 230px;width: 80%;}
}
/* ----- トグルボタン ----- */

#nav-toggle {
  display: none;
  position: absolute;
  right: 12px;
  top: 14px;
  width: 30px;
  height: 34px;
  cursor: pointer;
  z-index: 9999;
}
@media (max-width: 768px) {
  #nav-toggle {display: block;}
}

#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    border-radius: 0;
    background: #FF00A0;
    left: 0;
    transition: .3s ease-in-out;
}
#nav-toggle span:nth-child(1) {top: 0;}
#nav-toggle span:nth-child(2) {top: 10px;}
#nav-toggle span:nth-child(3) {top: 20px;}

@media (max-width: 768px) {
  /* #nav-toggle 切り替えアニメーション */
  .open #nav-toggle span:nth-child(1) {
    top: 11px;
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    transform: rotate(315deg);
  }
  .open #nav-toggle span:nth-child(2) {
    width: 0;
    left: 50%;
  }
  .open #nav-toggle span:nth-child(3) {
    top: 11px;
    -webkit-transform: rotate(-315deg);
    -moz-transform: rotate(-315deg);
    transform: rotate(-315deg);
  }
  /* #global-nav スライドアニメーション */
  .open nav {
    /* #global-nav top + #mobile-head height */
    -moz-transform: translateY(466px);
    -webkit-transform: translateY(466px);
    transform: translateY(466px);
  }
}

.fixed{position: fixed;}



#canvas {position: absolute;top:0;height: 110%;width: 100%;left:0;z-index: 10;}
@media(max-width: 1000px){#canvas {height:85%;}}
@media(max-width: 768px){#canvas {height:0;}