@charset "UTF-8";

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}

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, sub, sup, 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, main {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font-weight: normal;
  font-style: normal;
  vertical-align: baseline;
  background: transparent;
  box-sizing: border-box;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
  display: block;
  margin: 0;
}

body {
  font-family: "游ゴシック体 Medium", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background: #000;
  text-align: left;
}


ol, ul {list-style: none;color: #fff;}
a {text-decoration: none;color:#fff;}
p {font-size: 16px;color:#fff;}
@media (max-width: 769px){
  p {font-size: 14px;}
  li{font-size: 12px;}
}

/* img指定 ---------------------------------------*/
img{width: 100%;vertical-align: top;}

/* flex指定 ---------------------------------------*/
.flex{display: flex;justify-content: space-between;flex-wrap: wrap;}
.order1{order: 1;}
.order2{order: 2;}
@media(max-width:849px){
  .order1{order: 2;}
  .order2{order: 1;}
}

/* 改行指定 ---------------------------------------*/
@media (min-width: 849px){ 
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media (max-width: 849px){ 
  .br-pc { display:none; }
  .br-sp { display:block; }
}

/* float ---------------------------------------*/
.float_r{float: right;}
.float_l{float:left;}
@media (max-width: 849px) {.float_r,.float_l{float:none;}}
.float_end{clear:both;}

/* font指定 ---------------------------------------*/
.gfont{font-family: 'Be Vietnam Pro', sans-serif;}
.mincho{font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;}



/* display設定 ---------------------------------------*/
.pc-only{}
.sp-only{display: none;}
@media (max-width: 849px) {
  .pc-only{display:none;}
  .sp-only{display: block;}
}

/* ul設定 ---------------------------------------*/
ul{}
ul li{text-indent: -1em;padding-left: 1em;}

/* font設定 ---------------------------------------*/
h5.h1-en{color:#a28977;}
h5.h2-en{color:#a28977;letter-spacing: 0.1rem;font-weight: bold;font-size:20px;}
.center{text-align: center;}
@media (max-width: 768px) {
  h5.h2-en{font-weight: bold;font-size:16px;}
}

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

　inner-width

----------------------------------------------------*/
.inner-width{width: 1000px;max-width: 90%;margin: 0 auto;}


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

　グローバルナビ

----------------------------------------------------*/
nav li a.active{color:#a28977 !important;}

  header{
    width:100%;
    text-align: center;
  }

.fix-header {
  background-color:#000;
  height: 60px;
  top: -60px;/* 上に隠す鷹さ */
  left: 0;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  color: #fff;
  position: fixed;
  opacity:0;/*  最初読み込んだときは透過 */
  z-index: 1000;/*　他のアイテムに対して最上位のレイヤーになるように */
  /*  opacity: 0; */
}

.fix-header-contents{
    width:900px;
    margin: 0 auto;
}
@media(max-width:1270px){
  .fix-header-contents{
    width:900px;
    margin: 0 0 0 40px;
  }

}
@media (max-width: 1079px) {
  .fix-header-contents{
    width:800px;
    margin: 0 0 0 40px;
    
  }
  .fix-header li a{
    font-size: 14px;
  }
} 
@media(max-width:950px){
  .fix-header-contents{
    width:800px;
    margin: 0 0 0 10px;
  }
}


.fix-header li{margin-right:32px;}
@media(max-width:950px){
  .fix-header li{margin-right:16px;}
}
.fix-header li a,.fix-header li a:visited{
  color: #fff;
  letter-spacing: 0.05em;
  font-size: 18px;
  font-weight:bold;
  text-decoration: none;
}
@media (max-width: 1079px) {
  .fix-header li a,.fix-header li a:visited{
    font-size: 15px;
  }
}

  nav{
    width:100%;
  }
  
  nav ul{padding:0;list-style: none;}
  nav ul li{float:left;margin:17px 0 15px;}
  
  nav ul li a,nav ul li a:visited{
    color: #fff;
    text-decoration: none;
  }

  article{
    width:800px;
    margin:20px auto ;
  }
  @media(max-width:1190px){
    .fix-header li{
      margin-right: 18px;
    }
  }

@media (max-width: 768px) {
  .fix-header li{float:none;margin-right:32px;width: 100%;}
} 

@media(max-width: 768px) {.menu {display:none;}} 

.menu li {float: left; height: 50px; line-height: 50px; text-align: center;}
.menu li a {display: block; color: #111;} 
.menu li :hover {color:#1e334d;font-weight: bold;}
.menu_mega{background: #fff;  transition: .2s ease;}
.menu_mega:hover {transition: .2s ease;}

.menu_second-level li a {transition: .2s;font-size: 15px;}
.menu_second-level li a:hover {letter-spacing: 0.1rem; font-weight:bold;transition: .2s;}
.menu_second-level {
  position: absolute;
  top: 60px;
  right:0;
  box-sizing: border-box;
  width: 100vw;
  margin:0 auto; 
  padding: 40px 0 40px;
  background: #fff;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  background: #452C30;
  height: auto;
}

.menu_mega:hover .menu_second-level {
  top: 55px;
  visibility: visible;
  opacity: 1;
}

/* 電話でのご予約・宿泊プラン */
ul.fix-menu{position:absolute;right: 0;top:0;width: 300px;z-index: 100;}
ul.fix-menu li{float: none;text-align: center;margin:0;padding:17px 0 15px;padding-left: 0;text-indent: 0;}
#tel_reserve{height: 60px;background:#452C30;width: 50%;}
#plan{height: 60px;background:#6E5A4C;width: 50%;}
#tel_reserve p,#plan li{font-size: 18px;}

@media(max-width: 920px){
  ul.fix-menu{position:absolute;right: 0;top:0;width: 280px;}
  ul.fix-menu li{float: none;text-align: center;margin:0;padding:17px 0 15px;padding-left: 0;text-indent: 0;}
  #tel_reserve{height: 60px;background:#452C30;width: 50%;}
  #plan{height: 60px;background:#6E5A4C;width: 50%;}
  #tel_reserve p,#plan li{font-size: 12px;}
}@media(max-width: 890px){
  ul.fix-menu{position:absolute;right: 0;top:0;width: 240px;}
  ul.fix-menu li{float: none;text-align: center;margin:0;padding:19px 0 15px;padding-left: 0;text-indent: 0;}
  #tel_reserve{height: 60px;background:#452C30;width: 50%;}
  #plan{height: 60px;background:#6E5A4C;width: 50%;}
  #tel_reserve p,#plan li{font-size: 16px;}
  #tel_reserve p{font-size: 14px;}
  #plan li p{font-size: 14px;}
}
@media(max-width: 849px){
  ul.fix-menu{position:absolute;right: 0;top:0;width: calc(100% - 60px);}
  ul.fix-menu li{float: none;text-align: center;margin:0;padding:17px 0 15px;padding-left: 0;text-indent: 0;}
  #tel_reserve_sp{height: 60px;background:#452C30;width: 33%;}
  #tel_reserve p,#plan li,a#tel_reserve_sp li{font-size: 16px;}
#plan{height: 60px;background:#6E5A4C;width: 33%;
      font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    }  
}

.menu_second_inner h2{font-size: 19px; margin-bottom: 10px;}
.menu_second_inner h4{font-size: 16px;}
.menu-tel{border-top:1px solid #fff; border-bottom:1px solid #fff;padding: 5px 0 15px;width:400px;margin:0 auto 30px;}
.menu-tel p.name{font-size: 20px !important;}
.menu-tel p.tel-num{font-size:36px !important;}
.menu-tel p.tel-num a{color:#fff;}
p.lang{font-size: 14px !important;}
.support{font-size:36px;margin-top: 5px;}
.support:before{content:'';display:inline-block;background:url(../images/icon_fd.png)center center no-repeat;height: 34px;width: 56px;background-size: contain;margin-bottom: -4px;margin-right: 5px;}

.reserve-center h3{font-size: 20px;margin-top: 10px;}
.reserve-center p{font-size: 14px !important;margin-bottom: 20px;}


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

　バーガーメニュー

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

@media (max-width: 849px) {
  header {display: block;height: 54px;top:0;left:0;}
  nav {
    margin-left: 0;
    height: auto;
    position: absolute;
    /* 開いてないときは画面外に配置 */
    top: -580px;
    left: 0;
    background: #000;
    width: 100%;
    padding: 0 0 0;
    transition: .3s ease-in-out;
    z-index: 10;
  }
  nav ul {display: block;right: 0;bottom: 0;top: 0;}
  nav ul li{padding-top:0px;}
  nav ul li:first-child{padding-top: 100px;}
  nav ul li a {text-align: center;width: 100%;display: block;padding: 8px 0;font-weight: bold;}
  nav ul li a img{max-width: 230px;width: 80%;}
}
/* ----- トグルボタン ----- */

#nav-toggle {
  display: none;
  position: absolute;
  left: 15px;
  top: 18px;
  width: 30px;
  height: 34px;
  cursor: pointer;
  z-index: 9999;
}
@media (max-width: 849px) {
  #nav-toggle {display: block;}
}

#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    border-radius: 0;
    background: #fff;
    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: 849px) {
  /* #nav-toggle 切り替えアニメーション */
  .open #nav-toggle span:nth-child(1) {top: 11px;transform: rotate(315deg);}
  .open #nav-toggle span:nth-child(2) {width: 0;left: 50%;}
  .open #nav-toggle span:nth-child(3) {top: 11px;transform: rotate(-315deg);}
  /* #global-nav スライドアニメーション */
  .open nav {
    /* #global-nav top + #mobile-head height */
    -moz-transform: translateY(466px);
    -webkit-transform: translateY(466px);
    transform: translateY(466px);
  }
}


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

◆　footer

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

footer{padding: 100px 0 80px;width: 100%;text-align: center;color:#fff;}
footer a{font-size:16px;}

@media (max-width: 768px) {
  footer{padding: 40px 0 40px;}
  footer a{font-size:14px;}
} 


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

◆　ページトップへ

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

#pageTop {
    position: fixed;
    bottom: 37px;
    right: 32px;
    font-size: 1.1rem;
    z-index: 5000;
}
#pageTop a {
    display: block;
    z-index: 999;
    padding: 8px 14px;
    text-decoration: none;
    text-align: center;
    border-radius: 5px;
    border:1px solid #ccc;
    background: #fff;
    color:#a28977;
    transition: all .2s ease;
}
#pageTop a:hover {
    color:#fff;
    padding: 8px 14px;
    background: #a28977;
    text-align: center;
    transition: all .2s ease;
    border:1px solid #a28977;
}
@media(max-width: 768px){
  #pageTop{ bottom: 20px;right: 12px;}
  #pageTop a {padding: 8px 14px;}
  #pageTop a:hover{padding: 8px 14px;} 
}

.swiper-container.swiper-blk .sp-slide .swiper-slide {
  flex-shrink: 0;
}

.swiper-container.swiper-blk{
  padding-bottom: inherit;
  height: 100%;
}

@media screen and (min-width: 849px) {
  .swiper-container.swiper-blk{
    padding-bottom: initial;
    height: initial;
  }

  .swiper-container.swiper-blk .sp-slide .swiper-slide {
    flex-shrink: initial;
  }
}