/* custom css for template */
#ad-header .uk-navbar-container {
    /* height: 64px; */
    height: auto;
    border: none;
    box-shadow: none;
}

#ad-header .uk-iconnav > li {
    width: 90px;
    margin: 0;
    text-align: center!important;
}

#ad-header .uk-iconnav > li a {
    height: 100%;
    border: none;
    border-right: solid 1px #fff;
    margin: 0;
    padding: 5px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#ad-header .uk-iconnav > li:last-of-type a {
    border-right: none;
}

#ad-header .uk-iconnav > li i {
    font-size: 24px;
    color: #eee;
    margin-bottom: 5px;
}

#ad-header .uk-iconnav > li .uk-button-danger i {
    color: #333;
}

#ad-header .uk-iconnav > li small {
    font-size: 0.7rem;
    line-height: 140%;
    width: 100%;
    padding: 0;
}

#ad-header a:after {
    content: none;
}

@media (max-width: 639px) {
    #ad-header .uk-navbar-container {
        /* height: 55px; */
        height: auto;
        box-shadow: none;
    }

    #ad-header .uk-iconnav > li {
        width: 60px;
        height: 60px;
    }

    #ad-header .uk-iconnav > li small {
        line-height: 60%;
    }
}

@media (max-width: 639px) {
    #ad-bottombar {
        border: none;
    }
    
    #ad-bottombar a.uk-button {
        height: 100%;
        border-radius: 0;
    }
    
    #ad-bottombar > *:last-of-type a.uk-button {
        border: none;
    }
}

.uk-iconnav > * {
    /* 1 */
    padding-left: 0;
}

/* -----------------------------------------------------------
	.con_pickup / con_style / con_rooms
----------------------------------------------------------- */
.con_bggroup {
    position: relative;
    overflow: hidden;
}

@media (min-width: 640px) {
    .con_bggroup:before {
        content: "";
        position: absolute;
        top: 0;
        left: -30%;
        margin: 0 auto;
        width: 100%;
        height: 100%;
        background: #EEE!important;
        transform: skewX(-36.5deg);
        z-index: -1;
    }

    .ad-black.con_bggroup:before {
        left: 0%;
        background: #000!important;
        color: #eee!important;
        transform: skewX(-8.5deg);
    }
}

@media (max-width: 639px) {
    .con_bggroup.ad-black {
        background-color: #000;
    }
}

/*@media (min-width: 639px) {
.con_bggroup:before {
	content: "";
	position: absolute;
	top: 0;
	left: -30%;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	background: #EEE!important;
	transform: skewX(-36.5deg);
	z-index: -1;
}
.ad-black.con_bggroup:before {
	left: 0%;	
	background: #000!important;
	color:#eee!important;
	transform: skewX(-8.5deg);	
}
}
@media (max-width: 639px) {
.con_bggroup:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0%;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	background: #EEE!important;
	z-index: -1;	
}
.ad-black.con_bggroup:before {
	left: 0%;	
	background: #000!important;
	color:#eee!important;
	z-index: -1;	
}
}*/
#ad-subfooter {
    background-image: url(/upload/tenant_1/maishimafooter.jpg);
    background-size: cover;
    background-position: center center;
}

#ad-subfooter .uk-container {
    background-color: rgba(0,0,0,0.4);
    padding: 20px 10px;
}

/*トップページロケーションマップ*/
.map_link {
    position: relative;
}

.map_link .uk-button {
    position: absolute;
    font-size: 22px!important;
    padding: 3px;
    margin-top: -14px;
    margin-left: -50px;
    opacity: 0.9;
    line-height: 100%;
}

@media (max-width: 767px) {
    .map_link .uk-button {
        font-size:16px;
        padding: 2px!important;
    }
}

/*end @media*/
#location #button_ST {
    right: 18%;
    top: 65%;
}

#location #button_FT {
    right: 22%;
    top: 50%;
}

