/* 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;
}
.uk-iconnav > li a.btn-blk{background:#333;}

#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('/import/tenant_1/133.167.89.62/www.hotelwbf.com/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_DOGGY {
    right: 22%;
    top: 50%;
}

#location #button_FT {
    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%;
}

#location #button_KITCHEN {
    left: 49%;
    top: 72%;
}

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

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

#stay #button_FT {
    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.89.62/www.hotelwbf.com/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/sunset_airstream.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
    text-align: left;
}

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

.ad-bg-activities {
    background: url('/import/tenant_1/133.167.89.62/www.hotelwbf.com/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.89.62/www.hotelwbf.com/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 {
    display: block;
    width: 300px;
    position: relative;
    bottom: 0;
    right: 0;
}

.fix-banner {
    display: none;
    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%;
}

/* spトップのフッターナビ */
@media (max-width: 639px) {
  .ad-body-all footer .uk-position-bottom{
    position: fixed !important;
  }
  .ad-body-all footer .uk-background-secondary{
    margin-bottom: 30px;
  }
  
  
  /* 0810追記  */
 #tripla-searching-app{display:none;}

  
  .page-top .uk-position-small.uk-position-center {
      transform: translate(-50%, -50%) translate(-15px, 15px);
  }
    .page-top .uk-slideshow-items{
        padding-top: 100px;
  }
  .page-top .ad-dark-box {
/*     width: 100%;
padding: 20px !important; */
  }
  .page-top .panel-scroll {
    height: 65vh;
  }
  #ad-bottombar a small{display:inline;}
  #trip_ai_container{bottom:50px !important;}
  #SmBnLink{display:none !important;}
  #ad-header .uk-iconnav > li:last-of-type a {
      background: #333;
  }
  .uk-button{text-shadow:none;}
  
}


/* Header 2023.10.19 */
.commonHead {
    font-family: 'Noto Sans JP', sans-serif;
    background: #fff;
    width: 100%;
    z-index: 10000;
    position: fixed;
    top:0;
}
.commonHead * {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
.chWrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: right;
}
.ch__logo{
    display: block;
    width: 250px;
    padding-top: 20px;
}

/* 右 */
.ch__right {
    width: calc(100% - 350px);
    padding-left: 50px;
}
.ch__sub {
    display: flex;
    justify-content: right;
    align-items: center;
}
.ch__menu--btn.spMenu{display:none;}
.ch__menu--btn a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 140px;
    background: #0099a7;
    text-align: center;
    padding: 10px 0;
    color: #fff;
}
.ch__menu--btn.bbq a{background:#a99928;}
.ch__menu--btn a i{
  font-size:65%;
  margin-right: .5rem;
}
.ch__link {
    width: 150px;
    color: #333;
    text-align: center;
    font-size: 90%;
}
.ch__link i{
  color:#0099a7;
  margin-right: .5rem;
}
.ch__SPmenu{display:none;}

.ch__menu ul {
    list-style: none;
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin: 0 auto;
}
.ch__menu-li {
    text-align: center;
    width: 100%;
    padding: 15px 0;
    font-size:85%;
}

.ch__menu-li::after{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size:70%;
	content: "\f078";
	margin-left:.5rem;
}
.ch__menu-li:nth-of-type(4)::after{
 	content: "\f054"; 
}
.ch__menu-li.hide_pc{display: none;}
.ch__menu-linr{
    display: none;
    width: 100%;
    position: absolute;
    background: #fff;
    left: 0;
    padding: 30px 0;
    border-top: 1px solid #eee;
    margin-top: 15px;
}
.ch__menu .chm{
  width: 70%;
  margin: 0 auto;
  justify-content: center;
}
.ch__menu .chm li{
  width:calc(100% / 5 - 15px);
  margin:0 10px;
}
.ch--ttl{
  display:block;
}
.wf--ttl{font-size:inherit;}
.wf--ttl b{
  display:block;
  margin:10px 0;
}
.wf--ttl a{color:#333;}
.ch--ttl span {
    display: block;
    color: #333;
    padding: 10px 0;
    font-size: 90%;
}
.wf--txt a{
  display: block;
  font-size:12px;
  color:#333;
  line-height: 1.8;
}
.wf--txt a{
    border-bottom: 1px solid #ccc;
    padding: 5px 0;
    display: block;
}
.wf--txt:last-of-type a{border-bottom:none;}
.wf--txt span,.ch--ttl span{display: flex;justify-content: space-between;align-items:center;}
.wf--txt span::after,.ch--ttl span::after{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size:60%;
	content:"\f054";
	margin-left:.5rem;
}
.ch__menu-li a{color:#333;display:block;}

.test .map_link {
    position: relative;
    margin: 0 auto;
    display: block;
    width: 100%;
}
.stayWrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 40px;
}
.stayWrap#bbq .aw__txt{
  order:1;
}
.stayWrap#bbq .aw__img{
  order:2;
}
.aw__img{
  width: calc(100% - 500px);  
}
.aw__txt {
    width: 500px;
    text-align: center;
    padding: 0 40px;
    box-sizing: border-box;
    margin-top:-120px;
}
.aw__txt .aw__btn{
    background: #333;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    display: block;
    padding: 20px 0;
    font-size: 18px;
}
.aw__txt p{line-height:2;}

