@charset "UTF-8";
@import url("../../common/css/style-a-sp.css");
@CHARSET "UTF-8";
/*画像*/
/*フッター　18禁*/
/*INFORMATION 　背景*/
/*フッターメニュー　背景*/
/*フッターメニュー　背景 SP*/
/** ヘッダー ********************************/
/*タイトル背景*/
/*お問合せ背景*/
/*電話アイコン*/
/*メンバーログイン背景*/
/*メンバーログイン　ホバー　背景*/
/*メンバーログイン　メンバーログイン・Member LOGIN 切り替え*/
/*メンバーログイン　矢印*/
/*お問合せ　テキストカラー*/
/*お問合せ・メンバーログイン　テキストカラー*/
/*18禁表示*/
/*18禁表示*/
/** グローバルナビ ********************************/
/*グローバルナビ　背景*/
/*グローバルナビ　テキストカラー*/
/*グローバルナビ　ホバー　テキストカラー*/
/*グローバルナビ　ホバー　スマホ　テキストカラー*/
/*ハンバーガーメニュー*/
/*ハンバーガーメニュー 線の色*/
/*ハンバーガーメニューOPEN*/
/** INFORMATION ********************************/
/*INFORMATION　色*/
/*INFORMATION　テキストカラー*/
/*INFORMATION　ホバー　色*/
/*INFORMATION　ホバー　テキストカラー*/
/** What's New ********************************/
/*What's New　見出し色*/
/*What's New　テキストカラー*/
/*小項目　項目前*/
/*もっと見るボタン*/
/*もっと見るボタン 背景*/
/*もっと見るボタン ホバー*/
/*もっと見るボタン ホバー テキストカラー*/
/*クーポン*/
/** アクセス情報 ********************************/
/*アクセス　h3カラー*/
/*アクセス　テキストカラー*/
/*アクセス　h3カラー*/
/** フッターメニュー ********************************/
/*フッターメニュー　背景*/
/*フッターメニュー　テキストカラー*/
/** フッター ********************************/
/*フッター　背景色*/
/*フッター　テキストカラー*/
/*フッター　グループリンクカラー*/
/*フッター　グループリンク　ホバー*/
/** TOPへ戻る ********************************/
/*TOPへ戻る　背景色*/
/*TOPへ戻る　テキスト色*/
/** クーポン ********************************/
/*クーポン　色*/
/*クーポン　条件、有効期限*/
/* ---------------------
	- common setting（全体に共通する部分）body、行間など
	- header（ヘッダー部分）ロゴ、住所　ヘッダーの背景
	- keyVisual（スライドショーに関する項目）
	- nav（メニューに関する項目）2ページ目の画像も
	- headline（メンテナンスのお知らせなど、全体の告知に関する項目）
	- freeArea（プラグインの表示に関する項目）
	- contents（各ページの共通部品）<h2>（大見出し）、<table> など
	- footer（フッター部分）ロゴ、住所、サイトマップ、TOP ボタン
	- page style（各ページ内限定の設定）#room、#member 内だけなど要素
--------------------- */
/* common setting
----------------------------------------------- */
/* header
----------------------------------------------- */
/*ヘッダー店舗名　非表示*/
header div#headerLogo::after {
  content: none;
}

/*ヘッダー背景*/
header div.container {
  background: #fff;
}

/*ヘッダー18禁ロゴ*/
header div#headerStop18Img {
  background-image: url("../img/stop-18-bg-clear.png");
}

/*ログインボタン背景*/
header a#btnLogin {
  background: #fe0000;
  background-position: center;
}

/* btnLogin
------------------------ */
header a#btnLogin {
  position: relative;
  width: 50px;
  height: 50px;
  top: 0px;
  right: 0px;
  margin: 0px;
  border-radius: 0px;
  -webkit-transform: none;
          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%;
  background: transparent;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  color: #FFFFFF;
  padding-top: 15px;
  border: none;
}

header a#btnLogin > span::after {
  content: "";
}

/*ヘッダー Yahoo地図ロゴ対策*/
header.top-fix-position {
  z-index: 10;
}

/* Logo
------------------------ */
header div#headerLogo {
  width: 130px;
  height: 48px;
  margin-top: 2px;
}

/* keyVisual
----------------------------------------------- */
div#keyVisual,
div#keyVisual ul {
  height: 180px;
}

/* nav
----------------------------------------------- */
div#priorityNaviWrappar {
  overflow: visible;
}