#location #button_FT2 {
    left: 28%;
    top: 45%;
}

#location #button_SFT {
    left: 25%;
    top: 60%;
}

#location #button_VA {
    left: 37%;
    top: 47%;
}

#location #button_SA {
    left: 37%;
    top: 30%;
}

/*宿泊ロケーションマップ*/
#stay #button_ST {
    left: 20%;
    top: 50%;
}

#stay #button_FT {
    left: 25%;
    top: 70%;
}

#stay #button_FT2 {
    right: 12%;
    top: 57%;
}

#stay #button_SFT {
    right: 22%;
    top: 42%;
}

#stay #button_VA {
    right: 25%;
    top: 60%;
}

#stay #button_SA {
    right: 22%;
    top: 75%;
}

/*エアストリーム・ヴィンテージ(A-4)間取り図*/
.room_link {
    position: relative;
}

.room_link .link-img {
    width: 8%;
}

.room_link .link-img {
    position: absolute;
    font-size: 14px;
    padding: 3px;
    margin-top: -14px;
    margin-left: -50px;
    opacity: 0.9;
    line-height: 100%;
}

.room_link .link-img:after {
    content: none!important;
}

.room_link a p {
    text-align: center;
    font-size: 20px;
    margin: 3px 0!important;
}

.room_link a {
    text-decoration: none;
}

#AV_spot_4 {
    right: 60%;
    top: 30%;
}

#AV_spot_1 {
    right: 20%;
    bottom: 2%;
}

#AV_spot_2 {
    right: 30%;
    top: 47%;
}

#AV_spot_3 {
    right: 35%;
    top: 33%;
}

#AV_spot_4 {
    right: 60%;
    top: 30%;
}

#AV_spot_5 {
    left: 22%;
    top: 33%;
}

@media (max-width: 767px) {
    .room_link .link-img {
        width: 10%;
    }

    #AV_spot_1 {
        right: 15%;
        top: 80%;
    }

    #AV_spot_2 {
        right: 28%;
        top: 42%;
    }

    #AV_spot_3 {
        right: 35%;
        top: 30%;
    }

    #AV_spot_4 {
        right: 60%;
        top: 30%;
    }

    #AV_spot_5 {
        left: 30%;
        top: 33%;
    }

    .room_link a p {
        text-align: unset;
        font-size: 15px;
        margin: 0!important;
    }

    .air {
        font-size: 10px;
    }
}

/*0324追加（スタンダードエアストリーム）*/
.sa #AV_spot_1 {
    right: 20%;
    bottom: 2%;
}

.sa #AV_spot_2 {
    right: 25%;
    top: 55%;
}

.sa #AV_spot_3 {
    right: 40%;
    top: 48%;
}

.sa #AV_spot_4 {
    left: 40%;
    top: 48%;
}

.sa #AV_spot_5 {
    left: 30%;
    top: 48%;
}

@media (max-width: 767px) {
    .sa #AV_spot_1 {
        right:15%;
        top: 80%;
    }

    .sa #AV_spot_2 {
        right: 28%;
        top: 56%;
    }

    .sa #AV_spot_3 {
        right: 35%;
        top: 52%;
    }

    .sa #AV_spot_4 {
        left: 40%;
        top: 50%;
    }

    .sa #AV_spot_5 {
        left: 30%;
        top: 50%!important;
    }
}

/*0324追加（スイートトレーラー）*/
.st #AV_spot_1 {
    right: 20%!important;
    top: 70%!important;
}

.st #AV_spot_2 {
    right: 24%!important;
    top: 53%!important;
}

.st #AV_spot_3 {
    right: 33%!important;
    top: 45%!important;
}

.st #AV_spot_4 {
    left: 55%!important;
    top: 55%!important;
}

.st #AV_spot_5 {
    left: 40%!important;
    top: 58%!important;
}

