@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/background-00.png");
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	content: "";
}

body#hotelTop main div#topic {
	background-size: 175% auto;
	background-repeat: repeat;
}

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

body#hotelTop main div#access {
	background-size: 175% auto;
	background-repeat: repeat;
}

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

/* Logo
------------------------ */
header div#headerLogo {
	width: 80px;
	height: 42px;
	background-image: url(../img/logo-header.svg);
	background-size: contain;
	background-position: center center;
	/*box-shadow: 0 0 0.5em #ffffff;*/
	top: 4px;
}

/* stop-18
------------------------ */
header div#headerStop18Img {
	background-image: url(../img/stop-18-header.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/login-icon-sp.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;
}

div#keyVisual div.bx-pager.bx-default-pager {
	top: -36px;
}

/*ハンバーガーメニュー　ボタン*/
#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-color: rgba(7, 121, 47, 1.00);
}

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

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

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

nav#mainNavi ul li a {
	color: #ffffff;
	font-weight: 600;
	text-shadow: 1px 1px 1px rgb(150, 150, 150, 0.75);
}

nav#mainNavi li a:hover {
	background-color: rgba(7, 121, 47, 0.50);
}

nav#mainNavi ul li a:hover {
	color: rgba(255, 255, 255, 0.975);
	filter: none;
}

nav#mainNavi ul li {
	border-bottom: 1px solid rgba(7, 121, 47, 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: 25%;
	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: 0.5em;
}

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 menu
----------------------------------------------- */
footer div#footerNavi nav ul {
	border-top: 1px solid rgba(100, 100, 100, 0.25);
}

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

/*footer div#footerNavi
footer div#footerNavi nav ul {
	background-image: url("../img/background-footer-menu.png");
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-color: transparent;
}*/

/* footer
----------------------------------------------- */
/*footer {
	background-color: transparent;
	background-image: none;
	background-image: url(../img/background-footer.png);
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
}*/


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

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

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

/*グループ＆オフィシャル リンク*/
footer ul.link-list li {
	border: 1px solid #ffffff;
	transition:border-color 0.3s;
}

footer ul.link-list li:hover {
	border: 1px solid #ffffff;
	transition:border-color 0.3s;
}

footer ul.link-list li a {
	background-color: transparent;
	color:#ffffff;
	text-align: left;
	transition: background-color 0.3s, color 0.3s;
}

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

footer ul.link-list li a::before {
	border-color: transparent transparent transparent #ffffff;
	transition: border-color 0.3s;
}

footer ul.link-list li a:hover::before {
	border-color: transparent transparent transparent #000000;
	transition: border-color 0.3s;
}


/* フッター　TOPボタン */
footer {
	padding-bottom: 0px;
}

footer div#linkPageTop {
	height: 0px;
}

footer div#linkPageTop a {
	position: fixed;
	bottom: 12px;
	right: 12px;
	z-index: 1;
	display:none;
	padding: 22px 11px 8px;
	background: #03762f;
	color: #000000;
	filter: opacity(0.80);
	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;
}

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 ul.equipment {
	margin-top: 0px;
	padding-top: 12px;
}

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

/*table.side-scroller {
	display: block;
	overflow-x: scroll;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}*/

table {
	width: 100%;
}


/* フードメニュー */
.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: 100vh;
	/*height: calc(100% - 50px);*/
	z-index: 20;
}


/*　画像２枚横並び表示　*/
/*.img-fit-50 {
	display: flex;
	flex-wrap: wrap;
}

.img-fit-50 img {
	width: 50%;
	height: auto;
	padding: 1em;
}*/


/*　SP 横幅100% 表示　*/
.iframe-sp-fit-100 {
	position: relative;
	width: 100%;
	height: 100%;
	padding: calc(3 / 4 * 100%) 0 0 0;
	margin-bottom: 2em;
}
 
.iframe-sp-fit-100 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}