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

main {
  padding-bottom: 0;
  word-break: break-all;
  overflow-wrap: break-word;
}

/*ホテルトップ　記事　非表示*/
body#hotelTop main div#topic section:nth-of-type(n+2),
body#member main div#mainWrapper section:nth-of-type(n+2) {
  display:none;
}

/* background settings */

body,
body:not(#hotelTop) {
  color: #333333;
  background-color: #010101;
}

body::before {
	position: fixed;
	top: 0;
	left: 0;
	z-index: -2;
	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 {
  background: #010101;
  background-image: url("../img/background-00.png");
  background-position: center top;
  background-size: 100% 100%;
  background-attachment: fixed;
  background-repeat: no-repeat;  
}*/

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

/*body#hotelTop main {
  background-color: transparent;
  background-image: url("../img/background-00.png");
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
}*/

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

body#hotelTop main div#whatsnew {
  background-color: rgba(55, 107, 185, 0.70);
}

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

/* header
----------------------------------------------- */
header div#headerLogo {
	width: 170px;
	height: 90px;
  top: 2px;
	background-image: url("../img/logo-header.png");
  background-position: left center;
	background-size: contain;
  background-repeat: no-repeat;
	background-color: transparent;
}

header a#btnLogin>span::after {
	content: "Member LOGIN";
	color: #151515;
  font-weight: 500;
}

header a#btnLogin::after {
  background-image: url("../img/login-icon-pc.png");
}

body:not(#hotelTop) header {
	position: relative;
}

header,
body:not(#hotelTop) header {
  background-color: transparent;
	background-image: url("../img/background-header.png");
}

/*ヘッダー店舗名*/
header div#headerLogo::after {
  content: "浅草店";/*店舗名*/
  display: block;
  position: relative;
  top: 35px;
  left: 265px;
  width: 140px;
  color: #ff0000;
  font-size: 12pt;
	display:none;
}

/* Stop18
------------------------ */
header div#headerStop18Msg {
	color: #ffffff;
}

header div#headerStop18Img {
	background-image: url("../img/stop-18-header.svg");
  width: 45px;
}

/* connectHotel
------------------------ */
header div#connectHotel {
	border: none;
}

header div#connectHotel * {
	color: #ffffff;
}

header div#connectHotel p:nth-of-type(2)::before {
  content: url("../img/phone-icon.png");
}

/* btnLogin
------------------------ */
header a#btnLogin {
  background-image: url("../img/login-button-pc.png");
  background-color: transparent;
  border: none;
  transition-duration: 0.5s;
}
header a#btnLogin:hover {
  filter: opacity(0.875) brightness(0.875);
  background-color: transparent;
  transition-duration: 0.5s;
}

header div#nickName p {
  color: #ffffff;
}

/* keyVisual
----------------------------------------------- */
div#keyVisual {
  position: relative;
  top: 0px;
  width: 100%;
  height: 570px;
  overflow: hidden;
}

div#keyVisual .bx-viewport {
  border: 0;
  left: 0px;
  background-color: transparent;
}

div#keyVisual div.bx-pager.bx-default-pager {
  position: relative;
  top: -50px;
}

body:not(#hotelTop) div#keyVisual {
  display:none;
}

body:not(#hotelTop) div#keyVisual ul {
  display:none;
}

/*div#keyVisual ul {
    height: 100%;
}*/

div#keyVisual ul li {
  height: 100%;
  display: flex;
  align-items: flex-start;
}

div#keyVisual div.key-image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
}

div#keyVisual,
div#keyVisual ul {
  height: 570px;
  background-color: #010101;
}

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

nav#priorityNavi ul li a {
  color: #151515;
  font-weight: 500;
  text-shadow: 1px 1px 1px rgba(75, 75, 75, 0.25);
}

nav#priorityNavi ul li a:hover {
  color: #ffffff;
  font-weight: 500;
  text-shadow: 1px 1px 1px rgba(75, 75, 75, 0.25);
}

nav#mainNavi {
  background:rgba(15, 15, 15, 0.85);
}

nav#mainNavi ul li a {
  color: #ffffff;
  text-shadow: 1px 1px 1px rgba(75, 75, 75, 0.50);
  font-weight: 500;
}

nav#mainNavi ul li a:hover {
  color: #8ccfff;
  text-shadow: 1px 1px 1px rgba(75, 75, 75, 0.50);
  font-weight: 500;
}

#btnOpenMainNavi {
  background-color: transparent;
}

#btnOpenMainNavi>span,
#btnOpenMainNavi>span::before,
#btnOpenMainNavi>span::after {
  background: #151515;
}

/* headline
----------------------------------------------- */
div#headInformation,
div#headNotice {
  background-color: rgba(25, 25, 25, 0.25);
  /*background-image: url(../img/background-header.png);*/
  padding: 1em 0px;
}

div#headInformation a,
div#headNotice a {
  color: #ffffff;
  text-decoration: none;
  text-align: center;
}

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

div#freeArea2,
div#freeArea3 {
	background-color: transparent;
	margin-top: 10px;
  margin-bottom: 0px;
}

