@charset "utf-8";
/* CSS Document */

/*Palalax*/
.parallax-window {
    min-height: 700px;
    background: transparent;
}
@media (max-width:599px) {
.parallax-window {
    min-height: 500px;
}	
}

#top-visual .uk-background-secondary {
  background-color: rgba(30, 30, 30, 0.4);
	color: #EEE;
}

/* side panel style */

.side-panel-trigger {
	position: fixed;
	right:0;
	top:0;
	height:50px;
}
.side-panel-trigger button.uk-button {
	width:80px;
	line-height:130%;
	padding:10px;
	height:50px;
}

.side-panel {
	position: fixed;
	right:-450px;
	top:0;
	height:120px;
	width:450px;
	border-top: 1px #FFF solid;
	border-right: 1px #ddd solid;
	border-bottom: 1px #ddd solid;
	transition:all 0.5s ease-in-out;
}

.side-panel.open {
	right:0;
}

.side-panel button[uk-close]{
	position:absolute;
	top:15px;
	right:15px;
}

@media (max-width:960px) {
	.side-panel-trigger,
	.side-panel {
		display: none;
	}
}

/* 見たまま編集でヘッダー固定解除 */

[data-element-id] #ad-header {
    position: static !important;
}

[data-element-id] .uk-sticky-placeholder {
    display: none !important;
}

/* 見たまま編集でスマホナビ表示 */

[data-element-id] .uk-offcanvas {
    display: block !important;
    position: static !important;
    transform: none !important;
    z-index: 0 !important;
}

[data-element-id] .uk-offcanvas-bar {
    position: static !important;
    left: 0 !important;
    transform: none !important;
}

[data-element-id] #ad-bottombar {
    display: block !important;
    position: relative !important;
    transform: none !important;
}

/* 見たまま編集でnet_entry固定解除 */

[data-element-id] .net_entry {
    position: static !important;
}


/*ホテル電話番号表示*/
.hotel_title .tel {
    font-size: 1.4rem;
}


/*coming soon*/

.wbf-coming-soon  {
    font-size: 2.4rem;
		color:#FFF;
		text-shadow: 0 2px 6px rgba(0,0,0,2);
}
@media (max-width: 1199px) {
.wbf-coming-soon {
	 font-size: 1.8rem;
	}
}
@media (max-width: 639px) {
.wbf-coming-soon {
	 font-size: 2.0rem;
	}
}

/*レディースフロア背景*/
.bg-ladys {
	background: url(../images/backgrounds/bg_ladys.jpg) no-repeat;
	background-size: cover;
}
.bg-ladys_l {
	background: url(../images/backgrounds/bg_ladys_l.jpg) repeat;
	background-size: cover;
}

/*スマホのフッターのメニューを増やしたらこのスタイルは外す*/
.bottombar .uk-iconnav > * {
    padding-left: 15px;
}

/* 見たまま編集でヘッダー固定解除 */

[data-element-id] #ad-header {
    position: static !important;
}

[data-element-id] .uk-sticky-placeholder {
    display: none !important;
}

/* 見たまま編集でスマホナビ表示 */

[data-element-id] .uk-offcanvas {
    display: block !important;
    position: static !important;
    transform: none !important;
    z-index: 0 !important;
}

[data-element-id] .uk-offcanvas-bar {
    position: static !important;
    left: 0 !important;
    transform: none !important;
}

[data-element-id] #ad-bottombar {
    display: block !important;
    position: relative !important;
    transform: none !important;
}

/* 見たまま編集でnet_entry固定解除 */

[data-element-id] .net_entry {
    position: static !important;
}

/*リンク要注意*/
/* CSS Document */

a[data-href="#"] {
    border: solid red 5px !important;
    display: block;
    position: relative !important;
    opacity: 1;
}

a[data-href="#"]:hover:before {
    content: "リンクが設定されていない可能性があります。";
    position: absolute !important;
    width: 100%;
    min-width: 200px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    bottom: 100%;
    color: red;
    font-weight: bold;
    background: #555;
    padding: 5px;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a[data-href*="."] {
    border: solid red 5px !important;
    display: block;
    position: relative !important;
    opacity: 1;
}

a[data-href*="."]:hover:before {
    content: "外部リンクの可能性があります。リンクが飛ばない可能性がありますので注意してください。";
    position: absolute !important;
    width: 100%;
    min-width: 200px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    bottom: 100%;
    color: red;
    font-weight: bold;
    background: #555;
    padding: 5px;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/*クローズボタンのアイコン二重表示*/
.uk-offcanvas-close.uk-icon.uk-close:after {
    content: "";
}

/*TOPページPC用検索窓のタブリンクカラー*/
.uk-light .uk-tab > .uk-active > a,
.uk-section-primary:not(.uk-preserve-color) .uk-tab > .uk-active > a,
.uk-section-primary:not(.uk-preserve-color) .uk-tab > .uk-active > a:hover {
	color:#FFF;
}

/*TOPページPC用検索窓の横幅*/
.uk-overlay .form_search_window {
	width: 550px;	
}

/*TOPページスマホ用検索窓のタブメニュー上マージン*/
.form_search_window {
	margin-top: 10px;
}

/*TOPページスマホ用検索窓のアコーディオンコンテンツpadding*/
.uk-accordion-content {
	padding: 0;
}

/*TOPページスマホ用検索窓のリンクカラー*/
.uk-tab>li>a {
	color:#666;
}

/*フッターのアコーディオンタイトルのデザイン*/
#ad-subfooter .uk-accordion-title {
	background:none;
	border: 0 none;
}

/*よくある質問のQタイトルデザイン*/
.uk-accordion-title {
    margin-bottom: 5px;
    padding: 5px;
    background: none;
    border: 0px none;
    border-radius: none;
}

/*ボタンの角丸解除*/
.uk-button {
	border-radius:0;	
}

/*スマホ用フッタボタンのbackground-colorが上書きされることの対策*/
#ad-bottombar a {
    background: none;
}

