@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-color: #a349a3;
}
header div#headerLogo::after {
  /*  content: "鴨川店";
  display: block;
  position: relative;
  top: 22px;
  left: 140px;
  width: 140px;
  color: #fff;
  font-size: 6pt;*/
  display: none;
}
/*ヘッダー18禁ロゴ*/
header div#headerStop18Img {
  background-image: url(../img/stop-18-bg-clear.png);
}
/*ログインボタン背景*/
header a#btnLogin {
  background: #a349a3;
}
/* 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%;
  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: 98;
}
/* Logo
------------------------ */
header div#headerLogo {
  width: 170px;
  height: 50px;
  background-image: url(../img/A_logo_sp.png);
}
/* keyVisual
----------------------------------------------- */
div#keyVisual, div#keyVisual ul {
  height: 180px;
}
/* nav
----------------------------------------------- */
div#priorityNaviWrappar {
  overflow: visible;
}
#btnOpenMainNavi {
  background-color: #a349a3;
}
/*ハンバーガーメニュー　ライン色*/
#btnOpenMainNavi > span::before, #btnOpenMainNavi > span::after {
  background: #ffffff;
}
#btnOpenMainNavi > span {
  background: #ffffff;
}
/*ハンバーガーメニュー　右上ボタン色*/
#btnOpenMainNavi.close_bg {
  background-color: #a349a3;
}
#btnOpenMainNavi > span.close::before, #btnOpenMainNavi > span.close::after {
  background-color: #fff;
}
/*ヘッダーナビ背景*/
div#priorityNaviContainer {
  background: #a349a3;
}
/*ハンバーガーメニュー背景*/
nav#mainNavi {
  background-color: rgba(51, 51, 51, 0.9);
  z-index: 11;
}
/*グローバルメニューボタン*/
nav#priorityNavi ul li {
  min-width: 120px;
  background: #fff;
  /* background:linear-gradient(#ffffff, #d0d5d9); グラデーション */
}
nav#priorityNavi ul li a {
  color: #333;
}
nav#priorityNavi ul li a:hover {
  color: #a349a3;
}
/*グローバルメニューテキスト*/
/* nav#priorityNavi ul li a{
color:#000000;
} */
/* 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 {
  content: "";
  background: url(../img/A_ornament_left_01.png);
  background-size: 70%;
  background-repeat: no-repeat;
  background-position: center;
  width: 40px;
  display: block;
  margin: 0px 8px 0px 0px;
}
body#hotelTop main div#topic h2:after {
  content: "";
  background: url(../img/A_ornament_right_01.png);
  background-size: 70%;
  background-repeat: no-repeat;
  background-position: center;
  width: 40px;
  display: block;
  margin: 0px 0px 0px 8px;
}
body#hotelTop main div#whatsnew span.caption:before, body#hotelTop main div#access span.caption:before {
  content: "";
  background: url(../img/A_ornament_left_02.png);
  background-size: 70%;
  background-repeat: no-repeat;
  background-position: center;
  width: 40px;
  display: block;
  margin: 0px 8px 0px 0px;
}
body#hotelTop main div#whatsnew span.caption:after, body#hotelTop main div#access span.caption:after {
  content: "";
  background: url(../img/A_ornament_right_02.png);
  background-size: 70%;
  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;
}
/* footer
----------------------------------------------- */
footer div#footerHotelInfo div#footerLogo {
  background-image: url(../img/A_logo_sp.png);
}
footer div#footerHotelInfo div#footerLogo::after {
  /*  content: "鴨川店";
  display: block;
  position: relative;
  top: 36px;
  left: 264px;
  width: 140px;
  color: #fff;
  font-size: 6pt;*/
  display: none;
}
footer p#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";
}
/*フッターメニュー背景と下線*/
footer div#footerNavi nav ul li {
  border-bottom-color: #a349a3;
  background-color: transparent;
}
/*フッターメニュー下線*/
/*footer div#footerNavi nav ul li{
border-bottom-color: #fff;
}
*/
/*フッター18禁文字*/
footer div#footerStop18 div#footerStop18Msg > span {
  color: #fff;
}
/*グループリンク、オフィシャルリンクの文字*/
footer ul.link-list li a {
  color: #ffffff;
}
/*フッター住所*/
footer div#footerHotelInfo > ul li {
  color: #fff;
}
/*フッター コピーライト*/
footer div#copyright {
  color: #fff;
}
/* page style
----------------------------------------------- */
/* INFORMATION */
main div#topic {
  /*position: relative;*/
}
ul.information {
  text-align: center;
}
ul.information li {
  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: -2px;
}
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;
}
/*table調整*/
body#service table {
  white-space: pre-wrap;
}
/*URL改行*/
.content a {
  word-break: break-all;
}