@media (max-width: 767px) {
    .st #AV_spot_1 {
        right: 20%!important;
        top: 75%!important;
    }

    .st #AV_spot_2 {
        right: 24%!important;
        top: 58%!important;
    }

    .st #AV_spot_3 {
        right: 33%!important;
        top: 50%!important;
    }

    .st #AV_spot_4 {
        left: 59%!important;
        top: 60%!important;
    }

    .st #AV_spot_5 {
        left: 48%!important;
        top: 59%!important;
    }

    .st .room_link a p {
        text-align: center;
    }
}

/*0324追加（ファミリートレーラー）*/
.ft #AV_spot_1 {
    right: 20%!important;
    bottom: 0%!important;
}

.ft #AV_spot_2 {
    right: 50%!important;
    top: 67%!important;
}

.ft #AV_spot_3 {
    right: 65%!important;
    top: 68%!important;
}

.ft #AV_spot_4 {
    right: 30%!important;
    top: 20%!important;
}

#AV_spot_4 p {
    padding-bottom: 5px;
}

.ft #AV_spot_5 {
    left: 54%!important;
    top: 20%!important;
}

@media (max-width: 767px) {
    .ft #AV_spot_1 {
        right: 18%!important;
        top: 90%!important;
    }

    .ft #AV_spot_2 {
        right: 50%!important;
        top: 67%!important;
    }

    .ft #AV_spot_3 {
        right: 65%!important;
        top: 68%!important;
    }

    .ft #AV_spot_4 {
        right: 30%!important;
        top: 30%!important;
    }

    .ft #AV_spot_5 {
        right: 30%!important;
        top: 22%!important;
    }

    .ft .room_link a p {
        text-align: center;
    }
}

/*0402追加（シーサイドトレーラー）*/
.sst #AV_spot_1 {
    right: 35%!important;
    bottom: 0%!important;
}

@media (max-width: 767px) {
    .sst #AV_spot_1 {
        right: 30%!important;
        top: 90%!important;
    }
}

.ad-dark-box {
    background: rgba(0,0,0,0.6);
    color: #FFF;
    width: 50%;
    padding: 20px;
    margin-top: 20px;
}

@media (max-width: 1024px) {
    .ad-dark-box {
        width: 100%;
    }
}

/*トップページスクロール用*/
.panel-scroll {
    position: relative;
    height: 100vh;
    border-bottom: 1px solid #666;
    min-height: 100%;
}

.scroll {
    position: relative;
    font-size: 16px;
    padding: 30px 10px;
    margin: 10px;
    width: 90px;
    height: 50px;
    display: inline-block;
    background: rgba(0,0,0,0.4);
    border-radius: 50%!important;
    text-align: center;
    color: #FFF!important;
    z-index: 1000;
}

.panel-scroll .scroll {
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -50px;
}

.scroll:hover {
    text-decoration: none;
    color: #333!important;
    background: rgba(230,230,230,0.8);
}

.scroll:after {
    font-family: 'Font Awesome 5 Free';
    content: '\f107';
    font-weight: bold;
    display: inline-block;
    font-size: 30px;
    width: 1.2em;
    height: 10px;
    position: absolute;
    bottom: 25px;
    right: 0;
    left: 0;
    margin: auto;
    -webkit-font-smoothing: antialiased;
    text-rendering: auto;
    -webkit-animation: 3s arrow infinite ease;
    animation: 3s arrow infinite ease;
}

@-webkit-keyframes arrow {
    0%,100% {
        top: 50px;
    }

    50% {
        top: 80px;
    }
}

@keyframes arrow {
    0%,100% {
        top: 50px;
    }

    50% {
        top: 80px;
    }
}

.panel-scroll .btn-u.btn-brd {
    border: 1px #666 solid;
    color: #333;
}

.panel-scroll .btn-u.btn-brd.btn-u-light {
    border: 1px #ccc solid;
    color: #DDD;
    text-shadow: none;
}

