@CHARSET "UTF-8";
@import url("../../common/css/style-a.css");
/* ---------------------
- common setting（全体に共通する部分）body、行間など
- header（ヘッダー部分）ロゴ、住所 ヘッダーの背景
- keyVisual（スライドショーに関する項目）
- nav（メニューに関する項目）2ページ目の画像も
- headline（メンテナンスのお知らせなど、全体の告知に関する項目）
- freeArea（プラグインの表示に関する項目）
- contents（各ページの共通部品）（大見出し）、
など
- footer（フッター部分）ロゴ、住所、サイトマップ、TOP ボタン
- page style（各ページ内限定の設定）#room、#member 内だけなど要素
--------------------- */
/* common setting
----------------------------------------------- */
body:not(#hotelTop) {
/*background-image: url(../img/A_background.png);*/
background-color: #1b1b1b;
}
* {line-height: 1.6;}
main {
padding-bottom: 0px;
}
body {
background-color: #ffffff;
}
*:not(font) {
color: #333333;
}
/*ホテルトップ 記事 非表示*/
body#hotelTop main div#topic section:nth-of-type(n+2){
display:none;
}
body#member main div#mainWrapper section:nth-of-type(n+2){
display:none;
}
/* header
----------------------------------------------- */
header div#headerLogo {
width: 265px;
height: 90px;
background-size: 50%;
background-image: url(../img/header_logo_a.png);
}
/*メンバーログイン ボタン*/
header a#btnLogin>span::after {
/*英語「Member LOGIN」の場合は content 記入*/
content: "Member LOGIN";
color: #ebebeb;
}
/* 18禁 */
/*#headerStop18Img{
background-image: url("../img/stop-18-bg-333.png");*/
/*display:none !important;*/
}
#headerStop18Msg{
color:#6b6b6b;
/*display:none !important;*/
}
/*#headerStop18Img{
background-image: url(../img/stop-18-bg-clear.png);
}*/
header div#headerStop18Img {
background-image: url(../img/stop-18-bg-clear.png) !important;
}
header div#headerLogo {
border: none;
}
header a#btnLogin {
border: none;
background: rgb(66,53,21); /* Old browsers */
background: -moz-linear-gradient(top, rgba(66,53,21,1) 0%, rgba(56,41,7,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(66,53,21,1) 0%,rgba(56,41,7,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(66,53,21,1) 0%,rgba(56,41,7,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#423515', endColorstr='#382907',GradientType=0 ); /* IE6-9 */
}
/*ホテルトップ 記事 非表示*/
body#hotelTop main div#topic section:nth-of-type(n+2){
display:none;
}
body#member main div#mainWrapper section:nth-of-type(n+2){
display:none;
}
/*header a#btnLogin hover {
background-color: rgba(227,156,161,0.9);
}*/
header {
background: #000000;
border-bottom: 1px solid #000000;
}
div#priorityNaviWrappar {
background: rgba(65,45,10,0.5);
}
header div#headerStop18Msg {
color: #ffffff;
}
header div#connectHotel * {
color: #ffffff;
text-align: center;
}
header div#connectHotel p:nth-of-type(2)::before {
content: url(../img/icon-phone-fff.png);
position: relative;
top: 1px;
left: -2px;
}
/*header div#connectHotel {
border: 1px solid #ffffff !important ;
background-color: #070000;
}*/
/*body#member main {
background-image: url(../img/A_backgraound_02.png);
background-repeat: no-repeat;
background-size: cover;
}
*/
header div#nickName p {
color: #ffffff;
}
/* keyVisual
----------------------------------------------- */
div#keyVisual,
div#keyVisual ul {
height: 570px;
}
div#keyVisual .bx-viewport {
border: 0;
left: 0px;
}
div#keyVisual div.bx-pager.bx-default-pager {
position: relative;
top: -50px;
}
/* nav
----------------------------------------------- */
#btnOpenMainNavi {
background-color: transparent;
/*border: solid 1px #ffffff;*/
/*background: #070000;*/
}
header a#btnLogin::after {
background-image: url(../img/icon-login.png);
}
header a#btnLogin:hover {
background: #ac934e;
}
nav#priorityNavi ul li a {
color: #ffffff !important;
}
nav#priorityNavi ul li a:hover {
color: #c8c36e;
}
/*ハンバーガーメニュー ライン色*/
#btnOpenMainNavi > span::before, #btnOpenMainNavi > span::after{
background:#ffffff;
}
#btnOpenMainNavi > span{
background:#ffffff;
}
not(font) .content{
color: #333333;
}
nav#mainNavi ul li a {
display: block;
padding: 4px 10px;
color: #FFFFFF;
text-decoration: none;
}
nav#mainNavi ul li a:hover {
color: #9e2c2c;
}
#btnOpenMainNavi>span {
display: block;
position: absolute;
top: 24px;
left: 15px;
width: 35px;
height: 4px;
margin: -2px 0px 0px -8px;
background-color: #FFFFFF;
transition: .2s;
}
/* headline
----------------------------------------------- */
div#headInformation, div#headNotice {
}
/* freeArea
----------------------------------------------- */
div#freeArea1, div#freeArea2, div#freeArea3 {
background: #220805;
}
/* main
----------------------------------------------- */
body:not(#hotelTop) main {
background-color: #ffffff;
}
/* contents
----------------------------------------------- */
/* 大見出し */
body#hotelTop main div#topic h2,
body#hotelTop main div#whatsnew span.caption,
body#hotelTop main div#access span.caption {
background: transparent;
color: #ffffff !important;
font-size: 36px;
font-weight: normal;
display: flex;
justify-content: center;
margin-bottom: 0px;
padding: 12px 24px 10px;
}
body#hotelTop main div#topic h2:before,
body#hotelTop main div#whatsnew span.caption:before,
body#hotelTop main div#access span.caption:before {
content: "";
background: url(../img/a_ornament_left.png);
background-size: 50%;
background-repeat: no-repeat;
background-position: center;
width: 100px;
display: block;
margin: -5px 10px 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 {
content: "";
background: url(../img/a_ornament_right.png);
background-size: 50%;
background-repeat: no-repeat;
background-position: center;
width: 100px;
display: block;
margin: -5px 0px 0px 10px;
}
body#hotelTop main div#topic h2:before,
body#hotelTop main div#whatsnew span.caption:before,
body#hotelTop main div#access span.caption:before {
width: 100px;
}
body#hotelTop main div#topic h2:after,
body#hotelTop main div#whatsnew span.caption:after,
body#hotelTop main div#access span.caption:after {
width: 100px;
}
body#hotelTop main div#topic h2,
body#hotelTop main div#whatsnew span.caption,
body#hotelTop main div#access span.caption {
color: #fefefe;
}
h2 {
background-color: #372806;
color: #ffffff;
}
/*#whatsnew h2 {
background-color: transparent;
color: #000000;
border-bottom: solid 2px #000000;
}*/
/* 小見出し */
body#hotelTop main div#topic h3 {
border: none;
text-align: center;
color: #FFFFFF;
font-weight: normal;
}
h3 {letter-spacing: 3px;
}
/* 記事日付 */
.newDate {
color: #5a5a5a;
letter-spacing: 1px;
font-weight: 200;
}
/* 表組み */
.hyouyou_bordercolor{
background-color: #281700;
}
.hyouyou_bgcolor{
background-color: #330000;
}
.hyouyou_bgcolor td {
color: #ffffff;
}
.hyouyou_bgcolor2{
border-collapse:collapse;
border:1px solid #aaaaaa;
background:#ffffff;
padding:10px;
}
.honbun {
font-family: "ＭＳ Ｐゴシック", "Osaka";
font-size: 12px;
line-height: 160%;
color: #ffffff;
letter-spacing: 1px;
}
/* footer
----------------------------------------------- */
footer div#footerHotelInfo div#footerLogo {
width: 140px;
height: 60px;
background-image: url(../img/footer_logo_a.png) !important;
}
/* 18禁 */
#footerStop18Img{
background-image: url("../img/stop-18-bg-wh.png") !important;
/*display:none !important;*/
}
#footerStop18Msg{
color:#ffffff !important;
/*display:none !important;*/
}
footer {
background: #000000;
}
footer div#footerStop18 div#footerStop18Msg>span {
color: #ffffff;
}
/* アクセスカウンター */
footer span.accessCounter {
background: linear-gradient(#333333, #808080);
text-align: right;
padding: 2px 2px 0px;
color: #FFFFFF;
}
/* アクセスカウンター非表示 */
#accessCount{
display:none !important;
}
/* フッター TOPボタン */
footer div#linkPageTop a {
background: rgba(255,153,0,0.8) !important;
position: fixed;
bottom: 32px;
right: 32px;
z-index: 999;
display:none;
color: #ffffff !important;
}
footer div#linkPageTop a::before {
content: "";
position: absolute;
top: 26%;
left: 50%;
width: 12px;
height: 12px;
border: 0px;
border-top: solid 1px #ffffff !important;
border-right: solid 1px #ffffff !important;
}
footer div#linkPageTop a hover {
background-color: rgba(250,250,250,0.8) !important;
}
/* page style
----------------------------------------------- */
body:not(#hotelTop) div#keyVisual {
display: none;
}
body:not(#hotelTop) div#priorityNaviWrappar {
position: relative;
top: 0px;
}
nav#priorityNavi ul li a:hover {
color: #c8c36e !important;
}
/*FreeArea*/
div#freeArea3 {
background:#000000;
}
/* トピック
-------------------------*/
body#hotelTop main div#topic {
/* background-image: url(../img/a_background.png);*/
/*background-position:center;*/
/*background-size:auto;*/
/*background-repeat:repeat-x;*/
/*height: 570px; */
background-color: #000000;
/*background-color: #0e0e0e;*/
/*background-size: auto 100%;*/
}
body#hotelTop main div#topic * {
color: #FFFFFF;
}
body#hotelTop main div#access {
background: #000000;
}
body#hotelTop main div#access div.container h3{
color: #ffffff;
}
body#hotelTop main div#access div.content{
color: #ffffff;
}
h3 {
padding: 4px 12px;
margin-bottom: 18px;
border-left: 8px solid #471e13;
}
#whatsnew h3 {
padding: 4px 12px;
margin-bottom: 18px;
border-left: 8px solid #ffffff;
}
body#hotelTop main div #access h3 {
padding: 4px 12px;
margin-bottom: 18px;
border-left: 8px solid #ffffff;
}
/*body#hotelTop main div#access div.container h3{
padding: 4px 12px;
margin-bottom: 18px;
border-left: 8px solid #aaaaaa;
}*/
/* INFORMATION */
ul.information {
text-align: center;
}
ul.information li {
background-color: #130d0c;
display: inline-block;
width: calc(( 100% - 51px)/3);
height: 160px;
font-size: 14px;
border-radius: 15px;
margin-bottom: 40px;
text-align: center;
}
ul.information li:hover {
background-color: RGB(126,32,27,0.1);
}
ul.information li a.link {
text-decoration: none;
width: 100%;
height: 100%;
display: block;
}
ul.information li:not(:nth-child(3n)) {
margin-right: 20px;
}
ul.information li a.link span.icon {
display: block;
width: 100%;
height: 100px;
background-repeat: no-repeat;
background-position: center bottom;
}
ul.information li:nth-child(1) span.icon {
background-image: url(../img/C_icon_info_new.png);
}
ul.information li:nth-child(2) span.icon {
background-image: url(../img/a_icon_member.png);
}
ul.information li:nth-child(3) span.icon {
background-image: url(../img/C_icon_info_room.png);
}
ul.information li:nth-child(4) span.icon {
background-image: url(../img/c_icon_info_service4.png);
}
ul.information li:nth-child(5) span.icon {
background-image: url(../img/a_icon_access.png);
}
ul.information li:nth-child(6) span.icon {
background-image: url(../img/icon_info_06.png);
}
ul.information li a.link span.icon-name {
display: block;
width: 100%;
height: 40px;
}
ul.information li span.icon-name-character {
color: #c8c36e !important;
display: block;
margin: auto;
font-size: 15px;
padding-top: 5px;
}
ul.information li:hover span {
color: #372806 !important;
}
ul.information li:nth-child(1):hover span.icon {
background-image: url(../img/C_icon_info_new_on.png);
}
ul.information li:nth-child(2):hover span.icon {
background-image: url(../img/a_icon_member_on.png);
}
ul.information li:nth-child(3):hover span.icon {
background-image: url(../img/C_icon_info_room_on.png);
}
ul.information li:nth-child(4):hover span.icon {
background-image: url(../img/c_icon_info_service4_on.png);
}
ul.information li:nth-child(5):hover span.icon {
background-image: url(../img/a_icon_access_on.png);
}
ul.information li:nth-child(6):hover span.icon {
background-image: url(../img/icon_info_06_on.png);
}
/* メンバー用INFORMATION */
body#member main ul.information li:nth-child(1) span.icon {
background-image: url(../img/icon_info_07.png);
}
body#member main ul.information li:nth-child(2) span.icon {
background-image: url(../img/icon_info_08.png);
}
body#member main ul.information li:nth-child(3) span.icon {
background-image: url(../img/icon_info_09.png);
}
body#member main ul.information li:nth-child(4) span.icon {
background-image: url(../img/icon_info_10.png);
}
body#member main ul.information li:nth-child(5) span.icon {
background-image: url(../img/icon_info_11.png);
}
body#member main ul.information li:nth-child(6) span.icon {
background-image: url(../img/icon_info_12.png);
}
body#member main ul.information li:nth-child(1):hover span.icon {
background-image: url(../img/icon_info_07_on.png);
}
body#member main ul.information li:nth-child(2):hover span.icon {
background-image: url(../img/icon_info_08_on.png);
}
body#member main ul.information li:nth-child(3):hover span.icon {
background-image: url(../img/icon_info_09_on.png);
}
body#member main ul.information li:nth-child(4):hover span.icon {
background-image: url(../img/icon_info_10_on.png);
}
body#member main ul.information li:nth-child(5):hover span.icon {
background-image: url(../img/icon_info_11_on.png);
}
body#member main ul.information li:nth-child(6):hover span.icon {
background-image: url(../img/icon_info_12_on.png);
}
body#member main {
background: url(../img/A_backgraound.png);
}
body#member main h1 {
color: #ffffff !important;
}
/* 客室画像 */
#roomImages{
width:600px;
margin:0 auto;
text-align:left !important;
}
/* gajoon 修正
-------------------------*/
/*body#hotelTop main div#topic */ul.information li span.icon-name-character {
font-size: 1.1rem;
letter-spacing: 1px;
font-weight: 400;
}
/*body#hotelTop main div#topic */ul.information li {
background: rgb(70,56,24); /* Old browsers */
background: -moz-linear-gradient(top, rgba(70,56,24,1) 0%, rgba(55,40,6,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(70,56,24,1) 0%,rgba(55,40,6,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(70,56,24,1) 0%,rgba(55,40,6,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#463818', endColorstr='#372806',GradientType=0 ); /* IE6-9 */
}
ul.information li:hover{
background: rgb(200,195,110); /* Old browsers */
background: -moz-linear-gradient(top, rgba(200,195,110,1) 0%, rgba(152,145,78,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(200,195,110,1) 0%,rgba(152,145,78,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(200,195,110,1) 0%,rgba(152,145,78,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8c36e', endColorstr='#98914e',GradientType=0 ); /* IE6-9 */
}
/*body#hotelTop main div#topic */ul.information li a:hover {
/* background-color: rgba(90,60,125,0.4)!important;
border-radius: inherit;*/
}
/*body#hotelTop main div#topic */ul.information li:hover {
/*background-color: rgba(18, 42, 94, 0.5);*/
}
/* もっと見るボタン */
/*
#whatsnew .newMore {
max-width: 300px;
letter-spacing: 1px;
color: #f1f1f2;
border-color: #f1f1f2;
transition: background-color 0.5s;
display: block !important;
margin:0 auto !important;
}
*/
/* もっと見るボタン */
#whatsnew .newMore {
min-width: 300px;
letter-spacing: 1px;
color: #ffffff;
border-color: #000000;
background-color: #000000;
transition: background-color 0.5s;
margin:0 auto !important;
text-align:center;
}
a.newMore.btn-negation:hover {
background-color: rgba(255,255,255,0.5) !important;
color: #000000 !important;
}
/*div#whatsnew .container:nth-child(4){
background:#ffffff !important;
padding-bottom:85px;
}*/
/*div#whatsnew :last-child.container {
background: #ffffff;
padding-bottom: 45px;
}*/
/*アクセス情報*/
/*トップページ「MAP」見出し 非表示*/
#access section h2{
display: none;
}
#access section .container:first-child{
margin-top: -50px;
}
#accessApiMap {
margin: 30px 0px;
}
footer div#linkPageTop a {
background-color: rgba(51,51,51,0.8) !important;
}
#footerNavi, #footerNavi nav {
background: rgb(69,56,28); /* Old browsers */
background: -moz-linear-gradient(top, rgba(69,56,28,1) 0%, rgba(57,43,12,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(69,56,28,1) 0%,rgba(57,43,12,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(69,56,28,1) 0%,rgba(57,43,12,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45381c', endColorstr='#392b0c',GradientType=0 ); /* IE6-9 */
color: #c8c36e !important;
}
footer * {
color: #ffffff !important;
font-weight: 400;
}
/*body#hotelTop main div#whatsnew span.caption,
body#hotelTop main div#access span.caption {
color: #26160f;
}*/
/*footer ul.link-list li a {
color:#382b48 !important;
}*/
ul.link-list {
outline: #ffffff;
}
div#headInformation, div#headNotice {
background-color: #ffffff;
}
div#headInformation a, div#headNotice a {
color: #f1f1f2;
text-align: center;
font-size: 1.4rem;
font-weight:300;
padding: 20px 0px;
letter-spacing: 1px;
}
footer div#linkPageTop a {
padding: 34px 18px 22px 18px;
}
/*footer ul.link-list li a::before {
border-color: transparent transparent transparent #382b48 !important;
}*/
nav#mainNavi li a:hover {
color: #fff8a6 !important;
transition: background-color 0.5s;
}
/*footer ul.link-list li a:hover {
background-color: rgba(255, 255, 255, 0.4) !important;
transition: background-color 0.5s;
}*/
/* link-list
------------------------ */
footer ul.link-list li {
display: inline-block;
min-width: 120px;
margin: 3px;
vertical-align: top;
text-align: center;
border: 1px solid #c8c36e !important;
background: inherit;
}
footer ul.link-list li a {
display: block;
padding: 4px 10px;
color: #c8c36e !important;
font-size: 11px;
text-decoration: none;
}
footer ul.link-list li a:hover {
color: #000000 !important;
background-color: #c8c36e !important;
}
footer ul.link-list li a::before {
content: "";
display: inline-block;
width: 0px;
height: 0px;
margin: 0px 8px 0px 0px;
border-style: solid;
border-width: 4px 0 4px 6.9px;
border-color: transparent transparent transparent #c8c36e !important;
}
footer ul.link-list li a:hover:before {
content: "";
display: inline-block;
width: 0px;
height: 0px;
margin: 0px 8px 0px 0px;
border-style: solid;
border-width: 4px 0 4px 6.9px;
border-color: transparent transparent transparent #000000 !important;
}
footer div#footerNavi nav ul li a:before {
border-color: transparent transparent transparent #c8c36e !important;
}
footer div#footerNavi nav ul li a {
color: #c8c36e !important;
}
header div#connectHotel {
border: none;
}
h1::after {
border-top: 3px solid #5d4239;
border-bottom: 1px solid #5d4239;
}
.btn-positive {
background-color: #eae6d4;
color: #ffffff;
}
.btn-positive, .btn-negation {
border-color: #eae6d4;
}
.btn-negation {
color: #f1f1f2;
}
.key-image_2nd {
width: 100%;
height: 220px;
background-size: cover;
background-position: center center;
}
footer div#footerHotelInfo div#footerLogo
{
width: 288px;
height: 56px;
}
/* waths new (最新情報) */
body#hotelTop main div#whatsnew {
background-image: url(../img/a_background.png);
/* background:#000000;*/
background-size: cover;
}
body#hotelTop main div#topic * {
color: #FFFFFF;
}
#whatsnew section .container {
background-color: #ffffff;
}
/* empty (空室情報） */
body#empty div.epEmptyRoom {
border-color: #5d4239 !important;
}
body#empty div.epEmptyRoomClm {
background-color: #5d4239 !important;
}
body#empty div.epCleanRoomClm {
background-color: #A4ABB1 !important;
}
body#empty div.epCleanRoom {
border-color: #A4ABB1 !important;
}
body#empty div.epEmptyRoom {
background-color: #5d4239;
border: solid 2px #5d4239;
text-align: center;
width: 45%;
margin: 10px;
}
body#empty div.epEmptyRoomClm {
background-color: #5d4239;
}
body#empty div.epEmptyRoom div {
padding: 16px;
}
body#member_reserve div.mrEmptyRoomClm {
background-color: #5d4239;
}
body#member_reserve div.mrEmptyRoom {
border-color: #5d4239;
}
/* bbs (掲示板修正） */
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: #e6e6e6;
}
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: #a60c0a;
}
body#bbs li#replyName,
body#bbsReply li#replyName {
color: #a60c0a;
}
body#bbs li#infoBorder,
body#bbs li#replyBorder,
body#bbsReply li#infoBorder,
body#bbsReply li#replyBorder {
border-bottom-color: #a60c0a;
}
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: #454545;
}
/*部屋ランク別料金一覧表 */
body#room li.roomImgList {
width: 100px;
margin: 0 10px;
}
/*客室画像*/
#roomImages{
width:600px;
margin:0 auto;
text-align:left !important;
}
/* room (料金・客室情報） */
body#room div.Title {
background-color: #A4ABB1;
}
body#room div.item-table dl dt.zenjitsu, body#room div.item-table dl dd.zenjitsu {
background-color: #f5f5f5;
}
body#room dl.roomDl dt,
body#room dl.roomDl dd {
border:none ;
}
body#room div.item-table {
border:none ;
}
body#room a.roomLink {
border-color: #5d4239;
color: #a4abb1;
transition: background-color 0.5s;
}
body#room a.rankLinkOn {
background-color: #5d4239;
color: #ffffff;
}
body#room a.roomLink:hover {
background-color: #5d4239;
}
body#room span.roomRankTitle {
background-color: #5d4239;
}
body#room div.rankTab {
border-bottom-color: #5d4239;
}
body#room div.roomImgs {
border-color: #ffffff;
}
body#room div.roomRankArea {
background-color: #ECEEF1;
padding-bottom: 20px;
}
/*客室画像*/
#roomImages{
width:600px;
margin:0 auto;
text-align:left !important;
}
/* room detail (料金・客室情報詳細） */
body#roomdetail a.priceLink {
border-color: #5d4239;
color: #aaaaaa;
}
body#roomdetail a.priceLink:hover {
background-color: #5d4239;
color: #ffffff;
border-color: #5d4239;
}
body#roomdetail div#priceArea {
background-color: #ECEEF1;
}
body#roomdetail div.Title {
background-color: #A4ABB1;
}
body#roomdetail dl.roomDl dt, body#roomdetail dl.roomDl dd {
border: none;
}
body#roomdetail div.item-table dl dt.zenjitsu, body#roomdetail div.item-table dl dd.zenjitsu {
background-color: #f5f5f5;
}
body#roomdetail div.item-table {
border:none ;
}
body#roomdetail div#equipmentInfo {
border: none;
background-color: #ECEEF1;
}
body#roomdetail li.equipment:before {
border: 3px solid #4d4d4d;
}
body#roomdetail a#roomBack {
color: #454545;
}
/* simulate (料金シミュレーション） */
body#simulate tr.tr-entering th, body#simulate tr#tr-time th {
background-color: #f5f5f5;
}
body#simulate div:not(.msg-warning)#simulateResult {
background: #ebebea;
}
/* service (サービス設備情報） */
body#service div.limiteroom {
background-color: #a4abb1;
}
/* mailto (09お問い合わせ）修正 */
body#mailto a#maillink {
width: 320px;
display: block;
text-align: center;
background-color: #5d4239;
border-radiu:21.8px;
color: #fff;
padding: 8px 88px;
border-radius: 28px;
text-decoration: none;
margin-bottom: 20px;
}
body#mailto a#maillink:hover {
background-color: #a57c6b;
}
/*メールマガジン*/
input[type=text]{
color:#000000;
}
/* coupon (12クーポン）修正 */
body#coupon div.couponList {
background-color: #e6e6e6;
border-color: #e6e6e6;
}
body#coupon span.couponClum {
background-color: #5d4239;
}
div.couponBtn.content .btn-positive a {
display: block;
padding: 0px 80px;
color:#5d4239;
}
/* ボタン共通 修正 */
.btn-positive {
border-color: #5d4239 !important;
background-color: #ffffff !important;
color: #5d4239 !important;
transition: background-color 0.5s;
}
.btn-positive:hover {
background-color: #5d4239 !important;
color: #ffffff !important;
}
.btn-negation {
border-color: #aaaaaa;
color: #aaaaaa;
}
.btn-negation:hover {
background-color: #aaaaaa;
color: #ffffff;
}
/* クーポンボタン 文字色 */
body#coupon div.couponBtn a{
color:#5d4239;
}
body#coupon div.couponBtn a:hover{
color:#ffffff;
}
/* Copyright */
footer div#copyright{
color:#999999 !important;
}
footer div#copyright a{
color:#999999 !important;
}
/* スマホ非表示 */
.smart_only{
display:none !important;
}
/* 旧フッターメニュー非表示 */
.f_menu{
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
}
body#member_use div.linkArea a {
color: #454545 !important;
}
/*トップページ「MAP」見出し 非表示*/
#access section h2 {
display: none;
}
body#member_point div.linkArea a {
color: #454545;
}
label.radio_text:after {
position: absolute;
width: 11px;
height: 11px;
border-radius: 100%;
left: 3.2px;
top: 7px;
background-color: #5d4239; /* checkの色 */
content: '';
z-index: 1;
}
/*:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
} */
/*main section .container .content:after, .hotellist:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}*/
/* フリーエリア*/
div#freeArea2, div#freeArea3 {
margin-top: -10px;
padding-bottom: 50px;
}
.freestayle {
list-style: none;
}
.freestayle li {
font-family: "ＭＳ Ｐゴシック", "Osaka";
font-size: 10px;
text-align: center;
color: #0e1e46;
float: left;
width: 23%;
}
/*記事 回り込み解除*/
#new section .container .content:after,#whatsnew section .container .content:after,#service section .container .content:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}