@charset "UTF-8";
@import url("../../common/css/style-c-sp.css");

/* ---------------------
    - common setting
    - header
    - keyVisual
    - nav
    - headline
    - freeArea
    - contents
    - footer
    - page style
--------------------- */


/* common setting
----------------------------------------------- */
main {
	padding-bottom: 0px;
	background: transparent;
}

main div.container {
	padding: 10px;
}

body:not(#hotelTop) main {
	padding-top: 15px;
}

/* スマホ用背景の調整 */
body::before {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	height: 100vh;
	width: 100vw;
	background-image: url("../img/background-00.png");
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	content: "";
 }

 body:not(#hotelTop) div#wrapper::before {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	height: 100vh;
	width: 100vw;
	background-image: url("../img/c_background_02.png");
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	content: "";
 }
body#hotelTop main div#topic {
	background-size: cover;
	background-repeat: repeat;
}

body#hotelTop main div#whatsnew {
	background-color: transparent;
}

body#hotelTop main div#access {
	background-size: cover;
	background-repeat: repeat;
}

/* header
----------------------------------------------- */
header div.container {
	background-color: transparent;
	background-size: 150%;
	background-position: center right;
}

/* Logo
------------------------ */
header div#headerLogo {
	width: 95px;
	height: 50px;
	background-image: url(../img/header_logo_c.svg);
	background-size: auto;
	background-position: center center;
}

/* stop-18
------------------------ */
header div#headerStop18Img {
	background-image: url(../img/icon_stop_18_color.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 85%;
	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;
	background-color: transparent;
}

header a#btnLogin::after {
	content: "";
	background-image: url(../img/icon-login2.png);
	display: inline-block;
	background-size: 90%;
	background-repeat: no-repeat;
	position: relative;
	top: 0px;
	right: 0px;
	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: "";
}


/*ログインボタン　ホバー*/
/*header a#btnLogin:hover {
	background: rgba(255,255,255,0.5);
}

header a#btnLogin:hover::after {
	background-image: url(../img/icon-login-sp.png);
	transition: background-image 0.5s, color 0.5s;
}*/

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


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


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

body:not(#hotelTop) div#keyVisual,
body:not(#hotelTop) div#keyVisual ul {
	height: 90px;
}


.key-image_2nd {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
}


/*ハンバーガーメニュー　ボタン*/
#pMenu {
	color: rgba(255, 255, 255, 1.00);
	font-size: 1.25em;
}

#btnOpenMainNavi > span,
#btnOpenMainNavi > span::before,
#btnOpenMainNavi > span::after,
#btnOpenMainNavi>span.close:before,
#btnOpenMainNavi>span.close:after {
	background-color: rgba(255, 255, 255, 1.00);
}

#btnOpenMainNavi,
#btnOpenMainNavi.close_bg {
	background: #929090;
}


/* ハンバーガーメニュー　nav
----------------------------------------------- */
div#priorityNaviWrappar {
	display: block;
}

nav#mainNavi {
	display: none;
	position: absolute;
	top: 50px;
	width: 100%;
	min-height: 0%;
	z-index: 20;
	background-color: rgba(50, 50, 50, 0.75);
	background-image: none;
}

nav#mainNavi li {
	background-color: transparent;
}

nav#mainNavi ul li a {
	color: #ffffff;
	font-weight: 600;
}

nav#mainNavi li a:hover {
	background-color: rgba(235 , 115 , 50 ,0.8);
}

nav#mainNavi ul li a:hover {
	color: #ffffff;
	filter: none;
}

nav#mainNavi ul li {
    border-bottom: 1px solid  rgba(37, 37, 37, 0.25);
    min-width: 100%;
}

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


/* headline
----------------------------------------------- */
div#headInformation a, div#headNotice a {
    font-size: 1.125em;
}

/* freeArea フリーエリア
----------------------------------------------- */
div#freeArea1,
div#freeArea2 {
	padding:0;
	margin-top:0px;
}

div#freeArea3 {
	background-color: #e4e4e4;
	padding: 20px 0 0 0;
}

.freestyle li {
	float: none;
	width: 100%;
}



/* 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 {
	background: url(../img/ornament-left-01.png);
}

body#hotelTop main div#topic h2:after {
	background: url(../img/ornament-right-01.png);
}

body#hotelTop main div#whatsnew span.caption:before {
	background: url(../img/ornament-left-02.png);
}

body#hotelTop main div#whatsnew span.caption:after {
	background: url(../img/ornament-right-02.png);
}

body#hotelTop main div#access span.caption:before {
	background: url(../img/ornament-left-03.png);
}

body#hotelTop main div#access span.caption:after {
	background: url(../img/ornament-right-03.png);
}*/

body#hotelTop main div#topic h2:before,
body#hotelTop main div#topic h2:after,
body#hotelTop main div#whatsnew span.caption:before,
body#hotelTop main div#whatsnew span.caption:after,
body#hotelTop main div#access span.caption:before,
body#hotelTop main div#access span.caption:after {
	content: "";
	background-size: 35%;
	background-repeat: no-repeat;
	background-position: center;
	width: 75px;
	display: block;
}

body#hotelTop main div#topic h2:before,
body#hotelTop main div#whatsnew span.caption:before,
body#hotelTop main div#access span.caption:before {
	margin: 0px -20px 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 {
	margin: 0px 0px 0px -20px;
}



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