.btnWrap .aw__btn{
  margin-bottom:20px;
}
.btnWrap .aw__btn:nth-of-tupe(2){
    background: #0499a7;
}
#instagram .uk-slider-items.uk-grid{
  margin:20px 0;
}
#instagram .uk-slider-items.uk-grid a{display:block;}
.stayWrap#bbq h2 span.font-en{
    font-size: 2rem;
}
/* #instagram .uk-slider-items li{width:25%;} */

.faqWrap{
  background: #eee;
  padding: 40px 0;
}
.faqWrap dl {
    max-width: 1100px;
    margin: 0 auto;
    border-bottom: 1px solid #ccc;
}
.faqWrap dt {
    font-size: 20px;
    padding: 20px 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}
.faqWrap dt::before {
    content: "Q";
    background: #333;
    color: #fff;
    display: block;
    border-radius: 5px;
    line-height: 1;
    width: 60px;
    text-align: center;
    padding: 15px 0 20px;
}
.faqWrap span.ico {
      transition: .7s ease-in-out;
    text-align: center;
  display: block;
    width: 50px;
}
.faqWrap span.ttl {
  display: block;
    width: calc(100% - 150px);
}
.faqWrap dd {
  display: none;
  margin-bottom:40px;
    background: #fff;
    padding: 20px;
    line-height: 2;
    border-radius: 5px;
}
.faqWrap dl.on dt .ico {
    transform: rotate(180deg);
}
.cf__logo{width: 200px;}
.cf__logo img{width: 100%;}
.cf__right {
    width: calc(100% - 250px);
    display: flex;
    justify-content: space-between;
}
.cf__right ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.cf__right li a {
    color: #333;
    display: block;
    font-size: 12px;
    line-height: 2;
}
/* .faqWrap dl.on dd {display:block;} */

.commonFoot{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #ccc;
    padding: 40px;
}
.cf__ttl{
    border-bottom: 1px solid #333;
    margin: 0;
    padding: 5px 0;
    margin-bottom: 5px;
    font-size: 14px;
}
.cf__Box{
    padding: 20px 40px;
    width: 100%;
    background: #333;
    margin: 40px -40px -40px;
    color: #fff;
    text-align: center;
}
.cf__iBox{
  display: flex;
    justify-content: space-between;
    margin: 20px 0;
}
#instagram .uk-slider-items {
  margin:40px 0;
}
#instagram .uk-slider-items li {
    margin: 0 20px;
    font-family:"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
    font-size: 12px;
    line-height: 1.8;
}
#instagram .uk-slider-items a{color:#333;}
#instagram img{width: 100%;}

