@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400&display=swap');
@font-face {
	font-family:'HuiFontP109';
	src:url('	/upload/tenant_1/bd3eb15d9aff40966af93357cba84ba4.eot');
	src:url('	/upload/tenant_1/bd3eb15d9aff40966af93357cba84ba4.eot?#iefix') format('embedded-opentype'),
	url('/upload/tenant_1/34e81755f70435d5f230926ef656cc6e.woff') format('woff'),
	url('/upload/tenant_1/1b75dd4d362880d0abfc3442e2b04afe.ttf') format('truetype'),
	url('/upload/tenant_1/bb2fd41ccea83b6e9d574a4477b33d5a.svg#HuiFontP109') format('svg');
}


/* ===========================
# 基本設定
===========================*/

.temp-hWrap .mainWrap {
    position: relative;
    z-index: 1;
    color: #333;
    font-size: 15px;
    font-family: "メイリオ", "ＭＳ Ｐゴシック", Arial, sans-serif;
}

@media (max-width: 599px) {
    .temp-hWrap .mainWrap {
        font-size: 13px;
    }
}

#modelCourseSection,
#addOneDaySection {
    background: url(/import/tenant_1/www.wbf.co.jp/template/temp-h/img/bg_model_course001.jpg);
}

#faqSection {
    background: rgba(90, 90, 90, 0.2);
}

.gum #faqSection {
    background: rgba(73, 183, 208, 0.2);
}

.dps #faqSection {
    background: rgba(156, 214, 117, 0.25);
}

.hnl #faqSection {
    background: rgba(27, 194, 110, 0.14);
}

.sin #faqSection {
    background: rgba(255,190,190,0.25);
}

.cebu #faqSection {
    background: rgba(170, 255, 251, 0.25);
}

.hanoi #faqSection {
    background: rgba(116, 206, 206, 0.2);
}

#sightseeingSection .button02 {
    margin-bottom: 0;
}

#moreTourSection {
    height: 266px;
    background: url(/upload/tenant_1/tw_bg_more_tour001.webp) no-repeat center top;
}

.gum #moreTourSection {
    height: 266px;
    background: url(/upload/tenant_1/gum_bg_more_tour001.webp) no-repeat center top;
}

.hnl #moreTourSection {
    height: 266px;
    background: url(/upload/tenant_1/ha_bg_more_tour001.webp) no-repeat center top;
}

.dps #moreTourSection {
    height: 266px;
    background: url(/upload/tenant_1/bl_bg_more_tour_pc.webp) no-repeat center top;
}

.bkk #moreTourSection {
    height: 266px;
    background: url(/upload/tenant_1/th_bg_more_tour001.webp) no-repeat center top;
}

.sin #moreTourSection {
    height: 266px;
    background: url(/upload/tenant_1/sg_sg_bg_more_tour_pc.webp) no-repeat center top;
}

.cebu #moreTourSection {
    height: 266px;
    background: url(/upload/tenant_1/cebu_bg_more_tour001.webp) no-repeat center top;
}

.hanoi #moreTourSection {
    height: 266px;
    background: url(/upload/tenant_1/vt_bg_more_tour_pc.webp) no-repeat center top;
}

@media (max-width: 599px) {
    #moreTourSection {
        height: 176px;
        background: url(/upload/tenant_1/tw_bg_more_tour001sp.webp) no-repeat center top / cover;
    }
    .bkk #moreTourSection {
        height: 176px;
        background: url(/upload/tenant_1/th_bg_more_tour001sp.webp) no-repeat center top / cover;
    }
    .sin #moreTourSection {
    height: 266px;
    background: url(/upload/tenant_1/sg_bg_more_tour_sp.webp) no-repeat center top;
}
    .cebu #moreTourSection {
    height: 266px;
    background: url(/upload/tenant_1/cebu_bg_more_tour001sp.webp) no-repeat center top;
}
    .hanoi #moreTourSection {
    height: 266px;
    background: url(/upload/tenant_1/vt_bg_more_tour_sp.webp) no-repeat center top;
}
}

#contactUsSection {
    background: #439bde;
}

#contactUsSection ul {
    width: 100%;
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
}

@media (max-width: 1024px) {
    #contactUsSection ul {
        max-width: 600px;
    }
}

.linkTxt a {
    color: #40779B;
}

.linkTxt a:hover {
    color: #00A0E9;
    outline: none;
    text-decoration: underline;
}