/*アコーディンの横幅*/

.uk-accordion li {
    width: 100%;
}

/*スライダーの矢印の二重表示対策*/
.uk-visible-toggle.uk-light .uk-slidenav-previous:before, 
.uk-visible-toggle.uk-light .uk-slidenav-next:before {
    content: "";
}
/*lightbox内のスライダーの矢印、xマークの二重表示対策*/
.uk-lightbox-toolbar {
    box-sizing: border-box;
}

.uk-lightbox-toolbar-icon:after {
    display:none;
}

.uk-lightbox-button:before {
    display:none;
}


/*dotnavの位置を正常にする対策*/
.uk-slider-nav {
    position: static;
}

/*スライダーの中でもlightboxを有効にする対策*/
.uk-slider-items img {
    pointer-events: auto;
}

/*lightboxのポップアップ画像のサイズ調整対策*/
.uk-modal.uk-open .uk-modal-dialog {
    width: 80% !important;
    max-width: 800px !important;
    height: auto !important;
}

/*PC用Gナビが角丸、ボタン風に変わってしまうことの対策*/
.uk-navbar-container {
    border: none;
    border-radius: 0px;
}

.uk-navbar-center:only-child {
    max-width: none;
}

.uk-navbar-nav>li>a {
    border: none;
    border-radius: 0px;
    height: auto;
    margin: 0;
}

.uk-navbar-nav>li:hover>a {
    background: none;
    border: none;
    border-radius: 0px;
}

.uk-navbar-dropdown-nav {
    text-align: left;
}

.uk-button.uk-button-default {
    border: 1px solid #ccc !important;
    border-radius: 0px !important;
    cursor: pointer !important;
}
/*PC用Gナビが角丸、ボタン風に変わってしまうことの対策ここまで*/

/* ==========================
     A-BiSU 管理画面用 hack 
/* ========================== */

a[data-href="#"] {
    border: solid red 5px !important;
    display: block;
    position: relative !important;
    opacity: 1;
}

a[data-href="#"]:hover:before {
    content: "リンクが設定されていない可能性があります。";
    position: absolute !important;
    width: 100%;
    min-width: 200px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 100%;
    color: red;
    font-weight: bold;
    background: #555;
    padding: 5px;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a[data-href*="."] {
    border: solid red 5px !important;
    display: block;
    position: relative !important;
    opacity: 1;
}

a[data-href*="."]:hover:before {
    content: "外部リンクの可能性があります。リンクが飛ばない可能性がありますので注意してください。";
    position: absolute !important;
    width: 100%;
    min-width: 200px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 100%;
    color: red;
    font-weight: bold;
    background: #555;
    padding: 5px;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* 見たまま編集でモバイル用要素を表示 */

[data-element-id] .uk-hidden\@m {
    display: block !important;
    border: solid 4px blue;
    position: relative;
    margin-top: 32px;
}

[data-element-id] .uk-hidden\@m:before {
    display: block;
    background: #999;
    content: "モバイル用の要素です";
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: blue;
    margin-bottom: 4px;
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
}

/*スマホでレスポンシブtableを開いた場合に勝手につく罫線を消す対策*/
.uk-table th, .uk-table td {
    border-bottom: 0px none;
}

/*ターゲットブランク指定されているaタグが選択できないことの対策*/
[data-element-id] a[target="_blank"] {
    pointer-events: none;
}

/*hoverで要素が移動して枠が選べなくなることの対策*/
/* [data-element-id] img.uk-cover.hover {
    transform: translate(-50%, -50%);
    animation: none;
}
[data-element-id] .hover {
    display: inherit;
    transform: none;
    animation: none;
} */

/*offCanvasやメニュー部分の揺れを防ぐ対策*/
[data-element-id] .uk-flex {
    display: flex;
}

/*緊急告知*/
.u-announcement p{
max-width: 100%;
    margin: 0px auto 40px;
    text-align: center;
    color: red!important;
    font-weight: 700;
    font-size: 100%;
    padding: 5px;
    background-color: #fff;
}
.u-announcement a, .uk-link {
    color: red;
    text-decoration: none;
    cursor: pointer;
}

/* カスタムコンテンツ詳細ページの共通部分多言語切り替え */

[data-element-id] .headerCommon .headerCommonin {
  display: block;
}

.headerCommon .headerCommonin {
  display: none;
}

[class*="日本語"].headerCommon [class*="日本語"].headerCommonin {
  display: block;
}

[class*="英語"].headerCommon [class*="英語"].headerCommonin {
  display: block;
}

[class*="繁体"].headerCommon [class*="繁体"].headerCommonin {
  display: block;
}

[class*="簡体"].headerCommon [class*="簡体"].headerCommonin {
  display: block;
}

[class*="韓国語"].headerCommon [class*="韓国語"].headerCommonin {
  display: block;
}
[class*="ON"].headerCommon [class*="ON"].headerCommonin {
  display: block;
}