/*div#freeArea3 {
  margin-left: -35px;
}*/

@media all and (-ms-high-contrast: none) {
  div#freeArea3 {
    display: none;
  }
}

.freestyle {
	list-style: none;
	padding-top:10px;
}

.freestyle li {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 10px;
	text-align: center;
	color: #000000;
	float: left;
	width: 18%;
}

main section .container .content:after,
.freestyle:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/* contents
----------------------------------------------- */
/* main */
body:not(#hotelTop) main {
	background-color: #ffffff;
  margin-bottom: 60px;
}

/*body:not(#hotelTop) h1 & underlines*/
h1 {
	color: #333333!important;
}

h1:after {
	border-bottom-color: rgba(100, 207, 255, 0.95);
	border-top-color: rgba(100, 207, 255, 0.95);
}

/* 大見出し */
body#hotelTop main div#topic h2 {
	background: transparent;
	color: #ffffff;
  text-shadow: 1px 1px 1px rgba(25, 25, 25, 0.25);
	font-size: 36px;
	font-weight: bold;
  font-family: 'メイリオ', 'Meiryo', sans-serif;
	display: flex;
	justify-content: center;
	margin-bottom: 0px;
	padding: 12px 24px 10px;
}

body#hotelTop main div#whatsnew span.caption {
	background: transparent;
	color: #ffffff;
  text-shadow: 1px 1px 1px rgba(25, 25, 25, 0.25);
	font-size: 36px;
	font-weight: bold;
  font-family: 'メイリオ', 'Meiryo', sans-serif;
	display: flex;
	justify-content: center;
	margin-bottom: 0px;
	padding: 12px 24px 10px;
}

body#hotelTop main div#access span.caption {
	background: transparent;
	color: #191c21;
  text-shadow: 1px 1px 1px rgba(25, 25, 25, 0.25);
	font-size: 36px;
	font-weight: bold;
  font-family: 'メイリオ', 'Meiryo', sans-serif;
	display: flex;
	justify-content: center;
	margin-bottom: 0px;
	padding: 12px 24px 10px;
}

/*whats New 日付*/
.newDate{
  color:#5a5a5a;
}

/* h2見出し */
h2 {
  background-color: #191c21;
  /*background-image: linear-gradient(to right, #000000 40%, #8b7146 100%);*/
	color: #ffffff;
}

/* h3見出し */
body#hotelTop main div#topic h3 {
	border: none;
	text-align: center;
	font-weight: normal;
}

h3 {
  color: #333333;
	padding: 4px 12px;
	margin-bottom: 18px;
	border-left: 10px solid rgba(100, 207, 255, 0.95);
}

/* オーナメント */
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: 100%;
	background-repeat: no-repeat;
	background-position: center;
	width: 54px;
	display: block;
	padding-top: 5px;
}

body#hotelTop main div#topic h2:before {
	background-image: url("../img/ornament-left-01.png");
	margin: 0px 20px 0px 0px;
}

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

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

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

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

body#hotelTop main div#access span.caption:after {
	background-image: url("../img/ornament-right-03.png");
	margin: 0px 0px 0px 20px;
}


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

footer div#footerNavi nav,
footer div#footerNavi nav ul {
  background-color: transparent;
}

footer div#footerNavi nav ul li a {
	color: #ffffff;
}

footer div#footerNavi nav ul li a:before {
	border-color: transparent transparent transparent #ffffff;
}

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

footer div#footerHotelInfo div#footerLogo {
	width: 150px;
	height: 50px;
	background-image: url("../img/logo-footer.png");
  background-position: left center;
  background-size: contain;
  background-repeat: no-repeat;
  margin: 5px 0px;
}

footer div#footerStop18 div#footerStop18Img {
	background-image: url("../img/stop-18-footer.svg");
}

footer div#footerStop18 div#footerStop18Msg>span {
  color: #333333;
}

footer div#footerStop18 {
  padding-bottom: 0.5em;
}

/* ホテル名 *//* ホテル電話番号 */
footer div#footerHotelInfo>ul li,
footer div#footerHotelInfo>ul li a {
	color: #333333;
}

footer #qrcodeContainer p {
	color: #333333;
}

/* Copyright */
footer div#copyright {
  color:#333333;
}

footer div#copyright a {
  color:#333333;
}

/*グループリンク＆オフィシャルリンク*/
footer ul.link-list li {
  background-color: #8ccfff;
  border-color: transparent;
  text-align: left;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}

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

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

footer ul.link-list li a::before {
  content: "";
  display: inline-block;
  width: 0px;
  height: 0px;
  margin: 0px 5px 0px 0px;
  border-style: solid;
  border-width: 4px 0px 4px 7px;
  border-color: transparent transparent transparent #333333;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}

footer ul.link-list li a:hover::before {
  content: "";
  display: inline-block;
  width: 0px;
  height: 0px;
  margin: 0px 5px 0px 0px;
  border-style: solid;
  border-width: 4px 0 4px 7px;
  border-color: transparent transparent transparent #8ccfff;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}

/* page style
----------------------------------------------- */
/* accessCount */
footer div#accessCount {
	display: none;
}


/* Top4 information
----------------------------------------------- */
ul.information {
	text-align: center;
}

ul.information li {
	display: inline-block;
	background-color: transparent;
	vertical-align: top;
	width: calc(( 100% - 26px)/2);
  text-align: left;
	font-size: 1em;
	border-radius: 0px;
	height: 160px;
	margin-bottom: 20px;
	text-align: center;
	position: relative;
}

/*ul.information li:hover {
  background-color: #a2a2a2;
}*/

/* information hover 全体用 */
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;
}