/* ===========================
# コンポーネント
===========================*/
/* catch
=================*/
.catch {
    padding-bottom: 0.1em;
    background-image: linear-gradient(to bottom, #e5e5df 1px, transparent 1px);
    background-size: 1px 2em;
    line-height: 2em;
    letter-spacing: 0.025em;
    text-align: center;
}

.catch .underline {
    background-image: radial-gradient(0.2em 0.1em at center center,rgb(38, 180, 212),rgba(79,60,46,0)),
radial-gradient(0.4em 0.1em at center center,rgb(38, 180, 212),rgba(79,60,46,0)),
radial-gradient(0.7em 0.1em at center center,rgb(38, 180, 212),rgba(79,60,46,0)),
radial-gradient(7.1em 0.1em at center center,rgb(38, 180, 212),rgba(79,60,46,0));
    background-repeat: repeat-x;
    background-position: right bottom;
    background-size: 0.6em 0.2em, 1.6em 0.2em, 3.4em 0.2em, 3.6em 0.2em;
    font-weight: bold;
}

.gum .catch .underline {
    background-image: radial-gradient(0.2em 0.1em at center center,rgb(38, 180, 212),rgba(79,60,46,0)),
radial-gradient(0.4em 0.1em at center center,rgb(38, 180, 212),rgba(79,60,46,0)),
radial-gradient(0.7em 0.1em at center center,rgb(38, 180, 212),rgba(79,60,46,0)),
radial-gradient(7.1em 0.1em at center center,rgb(38, 180, 212),rgba(79,60,46,0));
    background-repeat: repeat-x;
    background-position: right bottom;
    background-size: 0.6em 0.2em, 1.6em 0.2em, 3.4em 0.2em, 3.6em 0.2em;
    font-weight: bold;
}

.dps .catch .underline {
    background-image: radial-gradient(0.2em 0.1em at center center,rgb(166, 232, 122),rgba(79,60,46,0)),
radial-gradient(0.4em 0.1em at center center,rgb(166, 232, 122),rgba(79,60,46,0)),
radial-gradient(0.7em 0.1em at center center,rgb(166, 232, 122),rgba(79,60,46,0)),
radial-gradient(7.1em 0.1em at center center,rgb(166, 232, 122),rgba(79,60,46,0));
    background-repeat: repeat-x;
    background-position: right bottom;
    background-size: 0.6em 0.2em, 1.6em 0.2em, 3.4em 0.2em, 3.6em 0.2em;
    font-weight: bold;
}

.bkk .catch .underline {
    background-image: radial-gradient(0.2em 0.1em at center center,rgb(208, 98, 208),rgba(79,60,46,0)),
radial-gradient(0.4em 0.1em at center center,rgb(208, 98, 208),rgba(79,60,46,0)),
radial-gradient(0.7em 0.1em at center center,rgb(208, 98, 208),rgba(79,60,46,0)),
radial-gradient(7.1em 0.1em at center center,rgb(208, 98, 208),rgba(79,60,46,0));
    background-repeat: repeat-x;
    background-position: right bottom;
    background-size: 0.6em 0.2em, 1.6em 0.2em, 3.4em 0.2em, 3.6em 0.2em;
    font-weight: bold;
}

.sin .catch .underline {
    background-image: radial-gradient(0.2em 0.1em at center center,rgba(246,89,115,1),rgba(246,89,115,0)),
radial-gradient(0.4em 0.1em at center center,rgba(246,89,115,1),rgba(246,89,115,0)),
radial-gradient(0.7em 0.1em at center center,rgba(246,89,115,1),rgba(246,89,115,0)),
radial-gradient(7.1em 0.1em at center center,rgba(246,89,115,1),rgba(246,89,115,0));
    background-repeat: repeat-x;
    background-position: right bottom;
    background-size: 0.6em 0.2em, 1.6em 0.2em, 3.4em 0.2em, 3.6em 0.2em;
    font-weight: bold;
}

@media (max-width: 1024px) {}

@media (max-width: 599px) {
    .catch {
        background-size: 1px 1.75em;
        font-size: 12px;
        line-height: 1.75em;
    }
}

/* section-title
=================*/
.section-title {
    padding-top: 20px;
    line-height: 1;
    text-align: center;
}

.section-title .lead {
    display: block;
    margin-bottom: 10px;
    font-family: 'HuiFontP109';
    font-size: 24px;
    /* font-weight: bold; */
}

.section-title .lead img {
    display: inline-block;
    padding: 0 10px;
}

.section-title .sub {
    display: block;
    margin-bottom: 10px;
    color: #ec6800;
    font-size: 14px;
    font-weight: bold;
}

.gum .section-title .sub {
    display: block;
    margin-bottom: 10px;
    color: #26b4d4;
    font-size: 14px;
    font-weight: bold;
}

.hnl .section-title .sub {
    display: block;
    margin-bottom: 10px;
    color: #1bc26e;
    font-size: 14px;
    font-weight: bold;
}

.dps .section-title .sub {
    display: block;
    margin-bottom: 10px;
    color: #9cd675;
    font-size: 14px;
    font-weight: bold;
}

.bkk .section-title .sub {
    display: block;
    margin-bottom: 10px;
    color: #bb69bb;
    font-size: 14px;
    font-weight: bold;
}

.sin .section-title .sub {
    display: block;
    margin-bottom: 10px;
    color: #ff7593;
    font-size: 14px;
    font-weight: bold;
}

.cebu .section-title .sub {
    display: block;
    margin-bottom: 10px;
    color: #89d2dd;
    font-size: 14px;
    font-weight: bold;
}

.hanoi .section-title .sub {
    display: block;
    margin-bottom: 10px;
    color: #53d0d0;
    font-size: 14px;
    font-weight: bold;
}

.section-title .main {
    margin-bottom: 40px;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: 32px;
}

.section-title small {
    display: inline-block;
    font-size: 21px;
    line-height: 32px;
    vertical-align: middle;
}

@media (max-width: 1024px) {
    .section-title {
        padding-top: 10px;
    }

    .section-title .lead {
        font-size: 22px;
    }

    .section-title .main {
        margin-bottom: 40px;
        font-size: 30px;
    }
}

@media (max-width: 599px) {
    .section-title .lead {
        font-size: 18px;
    }

    .section-title .main {
        margin-bottom: 20px;
        font-size: 20px;
    }
}

/* section-title02
=================*/
.section-title02 {
    height: 88px;
    padding-bottom: 16px;
    margin-bottom: 30px;
    background-image: url(/import/tenant_1/www.wbf.co.jp/template/temp-h/img/bg_more_plan_section001.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 100%;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    color: #fff;
    font-size: 32px;
    line-height: 72px;
    font-weight: bold;
    text-align: center;
}

@media (max-width: 1024px) {
    .section-title02 {
        height: auto;
        padding: 10px 0 30px;
        font-size: 20px;
        line-height: 1.5;
        background-size: auto 100%;
    }
}

@media (max-width: 599px) {
    .section-title02 {
        height: 51px;
        font-size: 18px;
        background-size: auto;
        background-repeat: no-repeat;
        background-position: center top;
        padding: 3px 0;
        line-height: 1.2;
    } 
}

/* section-title03
=================*/
.section-title03 {
    margin-bottom: 20px;
    color: #fff;
    font-size: 21px;
    line-height: 1;
    text-align: center;
}

@media (max-width: 1024px) {
    .section-title03 {
        font-size: 20px;
    }
}

@media (max-width: 599px) {
    .section-title03 {
        font-size: 18px;
    }
}

/* section-break
=================*/
.section-break {
    border-top: 6px dotted #ec6800;
}

.gum .section-break {
    border-top: 6px dotted #26b4d4;
}

.hnl .section-break {
    border-top: 6px dotted #1bc26e;
}

.dps .section-break {
    border-top: 6px dotted #70ad47;
}

.bkk .section-break {
    border-top: 6px dotted #3f075e;
}

.sin .section-break {
    border-top: 6px dotted #e38080;
}

.cebu .section-break {
    border-top: 6px dotted #89d2dd;
}

.hanoi .section-break {
    border-top: 6px dotted #53d0d0;
}

@media (max-width: 1024px) {}

/* drawerBtn
=================*/
.drawerBtn {
    position: fixed;
    top: 20px;
    left: 20px;
    z-index: 12;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: #ec6800;
    color: #fff;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
}

.gum .drawerBtn {
    position: fixed;
    top: 20px;
    left: 20px;
    z-index: 12;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: #26b4d4;
    color: #fff;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
}
.hnl .drawerBtn {
    position: fixed;
    top: 20px;
    left: 20px;
    z-index: 12;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: #1bc26e;
    color: #fff;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
}
.dps .drawerBtn {
    position: fixed;
    top: 20px;
    left: 20px;
    z-index: 12;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: #70ad47;
    color: #fff;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
}
.sin .drawerBtn {
    position: fixed;
    top: 20px;
    left: 20px;
    z-index: 12;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: #e38080;
    color: #fff;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
}
.bkk .drawerBtn {
    position: fixed;
    top: 20px;
    left: 20px;
    z-index: 12;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: #3f075e;
    color: #fff;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
}
.cebu .drawerBtn {
    position: fixed;
    top: 20px;
    left: 20px;
    z-index: 12;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: #7cdfea;
    color: #fff;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
}

.hanoi .drawerBtn {
    position: fixed;
    top: 20px;
    left: 20px;
    z-index: 12;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: #009999;
    color: #fff;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
}

[data-element-id] .drawerBtn {
    display: block !important;
    opacity: 1 !important;  
    position: relative;
    top: 0;
    left: 0;
}

@media (min-width: 1420px) {
    .drawerBtn {
        left: calc(50% - 690px);
    }
}

@media (max-width: 599px) {
    .drawerBtn {
        width: 45px;
        height: 45px;
        line-height: 45px;
        font-size: 10px;
        top: 0;
        left: 0;
    }
}

/* ttl01
=================*/
.ttl01 {
    margin-bottom: 20px;
}

.ttl01__icon {
    width: 145px;
}

.ttl01__box {
    width: calc(100% - 145px);
    margin-left: 10px;
}

.ttl01__title {
    margin-bottom: 20px;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: 30px;
}

.ttl01__box li {
    padding-right: 35px;
    margin-left: 10px;
    background-repeat: no-repeat;
    background-position: right center;
    line-height: 30px;
}

.ttl01__box li.title {
    padding-right: initial;
    margin-left: initial;
}

.ttl01__box li.without {
    background-image: url(/import/tenant_1/www.wbf.co.jp/template/temp-h/img/mark_meal001.png);
}

.ttl01__box li.air {
    background-image: url(/import/tenant_1/www.wbf.co.jp/template/temp-h/img/mark_meal002.png);
}

.ttl01__box li.with {
    background-image: url(/import/tenant_1/www.wbf.co.jp/template/temp-h/img/mark_meal003.png);
}

@media (max-width: 1024px) {
    .ttl01__icon {
        width: 100px;
    }

    .ttl01__box {
        width: calc(100% - 100px);
        margin-left: 10px;
    }

    .ttl01__title {
        padding: 0 10px;
        margin-bottom: 10px;
        font-size: 24px;
    }
}

@media (max-width: 599px) {
    .ttl01__icon {
        width: 90px;
    }

    .ttl01__box {
        width: calc(100% - 90px);
    }

    .ttl01__title {
        margin-bottom: 5px;
        font-size: 20px;
    }
}

/* ttl02
=================*/
.ttl02__icon {
    width: 110px;
}

.ttl02__title {
    width: calc(100% - 110px);
    margin-top: -20px;
    margin-left: 10px;
    color: #666;
    font-size: 26px;
    font-weight: bold;
}

@media (max-width: 599px) {
    .ttl02__icon {
        width: 84px;
    }
}

/* ttl03
=================*/
.ttl03 {
    position: relative;
    z-index: 1;
    margin-bottom: 10px;
}

.ttl03__icon {
    width: 165px;
    padding-left: 30px;
}

.ttl03__title {
    width: calc(100% - 165px);
    padding-top: 30px;
    margin-left: 10px;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    color: #525252;
    font-size: 20px;
    line-height: 1.45;
}

@media (max-width: 1024px) {
    .ttl03 {
        z-index: 2;
    }
}

@media (max-width: 599px) {
    .ttl03__icon {
        width: 80px;
        padding-left: initial;
    }

    .ttl03__title {
        width: calc(100% - 80px);
        font-size: 16px;
        line-height: 1.35;
    }
}

/* ttl04
=================*/
.ttl04 {
    padding-top: 128px;
    padding-bottom: 40px;
    background: url(/import/tenant_1/www.wbf.co.jp/template/temp-h/img/bg_add_one_day_title001.png) no-repeat center top;
    font-size: 27px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
}

.bkk .ttl04 {
    padding-top: 128px;
    padding-bottom: 40px;
    background: url(/upload/tenant_1/bg_add_one_day_title001.webp) no-repeat center top;
    font-size: 27px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
}

.hanoi .ttl04 {
    padding-top: 128px;
    padding-bottom: 40px;
    background: url(/upload/tenant_1/vt_bg_add_one_day_title001.webp) no-repeat center top;
    font-size: 27px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
}

@media (max-width: 1024px) {
    .ttl04 {
        padding-top: 86px;
        padding-bottom: 60px;
        background: url(/import/tenant_1/www.wbf.co.jp/template/temp-h/img/bg_add_one_day_title001sp.png) no-repeat center top;
        font-size: 15px;
    }
    .bkk .ttl04 {
        padding-top: 86px;
        padding-bottom: 60px;
        background: url(/upload/tenant_1/bg_add_one_day_title001sp.webp) no-repeat center top;
        font-size: 15px;
    }
    .hanoi .ttl04 {
    padding-top: 128px;
    padding-bottom: 40px;
    background: url(/upload/tenant_1/vt_bg_add_one_day_title001sp.webp) no-repeat center top;
    font-size: 27px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
}

}

@media (max-width: 599px) {}

/* txt01
=================*/
.txt01 {
    margin-bottom: 18px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
}

@media (max-width: 1024px) {
    .txt01 {
        font-size: 14px;
    }
}

@media (max-width: 599px) {
    .txt01 {
        font-size: 13px;
    }
}

/* txt02
=================*/
.txt02 {
    color: #fff;
    font-size: 14px;
    line-height: 1;
    text-align: center;
}

@media (max-width: 599px) {
    .txt02 {
        font-size: 11px;
    }
}

/* timeline-list
=================*/
.timeline-list {
    position: relative;
}

.timeline-list::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 145px;
    width: 2px;
    height: 100%;
    border-left: 2px dotted #666;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.timeline-list__item.bg {
    position: relative;
}

.timeline-list__item.bg::after {
    display: block;
    content: "";
    position: absolute;
    top: 20px;
    left: 40px;
    z-index: 0;
    width: 96%;
    height: 85%;
    padding: 30px 10px;
    background: rgba(90, 90, 90, 0.2);
    border-radius: 30px;
}

.hanoi .timeline-list__item.bg::after {
    display: block;
    content: "";
    position: absolute;
    top: 20px;
    left: 40px;
    z-index: 0;
    width: 96%;
    height: 85%;
    padding: 30px 10px;
    background: rgba(82, 177, 177, 0.2);
    border-radius: 30px;
}

.timeline-list__item.negative-margin {
    margin-top: -70px;
}

.timeline-list__item:not(:last-of-type) {
    margin-bottom: 60px;
}

@media (max-width: 1024px) {
    .timeline-list__item.bg::after {
        width: 90%;
        height: 55%;
        background: #ccc;
        z-index: 1;
    }
}

@media (max-width: 599px) {
    .timeline-list__item.bg::after {
        left: 0;
        width: 100%;
        height: 63%;
    }

    .timeline-list::after {
        left: 65px;
    }
}

/* modelCourse-list
=================*/
.modelCourse-list__item {
    margin-bottom: 80px;
}

/* button01
=================*/
.button01 a {
    display: inline-block;
    width: 100%;
    padding: 8px 10px;
    background: #ec6800 url(/import/tenant_1/www.wbf.co.jp/template/temp-h/img/mark002.png) no-repeat right 10px center;
    border-radius: 19px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
    margin-top: 10px;
}
.gum .button01 a {
    display: inline-block;
    width: 100%;
    padding: 8px 10px;
    background: #26b4d4 url(/import/tenant_1/www.wbf.co.jp/template/temp-h/img/mark005.png) no-repeat right 8px center;
    border-radius: 19px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
}
.hnl .button01 a {
    display: inline-block;
    width: 100%;
    padding: 8px 10px;
    background: #1bc26e url(/import/tenant_1/www.wbf.co.jp/template/temp-h/img/mark005.png) no-repeat right 8px center;
    border-radius: 19px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
}
.dps .button01 a {
    display: inline-block;
    width: 100%;
    padding: 8px 10px;
    background: #006400 url(/import/tenant_1/www.wbf.co.jp/template/temp-h/img/mark002.png) no-repeat right 10px center;
    border-radius: 19px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
}
.bkk .button01 a {
    display: inline-block;
    width: 100%;
    padding: 8px 10px;
    background: #3f075e url(/import/tenant_1/www.wbf.co.jp/template/temp-h/img/mark005.png) no-repeat right 8px center;
    border-radius: 19px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
}
.sin .button01 a,
.cebu .button01 a,
.hanoi .button01 a{
    display: inline-block;
    width: 100%;
    padding: 8px 10px;
    background: #db5c5c url(/import/tenant_1/www.wbf.co.jp/template/temp-h/img/mark005.png) no-repeat right 8px center;
    border-radius: 19px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
}

.button01 .yen {
    display: none;
}

@media (max-width: 599px) {
    .button01 a {
        font-size: 14px;
    }
}

/* button02
=================*/
.button02 {
    margin-bottom: 80px;
    text-align: center;
}

.button02 a {
    display: inline-block;
    width: 100%;
    max-width: 240px;
    padding: 6px 10px;
    background: #ec6800 url(/import/tenant_1/www.wbf.co.jp/template/temp-h/img/mark005.png) no-repeat right 8px center;
    border-radius: 15px;
    color: #fff;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
}

.gum .button02 a {
    display: inline-block;
    width: 100%;
    max-width: 240px;
    padding: 6px 10px;
    background: #26b4d4 url(/import/tenant_1/www.wbf.co.jp/template/temp-h/img/mark005.png) no-repeat right 8px center;
    border-radius: 15px;
    color: #fff;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
}

.hnl .button02 a {
    display: inline-block;
    width: 100%;
    max-width: 240px;
    padding: 6px 10px;
    background: #1bc26e url(/import/tenant_1/www.wbf.co.jp/template/temp-h/img/mark005.png) no-repeat right 8px center;
    border-radius: 15px;
    color: #fff;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
}

.bkk .button02 a {
    display: inline-block;
    width: 100%;
    max-width: 240px;
    padding: 6px 10px;
    background: #3f075e url(/import/tenant_1/www.wbf.co.jp/template/temp-h/img/mark005.png) no-repeat right 8px center;
    border-radius: 15px;
    color: #fff;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
}

.sin .button02 a {
    display: inline-block;
    width: 100%;
    max-width: 240px;
    padding: 6px 10px;
    background: #db5c5c url(/import/tenant_1/www.wbf.co.jp/template/temp-h/img/mark005.png) no-repeat right 8px center;
    border-radius: 15px;
    color: #fff;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
}

.hanoi .button02 a {
    display: inline-block;
    width: 100%;
    max-width: 240px;
    padding: 6px 10px;
    background: #009999 url(/import/tenant_1/www.wbf.co.jp/template/temp-h/img/mark005.png) no-repeat right 8px center;
    border-radius: 15px;
    color: #fff;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
}

@media (max-width: 599px) {
    .button02 {
        margin-bottom: 40px;
    }

    .button02 a {
        font-size: 14px;
    }
}

/* button03
=================*/
.button03 {
    text-align: center;
}

.button03 a {
    display: inline-block;
}

/* button04
=================*/
.button04 {
    padding-top: 90px;
    text-align: center;
}

.button04 a {
    display: inline-block;
    width: 100%;
    max-width: 480px;
    padding: 20px 10px;
    background: #ec6800;
    border: 3px solid #fff;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
}

.gum .button04 a {
    display: inline-block;
    width: 100%;
    max-width: 480px;
    padding: 20px 10px;
    background: #26b4d4;
    border: 3px solid #fff;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
}

.hnl .button04 a {
    display: inline-block;
    width: 100%;
    max-width: 480px;
    padding: 20px 10px;
    background: #1bc26e;
    border: 3px solid #fff;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
}

.dps .button04 a {
    display: inline-block;
    width: 100%;
    max-width: 480px;
    padding: 20px 10px;
    background: #70ad47;
    border: 3px solid #fff;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
}

.sin .button04 a,
.cebu .button04 a{
    display: inline-block;
    width: 100%;
    max-width: 480px;
    padding: 20px 10px;
    background: #db5c5c;
    border: 3px solid #fff;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
}

.hanoi .button04 a {
    display: inline-block;
    width: 100%;
    max-width: 480px;
    padding: 20px 10px;
    background: #009999;
    border: 3px solid #fff;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
}

@media (max-width: 599px) {
    .button04 {
        padding-top: 45px;
    }

    .button04 a {
        width: 80%;
    }
}

/* button05
=================*/
.button05 a {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 16px 10px 16px 110px;
    border: 1px solid #fff;
    color: #fff;
    line-height: 1;
    text-align: center;
}

.button05.icon-tel a {
    font-size: 27px;
}

.button05.icon-tel a::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 65px;
    width: 42px;
    height: 42px;
    background: url(/import/tenant_1/www.wbf.co.jp/template/temp-h/img/fig_contact001.png) no-repeat left center;
}

