@CHARSET "UTF-8";
 @import url("../../common/css/style-b-sp.css");
/* ---------------------
    - common setting
    - header
    - keyVisual
    - nav
    - headline
    - freeArea
    - contents
    - footer
    - page style
--------------------- */
/* common setting
----------------------------------------------- */

/* background settings */
body {
	background: #fefefe;
}

body:not(#hotelTop) {
	background: #fefefe;
}

body:not(#hotelTop) main {
  margin-bottom: 0px;
  width: 94%;
}

/* 背景模様の大きさ調整 body全体の時*/
/*body {
	background-size: 175%;
}*/

/*body#hotelTop main {
	background-image: url(../img/B_background_00.png);
  background-size: 100% auto;
  background-position: top center;
  background-repeat: repeat-y;
}*/

/*body#hotelTop main div#topic {
  background-size: 200%;
}*/

/*body#hotelTop main div#whatsnew {
  background-color: #ffffff;
  background-size: 200%;
}*/

/*body#hotelTop main div#access {
  background-size: 200%;
}*/


/* header
----------------------------------------------- */
header div.container {
  background-image: url("../img/header-background.png");
  background-color: #fefefe;
  background-position: center center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

/*ヘッダー店舗名　非表示*/
header div#headerLogo::after {
  content: none;
}


/* btnLogin
------------------------ */

header a#btnLogin {
  position: relative;
  width: 50px;
  height: 50px;
  top: 0px;
  right: 0px;
  margin: 0px;
  border-radius: 0px;
  transform: none;
  background: transparent;
}

header a#btnLogin::after {
  content: "";
  background-image:url("../img/icon-login-sp.png");
  background-color: transparent;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  top: 0px;
  right: 21px;
  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: 150px;
	height: 50px;
	margin-top: 2px;
}
/* Stop18
------------------------ */
header div#headerStop18Img {
	background-image: url("../img/stop-18-header.svg");
}



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


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

/* hearder menu */
nav#priorityNavi {
  background-image: url("../img/header-background.png");
  background-color: #fefefe;
  background-position: center center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

nav#priorityNavi ul li a {
  color: #ffffff;
}

nav#priorityNavi ul li a:hover {
  color: #ee3866;
}

/*グローバルメニューテキスト*/
nav#mainNavi ul li a{
  text-align:center;
}

/*グローバルメニューボタン*/
nav#priorityNavi ul li {
  min-width: 140px;
  background-image: url("../img/header-menu-background.png");
  background-color: transparent;
  background-position: center center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}


#btnOpenMainNavi {
	background-color: #ffffff;
}


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

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

/*ハンバーガーメニュー　ライン色 ×マーク*/
#btnOpenMainNavi>span.close::before,
#btnOpenMainNavi>span.close::after {
  background-color: #f48da4;
}

/*ハンバーガーメニュー　背景　×マークの時*/
.close_bg#btnOpenMainNavi {
  background: #ffffff;
}




/* headline
----------------------------------------------- */


/* freeArea フリーエリア
----------------------------------------------- */

div#freeArea2 {
	margin-top:0px;
}

div#freeArea3 {
  margin-top: 20px;
  margin-left: 0px;
  padding: 0 100px;
}

.freestyle li{
	float: none;
	width: 100%;
	padding-bottom: 15px;
}


/* contents
----------------------------------------------- */
/* footer
----------------------------------------------- */
footer div#footerStop18 div#footerStop18Img {
	/*margin: 0px auto;*/
}
footer div#footerStop18 div#footerStop18Msg {
	/*display: none;*/
}
/* page style
----------------------------------------------- */
/* hotelTop
----------------------------------------------- */
/* 大見出し
------------------------ */
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-image: url("../img/ornament-left-01.png");
	background-size: 100%;
	width: 35px;
	margin: 0px 5px 0px 0px;
	padding-top: 5px;
}
body#hotelTop main div#topic h2:after {
	content: "";
	background-image: url("../img/ornament-right-01.png");
	background-size: 100%;
	width: 35px;
	margin: 0px 0px 0px 5px;
	padding-top: 5px;
}

body#hotelTop main div#whatsnew span.caption:before {
	content: "";
	background-image: url("../img/ornament-left-02.png");
	background-size: 100%;
	width: 35px;
	margin: 0px 5px 0px 0px;
	padding-top: 5px;
}