/* アクセス情報 */
body#hotelTop div#accessApiMap {
	margin: 1em 0px 0px 0px;
}

body#hotelTop div#access section div.container h3,
body#access div#mainWrapper section div.container h3 {
	padding: 4px 6px;
	margin-bottom: 0px;
}

body#hotelTop div#access section div.container div.content p,
body#access div#mainWrapper section div.container div.content p {
	padding: 0 16px!important;
}

body#access div#mainWrapper section:nth-child(2) div.container div.content {
	margin-bottom: 0px;
}

/* footer
----------------------------------------------- */
footer div#footerNavi nav ul {
	border-top: 1px solid rgba(37, 37, 37, 0.125);
}

footer div#footerNavi nav ul li {
	background-color: transparent;
	border-bottom: 1px solid rgba(37, 37, 37, 0.125);
}

footer div#footerHotelInfo > ul li {
	color: #eee;
}

footer div#copyright,
footer div#copyright a {
	color: #aaa;
}

/*18禁*/
footer div#footerStop18 div#footerStop18Msg>span {
	color: #eee;
}

/*グループトップ　＆ オフィシャル*/
footer ul.link-list li {
	background-color: transparent;
	border-color:#eee;
	text-align: left;
}

footer ul.link-list li a {
	color: #eee;
}

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

footer ul.link-list li a:hover {
	background-color: rgba(50, 100, 146, 1.00);
	color: rgba(255, 255, 255, 1.00);
	transition: background-color 0.5s, color 0.5s;
}

footer ul.link-list li a:hover::before {
	border-color:transparent transparent transparent rgba(255, 255, 255, 1.00);
	transition: border-color 0.5s, color 0.5s;
}


/* フッター　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: rgba(235 , 115 , 50 ,0.8);
	color: #FFFFFF;
	border-radius: 50%;
	text-decoration: none;
	top: inherit;
	left: inherit;
}

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


/* 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;
	background-position:center;
}

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%,0 0;
	margin-top: 0px;
}

ul.information li:hover a.link span.icon,
ul.information li:hover a.secretLink span.icon {
	background-size: 0 0,30%;
}

/*ul.information li:nth-child(1):hover span.icon,
ul.information li:nth-child(2):hover span.icon,
ul.information li:nth-child(3):hover span.icon,
ul.information li:nth-child(4):hover span.icon,
ul.information li:nth-child(5):hover span.icon,
ul.information li:nth-child(6):hover span.icon {
	background-size: 0 0,30%;
}*/


ul.information li span.icon-name-character {
	font-size: 11px;
	padding: 5px 10px 0px 10px;
}

ul.information li a.link span.background,
ul.information li a.secretLink span.background {
	display: none;
}

body#member main ul.information li span.icon {
	background-size: 30%,0 0;
}

body#member main ul.information li:hover a.link span.icon {
	background-size: 0 0,30%;
}

/*body#member main ul.information li:nth-child(1):hover span.icon,
body#member main ul.information li:nth-child(2):hover span.icon,
body#member main ul.information li:nth-child(3):hover span.icon,
body#member main ul.information li:nth-child(4):hover span.icon,
body#member main ul.information li:nth-child(5):hover span.icon,
body#member main ul.information li:nth-child(6):hover span.icon {
    background-size: 0 0,30%;
}*/


/*ul.information li:nth-child(4) span.icon-name-character {
    font-size: 11px;
    padding: 5px 25px 0px 25px;
}*/


/* PCのみ表示 */
.pc_only{
	display:none;
}


/* スマホ再表示 */
.smart_only {
	display:inline !important;
}

/* Youtube */
.youtube {
	width:100% !important;
	height:80% !important;
	text-align:center;
}

/*メンバーログイン フォーム*/
body#member_login form.loginForm,
body#memberonly form.loginForm,
body#mailmagazine form.loginForm,
body#prize form.loginForm {
	margin-top: 0;
    margin-bottom: 0;
}

/* 部屋ランク別料金一覧表 */
body#room li.roomImgList {
	width: 100px;
	margin: 0 15px;
}

body#roomdetail li.equipment {
    padding-left: 1.5em;
}


/* サービス設備情報 */
  body#service ul.equipment>li {
    vertical-align: top;
    min-width: 100%;
    padding: 0.875em 1em 1em 1em;
}

/* フードメニュー */
.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;
}

/* Youtube */
.youtube {
	width:100%;
	height:80%;
	text-align:center;
}



/*ハンバーガーメニュー「MENU」文字削除*/
/*
div#btnOpenMainNaviArea {
  width: 60px;
}
header div#headerOther{
right:60px;
}

a#btnOpenMainNavi {
    width: 50px;
}

a#btnOpenMainNavi::after {
  content: "" ;
}

#pMenu{display:none}
*/



/**
 * メニューTOP固定
 */
header {
	position: fixed;
	top: 0px;
	z-index: 20;
}

div#priorityNaviWrappar {
	position: fixed;
	top: 0px;
	z-index: 20;
}

div#keyVisual {
	margin-top: 50px;
}

nav#mainNavi {
	position: fixed;
	overflow: scroll;
	height: calc(100% - 50px);
	z-index: 20;
}