.oskjWrap{
    padding-top: 80px;
    padding-bottom: 80px;
    font-size: 18px;
    line-height: 2;
        text-align: center;
}
.oskjWrap b{
    font-size: 40px;
    display: block;

}
.colWrap{
  padding:0 10%;
}
#ad-pagefooter {
    background: #0099a7;
    color: #fff;
}
details, main {
    display: block;
    margin-top: 100px;
}
#ad-pagefooter{
    background: #0099a7;
    color: #fff;
}
#ad-pagefooter a{color:#fff;}
.catchTxt {
  line-height:1,8;
}
.catchTxt b{
    font-size: 190%;
    display: block;
    margin-bottom: 20px;
}
.dogBox{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 50px;
}
.dogBox img{
  width:740px;
}
.dogBox .txtBox{
  width:calc(100% - 850px);
}
.dogBox .txtBox p{
  line-height:1.8;
}
.dogBox .txtBox b {
    display: block;
    font-size: 145%;
    margin-bottom: 25px;
    text-align: center;
    color: #0099a7;
}
.dogBox ul {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    line-height: 1.8;
    border: 1px solid #333;
    padding: 10px;
}
.dogBox li{
  width:calc(100% / 2 - 10px);
}
.dogBox li:last-of-type{width:100%;}


.dogBtn{
    display: flex;
    justify-content: center;
    margin:70px auto 70px !important;
}
.dogBtn a {
    margin: 0 20px;
    display: block;
    width: 300px;
    background: #333;
    text-align: center;
    padding: 30px;
    font-size: 18px;
    color: #fff;
    border-radius: 10px;
    border:2px solid #333;
}
.dogBtn a:last-of-type{
  color:#333;
  background: #fff;
}
.uk-modal{z-index:10000;}

/* BBQ */
#kodawari {
    color: #333;
    background: #fff;
    width: 1200px;
    margin: 40px auto 20px; 
}
#kodawari .uk-padding-large {
    padding: 50px;
}
#bbq_list ul{
    width: 1200px;
    margin: 0 auto;
    padding:0;
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    justify-content: space-between;
}
#bbq_list li{
    width: calc(100% / 3 - 20px);
    line-height: 1.8;
}
#bbq_list li a{color:#333;}
#bbq_list li a:hover{
  text-decoration: none;
  opacity:.8;
}
#bbq_list li b{
    font-size: 18px;
    display: block;
}
#bbq_list li span{font-size:16px;}
.bbg_listBtn{
    width: 1200px;
    margin: 40px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.bbg_listBtn a {
    width: 340px;
    margin: 0 20px;
}
/* #tripla-searching-app{display: none;} */
.voiceTxt{text-align: center;}

.trailer h3 span.uk-text-small{
  font-size: 0.775rem;
}
.trailer .uk-card-default .uk-card-title{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    height:7rem;
}
@media (max-width: 639px){
  details, main {
      margin-top: 50px;
  }
  .dogBox .txtBox {
      width: 100%;
  }
  .dogBox .txtBox h2{margin:30px 0;}
  .dogBox .txtBox b{font-size:125%;}
  .dogBtn {
      padding: 0 10px;
      box-sizing: border-box;
      flex-wrap: wrap;
      justify-content: space-between;
      margin: 20px auto 40px !important;
      width: 100%;
  }
  .dogBtn a {
      margin: 0;
      width: calc(100% / 2 - 10px);
      box-sizing: border-box;
      padding: 15px;
      display: flex;
      align-items: center;
      font-size: 95%;
      justify-content: center;
  }
  .dogBtn a i{margin-left:10px;}
  
  /* BBQ */
  #kodawari {width: 85%;}  
  #kodawari .uk-padding-large {
      padding: 50px 0 0;
  }  
  #bbq_list ul{width: 90%;}
  #bbq_list li {
      width: calc(100% / 2 - 10px);
  }
  .bbg_listBtn{width: 100%;}
  #bbq_list li b {
      font-size: 14px;
  }
  #bbq_list li span {
      font-size: 12px;
  }  
  .bbg_listBtn a {
      width: 100%;
      margin: 0 20px 20px;
  }
  
}

.leftTtl{
    font-size: 15px;
    display: flex;
    align-items: center;
    border-right: 1px solid #ccc;
}


