@CHARSET "UTF-8";
@import url("../../common/css/style-a-sp.css");
/* ---------------------
    - common setting（全体に共通する部分）body、行間など
    - header（ヘッダー部分）ロゴ、住所　ヘッダーの背景
    - keyVisual（スライドショーに関する項目）
    - nav（メニューに関する項目）2ページ目の画像も
    - headline（メンテナンスのお知らせなど、全体の告知に関する項目）
    - freeArea（プラグインの表示に関する項目）
    - contents（各ページの共通部品）<h2>（大見出し）、<table> など
    - footer（フッター部分）ロゴ、住所、サイトマップ、TOP ボタン
    - page style（各ページ内限定の設定）#room、#member 内だけなど要素
--------------------- */
/* common setting
----------------------------------------------- */
/* header
----------------------------------------------- */
header div.container {
  background: url("../img/header_sp.png");
}
/*ヘッダー店舗名　非表示*/
header div#headerLogo::after {
  content: none;
}
header div#headerStop18Img {
  background-image: url(../img/stop-18-bg-wh.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 90%;
  width: 50px;
  height: 50px;
  position: relative;
  top: 0px;
  right: 0px;
  margin: 0px;
}
/* btnLogin
------------------------ */
header a#btnLogin {
  position: relative;
  width: 50px;
  height: 50px;
  top: 0px;
  right: 0px;
  margin: 0px;
  border-radius: 0px;
  transform: none;
}
header a#btnLogin::after {
  content: "";
  background-image: url(../img/icon-login2.png);
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  top: 2px;
  right: 20px;
  margin: 0px;
  width: 50px;
  height: 50px;
}
header a#btnLogin > span {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  color: #FFFFFF;
  padding-top: 15px;
  border: none;
}
header a#btnLogin > span::after {
  content: "";
}
header a#btnLogin {
  background: #6e1d1e;
}
header a#btnLogin:hover {
  background: #555657;
}
/*ヘッダー Yahoo地図ロゴ対策*/
header.top-fix-position {
  z-index: 98;
}
/* Logo
------------------------ */
header div#headerLogo {
  width: 130px;
  height: 50px;
}
/* keyVisual
----------------------------------------------- */
div#keyVisual, div#keyVisual ul {
  height: 180px;
}
/* nav
----------------------------------------------- */
div#priorityNaviWrappar {
  overflow: visible;
}
#btnOpenMainNavi {
  background-color: #6e1d1e;
}
/*ハンバーガーメニュー　ライン色*/
#btnOpenMainNavi > span::before, #btnOpenMainNavi > span::after {
  background: #fff;
}
#btnOpenMainNavi > span {
  background: #fff;
}
/*ヘッダーナビ背景*/
div#priorityNaviContainer {
  background: #000;
}
/*ハンバーガーメニュー背景*/
nav#mainNavi {
  background-color: rgba(51, 51, 51, 0.9);
  z-index: 11;
}
.close_bg#btnOpenMainNavi {
  background-color: #6e1d1e;
}
#btnOpenMainNavi>span.close::before, #btnOpenMainNavi>span.close::after {
    margin-top: 0;
    background-color: #fff;
}
/*グローバルメニューボタン*/
nav#priorityNavi ul li {
  min-width: 120px;
  /* background:#ffb0ce */
  /* background:linear-gradient(#ffffff, #d0d5d9); グラデーション */
}
/*グローバルメニューテキスト*/
/* nav#priorityNavi ul li a{
color:#000000;
} */
nav#priorityNavi ul li {
  background: #6e1d1e;
}
/* headline
----------------------------------------------- */
/* freeArea フリーエリア
----------------------------------------------- */
div#freeArea2, div#freeArea3 {
  margin-top: 0px;
}
.freestyle li {
  float: none;
  width: 100%;
  padding-bottom: 15px;
}
/* main
----------------------------------------------- */
/* contents
----------------------------------------------- */
/* 大見出し<h2> */
body#hotelTop main div#topic h2, body#hotelTop main div#whatsnew span.caption, body#hotelTop main div#access span.caption {
  font-size: 16px;
  padding: 0px;
  margin-bottom: 8px;
}
body#hotelTop main div#topic h2:before, body#hotelTop main div#whatsnew span.caption:before {
  content: "";
  background: url(../img/a_ornament_01.png);
  background-size: 46%;
  background-repeat: no-repeat;
  background-position: center;
  width: 40px;
  display: block;
  margin: 0px 4px 0px 0px;
}
body#hotelTop main div#topic h2:after, body#hotelTop main div#whatsnew span.caption:after {
  content: "";
  background: url(../img/a_ornament_01.png);
  background-size: 46%;
  background-repeat: no-repeat;
  background-position: center;
  width: 40px;
  display: block;
  margin: 0px 0px 0px 4px;
}
body#hotelTop main div#access span.caption:before {
  content: "";
  background: url(../img/a_ornament_02.png);
  background-size: 46%;
  background-repeat: no-repeat;
  background-position: center;
  width: 40px;
  display: block;
  margin: 0px 4px 0px 0px;
}
body#hotelTop main div#access span.caption:after {
  content: "";
  background: url(../img/a_ornament_02.png);
  background-size: 46%;
  background-repeat: no-repeat;
  background-position: center;
  width: 40px;
  display: block;
  margin: 0px 0px 0px 4px;
}
/* 小見出し<h3> */
body#hotelTop main div#topic h3 {
  margin-bottom: 10px;
  font-weight: normal;
}
/*記事　左右余白*/
main .container {
  padding: 10px 10px 0px 10px !important;
}
/* footer
----------------------------------------------- */
footer div#footerNavi nav ul li {
  display: block;
  width: 100%;
  padding: 0px;
  text-align: left;
  font-size: inherit;
  border-bottom: 1px solid #000000;
  background-color: transparent;
}
footer div#footerHotelInfo > ul li {
  color: #fff;
}
footer p#copyright {
  color: #fff;
}
footer div#copyright {
  color: #fff;
}
/* フッター　TOPボタン */
footer {
  padding-bottom: 0px;
}
footer div#linkPageTop {
  height: 0px;
}
footer div#linkPageTop a {
  position: fixed;
  bottom: 12px;
  right: 12px;
  z-index: 999;
  display: none;
  padding: 22px 11px 8px;
  ;
  background-color: #122a5d;
  background: rgba(146, 99, 74, 0.5);
  color: #FFFFFF;
  border-radius: 50%;
  text-decoration: none;
  top: inherit;
  left: inherit;
}
footer div#linkPageTop a::after {
  content: "TOP";
}
/* page style
----------------------------------------------- */
/* INFORMATION */
/*body#hotelTop */ main div#topic {
  /*position: relative;*/
}
/*body#hotelTop main div#topic */ ul.information {
  text-align: center;
}
/*body#hotelTop main div#topic */ ul.information li {
  display: inline-flex;
  border-radius: 0px;
  margin-bottom: 3px;
  width: calc((100% - 10px)/3);
  height: 118px;
  margin-right: 0px;
}
/*body#hotelTop main div#topic */ ul.information li:not(:nth-child(3n)) {
  margin-right: -2px;
}
/*body#hotelTop main div#topic */ ul.information li a {
  display: block;
  width: 100%;
  height: 100%;
}
/*body#hotelTop main div#topic */ ul.information li a.link span.icon, ul.information li a.secretLink span.icon {
  height: 68px;
  background-size: 30%;
  margin-top: 0px;
}
/*body#hotelTop main div#topic */ ul.information li span.icon-name-character {
  font-size: 11px;
  padding-top: 8px;
}
/*body#hotelTop main div#topic */ ul.information li a.link span.background, /ul.information li a.secretLink span.background {
  display: none;
}
/* PCのみ表示 */
.pc_only {
  display: none;
}
/* スマホ再表示 */
.smart_only {
  display: inline !important;
}
/* Youtube */
.youtube {
  width: 100% !important;
  height: 80% !important;
  text-align: center;
}
/* フードメニュー */
.foodmenu {
  width: 100%;
}
.foodmenu_left {
  width: 100%;
  font-size: 14px;
  line-height: 30px;
  padding-bottom: 10px;
}
.foodmenu_right {
  width: 100%;
}
img.foodmenu_right {
  width: 90%;
  vertical-align: center;
}