.button05.icon-mail a {
    font-size: 21px;
}

.button05.icon-mail a::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 50px;
    width: 42px;
    height: 31px;
    background: url(/import/tenant_1/www.wbf.co.jp/template/temp-h/img/fig_contact002.png) no-repeat left center;
}

@media (max-width: 1024px) {
    .button05 a {
        padding: 16px 10px;
    }

    .button05.icon-tel a {
        font-size: 24px;
    }

    .button05.icon-tel a::after {
        left: 50px;
    }

    .button05.icon-mail a {
        font-size: 18px;
    }
}

@media (max-width: 599px) {
    .button05 a {
        padding: 16px 10px;
    }

    .button05.icon-tel a {
        font-size: 20px;
    }

    .button05.icon-tel a::after {
        left: 20px;
    }

    .button05.icon-mail a {
        font-size: 16px;
    }

    .button05.icon-mail a::after {
        left: 20px;
    }
}





/* ===========================
# 共通ブロック
===========================*/
/* .resortImg
=================*/
.resortImg {
    position: relative;
}

.resortImg .pic {
    height: 600px;
}

[data-element-id] .resortImg .pic.show\@sp {
    width: 500px;
    height: 375px;
}

.resortImg .uk-slidenav-position {
    height: 100%;
    position: relative;
    z-index: 0;
}