body#hotelTop main div#whatsnew span.caption:after {
	content: "";
	background-image: url("../img/ornament-right-02.png");
	background-size: 100%;
	width: 35px;
	margin: 0px 0px 0px 5px;
	padding-top: 5px;
}

body#hotelTop main div#access span.caption:before {
	content: "";
	background-image: url("../img/ornament-left-03.png");
	background-size: 100%;
	width: 35px;
	margin: 0px 5px 0px 0px;
	padding-top: 5px;
}

body#hotelTop main div#access span.caption:after {
	content: "";
	background-image: url("../img/ornament-right-03.png");
	background-size: 100%;
	width: 35px;
	margin: 0px 0px 0px 5px;
	padding-top: 5px;
}



/*information
--------------------------------------*/
ul.information li {
	display: block;
	min-width: 100%;
	height: 135px;
	background-color: #f694a6;
}
ul.information li:nth-child(3n),
ul.information li:nth-child(3n-2) {
	float: none;
}
ul.information li span.icon {
	display: none;
}

ul.information li a.link:hover span.background,
ul.information li a.secretLink:hover span.background {
	position: absolute;
	background-color: rgba(255,255,255,0.50);
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: block;
  transition: background-color 0.5s;
  -ms-transition: none;
}

ul.information li a.link span.icon-name {
	display: block;
	position: relative;
	width: 55%;
	height: 0px;
	text-align: left;
	border-top: 135px solid #f694a6;
	border-right: 60px solid transparent;
	padding-left: 10px;
	font-weight: bold;
}


/*ul.information li a.link:hover span.icon-name {
	display: block;
	position: relative;
	width: 55%;
	height: 0px;
	text-align: left;
	border-top: 135px solid #d7e7fa;
	border-right: 60px solid transparent;
	padding-left: 10px;
	font-weight: bold;
}*/

ul.information li a.link span.icon-name,
ul.information li a.secretLink span.icon-name {
    background: none;
}


ul.information li span.icon-name-character {
	position: relative;
	top: -135px;
  color: #ffffff;
	font-size: 3.5vw;
	width: 100%;
	height: 135px;
}


/*INFORMATIONボタン　ロールオーバー修正*/

ul.information li span.icon-name-character {
  display:block;
  top:-80px;
  height: auto;
  width: 120px;
}

ul.information li span:hover.icon-name-character {
  top:-80px;
  height: auto;
}


/*What's New body#hotelTop
--------------------------------------*/
div#whatsnew imedia iframe,
body#new imedia iframe {
  width: 100%;
  padding-bottom: 15em;
  margin-bottom: -15em;
}

/*フッターメニュー下線*/
footer div#footerNavi nav ul {
  background-image: url("../img/footer-menu-background.png");
  background-color: transparent;
  background-position: center center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border-top: solid 1px rgba(216,221,226,0.80);
}

footer div#footerNavi nav ul li {
  background-color: transparent;
	border-bottom-color: rgba(216,221,226,0.80);
}

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

/*グループリンク、オフィシャルリンクの文字*/
footer ul.link-list li a {
  color: #f34f78;
  font-size: 10px
  transition: background-color 0.3s, color 0.3s;
  -ms-transition: none;
}

footer ul.link-list li a:hover {
  color: #ffffff;
  background-color: #f34f78;
  transition: background-color 0.3s, color 0.3s;
  -ms-transition: none;
}

/*グループリンク、オフィシャルリンクの枠線*/
footer ul.link-list li {
  border-color: #f34f78;
}

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

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

div.container {
	padding-left: 16px;
	padding-right: 16px;
}


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

/* TOP
-------------------------*/
footer div#linkPageTop {
  height: 0px;
}

footer div#linkPageTop a {
  position: fixed;
  bottom: 12px;
  right: 12px;
  z-index: 999;
  padding: 22px 11px 8px;
	border-radius: 50%;
  text-decoration: none;
  top: inherit;
  left: inherit;
}

footer div#linkPageTop a::before {
  content: "";
}

footer div#linkPageTop a::after {
  content: "TOP";
}

/*service list*/
body#service ul.equipment>li {
    vertical-align: top;
    min-width: 100%;
    padding: 7.5px 10px 7.5px 15px;
}