ul.information li span.icon {
	display: none;
}

ul.information li a.link,
ul.information li a.secretLink {
	text-decoration: none;
}

/* 画像の場合*/
ul.information li a.link span.icon-name,
ul.information li a.secretLink span.icon-name {
	/*font-size: 1.125em;*/
	width: 35%;
	height: 160px;
	font-weight: bold;
	display: block;
	text-align: left;
	padding: 0px 20px;
  background-image: url("../img/information-li-box.png"), url("../img/information-li-box.png");
  background-size: cover,0 0;
  background-position: left center;
  background-repeat: no-repeat;
}

/* 画像の場合 hover*/
ul.information li a.link:hover span.icon-name,
ul.information li a.secretLink:hover span.icon-name {
  background-size: 0 0,cover;
}

/*ビジター用 INFORMATION テキスト部分*/
ul.information li span.icon-name-character {
  color: #ffffff;
	height: 160px;
	display: table-cell;
	vertical-align: middle;
	letter-spacing: 1px;
  font-weight: 600;
}

/*ビジター用 INFORMATION hover テキスト部分*/
/*ul.information > li:hover:nth-child(1) > a > span.icon-name > span.icon-name-character, 
ul.information > li:hover:nth-child(2) > a > span.icon-name > span.icon-name-character, 
ul.information > li:hover:nth-child(3) > a > span.icon-name > span.icon-name-character, 
ul.information > li:hover:nth-child(4) > a > span.icon-name > span.icon-name-character, {
	color: #ffffff!important;
  transition: color 0.5s;
}*/

ul.information li:nth-child(2n-1) {
	margin-right: 20px;
}

ul.information li:nth-child(2n) {
	margin-right: 0px;
}


/*ビジター用 INFORMATION 画像*/
ul.information li {
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 65%;
  /*filter: grayscale(100%)*/;
}

ul.information li:nth-child(1) {
	background-image: url("../img/information-menu-01.png"),url("../img/information-menu-01.png");
  background-size: 65%,0 0;
}

ul.information li:nth-child(2) {
  background-image: url("../img/information-menu-02.png"), url("../img/information-menu-02.png");
  background-size: 65%,0 0;
}

ul.information li:nth-child(3) {
  background-image: url("../img/information-menu-03.png"), url("../img/information-menu-03.png");
  background-size: 65%,0 0;
}

ul.information li:nth-child(4) {
  background-image: url("../img/information-menu-04.png"), url("../img/information-menu-04.png");
  background-size: 65%,0 0;
}

/*ビジター用 INFORMATION hover 画像部分 filter 使う場合*/
ul.information li:hover:nth-child(1),
ul.information li:hover:nth-child(2),
ul.information li:hover:nth-child(3),
ul.information li:hover:nth-child(4) {
  background-size: 0 0,65%;
  background-repeat: no-repeat;
  /*filter: none;*/
}

/*メンバー用 INFORMATION*/
body#member main ul.information li:nth-child(1) {
	background-image: url("../img/information-menu-01.png"), url("../img/information-menu-01.png");
  background-size: 65%,0 0;
}

body#member main ul.information li:nth-child(2) {
  background-image: url("../img/information-menu-02.png"), url("../img/information-menu-02.png");
  background-size: 65%,0 0;
}

body#member main ul.information li:nth-child(3) {
  background-image: url("../img/information-menu-03.png"), url("../img/information-menu-03.png");
  background-size: 65%,0 0;
}

body#member main ul.information li:nth-child(4) {
  background-image: url("../img/information-menu-04.png"), url("../img/information-menu-04.png");
  background-size: 65%,0 0;
}

/*メンバー用 INFORMATION hover*/
body#member main ul.information li:hover:nth-child(1),
body#member main ul.information li:hover:nth-child(2),
body#member main ul.information li:hover:nth-child(3),
body#member main ul.information li:hover:nth-child(4) {
  background-size: 0 0,65%;
  background-repeat: no-repeat;
}

/* whats new */
#whatsnew section .container {
	background-color: #ffffff;
}

#whatsnew div.content {
  color: #333333;
  /*h3 に横を揃える場合
  padding: 0 22px;*/
}

#new div.content {
  color: #000000;
}

.roomlist {
	height: 50px !important;
}
.roomlist a {
	display: block;
}

div#mainWrapper section div.container div.content div.f_menu.pc_only span,
div#mainWrapper section div.container div.content pre div.f_menu.pc_only font,
div#mainWrapper div#service section div.container div.content div.f_menu.pc_only span {
  color: #000000!important;
}