/*トップページ背景画像指定*/
.ad-bg-location {
    background: url(/import/tenant_1/133.167.90.29/html/images/top/location.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    text-align: left;
}

.ad-bg-stay {
    background: url(/upload/tenant_1/maishimatop-pic.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    text-align: left;
}

.ad-bg-bbq {
    background: url(/upload/tenant_1/8944421.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    text-align: left;
}

.ad-bg-activities {
    background: url(/import/tenant_1/133.167.90.29/html/images/activities/DSZ_0033.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    text-align: left;
}

.ad-bg-access {
    background: url(/import/tenant_1/133.167.90.29/html/images/top/access.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    text-align: left;
}

.ad-price {
    color: #999;
    font-size: 24px;
    font-weight: bold;
}

.uk-text-point {
    color: #CC0000;
}

.ad-bold {
    font-weight: bold!important;
}

/*スライダーの矢印の二重表示対策*/
.uk-visible-toggle.uk-light .uk-slidenav-previous:before, .uk-visible-toggle.uk-light .uk-slidenav-next:before {
    content: "";
}

/*ヘッダー調整*/
#ad-header.uk-overlay {
    transform: none;
}

.uk-navbar-container {
    background-color: inherit;
    border-bottom: none;
}

/*ハンバーガーメニュー調整*/
.uk-offcanvas-flip .uk-open > .uk-offcanvas-bar {
    transform: none;
    max-width: none;
}

/*バーガーメニューのの矢印の二重表示対策*/
.uk-close:after {
    content: "";
}

/* 見たまま編集でヘッダー固定解除 */
[data-element-id] #ad-header {
    position: static !important;
}

[data-element-id] .uk-sticky-fixed {
    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%;
}

/*リンク設定要注意*/
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;
}

.ad-banner {
    margin: 50px auto;
    text-align: center;
}

.uk-button-primary {
    margin-top: 0px;
}

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

.uk-back {
    background-color: #fff!important;
    color: #333!important;
}

.uk-accordion-title {
    font-size: 15px;
    color: #333!important;
}

.uk-accordion-content {
    color: #333!important;
}

.uk-accordion-content a {
    color: #333!important;
}

.lp3-title {
    color: #333!important;
}

.lp3-title a {
    color: #333!important;
}

.movie {
    position: relative;
    padding-bottom: 56.25%;
    /*アスペクト比 16:9の場合の縦幅*/
    height: 0;
    overflow: hidden;
}

.movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* gotoポップアップバナー */
[data-element-id] .fix-banner {
    width: 300px;
    position: static;
}

.fix-banner {
    width: 300px;
    position: fixed;
    bottom: 2%;
    right: 2%;
    z-index: 200;
}

.fix-banner img {
    width: 100%;
}

.fix-banner .banner-close {
    display: block;
    padding: 10px;
    text-align: center;
    position: absolute;
    top: -20px;
    right: -20px;
    cursor: pointer;
}

.fix-banner .banner-close:hover {
    opacity: 0.6;
}

.fix-banner .banner-close:before {
    content: "×";
    display: block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    background: #f5f5f5;
    border: solid 1px;
    box-sizing: border-box;
    border-radius: 100%;
    text-align: center;
}

@media screen and (max-width: 599px) {
    .fix-banner {
        width: 90%;
        bottom: 55px;
        left: 0;
        right: 0;
        margin: auto;
        height: auto;
    }
}

/* パームガーデン舞洲のライトボックス*/

[data-element-id] .uk-modal {
    display: block;
    position: static;
    opacity: 1;
}

[data-element-id] .uk-modal .uk-modal-dialog {
    opacity: 1;
}

.uk-modal-header {
    margin: 0;
    margin-bottom: 15px;
}

.uk-modal-footer {
    margin: 0;
    margin-top: 15px;
}

/* パームガーデン舞洲の料金表 */
.palm_table_01 table th {
    width: 75%;
}

.palm_table_01 table th:last-of-type {
    width: 25%;
}