@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;
	background-size:15%;
}

main div.container {
	padding: 10px;
}

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

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

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

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

/* header
----------------------------------------------- */
header div.container {
	background-color: #77572b;
	background-size: 150%;
}

/* Logo
------------------------ */
header div#headerLogo {
	width: 100px;
	height: 50px;
	background-image: url(../img/header-logo.png);
	background-size: 80%;
	background-position: center center;
}

/* stop-18
------------------------ */
header div#headerStop18Img {
  background-image: url(../img/stop-18-bg-header.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
  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-login-sp.png);
  display: inline-block;
  background-size: 90%;
  background-repeat: no-repeat;
  position: relative;
  top: 2px;
  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: #ffffff;
}

#btnOpenMainNavi{
	background: transparent;
}

#btnOpenMainNavi > span,
#btnOpenMainNavi > span::before,
#btnOpenMainNavi > span::after{
	background-color: #ffffff;
}

#btnOpenMainNavi.close_bg {
	background: transparent;
}

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


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

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

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

nav#mainNavi li a:hover {
	background-color: rgba(175, 133, 64, 0.6);
}

nav#mainNavi ul li a:hover{
	color: #bfa57b;
}

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

nav#mainNavi ul li {
    border-bottom: 1px solid #77572b;
    min-width: 100%;
}

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


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

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

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

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



/* 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/ornament-left-01.png);
	background-size: 35%;
	background-repeat: no-repeat;
	background-position: center;
	width: 75px;
	display: block;
	margin: 0px -20px 0px 0px;
}

body#hotelTop main div#topic h2:after {
	content: "";
	background: url(../img/ornament-right-01.png);
	background-size: 35%;
	background-repeat: no-repeat;
	background-position: center;
	width: 75px;
	display: block;
	margin: 0px 0px 0px -20px;
}

body#hotelTop main div#whatsnew span.caption:before {
	content: "";
	background: url(../img/ornament-left-02.png);
	background-size: 35%;
	background-repeat: no-repeat;
	background-position: center;
	width: 75px;
	display: block;
	margin: 0px -20px 0px 0px;
}

body#hotelTop main div#whatsnew span.caption:after {
	content: "";
	background: url(../img/ornament-right-02.png);
	background-size: 35%;
	background-repeat: no-repeat;
	background-position: center;
	width: 75px;
	display: block;
	margin: 0px 0px 0px -20px;
}

body#hotelTop main div#access span.caption:before {
	content: "";
	background: url(../img/ornament-left-03.png);
	background-size: 35%;
	background-repeat: no-repeat;
	background-position: center;
	width: 75px;
	display: block;
	margin: 0px -20px 0px 0px;
}

body#hotelTop main div#access span.caption:after {
	content: "";
	background: url(../img/ornament-right-03.png);
	background-size: 35%;
	background-repeat: no-repeat;
	background-position: center;
	width: 75px;
	display: block;
	margin: 0px 0px 0px -20px;
}

/* topic 小見出し(h3) */

body#hotelTop main div#topic h3 {
	margin-bottom: 10px;
	font-weight: normal;
}


/* footer
----------------------------------------------- */
footer div#footerNavi nav ul {
	border-top: 1px solid #77572b;
}

footer div#footerNavi nav ul li {
	background-color: transparent;
	border-bottom: 1px solid #77572b;
}

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

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

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

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

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

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


/* page style
----------------------------------------------- */

/* information */
body#hotelTop main div#topic {
    /*position: relative;*/
}

/*body#hotelTop main div#topic */
ul.information {
	text-align: center;
}

/*body#hotelTop main div#topic */
ul.information li {
	display: inline-flex;
	border-radius: 0px;
	margin-bottom: 3px;
	width: calc((100% - 11px)/3);
	height: 118px;
	margin-right: 0px;
}

/*body#hotelTop main div#topic */
ul.information li:not(:nth-child(3n)) {
	margin-right: 0px;
}

/*body#hotelTop main div#topic*/
ul.information li a {
	display: block;
	width: 100%;
	height: 100%;
}

/*body#hotelTop main div#topic */
ul.information li a.link span.icon {
	height: 60px;
	background-size: 30%;
	margin-top: 0px;
}

/*body#hotelTop main div#topic */
ul.information li span.icon-name-character {
	font-size: 10px;
	padding-top: 10px;
}

body#hotelTop main div#topic
ul.information li:nth-of-type(1) span.icon-name-character {
	padding-left: 13%;
	padding-right: 13%;
}

/*body#hotelTop main div#topic */
ul.information li a.link 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;
}

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