div#mainWrapper section div.container div.content div.f_menu.pc_only {
  list-style: none;
  overflow: hidden;
}

div#mainWrapper section div.container div.content div.f_menu.pc_only ul li {
  background-color: #ffffff;
  width: 145px;
  text-align: center;
  float: left;
  list-style-type:none;
  margin-right: 2.5px;
  padding: 0.5em 0;
}

div#mainWrapper section div.container div.content div.f_menu.pc_only ul li a {
  text-decoration: none;
  color: #ffffff;
  font-size: 0.875em;
}

div#mainWrapper section div.container div.content div.f_menu.pc_only ul li a:hover {
  text-decoration: underline;
}

/*.google_map{
    position:relative;
    width:100%;
    height:0;
    padding-top:75%;
}*/

/*iframe {
  width:100%;
}*/

/* empty (02空室情報）& member/reserve (ルーム予約) 修正 */
body#empty div.epEmptyRoom,
body#member_reserve div.epEmptyRoom {
	border-color: rgba(100, 207, 255, 0.95);
}
body#empty div.epEmptyRoomClm,
body#member_reserve div.mrEmptyRoomClm {
	background-color: rgba(100, 207, 255, 0.95);
  border-color: rgba(100, 207, 255, 0.95);
}
body#empty div.epCleanRoomClm,
body#member_reserve div.mrCleanRoomClm {
	background-color: #cccccc;
}
body#empty div.epCleanRoom,
body#member_reserve div.mrCleanRoom {
  background-color: #cccccc;
	border-color: #cccccc;
}
body#empty div.epEmptyRoom,
body#member_reserve div.mrEmptyRoom {
	background-color: rgba(100, 207, 255, 0.95);
	border: solid 2px rgba(100, 207, 255, 0.95);
	text-align: center;
	width: 45%;
	margin: 10px;
}

body#empty div.epEmptyRoom div,
body#member_reserve div.mrEmptyRoom div  {
	padding: 16px;
}

body#empty span.roomlist,
body#member_reserve span.roomlist {
  background-color: rgba(100, 207, 255, 0.95);
}

body#empty span.roomlist a,
body#member_reserve span.roomlist a {
  display:block;
  height:50px;
  line-height:50px;
}

body#empty div.crossLinkArr,
body#member_reserve div.crossLinkArr {
  background-color: rgba(100, 207, 255, 0.95);
}

body#empty div.crossLinkArr::before,
body#member_reserve div.crossLinkArr::before {
border: 15px solid transparent;
border-left: 15px solid rgba(100, 207, 255, 0.95);
}

body#empty span.roomempty {
  background-color: rgba(27, 4, 3, 0.70)
}

body#empty span.roomclean {
  background-color: #cccccc;
}


#mainWrapper > section.crossLink a {
  color: #333333;
  text-decoration: none;
}

#mainWrapper > section.crossLink a:hover {
  color: #333333;
  text-decoration: underline;
}

body#empty #mainWrapper > section:nth-child(3) > div > div > a {
  color: #333333;
  text-decoration: underline;
}



/*部屋ランク別料金一覧表 */
body#room div#mainWrapper th,
body#room div#mainWrapper td {
	border: none;
}

body#room li.roomImgList {
  width: 100px;
  margin: 0 10px;
}

body#room li.roomImgList a,
body#room div#mainWrapper pre a {
  color: #333333;
  font-weight: 500;
  color: #333333;
}

/*客室画像*/
#roomImages {
  width:600px;
  margin:0 auto;
  text-align:left !important;
}


/* bbs (03掲示板修正）修正 */
body#bbs table#bbsInput th,
body#bbs table#bbsInput td,
body#bbsReply table#bbsInput th,
body#bbsReply table#bbsInput td {
	background-color: #f5f5f5;
}

body#bbs ul.postWriting,
body#bbsReply ul.postWriting {
	background-color: #f5f5f5;
}

body#bbs li#infoSubject,
body#bbs li#infoInputDate,
body#bbs li#infoBody,
body#bbsReply li#infoSubject,
body#bbsReply li#infoBody,
body#bbsReply li#infoInputDate {
	color: #000000;
}

body#bbs li#infoName a,
body#bbs li#replyName a,
body#bbs .topicName,
body#bbsReply li#infoName a,
body#bbsReply li#replyName a,
body#bbsReply .topicName {
	color: #999999;
}

body#bbs li#replyName,
body#bbsReply li#replyName {
	color: #999999;
}

body#bbs li#infoBorder,
body#bbs li#replyBorder,
body#bbsReply li#infoBorder,
body#bbsReply li#replyBorder {
	border-bottom-color: #ed1c24;
}

body#bbs a#linkLogin,
body#bbs a#guidelines,
body#bbs div#pagination a#preview,
body#bbs div#pagination a#new,
body#bbs div#pagination a#next,
body#bbsRegister a#bbsBack,
body#bbsDelete a#bbsBack,
body#bbsReply a#linkLogin,
body#bbsReply a#guidelines,
body#bbsReply div#pagination a#preview,
body#bbsReply div#pagination a#new,
body#bbsReply div#pagination a#next,
body#bbsReply a#bbsBack {
	color: #000000;
}