.resortImg .uk-slideshow {
    width: 100%;
    height: 100% !important;
    position: absolute;
    top: 0;
}

.resortImg .uk-slideshow li {
    height: 100% !important;
}

.resortImg .uk-slideshow .uk-flex {
    height: 100%;
}

.resortImg .uk-slideshow img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    /*object-fit: cover;*/
    -o-object-position: 50% 50%;
    object-position: 50% 50%;

    /*IE対策*/
    font-family: "object-fit: cover; object-position: 50% 50%;";
}

.resortImg .uk-dotnav {
    bottom: -20px;
}

.resortImg .uk-dotnav li a {
    width: 10px;
    height: 10px;
    background: rgba(0, 0, 0, 0.25);
}

.resortImg .uk-dotnav li.uk-active a {
    background: #db5c5c;
    transform: inherit;
}

/* .resortImg .uk-dotnav li a {
    background: rgba(0, 0, 0, 0.8);
} */

@media (max-width: 1024px) {
    .resortImg .pic {
        height: 400px;
    }
}

@media (max-width: 599px) {
    .resortImg .uk-slidenav-position {
      position: relative;
    }
    .resortImg .pic {
        height: 260px;
    }
}

/* globalNav
=================*/
.globalNav {
    background-color: #ec6800;
}