#btnOpenMainNavi {
  background-color: #fe0000;
}

/*ハンバーガーメニュー　ライン色*/
#btnOpenMainNavi > span::before, #btnOpenMainNavi > span::after {
  background-color: #fff;
}

#btnOpenMainNavi > span {
  background: 　 #fe0000;
}

/*ハンバーガーメニュー　右上ボタン色*/
#btnOpenMainNavi.close_bg {
  background-color: #fe0000;
}

/*ヘッダーナビ背景*/
div#priorityNaviContainer {
  background: #fff;
}

/*ハンバーガーメニュー背景*/
nav#mainNavi {
  background-color: rgba(51, 51, 51, 0.9);
  z-index: 11;
}

/*グローバルメニューボタン*/
nav#priorityNavi ul li {
  min-width: 140px;
  background: #fe0000;
  /* background:linear-gradient(#ffffff, #d0d5d9); グラデーション */
}

/*グローバルメニューテキスト*/
nav#priorityNavi ul li a {
  color: #fff;
  text-shadow: none;
}

/* 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,
body#hotelTop main div#access span.caption:before {
  content: "";
  background: url(../img/a_ornament_left.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  width: 40px;
  display: block;
  margin: 0px 8px 0px 0px;
}

body#hotelTop main div#topic h2:after,
body#hotelTop main div#whatsnew span.caption:after,
body#hotelTop main div#access span.caption:after {
  content: "";
  background: url(../img/a_ornament_right.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  width: 40px;
  display: block;
  margin: 0px 0px 0px 8px;
}

/* 小見出し<h3> */
body#hotelTop main div#topic h3 {
  margin-bottom: 10px;
  font-weight: normal;
}

/*記事　左右余白*/
main .container {
  /*padding: 10px 10px 0px 10px !important;*/
  padding: 10px;
}

/* footer
----------------------------------------------- */
footer p#copyright {
  color: #777777;
}

/* フッター　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";
}

/*フッターメニュー背景と下線*/
footer div#footerNavi nav ul li {
  border-bottom-color: #fe0000;
      background-color: #fff;
}

/*フッターメニュー下線*/
footer div#footerNavi nav ul liに {
  border-bottom-color: #000;
}

/*フッター18禁文字*/
footer div#footerStop18 div#footerStop18Msg > span {
  color: #CCCCCC;
}

/*グループリンク、オフィシャルリンクの文字*/
footer ul.link-list li a {
  color: #fe0000;
}

footer ul.link-list li a::before {
  border-color: transparent transparent transparent #fe0000;
}

footer ul.link-list li {
  background-color: transparent;
  border-color: #fe0000;
}

footer ul.link-list li a:hover {
  background-color: #fe0000;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
  color: #fff;
}

footer ul.link-list li:hover {
  background-color: #fe0000;
}

/*フッター住所*/
footer div#footerHotelInfo > ul li {
  color: #000;
}

/*フッター コピーライト*/
footer div#copyright {
  color: #000;
}

/* page style
----------------------------------------------- */
/* INFORMATION */
main div#topic {
  /*position: relative;*/
}

ul.information {
  text-align: center;
}

ul.information li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 0px;
  margin-bottom: 3px;
  width: calc((100% - 10px)/3);
  height: 118px;
  margin-right: 0px;
}

ul.information li:not(:nth-child(3n)) {
  margin-right: 0px;
}

ul.information li a {
  display: block;
  width: 100%;
  height: 100%;
}

ul.information li a.link span.icon, ul.information li a.secretLink span.icon {
  height: 68px;
  background-size: 30%;
  margin-top: 0px;
}

ul.information li span.icon-name-character {
  font-size: 11px;
  padding-top: 8px;
}

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;
}

footer div#footerStop18 div#footerStop18Msg > span {
  color: #000;
}

#btnOpenMainNavi > span.close::before, #btnOpenMainNavi > span.close::after {
  background-color: #fff;
}

body#hotelTop main div#topic {
  background-size: cover;
  background-position: right;
}

body#hotelTop main div#topic * {
  background-position: bottom;
}

ul.information li:hover {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 0px;
  margin-bottom: 3px;
  width: calc((100% - 10px)/3);
  height: 118px;
  margin-right: 0px;
}

#btnOpenMainNavi > span {
  background: #fff;
}

body#hotelTop main div#topic {
  background-image: url(../img/a_background.png);
  background-position: center top;
  background-size: auto;
  background-repeat: repeat;
  background-color: #000000;
}