body#bbs .btn-reply,
body#bbsReply .btn-reply {
  border: solid 1px #ffffff;
  background-color: #ffffff;
  color: #000000;
}

body#bbs .btn-reply:hover,
body#bbsReply .btn-reply:hover {
  border: solid 1px #999999;
  background-color: #999999;
  color: #ffffff;
}

/* room (06料金・客室情報）修正 */
body#room div.Title {
	background-color: rgba(100, 207, 255, 0.95);
}

body#room div.item-table dl dt.zenjitsu,
body#room div.item-table dl dd.zenjitsu {
	background-color: #fafafa;
}

body#room dl.roomDl dt,
body#room dl.roomDl dd {
	border: none;
  white-space: pre-wrap;
}

body#room dl.roomDl dt {
  padding: 10px 10px;
}

body#room div.item-table {
	border: none;
}

body#room a.roomLink {
	border-color: rgba(100, 207, 255, 0.95);
	color: rgba(100, 207, 255, 0.95);
	transition: background-color 0.5s, color 0.5s;
}

body#room a.roomLink:hover {
	background-color: rgba(100, 207, 255, 0.95);
	color: #ffffff;
  opacity: 0.6;
  filter: brightness(110%);
  transition: background-color 0.5s, color 0.5s;
}

body#room a.rankLinkOn {
	background-color: rgba(100, 207, 255, 0.95);
	color: #ffffff;
  transition: background-color 0.5s, color 0.5s;
}

body#room span.roomRankTitle {
	background-color: rgba(100, 207, 255, 0.95);
  color: #ffffff;
}

body#room div.rankTab {
	border-bottom-color: rgba(100, 207, 255, 0.95);
}

body#room div.roomImgs {
	border-color: #ffffff;
}

body#room div.roomRankArea {
	background-color: #f5f5f5;
	padding-bottom: 20px;
}

#mainWrapper > section:nth-child(7) > div > div > pre > img {
  width: 100%;
}

body#room div#mainWrapper > section:nth-child(2) {
  display: none;
}

body#room hr {
  height: 0;
  margin: 0.25em 0.25em -1em;
  padding: 0;
  border: 0;
  border: 1px dashed #eeeeee;
  /*background-image: linear-gradient(to right, transparent 5%, #cccccc 25%, transparent 95%);*/  
}


/* room detail (06-1料金・客室情報詳細）修正 */
body#roomdetail a.priceLink {
	border-color: rgba(100, 207, 255, 0.95);
	color: rgba(100, 207, 255, 0.95);
  transition: background-color 0.5s, color 0.5s, border-color 0.5s;
}

body#roomdetail a.priceLink:hover {
	background-color: rgba(100, 207, 255, 0.95);
	color: #ffffff;
  transition: background-color 0.5s, color 0.5s;
}

body#roomdetail div#priceArea {
	background-color: #f5f5f5;
}

body#roomdetail div.Title {
	background-color: rgba(100, 207, 255, 0.95);
}

body#roomdetail dl.roomDl dt,
body#roomdetail dl.roomDl dd {
	border: none;
  white-space: pre-wrap;
}

body#roomdetail div.item-table dl dt.zenjitsu,
body#roomdetail div.item-table dl dd.zenjitsu {
	background-color: #fafafa;
}

body#roomdetail div.item-table {
	border: none;
}

body#roomdetail div#equipmentInfo {
	border: none;
	background-color: #f5f5f5;
}

body#roomdetail li.equipment:before {
	border: 3px solid #4d4d4d;
}

body#roomdetail a#roomBack,
body#roomdetail div.priceTop a.smooth-in-link,
body#room div#mainWrapper pre a {
	color: #333333;
}

body#roomdetail ul.equipment {
  margin-top: 0px;
  margin-left: 24px;
  margin-bottom: 24px;
  padding-top: 24px;
}

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

body#roomdetail hr {
  height: 0;
  margin: 0.25em 0.25em -1em;
  padding: 0;
  border: 0;
  border: 1px dashed #dddddd;
  /*height: 1px;
  background-image: linear-gradient(to right, transparent 5%, #cccccc 25%, transparent 95%);*/
}



/* simulate (07料金シミュレーション）修正 */
body#simulate tr.tr-entering th,
body#simulate tr#tr-time th {
	background-color: #f5f5f5;
}

body#simulate div#simulateResult:not(.msg-warning) {
  background-color: #f5f5f5;
}

/* service (08サービス設備情報）修正 */
body#service ul.equipment>li {
  vertical-align: top;
}

body#service ul.equipment>li:before {
  margin-top: 1.5em;
  top:0;
}

body#service div.limiteroom {
	background-color: rgba(100, 207, 255, 0.95);
}

body#service ul.equipment>li:before {
  border: 3px solid rgba(27, 4, 3, 0.70)
}

body#service div.rental {
	border-bottom: 1px solid #F7F7F7;
}

body#service p.rental {
	height: 5em;
	display: table-cell;
	vertical-align: middle;
}