@media (max-width: 639px) {
  .ch__sub .ch__link{display:none;}
  .ch__menu{display:none;}
  .ch__menu--btn a{width:70px;display:block;}
  .chWrap {
      justify-content: space-between;
      align-items: center;
  }
  .ch__menu--btn.spMenu {
      display: block;
      text-align: center;
      width: 65px;
      background: #333;
      color: #fff;
      padding: 5px 0px;
  }
  .ch__menu--btn.spMenu span{
      display: block;
      font-size: 12px;
  }
  .ch__logo {
      width: 150px;
      padding: 0 0 0 15px;
  }
  .ch__right {
      width: calc(100% - 150px);
      padding-left: 0;
  }  
.ch__sub {
    display: flex;
    justify-content: right;
}
  .ch__menu--btn a {font-size: 12px;height: 48px;display:flex;}
  .ch__menu--btn a i{display:none;}

  .ch__menu {
      display: none;
      position: fixed;
      width: 100%;
      height: 100vh;
      background: #fff;
      top: 0;
      left: 0;
      overflow: auto;
  }
  .ch__SPmenu {
      display: flex;
      justify-content: space-between;
      align-items: center;
  }
  .ch__closeBtn {
      text-align: center;
      background: #333;
      color: #fff;
      padding: 5px 15px;
  }
  .ch__closeBtn span{
      display: block;
      font-size: 12px;
  }
  .ch__menu ul {
      display: block;
      width: 100%;
      height: 100%;
      background: #3dafba;
      color: #fff;
  }
  .ch__menu .chm li{width:100%;}
  .ch__menu-li {
      text-align: left;
      width: 100%;
      padding: 15px 0;
      position: relative;
      background:#0f8f9c;
      border-bottom: 1px solid #ccc;
  } 
  .ch__menu-linr {
      position: inherit;
      background: inherit;
      padding: 0;
  }
  .ch__menu .chm {
      width: 100%;
      padding: 15px;
      justify-content: space-between;
      display: flex;
      flex-wrap: wrap;
      background: #fff;
      /* margin-top: 15px; */
      margin-bottom:-15px;
  }
  .ch__menu .chm li {
      width: calc(100% / 2 - 10px);
      margin: 0;
          padding-bottom: 15px;
  }
  .ch__menu-li::after {
      position: absolute;
      right: 20px;
      top: 18px;
  }
  .ch__menu-li span{
      display: block;
      padding-left: 15px;
  }
  .ch__menu-li.cm__link{padding-left: 15px;}
  .ch__menu-li.show_sp{display: block;}
  .ch__menu-li.show_sp {
      display: block;
      background: #3dafba;
      color: #fff;
  }
  .ch__menu-li.show_sp a{color:#fff;}
  .ch__menu-li.cm__link::after {
      content: "\f054";
  }
  .cm__link a{color:#fff;}
  .ch--ttl span,.wf--txt span,.wf--ttl span{padding-left:0;}
  .wf--ttl b {
      color: #333;
  }
  
  .aw__img{width:100%;}
  .aw__txt{margin-top:0;padding: 30px;}
  .stayWrap#bbq .aw__img{order:1;}
  .aw__txt p{font-size:90%;}
  #instagram [class*='uk-width']{padding:20px;}
  .faqWrap dl {
      margin: 0 20px;
  }
  .faqWrap span.ttl{font-size:16px;}.faqWrap dd{font-size:13px;}
  .cf__right{
    width: 100%;
    flex-wrap: wrap;
  }
  .cf__rBox{width: 100%;}
  .cf__right ul{display: flex;flex-wrap:wrap;}
  .cf__right ul li{
    width:calc(100% / 2 - 10px);
  }
  .cf__right li a{padding:8px 0;}
.cf__logo {
    width: 60%;
    order: 2;
    margin: 40px auto 0;
}
.cf__right .cf__rBox:last-of-type{border-bottom:1px solid #aaa;padding-bottom:30px;}
.cf__Box{order:3;}
  .oskjWrap {
    padding-top: 50px;
    padding-bottom: 50px;
    font-size: 15px;
    text-align: left;
}
.oskjWrap b {
    font-size: 30px;
    display: block;
    text-align: center;
    margin-bottom: 30px;
}
.ch__menu .chm .leftTtl{
    width: 100%;
    border-bottom: 1px solid #ccc;
    border-right: none;
    margin-bottom: 15px;
    color:#000;
}
.leftTtl a{
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
.leftTtl a i{font-size:10px;}
  
}

.pcOnry{
  display: block;
}
.spOnry{
  display: none;
}
@media (max-width: 639px) {
  .spOnry{
    display: block;
  }
  .pcOnry{
    display: none;
  }
}

/* 2025/07/11 */
.fw__plan-col3-btn.ver02{
  margin-top: 15px;
}