<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@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%;
}

/* header
----------------------------------------------- */
header div.container {
	background-size: 25%;
}

/* 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.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&gt;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&gt;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 a#btnLogin&gt;span::after,
header a#btnLogin:hover&gt;span::after {
    content: none;
}



/*ãƒ˜ãƒƒãƒ€ãƒ¼åº—èˆ—åã€€éžè¡¨ç¤º*/
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: #eeeeee;
}

#btnOpenMainNavi{
	background: transparent;
}

#btnOpenMainNavi &gt; span,
#btnOpenMainNavi &gt; span::before,
#btnOpenMainNavi &gt; span::after{
	background-color: #eeeeee;
}

#btnOpenMainNavi.close_bg {
	background: transparent;
}

#btnOpenMainNavi&gt;span.close:before,
#btnOpenMainNavi&gt;span.close:after {
	background-color: #eeeeee;
}


/* ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€€nav
----------------------------------------------- */
div#priorityNaviWrappar {
	display: block;
}

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

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

nav#mainNavi li a:hover {
	background-color: rgba(86, 0, 54, 0.5);
}

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

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

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

/*ãƒ˜ãƒƒãƒ€ãƒ¼ãƒŠãƒ“èƒŒæ™¯*/
div#priorityNaviContainer{
	background: #ffffff;
}

/*ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼èƒŒæ™¯*/
nav#mainNavi{
	background-color:rgba(0, 0, 0, 0.8);
	z-index: 11;
}


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

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

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

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

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

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

/* topic å°è¦‹å‡ºã—(h3) */

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


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

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

/*ã‚°ãƒ«ãƒ¼ãƒ—ãƒªãƒ³ã‚¯ã€ã‚ªãƒ•ã‚£ã‚·ãƒ£ãƒ«ãƒªãƒ³ã‚¯ã®æž&nbsp;ç·š*/
footer ul.link-list li{
	border-color:#4d4d4d;
}

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

footer div#footerHotelInfo &gt; ul li {
	color: #333333;
}


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

/*18ç¦*/
footer div#footerStop18 div#footerStop18Msg&gt;span {
	color: #333333;
}

/* ãƒ•ãƒƒã‚¿ãƒ¼ã€€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(255,255,255,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(2) span.icon-name-character {
	padding-left: 5px;
	padding-right: 5px;
}

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