body#service hr {
  height: 0;
  margin: 1em 0;
  padding: 0;
  border: 0;
}

body#service hr {
  border: 1px dashed #eeeeee;
  /*height: 1px;
  background-image: linear-gradient(to right, transparent 5%, #cccccc 25%, transparent 95%);*/
}

/* rental (レンタル＆販売商品）*/
body#rental ul.equipment>li {
  position: relative;
  display: inline-block;
  /*list-style-type: none !important;
  list-style-image: none !important;
  margin: 5px 0px 5px 0px !important;*/
  padding: 12px 8px 12px 20px;
  width: 30%;
  min-width: 300px;
}

body#rental ul.equipment>li {
  vertical-align: top;
}

body#rental ul.equipment>li:before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border: 3px solid #cccccc;
}

body#rental ul.equipment>li:before {
  margin-top: 1.5em;
  top:0;
}

body#rental ul.equipment>li:before {
  border: 3px solid rgba(27, 4, 3, 0.70)
}



/* event (メンバー特典）修正 */
/*hyouyou_bordercolor
body#event #mainWrapper  table {
  border: 1px solid #dddddd;
  border-collapse: collapse;
}

body#event #mainWrapper table tbody tr.hyouyou_bordercolor {
  background-color: #ffffff;
}

body#event #mainWrapper table tbody tr,
body#event #mainWrapper table tbody td {
  border: 1px solid #dddddd;
  }*/

/* mailto (09お問い合わせ）修正 */
body#mailto a#maillink {
	width: 320px;
	display: block;
	text-align: center;
	background-color: rgba(100, 207, 255, 0.95);
  border: solid 1px rgba(100, 207, 255, 0.95);
	color: rgba(255, 255, 255, 1.00);
	padding: 8px 88px;
	border-radius: 28px;
	text-decoration: none;
	margin-bottom: 20px;
  transition: background-color 0.5s, color 0.5s, border-color 0.5s;
}

body#mailto a#maillink:hover {
	background-color: rgba(255, 255, 255, 1.00);
  border: solid 1px rgba(100, 207, 255, 0.95);
	color: rgba(100, 207, 255, 0.95);
}

body#mailto div.content a {
  color: #4d4d4d;
}

/*メールマガジン*/
input[type=text] {
  color:#000000;
}

body#mailmagazine div#mainWrapper a.honbun {
  color: #333333;
}

/* coupon (12クーポン）修正 */
body#coupon div.couponList {
	background-color: #ededed;
	border-color: #ededed;
}
body#coupon span.couponClum {
	background-color: rgba(100, 207, 255, 0.95);
}
div.couponBtn.content .btn-positive a {
	display: block;
	padding: 0px 80px;
}

#mainWrapper > section > div > h3.coupon-conditions {
  border-left: none;
}

/* use (ご利用履歴）修正 */
body#member_use div.linkArea a {
  color: #000000;
}

/* point (ポイント履歴）修正 */
body#member_point div.linkArea a {
  color: #000000;
}

/* ボタン共通　修正 */
.btn-positive {
	border: solid 1px rgba(100, 207, 255, 0.95);
	background-color: rgba(100, 207, 255, 0.95);
	color:  rgba(255, 255, 255, 1.00);
	transition: background-color 0.5s, color 0.5s, border-color 0.5s;
}

.btn-positive:hover {
	border: solid 1px rgba(100, 207, 255, 0.95);
	background-color: rgba(255, 255, 255, 1.00);
	color: rgba(100, 207, 255, 0.95);
  transition: background-color 0.5s, color 0.5s, border-color 0.5s;
}

.btn-negation {
	border: solid 1px #999999;
  background-color: #ffffff;
	color: #999999;
  transition: background-color 0.5s, color 0.5s, border-color 0.5s;
}

.btn-negation:hover {
	border: solid 1px #999999;
	background-color: #999999;
	color: #ffffff;
  transition: background-color 0.5s, color 0.5s, border-color 0.5s;
}

body#coupon div.couponBtn a {
	color: #ffffff;
  transition: color 0.5s;
}

body#coupon div.couponBtn a:hover {
	color: rgba(100, 207, 255, 0.95);
  transition: color 0.5s;
}

/*div#whatsnew .newMore.btn-negation {
	min-width: 300px;
	letter-spacing: 1px;
	color: rgba(96, 40, 14, 1.00);
  font-weight: 500;
  background: linear-gradient(to bottom, rgba(141, 130, 102, 1.00), rgba(179, 171, 141, 1.00));
  border: 1px solid transparent;
	transition: background-color 0.5s, color 0.5s, border-color 0.5s;
}

div#whatsnew .newMore.btn-negation:hover {
	background: rgba(96, 40, 14, 1.00);
  border: 1px solid transparent;
	color: rgba(141, 130, 102, 1.00);
  font-weight: 500;
}*/