.gum .globalNav {
  background: #26b4d4;
}

.hnl .globalNav {
  background: #1bc26e;
}

.dps .globalNav {
  background: #70ad47;
}

.bkk .globalNav {
    background-color: #3f075e;
}

.sin .globalNav {
    background-color: #e38080;
}

.cebu .globalNav {
    background-color: #7cdfea;
}

.hanoi .globalNav {
    background-color: #009999;
}

.globalNav__item a {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 24px 0;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    color: #fff;
    font-size: 16px;
    text-align: center;
}

.globalNav__item a::after {
    display: block;
    content: "";
    position: absolute;
    bottom: 16px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 86%;
    height: 4px;
    background: #fff;
}

/* drawerNav
=================*/
.drawerNav {
    position: fixed;
    top: 20px;
    left: 20px;
    z-index: 11;
    width: 310px;
    max-width: 100%;
    padding-top: 60px;
    padding-bottom: 40px;
    padding-right: 60px;
    padding-left: 60px;
    background: #ec6800;
    -webkit-transform: translateY(calc(-100% - 20px));
    transform: translateY(calc(-100% - 20px));
    -webkit-transition: -webkit-transform 0.3s ease 0s;
    transition: -webkit-transform 0.3s ease 0s;
    transition: transform 0.3s ease 0s;
    transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}

.bkk .drawerNav {
  background: rgb(63, 7, 94);
}

.gum .drawerNav {
  background: #26b4d4;
}

.hnl .drawerNav {
  background: #1bc26e;
}

.dps .drawerNav {
  background: #70ad47;
}

.sin .drawerNav {
  background: #e38080;
}

.cebu .drawerNav {
  background: #7cdfea;
}

.hanoi .drawerNav {
  background: #009999;
}

[data-element-id] .drawerNav {
    position: relative;
    top: 0;
    left: 0;
    transform: inherit;
}

