/* -----------------------------------------------------------
	grand_top_over
----------------------------------------------------------- */

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

html {
    word-wrap: break-word;
}

/* 見たまま編集でスライダー画像にaタグが付いている時の対策 */

[data-element-id] .uk-slideshow .uk-slideshow-items li a {
    position: static !important;
}

/*スライダーの矢印の二重表示対策*/

.uk-visible-toggle.uk-light .uk-slidenav-previous:before, 
.uk-visible-toggle.uk-light .uk-slidenav-next:before {
    content: "";
}

/* 見たまま編集でトップの予約表示*/

[data-element-id] .uk-switcher > :not(.uk-active) {
    display: block !important;
}

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

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

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

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

[data-element-id] .uk-hidden\@s: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%;
}

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

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

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

/*ホテル電話番号表示*/

.hotel_title .tel {
    font-size: 1.4rem;
}

/*リンク要注意*/

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: #fff;
    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;
}

#brand .uk-label {
	font-size:73%;
}
.uk-back{
  background-color: #fff!important;
  color:#333!important;
}
.uk-back a{
  color:#333!important;
}
.uk-back .uk-accordion-title{
  font-size: 15px;
  color:#333!important;
}

#ad-bottombar {
    z-index: 10;
}

.uk-title{
    margin-bottom: 15px;
    padding: 5px 15px;
}


td {
vertical-align: middle;
}

p.app_banner img {
    width: 150px;  /* 横幅を150pxに */
}


/*youtube 動画*/
.frame-wrapper_video {
    position: relative;
    display: block;
    margin : auto;
    text-align: center;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 20px;
}  

.frame-wrapper_video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*小塚ゴシック、ヒラギノ、メイリオ*/
.kozuka {
	/*font-family: '小塚ゴシック Pro L','Kozuka Gothic Pro Light',sans-serif;フォントのウェイトを指定するとFirefoxで認識できない*/
	font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif;
}
.hiragino {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
}
.meirio {
	font-family: 'メイリオ',Meiryo,sans-serif;
}
.ttl_01 {
	margin-bottom: 30px;
	padding-left: 5px;
	font-size: 26px;
	font-weight: bold;
}
.ttl_02 {
	margin-bottom: 30px;
	padding: 5px;
	font-size: 30px;
	font-weight: bold;
}
.ttl_03 {
	margin-bottom: 30px;
	padding: 5px;
	font-size: 16px;
	font-weight: bold;
} 



/*pc専用&sp専用*/

@media print, screen and (max-width: 1024px) {
  .pc_only {
    display: block;
  }
}

@media screen and (min-width: 1025px) {
  .pc_only {
    display: block;
  }
}

@media screen and (max-width: 599px) {
  .pc_only {
    display: none;
  }
}

@media screen and (min-width: 1025px) {
  .sp_only {
    display: none;
  }
}

@media print, screen and (max-width: 1024px) {
  .sp_only {
    display: none;
  }
}

@media screen and (max-width: 599px) {
  .sp_only {
    display: block;
  }
}

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

[data-element-id] .sp_only: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%;
}

.img_center {
	width:1000px;
	text-align: center;
}

/*画像の上に文字*/
.the_end {
    position: absolute;
    left: 42%;
    top: 40%;
    color: #000;
    background: slategray;
    font-size: 30px;
    opacity: 0.8;
    font-weight: bold;
}


/* サイトマップ */
.sitemap_location01 {
  font-weight: bold;
}
.sitemap_location02 {
  font-weight: bold;
  margin-top: 5px;
}
.sitemap_location03 {
  margin: 0 0 15px;
}
.sitemap_location01 > li {
  list-style: none;
  color: #333;
  font-size: 18px;
  border-bottom: 1px solid #333;
  padding: 0 5px;
  margin-bottom: 10px;
}
.sitemap_location02 > li {
  list-style: disc;
  color: #333;
}
.sitemap_location03 > li {
  list-style: none;
}
.sitemap_location03 > li:before {
  content: '-';
  color: #333;
  padding-right: 5px;
}
.sitemap_location01 li a {
  color: #333!important;
}
.sitemap_location02 li a {
  color: #333!important;
}
.sitemap_location03 li a {
  color: #333!important;
}