/*div#whatsnew .newMore.btn-negation {
  min-width: 300px;
	letter-spacing: 1px;
  color: #fe0000;
  position: relative;
  background: linear-gradient(to bottom, #90cdf4, #2c5282)
}

div#whatsnew .newMore.btn-negation:after {
  color: #2c5282;
  content: "";
  opacity: 0;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: inherit;
  transition: opacity 1.3s;
  background: linear-gradient(to bottom, red, purple)
}

div#whatsnew .newMore.btn-negation:hover {
  color: #2c5282;
}

div#whatsnew .newMore.btn-negation:hover:after {
  color: #2c5282;
  opacity: 1;
}*/

div#whatsnew .newMore.btn-negation {
  min-width: 300px;
	letter-spacing: 1px;
  position:relative;
  color:#191c21;
  background-color: transparent;
  border: none;
  font-weight: 500;
  z-index:0;
}

div#whatsnew .newMore.btn-negation:hover {
  color: #8ccfff;
  background-color: transparent;
  border: none;
  /*filter: opacity(0.875) brightness(100%);*/
}

div#whatsnew .newMore.btn-negation:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: inherit;
  z-index: -1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: url("../img/new-more-button.png");
  border: 1px solid transparent;
  transition-duration: 0.5s;
}

div#whatsnew .newMore.btn-negation:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: inherit;
  z-index: -2;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: url("../img/new-more-button-on.png");
  border: 1px solid transparent;
  transition-duration: 0.5s;
}

div#whatsnew .newMore.btn-negation:hover:before {
  opacity: 0;
}


/* メンバー情報 */
/*body#member_info a {
	color: #ffffff;
}*/

body#member_info table.multi-column tr:nth-child(1) th,
body#member_info table.multi-column tr:nth-child(2) th,
body#member_info table.multi-column tr:nth-child(3) th,
body#member_info table.multi-column tr:nth-child(4) th,
body#member_info table.multi-column tr:nth-child(5) th,
body#member_info table.multi-column tr:nth-child(6) th,
body#member_info table.multi-column tr:nth-child(7) th,
body#member_info table.multi-column tr:nth-child(8) th {
	padding: 20px;
}

/* member/allroom 全室達成部屋状況 修正 */
/*body#member_allroom div.allroom-sample {
	background-color: #fafafa;
	padding: 10px;
	border: 1px solid #cdcdcd;
}

body#member_allroom div.allroom-list>table td.use_room {
  background-color: #000000;
  color: #FFFFFF;
}

body#member_allroom div.explanation-msg span.use-color {
  color: #000000;
}*/

/*body#member_info div.content div.couponBtn {
  display: none;
}*/


/* 全室達成 */
body#member_allroom div.allroom-sample {
	background-color: #fafafa;
	padding: 10px;
	border: 1px solid #cdcdcd;
}

body#member_allroom div.allroom-list>table td.un_use_room {
	background-color: #cccccc;
	color: #666666;
}

body#member_allroom div.allroom-list>table td.use_room * {
	color: #ffffff;
}

body#member_allroom div.allroom-list>table td.use_room {
  background-color: rgba(100, 207, 255, 0.95);
}

body#member_allroom div.explanation-msg span.use-color {
  color: rgba(100, 207, 255, 0.95);
}

body#member_allroom div#mainWrapper section.crossLink a.crossLinkName {
	color: #ffffff;
}

/* オーナーズルーム */
body#member_owner div.example-area {
	background-color: #FAFAFA;
	border: 1px solid #cdcdcd;
	padding: 20px 20px 10px;
	margin-bottom: 50px;
}

body#member_owner div.owners {
  background-color: #ffcccc;
}

body#member_owner div.owners div {
  border: 1px solid #cc0000;
}

body#member_owner div.owners p {
  color: #cc0000;
}

body#member_owner div.last {
	background-color: #ffe3b1;
}

body#member_owner div.last div {
	border: 1px solid #ff9900;
}

body#member_owner div.last p  {
	color: #ff9900;
}

body#member_owner div.remaining {
	background-color: #ccff99;
}

body#member_owner div.remaining div {
	border: 1px solid #669933;
}

body#member_owner div.remaining p {
	color: #669933;
}

body#member_owner div.unused {
	background-color: #cccccc;
}

body#member_owner div.unused div {
	border: 1px solid #666666;
}

body#member_owner div.unused p {
	color: #666666;
}

body#member_owner div.roomList>div>div {
	color: #666666;
}

/* ランキング */
body#member_ranking div.rank-next div {
	color: #4d4d4d;
}

body#member_ranking div.rank-next a {
  color: #4d4d4d;
}


/*　ご利用履歴　*/
body#member_use div#historyArea td:nth-of-type(1) {
	min-width: 245px;
}

body#member_use .hyouyou_bordercolor {
	border-collapse:collapse;
	border:1px solid #cdcdcd;
	background:#ffffff;
}

body#member_use .hyouyou_bgcolor {
	border-collapse:collapse;
	border:1px solid #cdcdcd;
	background:#eed4c4;
	padding:10px;
}

body#member_use .hyouyou_bgcolor2 {
	border-collapse:collapse;
	border:1px solid #cdcdcd;
	background:#ffffff;
	padding:10px;
}

body#member_use div.linkArea a {
	color: #333333;
}

/*　ポイント履歴　*/
body#member_point div.linkArea a {
	color: #333333;
}