.drawerNav.is-open {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.drawerNav__item a {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 12px 0;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    color: #fff;
    font-size: 14px;
    text-align: center;
}

.drawerNav__item a::after {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    height: 4px;
    background: #fff;
}

@media (min-width: 1420px) {
    .drawerNav {
        left: calc(50% - 690px);
    }
}

@media (max-width: 1024px) {
    .drawerNav {
        max-width: 230px;
        padding: 60px 10px 50px;
    }
}

@media (max-width: 599px) {
    .drawerNav {
        padding: 60px 30px 50px;
        top: 0;
        left: 0;
    }
    .bkk .drawerNav {
      background-color: #3f075e;
    }
}

/* card01
=================*/
.card01__head {
    margin-bottom: 15px;
}

.card01__icon {
    width: 130px;
}

.card01__title {
    width: calc(100% - 130px);
    margin-left: 30px;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    color: #666;
    font-size: 22px;
    line-height: 1;
}

.card01__body {
    padding-left: 15px;
}

.sin .card01__body .card01__img img {
  border-radius: 50%;
}

.card01__text {
    font-size: 15px;
}

.card01__img {
    padding-right: 35px;
    padding-left: 35px;
}

@media (max-width: 1024px) {
    .card01__head {
        padding-right: 10px;
        padding-left: 10px;
    }

    .card01__icon {
        width: 100px;
    }

    .card01__title {
        width: calc(100% - 100px);
        margin-left: 10px;
        font-size: 20px;
    }

    .card01__body {
        padding-right: 20px;
        padding-left: 20px;
    }

    .card01__text {
        width: calc(190 / 335 * 100%);
        margin-left: calc(10 / 335 * 100%);
    }

    .card01__img {
        width: calc(135 / 335 * 100%);
        padding-right: initial;
        padding-left: initial;
    }
}

@media (max-width: 599px) {
    .card01__icon {
        width: 63px;
    }

    .card01__title {
        width: calc(100% - 53px);
        font-size: 16px;
    }

    .card01__body {
        padding-right: 10px;
        padding-left: 10px;
    }

    .card01__text {
        font-size: 12px;
    }
}

/* card02
=================*/
.card02 {
    position: relative;
}

.card02::after {
    display: block;
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    width: 144px;
    height: 146px;
}

.card02.card02--1::after {
    background: url(/import/tenant_1/www.wbf.co.jp/template/temp-h/img/bg_add_plan001.png) no-repeat left top / contain;
}

.card02.card02--2::after {
    background: url(/import/tenant_1/www.wbf.co.jp/template/temp-h/img/bg_add_plan002.png) no-repeat left top / contain;
}

.bkk .card02.card02--1::after {
    background: url(/upload/tenant_1/bg_add_plan001_1.webp) no-repeat left top / contain;
}

.bkk .card02.card02--2::after {
    background: url(/upload/tenant_1/bg_add_plan002_1.webp) no-repeat left top / contain;
}

.bkk .card02.card02--3::after {
    background: url(/upload/tenant_1/bg_add_plan003_1.webp) no-repeat left top / contain;
}

.hanoi .card02.card02--1::after {
    background: url(/upload/tenant_1/vt_bg_add_plan001.webp) no-repeat left top / contain;
}

.hanoi .card02.card02--2::after {
    background: url(/upload/tenant_1/vt_bg_add_plan002.webp) no-repeat left top / contain;
}

.card02__inner {
    padding: 20px;
    background: rgba(90, 90, 90, 0.2);
}

.hanoi .card02__inner {
    padding: 20px;
    background: rgba(82, 177, 177, 0.2);
}

.card02__content {
    padding-left: 130px;
}

.card02__label {
    display: inline-block;
    padding: 6px 20px;
    margin-bottom: 25px;
    background: #575757;
    border-radius: 20px;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    line-height: 1;
}

.card02__title {
    margin-bottom: 10px;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: 27px;
    line-height: 1.3;
}

.card02__text {
    line-height: 1.55;
}

@media (max-width: 1024px) {
    .card02::after {
        top: -5px;
        left: -5px;
        width: 90px;
        height: 90px;
    }

    .card02__content {
        padding-left: 0;
    }

    .card02__label {
        margin-left: 90px;
        font-size: 16px;
    }

    .card02__title {
        padding-left: 90px;
        font-size: 24px;
    }

    .card02__text {
        font-size: 14px;
    }
    
    .hanoi .card02.card02--1::after {
    background: url(/upload/tenant_1/vt_bg_add_plan001sp.webp) no-repeat left top / contain;
    }
    .hanoi .card02.card02--2::after {
    background: url(/upload/tenant_1/vt_bg_add_plan002sp.webp) no-repeat left top / contain;
    }

}

@media (max-width: 599px) {
    .card02__label {
        margin-left: 70px;
        font-size: 11px;
    }

    .card02__title {
        padding-left: 70px;
        font-size: 17px;
    }

    .card02__text {
        font-size: 13px;
    }
}

/* card03
=================*/
.card03 {
    height: 244px;
    background: url(/import/tenant_1/www.wbf.co.jp/template/temp-h/img/bg_user_voice002.png) no-repeat;
}

.card03 dl {
    padding: 28px 40px 0 28px;
}

.card03 dt {
    width: 150px;
    padding-top: 120px;
    background-repeat: no-repeat;
    background-position: center top 20px;
    line-height: 1.4;
    text-align: center;
}

.card03.user001 dt {
    background-image: url(/import/tenant_1/www.wbf.co.jp/template/temp-h/img/fig_user001.png);
}

.card03.user002 dt {
    background-image: url(/import/tenant_1/www.wbf.co.jp/template/temp-h/img/fig_user002.png);
}

.card03.user003 dt {
    background-image: url(/import/tenant_1/www.wbf.co.jp/template/temp-h/img/fig_user003.png);
}

.card03 dd {
    width: calc(100% - 150px);
    height: 180px;
    padding-bottom: 0.1em;
    line-height: 2em;
    letter-spacing: 0.025em;
    background-image: linear-gradient(to bottom, #e5e5df 1px, transparent 1px);
    background-size: 1px 2em;
}

.card03 dd .underline {
    background-image: radial-gradient(0.2em 0.1em at center center, rgba(167, 167, 167), rgba(79, 60, 46, 0)),
        radial-gradient(0.4em 0.1em at center center, rgba(167, 167, 167), rgba(79, 60, 46, 0)),
        radial-gradient(0.7em 0.1em at center center, rgba(167, 167, 167), rgba(79, 60, 46, 0)),
        radial-gradient(7.1em 0.1em at center center, rgba(167, 167, 167), rgba(79, 60, 46, 0));
    background-repeat: repeat-x;
    background-position: right bottom;
    background-size: 0.6em 0.2em, 1.6em 0.2em, 3.4em 0.2em, 3.6em 0.2em;
    font-weight: bold;
}

@media (max-width: 1024px) {
    .card03 dd {
        font-size: 14px;
    }
}

@media (max-width: 599px) {
    .card03 {
        height: 479px;
        background: url(/import/tenant_1/www.wbf.co.jp/template/temp-h/img/bg_user_voice003sp.png) no-repeat;
        background-size: 100% auto;
    }

    .card03 dl {
        padding: 0px 20px 0 30px;
    }

    .card03 dt {
        width: 100%;
        height: 100px;
        padding-top: 30px;
        padding-left: 120px;
        background-repeat: no-repeat;
        background-position: left 30px top 20px;
        font-size: 14px;
        line-height: 1.35;
        text-align: left;
    }

    .card03.user001 dt {
        background-image: url(/import/tenant_1/www.wbf.co.jp/template/temp-h/img/fig_user001sp.png);
    }

    .card03.user002 dt {
        background-image: url(/import/tenant_1/www.wbf.co.jp/template/temp-h/img/fig_user002sp.png);
    }

    .card03.user003 dt {
        background-image: url(/import/tenant_1/www.wbf.co.jp/template/temp-h/img/fig_user003sp.png);
    }

    .card03 dd {
        width: 100%;
        height: 340px;
        font-size: 12px;
    }
}

/* card04
=================*/
.map::after {
    padding-top: initial;
}

.card04 + .card04 {
    position: relative;
    padding-top: 80px;
}

.card04 + .card04::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, #b6c0c1), to(transparent));
    background: linear-gradient(90deg, transparent 0%, #b6c0c1 50%, transparent 100%);
}

.card04__content {
    width: calc(610 / 1200 * 100%);
}

.card04__img {
    width: calc(550 / 1200 * 100%);
    margin-left: calc(40 / 1200 * 100%);
}

.card04__title {
    margin-bottom: 45px;
    font-size: 32px;
    font-weight: bold;
    line-height: 1;
}

.card04__title .en {
    padding-left: 25px;
    margin-top: 10px;
    display: block;
    color: #ec6800;
    font-size: 17px;
}

.gum .card04__title .en {
    padding-left: 25px;
    margin-top: 10px;
    display: block;
    color: #26b4d4;
    font-size: 17px;
}

.hnl .card04__title .en {
    padding-left: 25px;
    margin-top: 10px;
    display: block;
    color: #1bc26e;
    font-size: 17px;
}

.dps .card04__title .en {
    padding-left: 25px;
    margin-top: 10px;
    display: block;
    color: #9cd675;
    font-size: 17px;
}

.bkk .card04__title .en {
    padding-left: 25px;
    margin-top: 10px;
    display: block;
    color: #bb69bb;
    font-size: 17px;
}

.sin .card04__title .en {
    padding-left: 25px;
    margin-top: 10px;
    display: block;
    color: #ff7593;
    font-size: 17px;
}

.cebu .card04__title .en {
    padding-left: 25px;
    margin-top: 10px;
    display: block;
    color: #89d2dd;
    font-size: 17px;
}

.hanoi .card04__title .en {
    padding-left: 25px;
    margin-top: 10px;
    display: block;
    color: #53d0d0;
    font-size: 17px;
}

.card04__content ul {
    margin-bottom: 20px;
}

.card04__content li.rank {
    color: #666;
}

.card04__content li.place {
    color: #fff;
    border-radius: initial;
    background-color: #414141;
}

.card04__content li.map a,
.card04__content li.detail a {
    display: inline-block;
    position: relative;
    padding: 5px 30px 3px 10px;
    background: #fff;
    border: 1px solid #999a9a;
    border-radius: 15px;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
}

.card04__content li.map a::after,
.card04__content li.detail a::after {
    display: block;
    content: "\f138";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10px;
    font-family: Font Awesome\ 5 Free;
    color: #999a9a;
    font-weight: 900;
}

.card04__text {
    font-size: 14px;
    line-height: 1.8;
    /* margin-bottom: 30px; */
}

.card04__img .resortImg .pic {
    height: 330px;
}

@media (max-width: 1024px) {
    .card04 + .card04 {
        padding-top: 60px;
    }

    .card04__content {
        width: 100%;
    }

    .card04__img {
        width: 100%;
        margin-left: initial;
    }

    .card04__title {
        padding: 8px 0;
        margin-bottom: 20px;
        font-size: 24px;
        text-align: center;
    }

    .card04__title .en {
        padding-left: initial;
        margin-top: 10px;
        font-size: 14px;
    }

    .card04__content li.rank {
        width: 100%;
        text-align: center;
    }

    .card04__text {
        margin-bottom: 20px;
    }

    .card04__img {
        padding: 0 20px;
    }
}

@media (max-width: 599px) {
    .card04 + .card04 {
        padding-top: 40px;
    }

    .card04__title {
        font-size: 20px;
    }

    .card04__title .en {
        font-size: 12px;
    }

    .card04__img .resortImg .pic {
        height: 180px;
    }

    .card04__text {
        font-size: 13px;
    }
}

/* card05
=================*/
.card05 a {
    display: block;
    height: 342px;
    padding: 25px 31px 0 42px;
    background: url(/import/tenant_1/www.wbf.co.jp/template/temp-h/img/bg_sightseeing001.png) no-repeat;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.card05__img {
    margin-bottom: 10px;
}

.card05__text {
    color: #666;
    font-size: 17px;
    line-height: 1.35;
}

@media (max-width: 1024px) {
    .card05 a {
        height: initial;
        padding: 16px 20px 30px 35px;
        background-image: url(/import/tenant_1/www.wbf.co.jp/template/temp-h/img/bg_sightseeing001sp.png);
        background-repeat: no-repeat;
        background-size: 100% auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .card05__img {
        width: 35%;
    }

    .card05__text {
        width: 60%;
        line-height: 1.5;
    }
}

@media (max-width: 599px) {
    .card05 a {
        padding: 16px 10px 16px 25px;
        background-image: url(/import/tenant_1/www.wbf.co.jp/template/temp-h/img/bg_sightseeing001sp.png);
    }

    .card05__text {
        font-size: 14px;
    }
}

/* modelCourse
=================*/
.modelCourse__timeline {
    width: 60%;
}

.modelCourse__img {
    width: calc(100% - 420px);
    background: url(/import/tenant_1/www.wbf.co.jp/template/temp-h/img/bg_model_course001.jpg);
}

.modelCourse__img.negative-margin {
    margin-top: -75px;
}

.modelCourse__timeline dt {
    width: 145px;
    padding: 10px 15px;
    text-align: right;
}

.modelCourse__timeline dd {
    width: calc(100% - 145px);
    padding: 10px 15px;
    /* border-left: 2px dotted #666; */
}

.modelCourse__addImg {
    width: 655px;
    padding-left: 165px;
}

.up-fxd-rowr .modelCourse__addImg {
    width: 655px;
    padding-left: initial;
    margin-right: -180px;
}

.modelCourse__addBox {
    width: calc(100% - 655px);
    margin-left: -80px;
}

.up-fxd-rowr .modelCourse__addBox {
    width: calc(100% - 655px);
    padding-left: 10%;
    margin-left: initial;
}

.modelCourse__img .resortImg {
    width: 100%;
    max-width: 575px;
    margin-left: auto;
}

.modelCourse__img .resortImg .pic {
    height: 430px;
}

.modelCourse__img .resortImg .pic02 {
    height: 408px;
}

.modelCourse__img .planImg {
    position: relative;
    width: 100%;
    max-width: 400px;
    margin-left: auto;
}

.modelCourse__addImg .planImg {
    position: relative;
}

.modelCourse__img .addPlan {
    position: relative;
    width: 100%;
    max-width: 495px;
    margin-left: auto;
}

.modelCourse__img .planImg .pic01 {
    width: 100%;
    height: 220px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.modelCourse__img .planImg .pic02 {
    width: 100%;
    height: 300px;
}

.modelCourse__addImg .addPlan .pic03 {
    width: 100%;
    height: 284px;
}

@media (max-width: 599px) {
    .modelCourse__img .addPlan {
        max-width: 200px;
    }
}

.icon {
    position: absolute;
    width: 100%;
    max-width: 130px;
}

.icon.icon01 {
    bottom: 0;
    left: -40px;
}

.icon.icon02 {
    bottom: 0;
    right: -130px;
}

.icon.icon03 {
    bottom: 0;
    left: -100px;
}

.icon.icon04 {
    bottom: 0;
    left: -80px;
}

.icon.icon05 {
    bottom: 0;
    left: -180px;
}

.icon.icon06 {
    right: 60px;
    bottom: -40px;
}

.icon.icon07 {
    top: -60px;
    left: -100px;
}

.icon.icon08 {
    top: -60px;
    right: 40px;
}

.addCard {
    position: absolute;
    top: -50px;
    left: 0px;
    z-index: 10;
    -webkit-transform: rotate(-8deg);
    transform: rotate(-8deg);
    padding: 8px 10px 6px 10px;
    background: #333;
    color: #fff;
    line-height: 1.2;
}

.hanoi .addCard {
    position: absolute;
    top: -50px;
    left: 0px;
    z-index: 10;
    -webkit-transform: rotate(-8deg);
    transform: rotate(-8deg);
    padding: 8px 10px 6px 10px;
    background: #009999;
    color: #fff;
    line-height: 1.2;
}

.modelCourse__addText {
    padding: 30px 30px 30px 70px;
    margin-top: -20px;
    margin-left: 20px;
    background: rgba(90, 90, 90, 0.2);
    border-radius: 30px;
    color: #525252;
}

.bkk .modelCourse__addText {
    padding: 30px 30px 30px 70px;
    margin-top: -20px;
    margin-left: 20px;
    background: #f7dff7;
    border-radius: 30px;
    color: #525252;
}

.hanoi .modelCourse__addText {
    padding: 30px 30px 30px 70px;
    margin-top: -20px;
    margin-left: 20px;
    background: rgba(82, 177, 177, 0.2);
    border-radius: 30px;
    color: #525252;
}

.up-fxd-rowr .modelCourse__addText {
    padding: 30px 70px 30px 30px;
    margin-top: -20px;
    margin-right: -60px;
    margin-left: initial;
    background: rgba(90, 90, 90, 0.2);
    border-radius: 30px;
    color: #525252;
}

.hanoi .up-fxd-rowr .modelCourse__addText {
    padding: 30px 70px 30px 30px;
    margin-top: -20px;
    margin-right: -60px;
    margin-left: initial;
    background: rgba(82, 177, 177, 0.2);
    border-radius: 30px;
    color: #525252;
}

.modelCourse__addText .title {
    display: inline-block;
    margin-bottom: 5px;
    font-size: 17px;
    font-weight: bold;
}

@media (max-width: 1024px) {
    .modelCourse__timeline {
        width: 100%;
        position: relative;
        z-index: 2;
    }

    .modelCourse__img {
        width: 100%;
        margin-bottom: 50px;
    }

    .bg .modelCourse__img {
        width: 100%;
        margin-top: 60px;
        margin-bottom: 20px;
    }

    .modelCourse__addImg {
        width: 100%;
        position: relative;
        z-index: 2;
    }

    .modelCourse__addBox {
        width: 70%;
        margin-left: 20px;
        position: relative;
        z-index: 1;
    }

    .up-fxd-rowr .modelCourse__addBox .ttl02 {
        margin-left: initial;
    }

    .up-fxd-rowr .modelCourse__addImg {
        width: 100%;
        padding-left: 165px;
        margin-right: inherit;
    }

    .up-fxd-rowr .modelCourse__addBox {
        width: 70%;
        padding-left: initial;
    }

    .modelCourse__addBox .ttl02 {
        margin-left: -20px;
    }

    .modelCourse__img.negative-margin {
        margin-top: initial;
    }

    .modelCourse__img .resortImg {
        max-width: 560px;
        margin-right: auto;
    }

    .modelCourse__img .resortImg .pic {
        height: 420px;
    }

    .modelCourse__img .resortImg .pic02 {
        height: 397px;
    }

    .modelCourse__addImg .planImg .pic03 {
        /*margin-top: -20px;*/
    }

    .modelCourse__addText {
        padding: 30px;
        margin-left: initial;
        background: #ccc;
    }

    .up-fxd-rowr .modelCourse__addText {
        padding: 30px;
        margin-right: initial;
        margin-left: 20px;
        background: #ccc;
    }

    .addCard {
        top: -40px;
        left: -60px;
    }
}

@media (max-width: 599px) {
    .modelCourse__addImg {
        padding-left: 75px;
    }

    .up-fxd-rowr .modelCourse__addImg {
        padding-left: 75px;
    }

    .modelCourse__addBox {
        width: 75%;
    }

    .up-fxd-rowr .modelCourse__addBox {
        width: 80%;
    }

    .modelCourse__timeline dt {
        width: 65px;
        padding: 10px;
    }

    .modelCourse__timeline dd {
        width: calc(100% - 65px);
        padding: 10px;
    }

    .modelCourse__img .resortImg {
        max-width: 280px;
        height: auto;
        margin-left: 70px;
    }

    .modelCourse__img .resortImg .pic {
        height: 247.5px;
    }

    .modelCourse__img .resortImg .pic02 {
        height: 234px;
    }

    .modelCourse__addText {
        padding: 20px;
    }

    .up-fxd-rowr .modelCourse__addText {
        padding: 20px;
    }

    .modelCourse__addText .title {
        margin-bottom: 5px;
        font-size: 12px;
    }

    .addCard {
        top: 0px;
        left: -140px;
        width: 230px;
    }
}

/* tourList
=================*/
.tourList {
    text-align: center;
}

.tourList__title {
    margin-bottom: 25px;
}

.tourList__title .part {
    display: inline-block;
    padding: 0 25px 6px;
    border-bottom: 5px dotted #666;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
}

.tourList ul {
    width: 100%;
    /*max-width: 600px;*/
    margin-right: auto;
    margin-left: auto;
}

@media (max-width: 599px) {
    .tourList__title {
        padding: 5px;
        margin-bottom: 20px;
    }

    .tourList__title .part {
        padding: 0 20px 3px;
        font-size: 15px;
    }
}

/* accordion-list
=================*/
.accordion-list {
    padding-right: 70px;
    padding-left: 70px;
}

.accordion-list dt {
    position: relative;
    padding: 15px 45px 15px 50px;
    margin-left: 20px;
    margin-left: 20px;
    background: #fff;
    border: 1px solid #cbc3c3;
    border-radius: 25px;
    font-weight: bold;
    line-height: 1;
}

.accordion-list dt::after {
    display: block;
    content: "";
    position: absolute;
    top: -12px;
    left: -25px;
    width: 62px;
    height: 62px;
    background: url(/import/tenant_1/www.wbf.co.jp/template/temp-h/img/q_mark001.png);
}

.accordion-list__icon {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 23px;
    height: 23px;
    background: url(/import/tenant_1/www.wbf.co.jp/template/temp-h/img/acordion-down02.png) no-repeat right center;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.is-parent .accordion-list__icon {
    background: url(/import/tenant_1/www.wbf.co.jp/template/temp-h/img/acordion-up02.png) no-repeat right center;
}

.accordion-list dd {
    display: none;
    padding-left: 30px;
    margin-top: 25px;
    margin-left: 70px;
    background: url(/import/tenant_1/www.wbf.co.jp/template/temp-h/img/a_mark001.png) no-repeat left top;
    line-height: 1.5;
}

@media (max-width: 599px) {
    .accordion-list {
        padding-top: 20px;
        padding-right: 0;
        padding-left: 0;
    }

    .accordion-list dt {
        padding: 8px 45px 8px 35px;
        font-size: 14px;
        line-height: 1.4;
    }

    .accordion-list dt::after {
        top: -6px;
        left: -20px;
        width: 46px;
        height: 46px;
        background: url(/import/tenant_1/www.wbf.co.jp/template/temp-h/img/q_mark001sp.png);
    }

    .accordion-list__icon {
        position: absolute;
        top: 6px;
        right: 8px;
    }

    .accordion-list dd {
        padding-left: 20px;
        margin-top: 15px;
        margin-left: 40px;
        background: url(/import/tenant_1/www.wbf.co.jp/template/temp-h/img/a_mark001sp.png) no-repeat left center;
        font-size: 12px;
        line-height: 1.35;
    }
}



.uk-slidenav-position .page-mainttl1 {
    position: absolute;
    z-index: 1;
    top: 30%;
    font-family: serif;
    font-size: 80px;
    font-weight: bold;
    color: #fff;
    /* transform: rotate(-7deg) skew(4deg); */
    text-shadow: 3px 3px 0px #444;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 95%;
}

@media screen and (max-width: 599px){
.uk-slidenav-position .page-mainttl1 {
    position: absolute;
    z-index: 1;
    top: 35%;
    font-family: serif;
    font-size: 7vw;
    font-weight: bold;
    color: #fff;
    /* transform: rotate(-7deg) skew(4deg); */
    text-shadow: 3px 3px 0px #444;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 95vw;
}
}


/* food information
=================*/
#meatSection .point img {
    text-align: center;
    margin: 0 auto;
}

#meatSection h3 {
    padding: 0;
    height: auto;
    line-height: 1.6;
    background-color: #1bc26e;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    padding: 15px 0;
    border-radius: 10px 10px 0px 0px;
    margin-bottom: 30px;
}

#meatSection .card h4 {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 10px;
}

#meatSection .card h5 {
    font-size: 16px;
    color: #1bc26e;
    font-weight: bold;
    margin-bottom: 10px;
}

#meatSection .cardWrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 30px;
}

#meatSection .card {
    width: 48%;
    padding: 20px;
    box-sizing: border-box;
    background-color: #f1ffeb;
    border: 2px solid #1bc26e;
    border-radius: 6px;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#meatSection .card .card_text {
    width: 100%;
}

#meatSection .card .menu {
    background-color: #FFF;
    padding: 10px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    margin-bottom: 10px;
}

#meatSection .card p.btn {
    text-align: right;
    margin-bottom: 10px;
}

#meatSection .card p.btn a {
    display: inline-block;
    background-color: #1bc26e;
    border-radius: 30px;
    font-weight: bold;
    font-size: 15px;
    color: #FFF;
    padding: 3px 20px 1px 20px;
}


@media screen and (max-width: 599px){
  #meatSection .cardWrap {
    display: block;
  }
  #meatSection .card {
    width: 100%;
  }
}