/*アクセス情報／トップページ*/
body#hotelTop div#access div.container {
  background-color: #ffffff;
}

/* マップの余白カット
body#hotelTop div#access section div.container {
  padding: 0.75em 0;
}*/

/*「MAP」見出し　非表示*/
#access section h2 {
	display: none;
}

/*div#access section div.container h3 {
  border: none;
}*/

div#access div.container {
  color: #111111;
}

div#access h3 {
  color: #111111;
  padding: 4px 12px 0;
  margin-bottom: 0.25em;
}

/*h3 に車や電車のアイコンを入れるとき
div#access section div.container h3 img {
  text-align: center;
  vertical-align: middle;
  margin-right: 0.5em;
}*/

/*body#hotelTop div#access section:nth-child(n+3) div.container div.content,
body#access div#mainWrapper section:nth-child(n+3) div.container div.content {
  padding: 0 22px;
}*/


/*アクセス情報 ページ*/
/*body#access #mainWrapper section div.container div.content span {
  color: #544240!important;
}*/

/*h3 にアイコンを入れたい場合
body#access #mainWrapper section h3 {
  border: none;
  padding: 0.25em 0 0;
  margin-bottom: 0.25em;
}*/

/*h3 にアイコンを入れたい場合
body#access #mainWrapper section h3 img {
  text-align: center;
  vertical-align: middle;
  margin-right: 0.5em;
  filter: invert(100%);
}*/

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

/* Youtube */
.youtube {
  width:560px;
  height:315px;
  text-align:center;
}

/*フードメニュー*/
.foodmenu {
	width: 770px;
}
.foodmenu::after {
	clear: both;
}
.foodmenu_left {
	width: 170px;
	float: left;
	text-align: left;
}
.foodmenu_right {
	float: left;
	text-align: left;
}

div.foodmenu_left a {
  color: #333333;
}

/* TOP
-------------------------*/
footer div#linkPageTop a {
  position: fixed;
  bottom: 32px;
  right: 32px;
  z-index: 999;
}

footer div#linkPageTop a {
  font-size: inherit;
  font-weight: normal;
  transform: inherit;
  border-radius: 50%;
	padding: 34px 18px 12px;
}

footer div#linkPageTop a::before {
  content: "";
  position: absolute;
  top: 26%;
  left: 50%;
  width: 12px;
  height: 12px;
  border: 0px;
  border-top: solid 1px #151515;
  border-right: solid 1px #151515;
  -ms-transform: translateX(-50%) rotate(-45deg);
  -webkit-transform: translateX(-50%) rotate(-45deg);
  transform: translateX(-50%) rotate(-45deg);
}

footer div#linkPageTop a::after {
  content: "TOP";
  font-weight: bold;
  color: #151515;
  position: relative;
  top: inherit;
  left: inherit;
  width: inherit;
  height: inherit;
  border: 0px;
  border-top: none;
  border-right: none;
  transform: none;
}

footer div#linkPageTop a {
  position: fixed;
	bottom: 32px;
  right: 32px;
  z-index: 999;
  display: none;
}

footer div#linkPageTop a {
  background-color:#8ccfff;
  filter: opacity(0.80);
}

/*記事　回り込み解除*/
#new section .container .content:after,
#whatsnew section .container .content:after,
#service section .container .content:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* table */
div#mainWrapper table {
	border-collapse: collapse;
}

/*div#mainWrapper tr {
	background-color: transparent;
}*/

body#new div#mainWrapper th,
body#new div#mainWrapper td,
body#event div#mainWrapper th,
body#event div#mainWrapper td, 
body#service div#mainWrapper th,
body#service div#mainWrapper td,
body#food div#mainWrapper th,
body#food div#mainWrapper td {
	border: 1px solid #aaaaaa;
  letter-spacing: 0.125em;
  padding: 0.125em 0.5em;
  background-color: transparent;
}

body#new div#mainWrapper th,
body#event div#mainWrapper th,
body#service div#mainWrapper th {
	background-color: rgba(100, 207, 255, 0.95);
	color: #ffffff;
}

div#mainwrapper td {
	background: transparent;
}

/* table */
table.hyouyou_bordercolor {
	border-collapse: collapse;
}

tr.subtitlebar_linecolor {
	background-color: rgba(100, 207, 255, 0.95);
	color: #ffffff;
	/*border: none;*/
	letter-spacing: 0.125em;
}

th.honbun {
	border-collapse: collapse;
	/*background-color: rgba(253, 164, 251, 0.975);
	color: #ffffff;*/
	padding: 0.125em;
	border: 1px solid #aaaaaa;
	text-align: left;
	text-indent: 0.5em;;
  /*text-align: center;*/
}

td.honbun {
	border-collapse: collapse;
	color: #333333;
	padding: 0.125em;
	border: 1px solid #aaaaaa;
	text-align: left;
	text-indent: 0.5em;
  /*text-align: center;*/
}


td.link1 {
  background: transparent;
}

/*:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
} */

/*body:not(#hotelTop) div#keyVisual ul {
display: none;
}*/