@charset "utf-8";

/*全体*/
/*基本設定*/
.kaigaiWrap .mainWrap {
    font-size: 16px;
    color: #333;
    line-height: 1.6;
    font-family: "メイリオ", "ＭＳ Ｐゴシック", Arial, sans-serif
}
.tit .req{
    margin-right: 4px;
    background: #f00;
    color: #fff;
    padding: 2px 6px;
    font-size: 11px;
}

.kaigaiWrap .ttlCatch {
    font-size: 14px;
    text-align: center;
    /* font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", serif; */
    margin-bottom: 40px;
    font-weight: bold;
}

.kaigai-w-100\% {
    width: 100%;
}

@media (max-width: 1024) {
    .kaigai-w-100\%\@tb {
        width: 100%;
    }
}


@media (max-width: 599px) {
    .kaigai-w-100\%\@sp {
        width: 100%;
    }
}

.kaigaiHover01 a {
    background: #000;
}

.kaigaiHover01 a:hover {
    opacity: 1;
}

.kaigaiHover01 a img {
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.kaigaiHover01 a:hover img {
    opacity: 0.5;
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
}


/* -------------------- 海外共通 -------------------- */
/*背景*/
.kaigaiWrap .backimg01 {
    background-image: url(/upload/tenant_1/bg_kaigai_wall001.webp);
}

.kaigaiWrap .backimg02 {
    background: #f6f6f6;
}

.kaigaiWrap .backimg03 {
    background: #f2f2f2;
}

@media (max-width: 1024px) {
    .kaigaiWrap .backimg01\@tb {
        background-image: url(/import/tenant_1/www.wbf.co.jp/kaigai/module/departure/images/bg_wall001.png);
    }
}

@media (max-width: 599px) {
    .kaigaiWrap .backimg01\@sp {
        background-image: url(/import/tenant_1/www.wbf.co.jp/kaigai/module/departure/images/bg_wall001.png);
    }
}


/*タイトル*/
.kaigaiWrap .ttl01 {
    font-size: 23px;
    /* font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", serif; */
    text-align: center;
    margin-bottom: 20px;
    font-weight: bold;
}

.kaigaiWrap .ttl01 .txt:before {
    content: "＼";
    padding-right: 20px;
}

.kaigaiWrap .ttl01 .txt:after {
    content: "／";
    padding-left: 20px;
}

.kaigaiWrap .ttl01 .sub {
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    display: block;
}

.kaigaiWrap .ttl01 .sub02 {
    font-size: 14px;
    margin-top: 10px;
    display: block;
}

.kaigaiWrap .ttl03 {
    text-align: center;
    padding: 25px 0;
}

.kaigaiWrap .ttl03 .txt {
    font-size: 14px;
    border: 1px solid #bfbfbf;
    /* font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", serif; */
    text-align: center;
    display: inline-block;
    padding: 5px 10px;
    width: 260px;
}

@media (max-width: 599px) {
    .kaigaiWrap .ttl01 {
        font-size: 16px;
    }

    .kaigaiWrap .ttl01 .txt:before {
        padding-right: 10px;
    }

    .kaigaiWrap .ttl01 .txt:after {
        padding-left: 10px;
    }
}


/*ボタン*/
.kaigaiWrap .more01 > * {
    max-width: 100%;
    width: 477px;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    background: #2896c7;
    display: block;
    padding: 15px 10px;
    margin: 20px auto 0;
}

.kaigaiWrap .more01 > * .txt {
    background-image: url(/import/tenant_1/www.wbf.co.jp/kaigai/module/top/images/mark009.png);
    background-repeat: no-repeat;
    background-position: left center;
    display: inline-block;
    padding-left: 15px;
}

@media (max-width: 599px) {
    .kaigaWrap .more01 > * {
        width: 100%;
    }
}



/*海外旅行検索*/
.kaigaiSearch .ttl {
    font-size: 21px;
    font-weight: bold;
    color: #fff;
    text-shadow: 2px 2px 5px rgb(13 13 13 / 75%);
    margin-bottom: 10px;
}

.kaigaiSearch .box {
    height: 380px;
    margin-bottom: 50px;
    position: relative;
    z-index: 0;
}

[data-element-id] .kaigaiSearch .box {
    height: auto;
    margin-bottom: 0;
}

.kaigaiSearch .box .tabBtn {
    width: 105px;
    height: 100%;
}

.kaigaiSearch .box .tabBtn ul {
    height: 100%;
}

.kaigaiSearch .box .tabBtn ul li {
    height: calc(100% / 3);
    font-size: 13px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    background: rgba(0,145,218,0.4);
    border-left: 3px solid #2896c7;
    border-radius: 5px 0 0 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.kaigaiSearch .box .tabBtn ul li:hover {
    text-decoration: underline;
}

.kaigaiSearch .box .tabBtn ul li.active {
    background: rgba(40,150,199,1);
}

.kaigaiSearch .box .tabBtn ul li:nth-of-type(1) {
    border-top: 3px solid #2896c7;
    border-bottom: 2px solid #2896c7;
}

.kaigaiSearch .box .tabBtn ul li:nth-of-type(n + 1) {
    border-top: 1px solid #2896c7;
    border-bottom: 2px solid #2896c7;
}

.kaigaiSearch .box .tabBody {
    height: 100%;
    border-top: 3px solid #2896c7;
    border-right: 3px solid #2896c7;
    border-bottom: 3px solid #2896c7;
    border-radius: 0 5px 5px 0;
}

.kaigaiSearch .box .tabBody .tabItem {
    height: 100%;
}

.kaigaiSearch .submit input[type=submit] {
    text-align: center;
    background: #2896c6;
    font-size: 18px;
    color: #fff;
    padding: 5px;
    border: none;
    border-radius: 5px;
    width: 200px;
    background-image: url(/import/tenant_1/www.wbf.co.jp/kaigai/module/top/images/mark002.png);
    background-repeat: no-repeat;
    background-position: left 40px center;
}

.kaigaiSearch .submit.submitBlue input[type=submit] {
    background: #2896c7;
}

.kaigaiSearch select {
    font-size: 11px;
    color: #000;
    text-align: center;
    padding: 3px 5px;
    border: 1px solid #c8c5c4;
    background-color: #fff;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;    
}

.kaigaiSearch input[type=text] {
    font-size: 11px;
    color: #000;
    padding: 7px 5px;
    border: 1px solid #c8c5c4;
    background-color: #fff;
    border-radius: 0;
}

@media (max-width: 1024px) {
    .kaigaiSearch .box .ttl {
        position: absolute;
        bottom: 100%;
        left: 0;
        z-index: 0;
    }
}

@media (max-width: 599px) {
    .kaigaiSearch {
        padding: 15px 15px;
    }
    
    .kaigaiSearch .inner {
        width: 100%;
    }

    .kaigaiSearch .ttl {
        font-size: 16px;
    }
    
    .kaigaiSearch .box {
        height: auto;
    }

    .kaigaiSearch .box .tabBtn {
        width: 100%;
    }

    .kaigaiSearch .box .tabBtn ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .kaigaiSearch .box .tabBtn ul li {
        width: calc(100% / 3);
        height: auto;
        border-radius: 0;
        padding: 5px 10px 3px;
        line-height: 1.2;
    }

    .kaigaiSearch .box .tabBtn ul li:nth-of-type(n + 1) {
        border-bottom: none;
        border-top: 2px solid #2896c7;
        border-right: 1px solid #2896c7;
    }

    .kaigaiSearch .box .tabBody {
        width: 100%;
        border-left: 3px solid #2896c7;
        border-radius: 0;
    }
}

/*kaigaiSearchPackage*/
.kaigaiSearchPackage {
    height: 100%;
}

.kaigaiSearchPackage form {
    height: 100%;
}

.kaigaiSearchPackage form > * {
    height: 100%;
}


.kaigaiSearchPackage .iLeft {
    width: 395px;
    height: 100%;
    background: rgba(255,255,255,0.95);
    padding: 20px;
    position: relative;
    z-index: 0;
}

.hawaiiSearchPackage .iLeft {
    padding: 10px 20px;
}

.kaigaiSearchPackage .iLeft .submit input[type=submit] {
    width: 165px;
    background-position: center left 15%;
    position: absolute;
    bottom: 25px;
    right: 20px;
    z-index: 0;
}

.kaigaiSearchPackage .iLeft .submit.submit02 {
    text-align: right;
    margin-top: 10px;
}

.kaigaiSearchPackage .iLeft .submit.submit02 input[type=submit] {
    position: relative;
    bottom: 0;
    right: 0;
}

.kaigaiSearchPackage .iLeft .submit input[type=submit]:hover {
    cursor: pointer;
}

.kaigaiSearchPackage .iRight {
    min-width: 584px;
    background: rgba(255,255,255,0.8);
    padding: 20px;
}

.kaigaiSearchPackageCombination .tops {
    font-size: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 15px;
}

.kaigaiSearchPackageCombination .tops .img {
    width: 35%;
    display: inline-block;
}

.kaigaiSearchPackageCombination .tops .txt {
    width: 60%;
}

.kaigaiSearchPackageCombination .departure {
    margin-bottom: 10px;
}

.hawaiiSearchPackage .kaigaiSearchPackageCombination .departure {
    line-height: 1.3;
    margin-bottom: 5px;
}

.kaigaiSearchPackageCombination .departure li {
    padding-right: 8px;
}

.kaigaiSearchPackageCombination .departure li:last-of-type {
    padding-right: 0;
}

.kaigaiSearchPackageCombination .departure li.kaigaiSearchPrNone {
    padding-right: 0;
}

.kaigaiSearchPackageCombination .peopleNumber li:nth-of-type(1) {
    width: 100px;
}

.kaigaiSearchPackageCombination .peopleNumber li:nth-of-type(2) {
    width: 110px;
}

.kaigaiSearchPackageCombination .peopleNumber li:nth-of-type(3) {
    width: 145px;
}

.kaigaiSearchPackageCombination .roundType input[type="radio"] {
    display: none;
}

.kaigaiSearchPackageCombination .roundType input[type="radio"] + label {
    font-size: 12px;
    font-weight: bold;
    background-image: url('/upload/tenant_1/kaigai/module/top/images/radio002.png');
    background-repeat: no-repeat;
    background-position: left center;
    cursor: pointer;    
    padding: 3px 0 3px 17px;
    margin-right: 10px;    
}

.kaigaiSearchPackageCombination .roundType input[type="radio"]:checked + label {
    background-image: url('/upload/tenant_1/kaigai/module/top/images/radio001.png');
}

.kaigaiSearchPackageCombination .departure .tit {
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 2px;
}

.kaigaiSearchPackageCombination .departure select, .kaigaiSearchPackageCombination .departure input {
    width: 100%;
}

.kaigaiSearchPackageCombination .departure input.datepicker {
    width: 100%;
    background-image: url(/import/tenant_1/www.wbf.co.jp/kaigai/module/top/images/fig_calender001.png);
    background-repeat: no-repeat;
    background-position: right 5px center;
}

.kaigaiSearchPackageCombination .departure .stock {
    width: 100%;
    font-size: 11px;
    font-weight: bold;
    display: block;
    padding-right: 0;
    margin: 10px 0 5px;
}

.kaigaiSearchPackageCombination .departure .stock label {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.kaigaiSearchPackageCombination .departure .stock label input {
    width: auto;
    margin-right: 5px;
    display: inline-block;
}

.kaigaiSearchPackageCombination .keywordSearch {
    width: 146px;
}

.kaigaiSearchPackageCombination .keywordSearch input[type=text] {
    padding: 5px 10px;
}

.kaigaiSearchPackageCombination .peopleNumberNote {
    font-size: 10px;
    text-align: right;
    display: block;
}

.kaigaiSearchPackageCombination .submit {
    text-align: right;
}

.kaigaiSearchPackageCombination .trigger {
    font-size: 11px;
    font-weight: bold;
    background-image: url(/upload/tenant_1/acordion-down.webp);
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 15px;
}

.kaigaiSearchPackageCombination .trigger.active {
    background-image: url(/upload/tenant_1/acordion-up.webp);
}

.kaigaiSearchPackageCombination .minSelect li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.kaigaiSearchPackageCombination .minSelect .tit {
    line-height: 1;
    display: inline-block;
}

.kaigaiSearchPackageCombination .minSelect select {
    width: 45px;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: inline-block;
    margin-left: 5px;
}

.kaigaiSearchPackageCombination .notes {
    font-size: 10px;
}

@media (max-width: 1024px) {
    .kaigaiSearchPackage .iRight {
        display: none;
    }
}

@media (max-width: 599px) {
    .kaigaiSearchPackage .iLeft {
        width: 100%;
    }
    
    .kaigaiSearchPackage .iLeft .submit input[type=submit] {
        width: 100%;
        margin-top: 20px;
        position: relative;
        right: 0;
        bottom: 0;
    }
    
    .kaigaiSearchPackageCombination .departure li.kaigaiSearchPrNone\%\@sp {
        padding-right: 0;
    }
    
    .kaigaiSearchPackageCombination .tops .txt {
        font-size: 12px;
    }
    
    .kaigaiSearchPackageCombination .keywordSearch {
        width: 100%;
    }
    
    .kaigaiSearchPackageCombination .keywordSearch input[type=text] {
        width: 100%;
    }
    
    .kaigaiSearchPackageCombination .minSelect li {
        width: calc(100% / 3) !important;
        display: block;
    }
    
    .kaigaiSearchPackageCombination .minSelect .tit {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    
    .kaigaiSearchPackageCombination .minSelect select {
        width: 100%;
    }
    
    .kaigaiSearchPackageCombination .notes {
        margin-bottom: 5px;
    }
}


/*ハワイ*/
.topCatch {
    width: 50%;
    margin-left: 5%;
}

.topCatch .subttl {
    font-size: 40px;
    color: #fff;
    text-align: center;
    text-shadow: 0 0 10px #000, 0 0 15px #000;
    font-weight: bold;
}

.topCatch .ttl {
    font-size: 35px;
    color: #fff;
    text-align: center;
    text-shadow: 0 0 10px #000, 0 0 15px #000;
    font-weight: bold;    
}

.topCatch .topCatchBox {
    background: rgba(255, 255, 255, 0.8);
    border: solid 3px #fff;
    border-radius: 4px;
}

.topCatch .left {
    width: 50%;
}

.topCatch .right {
    width: 50%;
}

.topCatch .txtbox {
    padding: 15px;
}

.topCatch .txtbox .txt {
    font-size: 15px;
}

.topCatch .txtbox .more {
    margin-top: 30px;
}

.topCatch .txtbox .more > * {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    background-color: #2896c7;
    background-image: url('/upload/tenant_1/kaigai/module/destination/images/mark008.png');
    background-repeat: no-repeat;
    background-position: left 10px center;
    border: 2px solid #fff;
    border-radius: 4px;
    display: block;
    padding: 5px;
}

@media (max-width: 1024px) {
    .topCatch {
        width: 100%;
        margin-left: 0;
        padding-bottom: 60px;
    }
}

@media (max-width: 599px) {
    .topCatch .subttl,
    .topCatch .ttl {
        text-shadow: none;
    }
    
    .topCatch .subttl {
        font-size: 24px;
    }
    
    .topCatch .ttl {
        font-size: 23px;
    }
    
    .topCatch .left {
        width: 100%;
    }
    
    .topCatch .right {
        width: 100%;
    }
    
    .topCatch .txtbox .more {
        margin-top: 10px;
    }
}


/*kaigaiSearchPackageCombination*/
.kaigaiSearchPackageSeek .tit {
    font-size: 15px;
    font-weight: bold;
    display: inline-block;
}

.kaigaiSearchPackageSeek .subSelect {
    font-size: 11px;
    font-weight: normal;
    padding: 5px 30px 5px 15px;
}

.kaigaiSearchPackageSeek .worldMap {
    margin-top: 15px;
}

.kaigaiSearchPackageSeek .worldMap .mapbox {
    position: relative;
    z-index: 0;
}

.kaigaiSearchPackageSeek .worldMap .img {
    height: 240px;
}

.kaigaiSearchPackageSeek .worldMap li {
    font-size: 12px;
    color: #fff;
    line-height: 1.2;
    text-align: center;
    background-color: #2896c7;
    padding: 5px 10px 2px;
    display: block;
    position: absolute;
    z-index: 0;    
}

.kaigaiSearchPackageSeek .worldMap li:hover {
    text-decoration: underline;
    opacity: 0.6;
}

.kaigaiSearchPackageSeek .worldMap li:hover {
    cursor: pointer;
}


/*マップ別上書き*/
.kaigaiSearchPackageSeek .worldMap li.america  {
    top: 90px;
    left: 20px;
}

.kaigaiSearchPackageSeek .worldMap li.southAmerica  {
    top: 160px;
    left: 90px;
}

.kaigaiSearchPackageSeek .worldMap li.europe  {
    top: 50px;
    left: 200px;
}

.kaigaiSearchPackageSeek .worldMap li.middleEast  {
    top: 110px;
    left: 280px;
}

.kaigaiSearchPackageSeek .worldMap li.asia  {
    top: 90px;
    left: 350px;
}

.kaigaiSearchPackageSeek .worldMap li.russia{
    top: 55px;
    left: 65%;
}

.kaigaiSearchPackageSeek .worldMap li.hawaii  {
    top: 148px;
    left: 400px;
}

.kaigaiSearchPackageSeek .worldMap li.oceania {
    top: 180px;
    left: 360px;
}

.kaigaiSearchPackageSeek .worldMap li.other  {
    top: 80px;
    left: 460px;
}

.kaigaiSearchPackageSeek .worldMap li.shanghaiDisney  {
    top: 30px;
    left: 460px;
}

.kaigaiSearchPackageSeek .worldMap li.other,
.kaigaiSearchPackageSeek .worldMap li.shanghaiDisney {
    background-color: #2896c6;
    width: 80px;
    padding: 5px 0 2px;
}

.kaigaiSearchPackageSeek .worldMap li.seoul {
    top: 1px;
    left: 120px;
}

.kaigaiSearchPackageSeek .worldMap li.busan {
    top: 150px;
    left: 240px;
}

.kaigaiSearchPackageSeek .worldMap li.jejuIsland {
    top: 180px;
    left: 70px;
}

/*韓国*/
.kaigaiSearchPackageSeekTokyo_korea .worldMap {
    margin-top: 30px;
}

.kaigaiSearchPackageSeekTokyo_korea .mapbox {
    width: 381px;
    margin: 0 auto;  
    position: relative;
    z-index: 0;
}



/*マップモーダル 東京*/
.kaigaiWorldMapBox {
    display: none;
}

[data-element-id] .kaigaiWorldMapBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.kaigaiWorldMapItem {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
}

[data-element-id] .kaigaiWorldMapItem {
    width: calc(100% / 2);
    display: block;
    border: solid 4px green;
    position: relative;
}

[data-element-id] .kaigaiWorldMapItem:after {
    display: block;
    content: "モーダル用";
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    background: green;
    padding: 5px;
    text-align: center;
}

.kaigaiWorldMapItem.active {
    display: block;
}

.kaigaiWorldMapItem .box {
    width: 560px;
    height: 370px;
    background: rgba(0,0,0,0.7);
    padding: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
}

[data-element-id] .kaigaiWorldMapItem .box {
    width: 100%;
    height: 100%;
    background: none;
    padding: 20px;
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: inherit;
            transform: inherit;
}

.kaigaiWorldMapItem .box .mfp-close {
    font-size: 28px;
    background: transparent;
    border: none;
    color: #fff;
    line-height: 1;
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 0;    
}

.kaigaiWorldMapItem .box .name {
    font-size: 16px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    border-bottom: 1px solid #999;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.kaigaiWorldMapItem .box .name a {
    text-decoration: underline;
}

.kaigaiWorldMapItem .box .list ul li .areaTitle {
    font-size: 12px;
    color: #000;
    background: rgb(180, 180, 180);
    display: inline-block;
    line-height: 1;
    padding: 1px;
    font-weight: bold;
}

.kaigaiWorldMapItem .box .list ul li a {
    font-size: 14px;
    color: #fff;
    background-image: url(/import/tenant_1/www.wbf.co.jp/module/top/images/mark010.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 5px 9px;
    padding: 3px 0 3px 12px;
    line-height: 1.2;
    display: block;
}

.kaigaiWorldMapItem .box .list ul li a:hover {
    text-decoration: underline;
}

/*kaigaiSearchOptional*/
.kaigaiSearchOptional {
    width: 395px;
    height: 100%;
    background: rgba(255,255,255,0.95);
    padding: 20px;
}

.kaigaiSearchOptional .firstCatch {
    font-size: 21px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 5px;
}

.kaigaiSearchOptional .secondCatch {
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 5px;
}

.kaigaiSearchOptional .nameCatch {
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}

.kaigaiSearchOptional .submit {
    text-align: right;
}

@media (max-width: 599px) {
    .kaigaiSearchOptional {
        width: 100%;
    }
}

/*kaigaiLink*/
.kaigaiLink .tit {
    width: 220px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background-image: url(/import/tenant_1/www.wbf.co.jp/kaigai/module/top/images/fig_navi001.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px;
}

.kaigaiLink .list {
    width: calc(100% - 220px);
}

.kaigaiLink .list ul li {
    width: calc(100% / 7);
}

.kaigaiLink .list ul li a {
    font-size: 13px;
    line-height: 1.4;
    text-align: center;
    display: block;
    padding: 10px;
}

.kaigaiLink .list ul li a:hover {
    text-decoration: underline;
}

.kaigaiLink .list ul li a .img {
    width: 28px;
    margin: 0 auto 5px;
}

.kaigaiLink .list ul li a .txt {
    font-size: 12px;
}

@media (max-width: 1024px) {
    .kaigaiLink .tit {
        width: 150px;
    }

    .kaigaiLink .list {
        width: calc(100% - 150px);;
    }
}

@media (min-width: 600px) {
    .kaigaiLink .list {
        display: block !important;
    }
}

@media (max-width: 599px) {
    .kaigaiLink {
        background: #fff;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        left: 0;
        z-index: 10;
    }
    
    .kaigaiLink .inner {
        width: 100%;
    }
    
    .kaigaiLink .tit {
        width: 100%;
        font-size: 13px;
        color: #fff;
        text-align: center;
        font-weight: bold;
        background-color: #828282;
        background-image: url(/import/tenant_1/www.wbf.co.jp/kaigai/module/top/js/js_toggle/acordion-up.png);
        background-repeat: no-repeat;
        background-position: right 10px center;
        border-top: 1px solid #c7c7c7;
        padding: 10px 5px;
    }

    .kaigaiLink .tit.active {
        background-image: url(/import/tenant_1/www.wbf.co.jp/kaigai/module/top/js/js_toggle/acordion-down.png);
    }

    .kaigaiLink .list {
        width: 100%;
    }
    
    .kaigaiLink .list ul {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .kaigaiLink .list ul li {
        width: calc(100% / 3);
    }

    .kaigaiLink .list ul li a {
        height: 100%;
        border-bottom: 1px solid #c7c7c7;
        padding: 3px;
    }

    .kaigaiLink .list ul li:nth-of-type(n + 4) a {
        border-bottom: none;
    }
    
    .tokyo_koreaLink .list ul li {
        width: calc(100% / 4);
    }
    
    .tokyo_koreaLink .list ul li:nth-of-type(n + 4) a {
        border-bottom: 1px solid #c7c7c7;
    }
    
    .tokyo_koreaLink .list ul li:nth-of-type(n + 5) a {
        border-bottom: none;
    }    
}


/*kaigaiLinkSub*/
.kaigaiLinkSub {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
}

[data-element-id] .kaigaiLinkSub {
    position: static;
}

.kaigaiLinkSub.slide-down {
    -webkit-animation-name: slideDown;
            animation-name: slideDown;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
    -webkit-transform-origin: 50% 50% 0px;
            transform-origin: 50% 50% 0px;
    -webkit-animation-duration: .5s;
            animation-duration: .5s;
    top: 0;
}

.kaigaiLinkSub.slide-up {
    -webkit-animation-name: slideUp;
            animation-name: slideUp;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
    -webkit-transform-origin: 50% 50%  0px;
            transform-origin: 50% 50%  0px;
    -webkit-animation-duration: .5s;
            animation-duration: .5s;
    top: -80px;
}

@-webkit-keyframes slideDown {
  0% {
    top: -100px;
  }
  100% {
    top: 0px;
  }
}

@keyframes slideDown {
  0% {
    top: -100px;
  }
  100% {
    top: 0px;
  }
}
@-webkit-keyframes slideUp {
  0% {
    top: 0px;
  }
  100% {
	top: -100px;
  }
}
@keyframes slideUp {
  0% {
    top: 0px;
  }
  100% {
	top: -100px;
  }
}

.kaigaiLinkSub a:hover {
    text-decoration: underline;
}

.kaigaiLinkSub .global {
    background: #fff;
    padding: 13px 20px;
    -webkit-box-shadow: 2px 2px 2px 2px rgb(0 0 0 / 20%);
            box-shadow: 2px 2px 2px 2px rgb(0 0 0 / 20%);;
}

.kaigaiLinkSub .global ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.kaigaiLinkSub .global ul li {
    width: 100px;
}

.kaigaiLinkSub .global ul li a {
    font-size: 12px;
    color: #000;
    text-align: center;    
    border-left: 1px solid #aaa;
    padding: 12px 15px 9px;
    display: block;
}

.kaigaiLinkSub .global ul li:last-of-type a {
    border-right: 1px solid #aaa;
}

.kaigaiLinkSub .toggle {
    height: 40px;
    padding-top: 25px;    
    position: absolute;
    top: 13px;
    right: 15px;
    z-index: 1;
}

.kaigaiLinkSub .toggle .bar {
    width: 100%;
    height: 3px;
    background: #000;
    -webkit-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}

.kaigaiLinkSub .toggle .bar:before, .kaigaiLinkSub .toggle .bar:after {
    display: none;
}

.kaigaiLinkSub .toggle .bar:nth-of-type(1) {
    top: 0px;
}

.kaigaiLinkSub .toggle .bar:nth-of-type(2) {
    top: 10px;
}

.kaigaiLinkSub .toggle .bar:nth-of-type(3) {
    top: 20px;
}

.kaigaiLinkSub.active .toggle .bar:nth-of-type(1) {
    top: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.kaigaiLinkSub.active .toggle .bar:nth-of-type(2),
.kaigaiLinkSub.active .toggle .bar:nth-of-type(3) {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    top: 10px;
}

.kaigaiLinkSub.active .toggle .bar:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.kaigaiLinkSub .toggle .txt {
    width: 100%;
    text-align: center;    
    font-size: 10px;
    letter-spacing: -0.8px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
}

.kaigaiLinkSub .toggle .txt.close,
.kaigaiLinkSub.active .toggle .txt.menu {
    display: none;
}

.kaigaiLinkSub.active .toggle .txt.close,
.kaigaiLinkSub .toggle .txt.menu {
    display: block;
}

.kaigaiLinkSub .list {
    width: 300px;
    height: 100vh;
    background: #fff;
    -webkit-box-shadow: -3px 3px 3px 3px rgb(0 0 0 / 20%);
            box-shadow: -3px 3px 3px 3px rgb(0 0 0 / 20%);
    padding: 80px 30px 30px 30px;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;          
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    z-index: 0;
}

[data-element-id] .kaigaiLinkSub .list {
    width: 100%;
    height: auto;
    position: relative;
    -webkit-transform: inherit;
            transform: inherit;
}

.kaigaiLinkSub.active .list {
    -webkit-transform: translateX(0);
            transform: translateX(0);
}

.kaigaiLinkSub .list .tit {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px;
}

.kaigaiLinkSub .list ul {
    padding-left: 14px;
}

.kaigaiLinkSub .list ul li a {
    font-size: 14px;
    color: #000;
    display: block;
    padding: 13px 0;
}

.kaigaiLinkSubOverlay {
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(0,0,0,0.5);       
    position: absolute;    
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
}

.kaigaiLinkSub.active .kaigaiLinkSubOverlay {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;    
    display: block;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

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


/*最安値情報！*/
.kaigaiLowPrice .tit {
    width: 140px;
    color: #000;
    text-align: center;
}

.kaigaiLowPrice .tit .img {
    width: 28px;
    margin: 0 auto 5px;
}

.kaigaiLowPrice .list {
    width: calc(100% - 140px);
}

.kaigaiLowPrice ul {
    border-top: 1px solid #bfbfbf;
}

.kaigaiLowPrice ul li a {
    color: #000;
    border-bottom: 1px solid #bfbfbf;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 5px 30px 5px 0px;
}

.kaigaiLowPrice ul li a .yen_parent {
    font-size: 18px;
    color: #ed5629;
    font-weight: bold;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media (max-width: 599px) {
    .kaigaiLowPrice .tit {
        width: 100%;
    }

    .kaigaiLowPrice .list {
        width: 100%;
        margin-top: 20px;
    }

    .kaigaiLowPrice ul {
        border-top: none;
    }

    .kaigaiLowPrice ul li a {
        display: block;
        padding: 10px 0px 8px 0px;
    }

    .kaigaiLowPrice ul li a .txt {
        width: 100%;
        font-size: 12px;
        display: block;
        text-align: center;
    }

    .kaigaiLowPrice ul li a .yen_parent {
        width: 100%;
        font-size: 14px;
        text-align: center;
        display: block;
    }    
}





/*kaigaiContact*/
.kaigaiContact {
    color: #fff;
    text-align: center;
    background: #2896c7;
}

.kaigaiContact .tit {
    font-size: 21px;
    text-align: center;
    margin-bottom: 15px;
}

.kaigaiContact .txt {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
}

.kaigaiContact .link {
    width: 70%;
    margin:  0 auto;
}

.kaigaiContact .link ul li a {
    height: 100%;
    font-weight: bold;
    border: 1px solid #fff;
    background-repeat: no-repeat;
    background-position: left 50px center;
    padding: 10px 0 10px 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.kaigaiContact .link ul li a:hover {
    text-decoration: underline;
}

.kaigaiContact .link ul li.tel a {
    font-size: 27px;
    background-image: url(/import/tenant_1/www.wbf.co.jp/vietnam/special/halongbay-daytrip/images/fig_contact001.webp);
}

.kaigaiContact .link ul li.mail a {
    font-size: 21px;
    background-image: url(/import/tenant_1/www.wbf.co.jp/vietnam/special/halongbay-daytrip/images/fig_contact002.webp);
}

.kaigaiContact .sub {
    font-size: 14px;
}

@media (max-width: 1024px) {
    .kaigaiContact .link {
        width: 100%;
    }

    .kaigaiContact .link ul li a {
        padding: 10px 0 10px 20px;
    }

    .kaigaiContact .link ul li.tel a {
        background-size: 30px;
    }

    .kaigaiContact .link ul li.mail a {
        background-size: 30px;
    }
}

@media (max-width: 599px) {
    .kaigaiContact .tit {
        font-size: 15px;
    }

    .kaigaiContact .txt {
        font-size: 13px;
    }

    .kaigaiContact .sub {
        font-size: 11px;
    }

    .kaigaiContact .link {
        width: 70%;
    }

    .kaigaiContact .link ul li a {
        padding: 5px 0px 5px 10px;
        background-position: left 40px center;
    }

    .kaigaiContact .link ul li.tel a {
        font-size: 16px;
        background-size: 20px;
    }

    .kaigaiContact .link ul li.mail a {
        font-size: 13px;
        background-size: 20px;
    }
}


/*kaigaiServise*/
.kaigaiServiseLink ul li a {
    height: 100%;
    color: #000;
    background: #eee;
    background-image: url(/import/tenant_1/www.wbf.co.jp/kaigai/module/top/images/mark010.png);
    background-repeat: no-repeat;
    background-position: right 10px bottom 10px;
    border-radius: 5px;
    display: block;
    padding: 15px 18px;
}

.kaigaiServiseLink ul li a:hover {
    text-decoration: underline;
}

.kaigaiServiseLink ul li a .img {
    width: 36px;
    margin: 0 auto 10px;
}

.kaigaiServiseLink ul li a .tit {
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
}

.kaigaiServiseLink ul li a .txt {
    font-size: 12px;
    line-height: 1.5;
}

.kaigaiServiseTxtbox .tit {
    font-size: 20px;
    /* font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", serif; */
    text-align: center;
    margin-bottom: 20px;
}

.kaigaiServiseTxtbox .txt {
    font-size: 14px;
    /* font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", serif; */
    text-align: center;
    line-height: 1.75;
}

.kaigaiServiseList ul li .item {
    border-left: 1px solid #bfbfbf;
    display: block;
    padding: 10px 20px 5px;
}

.kaigaiServiseList ul li:last-of-type .item {
    border-right: 1px solid #bfbfbf;
}

.kaigaiServiseList ul li .item .img {
    width: 28px;
    margin: 0 auto 10px;
}

.kaigaiServiseList ul li .item .tit {
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
}

.kaigaiServiseList ul li .item .txt {
    font-size: 12px;
    line-height: 1.5;
}

@media (max-width: 599px) {
    .kaigaiServiseLink ul li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        background-position: right 10px center;
    }

    .kaigaiServiseTxtbox .tit {
        font-size: 15px;
    }
    
    .kaigaiServiseTxtbox .txt {
        text-align: left;
    }
    
    .kaigaiServiseList ul li .item {
        border-left: none;
        border-top: 1px solid #bfbfbf;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding: 15px 20px 15px;
    }

    .kaigaiServiseList ul li:last-of-type .item {
        border-right: none;
        border-bottom: 1px solid #bfbfbf;
    }

    .kaigaiServiseLink ul li a .tit,
    .kaigaiServiseList ul li .item .tit {
        text-align: left;
        margin-bottom: 5px;
    }

    .kaigaiServiseLink ul li a .img,
    .kaigaiServiseList ul li .item .img {
        width: 50px;
        margin-left: 0;
        margin-bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .kaigaiServiseLink ul li a .txtbox,
    .kaigaiServiseList ul li .item .txtbox {
        width: calc(100% - 60px);
    }
}


/*kaigaiArea*/
.kaigaiArea .box {
    background: #fff;
    padding: 40px 50px;
    position: relative;
    z-index: 0;
}

.kaigaiArea .box .morebox {
    text-align: right;
    margin-bottom: 10px;
}

.kaigaiArea .box .morebox li {
    display: inline-block;
}

.kaigaiArea .box .morebox li > * {
    color: #2896c7;
    background-image: url(/import/tenant_1/www.wbf.co.jp/kaigai/module/destination/images/mark003.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 12px;
}

.kaigaiArea .box .name {
    font-size: 15px;
    /* font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", serif; */
    line-height: 34px;
    margin-bottom: 20px;
}

.kaigaiArea .box .name .img {
    margin-right: 5px;
}

.kaigaiArea .box .name .img img {
    display: inline-block;
}

.kaigaiArea .box .left {
    width: 38%;
}

.kaigaiArea .box .right {
    width: 60%;
}

.tabWrap .tabItem .kaigaiAreaDetail{
    display: flex;
    justify-content: space-between;
}

@media (max-width: 1024px) {
    .kaigaiArea .box .left {
        width: 100%;
    }
    
    .kaigaiArea .box .right {
        width: 100%;
        margin-top: 30px;
    }
}

@media (max-width: 599px) {
    .kaigaiArea .box {
        padding: 50px 20px 50px;
    }
    
    .kaigaiArea .box .name {
        position: absolute;
        top: 10px;
        left: 10px;
    }
    
    .kaigaiArea .box .morebox {
        margin-bottom: 40px;
    }
    
    .kaigaiArea .box .morebox li > * {
        font-size: 13px;
    }
    .tabWrap .tabItem .kaigaiAreaDetail{
      display: block;
    }
}

/*kaigaiAreaMap*/
.kaigaiAreaMap {
    position: relative;
    z-index: 0;
}

.kaigaiAreaMap .img {
    max-width: 100%;
    margin: auto;
    position: relative;
    z-index: 0;
}

.kaigaiAreaMap ul li {
    text-align: left;
    border-bottom: 1px solid #44b0e5;
    position: absolute;
    z-index: 0;
}

.kaigaiAreaMap ul li > * {
    background-image: url(/import/tenant_1/www.wbf.co.jp/kaigai/module/destination/images/mark013.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 12px;
    font-size: 17px;
    font-weight: bold;
    color: #2896c7;
    cursor: pointer;
}

.kaigaiAreaMap ul li span.bg-yellow {
    border-bottom: none;
}

.kaigaiAreaMap ul li span.bg-yellow {
    background-image: url(/import/tenant_1/www.wbf.co.jp/kaigai/module/destination/images/mark014.png);
    background-position: left 8px center;
    background-color: #2896c6;
    color: #fff;
    padding: 8px 8px 8px 20px;
}

@media (max-width: 599px) {
    .kaigaiAreaMap ul li > * {
        font-size: 13px;
    }
}

/*上書き*/
/*台北*/
.kaigaiAreaMap.kaigai_taipeiAreaMap ul li.area01 {
    width: 220px;
    top: 27px;
    left: 0px;
}

.kaigaiAreaMap.kaigai_taipeiAreaMap ul li.area04 {
    top: 17px;
    width: 131px;
    left: 260px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_taipeiAreaMap ul li.area06 {
    top: 200px;
    left: 315px;
}

@media (max-width: 1024px) {
    .kaigai_taipeiAreaMap .img {
        width: 381px;
    }
}

@media (max-width: 599px) {
    .kaigaiAreaMap.kaigai_taipeiAreaMap ul li.area01 {
        left: 15%;
        top: -2%;
        width: 150px;
    }
    
    .kaigaiAreaMap.kaigai_taipeiAreaMap ul li.area04 {
        top: -3%;
        left: 68%;
        width: 80px;
    }
    
    .kaigaiAreaMap.kaigai_taipeiAreaMap ul li.area06 {
        top: 80%;
        left: 80%;
    }
}

/*ハワイ*/
.kaigaiAreaMap.kaigai_hawaiiAreaMap ul li.area01 {
    top: 57px;
    left: 177px;
    width: 170px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_hawaiiAreaMap ul li.area02 {
    top: 48px;
    left: 38px;
    width: 130px;
}

.kaigaiAreaMap.kaigai_hawaiiAreaMap ul li.area03 {
    top: 188px;
    left: 145px;
    width: 160px;
}

@media (max-width: 1024px) {
    .kaigaiAreaMap.kaigai_hawaiiAreaMap .img {
        width: 457px;
    }
    
    .kaigaiAreaMap.kaigai_hawaiiAreaMap ul li.area01 {
        top: 21%;
        left: 43%;
        width: 150px;
    }
    
    .kaigaiAreaMap.kaigai_hawaiiAreaMap ul li.area02 {
        top: 20%;
        left: 13%;
        width: 120px;
    }
    
    .kaigaiAreaMap.kaigai_hawaiiAreaMap ul li.area03 {
        top: 76%;
        left: 59%;
        width: 80px;
    }
}

@media (max-width: 599px) {
    .kaigaiAreaMap.kaigai_hawaiiAreaMap .img {
        width: 300px;
    }
    
    .kaigaiAreaMap.kaigai_hawaiiAreaMap ul li.area01 {
        top: 17%;
        left: 44%;
        width: 100px;
    }
    
    .kaigaiAreaMap.kaigai_hawaiiAreaMap ul li.area02 {
        top: 16%;
        left: 7%;
        width: 100px;
    }
    
    .kaigaiAreaMap.kaigai_hawaiiAreaMap ul li.area03 {
        top: 72%;
        left: 55%;
        width: 60px;
    }
}

/*グアム*/
.kaigaiAreaMap.kaigai_guamAreaMap ul li.area01 {
    top: 5px;
    left: 90px;
    width: 180px;
}

.kaigaiAreaMap.kaigai_guamAreaMap ul li.area02 {
    top: 60px;
    left: 122px;
    width: 120px;
}

@media (max-width: 1024px) {
    .kaigaiAreaMap.kaigai_guamAreaMap .img {
        width: 300px;
    }
    
    .kaigaiAreaMap.kaigai_guamAreaMap ul li.area01 {
         top: 25px;
        left: 93px;
        width: 99px;
    }
    
    .kaigaiAreaMap.kaigai_guamAreaMap ul li.area02 {
        top: 60px;
        left: 47px;
        width: 124px;
        text-align: left;
    }
}

@media (max-width: 599px) {
    .kaigaiAreaMap.kaigai_guamAreaMap .img {
        width: 401px;
    }
    
    .kaigaiAreaMap.kaigai_guamAreaMap ul li.area01 {
        top: 5px;
        left: 70px;
    }
    
    .kaigaiAreaMap.kaigai_guamAreaMap ul li.area02 {
        top: 60px;
        left: 67px;
        width: 150px;
        text-align: left;
    }
}

/*タイ*/
.kaigaiAreaMap.kaigai_thaiAreaMap ul li.area01 {
    top: 8px;
    left: 20px;
    width: 140px;
}

.kaigaiAreaMap.kaigai_thaiAreaMap ul li.area02 {
   top: 96px;
    left: 65px;
    width: 130px;
}

.kaigaiAreaMap.kaigai_thaiAreaMap ul li.area03 {
    left: 200px;
    top: 105px;
    width: 140px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_thaiAreaMap ul li.area04 {
    top: 205px;
    left: 180px;
    width: 180px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_thaiAreaMap ul li.area05 {
    top: 162px;
    left: 185px;
    width: 91px;
    text-align: right;
}

@media (max-width: 599px){
  .kaigaiAreaMap.kaigai_thaiAreaMap ul li.area01 {
    top: 53px;
    left: -12px;
    width: 110px;
}

.kaigaiAreaMap.kaigai_thaiAreaMap ul li.area02 {
    top: 123px;
    left: 18px;
    width: 100px;
}

.kaigaiAreaMap.kaigai_thaiAreaMap ul li.area03 {
    left: 130px;
    top: 132px;
    width: 127px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_thaiAreaMap ul li.area04 {
   left: 140px;
    width: 155px;
    top: 252px
}

.kaigaiAreaMap.kaigai_thaiAreaMap ul li.area05 {
    top: 220px;
    left: 171px;
	width: 180px;
}
}

/*バンコク*/
.kaigaiAreaMap.kaigai_bkkAreaMap ul li.area01 {
    top: 40px;
    left: 10px;
    width: 140px;
}

.kaigaiAreaMap.kaigai_bkkAreaMap ul li.area02 {
   top: 95px;
    left: 220px;
    width: 130px;
}

.kaigaiAreaMap.kaigai_bkkAreaMap ul li.area03 {
    left: 135px;
    top: 168px;
    width: 125px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_bkkAreaMap ul li.area04 {
    top: 234px;
    left: 12px;
    width: 90px;
    text-align: right;
}

@media (max-width: 599px){
  .kaigaiAreaMap.kaigai_bkkAreaMap ul li.area01 {
    top: 30px;
    left: 5px;
    width: 95px;
}

.kaigaiAreaMap.kaigai_bkkAreaMap ul li.area02 {
    top: 63px;
    left: 160px;
    width: 65px;
}

.kaigaiAreaMap.kaigai_bkkAreaMap ul li.area03 {
    left: 94px;
    top: 120px;
    width: 100px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_bkkAreaMap ul li.area04 {
   left: 5px;
    width: 80px;
    top: 160px;
    text-align: center;
}
}

/*プーケット*/
.kaigaiAreaMap.kaigai_hktAreaMap ul li.area01 {
    top: 130px;
    left: 25px;
    width: 140px;
}

.kaigaiAreaMap.kaigai_hktAreaMap ul li.area02 {
   top: 35px;
    left: -45px;
    width: 225px;
}

.kaigaiAreaMap.kaigai_hktAreaMap ul li.area03 {
    left: 10px;
    top: 88px;
    width: 150px;
    text-align: left;
}

.kaigaiAreaMap.kaigai_hktAreaMap ul li.area04 {
    top: 170px;
    left: -15px;
    width: 180px;
    text-align: left;
}

.kaigaiAreaMap.kaigai_hktAreaMap ul li.area05 {
    top: 195px;
    left: 170px;
    width: 180px;
    text-align: right;
}

@media (max-width: 599px){
  .kaigaiAreaMap.kaigai_hktAreaMap ul li.area01 {
    top: 105px;
    left: 30px;
    width: 100px;
}

.kaigaiAreaMap.kaigai_hktAreaMap ul li.area02 {
    top: -3px;
    left: -2px;
    width: 133px;
    text-align: center;
}

.kaigaiAreaMap.kaigai_hktAreaMap ul li.area03 {
    left: 7px;
    top: 62px;
    width: 122px;
    text-align: left;
}

.kaigaiAreaMap.kaigai_hktAreaMap ul li.area04 {
     left: 132px;
    width: 140px;
    top: 127px;
    text-align: right;
}

  .kaigaiAreaMap.kaigai_hktAreaMap ul li.area05 {
     left: 12px;
    top: 145px;
    width: 122px;
    text-align: left;
}

}

/*フィリピン*/
.kaigaiAreaMap.kaigai_PhilippineAreaMap ul li.area01 {
    top: 110px;
    left: 270px;
    width: 100px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_PhilippineAreaMap ul li.area02 {
    top: 10px;
    left: 230px;
    width: 130px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_PhilippineAreaMap ul li.area03 {
    top: 155px;
    left: 268px;
    width: 132px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_PhilippineAreaMap ul li.area04 {
    top: 130px;
    left: -27px;
    width: 180px;
    text-align: left;
}

.kaigaiAreaMap.kaigai_PhilippineAreaMap ul li.area05 {
    top: 80px;
    left: 30px;
    text-align: left;
    width: 200px;
}

@media (max-width: 599px){
  .kaigaiAreaMap.kaigai_PhilippineAreaMap ul li.area01 {
    top: 78px;
    left: 200px;
    width: 90px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_PhilippineAreaMap ul li.area02 {
    top: 0px;
    left: 30px;
    width: 125px;
}

.kaigaiAreaMap.kaigai_PhilippineAreaMap ul li.area03 {
    top: 96px;
    left: 75px;
    width: 120px;
    text-align: left;
}

.kaigaiAreaMap.kaigai_PhilippineAreaMap ul li.area04 {
    top: 126px;
    left: 5px;
    width: 102px;
}

.kaigaiAreaMap.kaigai_PhilippineAreaMap ul li.area05 {
    top: 55px;
    left: 20px;
    width: 150px;
    text-align: left;
}
}

/*マレーシア*/
.kaigaiAreaMap.kaigai_MalaysiaAreaMap ul li.area01 {
    top: 135px;
    left: -26px;
    width: 172px;
}

.kaigaiAreaMap.kaigai_MalaysiaAreaMap ul li.area02 {
    top: 98px;
    left: 116px;
    width: 90px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_MalaysiaAreaMap ul li.area03 {
    top: 97px;
    left: 280px;
    width: 128px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_MalaysiaAreaMap ul li.area04 {
    top: 83px;
    left: -4px;
    width: 115px;
}

@media (max-width: 599px){
  .kaigaiAreaMap.kaigai_MalaysiaAreaMap ul li.area01 {
    top: 84px;
    left: -14px;
    width: 130px;
}

.kaigaiAreaMap.kaigai_MalaysiaAreaMap ul li.area02 {
    top: 53px;
    left: 74px;
    width: 70px;
}

.kaigaiAreaMap.kaigai_MalaysiaAreaMap ul li.area03 {
    top: 66px;
    left: 170px;
    width: 98px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_MalaysiaAreaMap ul li.area04 {
    top: 45px;
    left: -9px;
    width: auto;
}
}

/*シンガポール*/
.kaigaiAreaMap.kaigai_SingaporeAreaMap ul li.area01 {
    top: 130px;
    left: 28px;
    width: 157px;
}

.kaigaiAreaMap.kaigai_SingaporeAreaMap ul li.area02 {
    top: 166px;
    left: 91px;
    width: 105px;
}

.kaigaiAreaMap.kaigai_SingaporeAreaMap ul li.area03 {
    top: 145px;
    left: 208px;
    width: 122px;
    text-align: right;
}

@media (max-width: 599px){
  .kaigaiAreaMap.kaigai_SingaporeAreaMap ul li.area01 {
    top: 65px;
    left: -10px;
    width: 130px;
}

.kaigaiAreaMap.kaigai_SingaporeAreaMap ul li.area02 {
    top: 96px;
    left: 24px;
    width: 97px;
}

.kaigaiAreaMap.kaigai_SingaporeAreaMap ul li.area03 {
    top: 83px;
    left: 127px;
    width: 90px;
    text-align: right;
}
}

/*バリ島*/
.kaigaiAreaMap.kaigai_BaliAreaMap ul li.area01 {
    top: 180px;
    left: 30px;
    width: 205px;
}

.kaigaiAreaMap.kaigai_BaliAreaMap ul li.area02 {
    top: 148px;
    left: 131px;
    width: auto;
}

.kaigaiAreaMap.kaigai_BaliAreaMap ul li.area03 {
    top: 100px;
    left: 260px;
    width: 120px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_BaliAreaMap ul li.area04 {
    top: 168px;
    left: 257px;
    width: 101px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_BaliAreaMap ul li.area05 {
    top: 210px;
    left: 93px;
    width: 130px;
    text-align: left;
}

.kaigaiAreaMap.kaigai_BaliAreaMap ul li.area06 {
    top: 205px;
    left: 247px;
    width: 162px;
    text-align: right;
}

@media (max-width: 599px){
  .kaigaiAreaMap.kaigai_BaliAreaMap ul li.area01 {
    left: 44px;
    top: 134px;
    width: 130px;
}

.kaigaiAreaMap.kaigai_BaliAreaMap ul li.area02 {
    top: 105px;
    left: 55px;
    width: 120px;
}

.kaigaiAreaMap.kaigai_BaliAreaMap ul li.area03 {
    top: 70px;
    left: 200px;
    width: 95px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_BaliAreaMap ul li.area04 {
    top: 120px;
    left: 192px;
}

.kaigaiAreaMap.kaigai_BaliAreaMap ul li.area05 {
    top: 168px;
    left: 90px;
    width: auto;
    text-align: left;
}

.kaigaiAreaMap.kaigai_BaliAreaMap ul li.area06 {
    top: 152px;
    left: 178px;
    width: 91px;
    text-align: right;
}
}

/*台湾*/
.kaigaiAreaMap.kaigai_TaiwanAreaMap ul li.area01 {
    top: 27px;
    left: 0px;
    width: 215px;
}

.kaigaiAreaMap.kaigai_TaiwanAreaMap ul li.area02 {
    top: 108px;
    left: 0px;
    width: 195px;
}

.kaigaiAreaMap.kaigai_TaiwanAreaMap ul li.area03 {
    top: 219px;
    left: 0px;
    width: 175px;
}

.kaigaiAreaMap.kaigai_TaiwanAreaMap ul li.area04 {
    top: 5px;
    left: 265px;
    width: 60px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_TaiwanAreaMap ul li.area05 {
    top: 25px;
    left: 255px;
    width: 130px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_TaiwanAreaMap ul li.area06 {
    top: 130px;
    width: 185px;
    left: 200px;
    text-align: right;
}

@media (max-width: 599px){
  .kaigaiAreaMap.kaigai_TaiwanAreaMap ul li.area01 {
    top: 27px;
    left: 0px;
    width: 160px;
}

.kaigaiAreaMap.kaigai_TaiwanAreaMap ul li.area02 {
    top: 100px;
    left: 0px;
    width: 140px;
}

.kaigaiAreaMap.kaigai_TaiwanAreaMap ul li.area03 {
    top: 44px;
    left: 0;
    width: 135px;
}

.kaigaiAreaMap.kaigai_TaiwanAreaMap ul li.area04 {
    top: 20px;
    left: 120px;
    width: 75px;
}

.kaigaiAreaMap.kaigai_TaiwanAreaMap ul li.area05 {
    top: 25px;
    left: 190px;
    width: 90px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_TaiwanAreaMap ul li.area06 {
    top: 120px;
    width: 120px;
    left: 140px;
    text-align: right;
}
}

/*台北*/
.kaigaiAreaMap.kaigai_TaipeiAreaMap ul li.area01 {
    top: 153px;
    left: 0px;
    width: 117px;
}

.kaigaiAreaMap.kaigai_TaipeiAreaMap ul li.area02 {
    top: 110px;
    left: 260px;
    width: 55px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_TaipeiAreaMap ul li.area03 {
    top: 180px;
    left: 70px;
    width: 70px;
}

.kaigaiAreaMap.kaigai_TaipeiAreaMap ul li.area04 {
    top: 120px;
    left: 125px;
    width: 60px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_TaipeiAreaMap ul li.area05 {
    top: 218px;
    left: 248px;
    width: 60px;
}

.kaigaiAreaMap.kaigai_TaipeiAreaMap ul li.area06 {
    top: 216px;
    width: 76px;
    left: 145px;
    text-align: right;
}

@media (max-width: 599px){
  .kaigaiAreaMap.kaigai_TaipeiAreaMap ul li.area01 {
    top: 103px;
    left: 70px;
    width: 85px;
}

.kaigaiAreaMap.kaigai_TaipeiAreaMap ul li.area02 {
    top: 70px;
    left: 185px;
    width: 50px;
}

.kaigaiAreaMap.kaigai_TaipeiAreaMap ul li.area03 {
    top: 122px;
    left: 52px;
    width: 60px;
}

.kaigaiAreaMap.kaigai_TaipeiAreaMap ul li.area04 {
    top: 76px;
    left: 77px;
    width: 45px;
}

.kaigaiAreaMap.kaigai_TaipeiAreaMap ul li.area05 {
    top: 148px;
    left: 170px;
    width: 45px;
}

.kaigaiAreaMap.kaigai_TaipeiAreaMap ul li.area06 {
    top: 150px;
    width: 55px;
    left: 110px;
 }
}

/*韓国*/
.kaigaiAreaMap.kaigai_KoreaAreaMap ul li.area01 {
   top: 0px;
    left: 45px;
    width: 140px; 
}

.kaigaiAreaMap.kaigai_KoreaAreaMap ul li.area02 {
    top: 122px;
    left: 275px;
    width: 130px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_KoreaAreaMap ul li.area03 {
    top: 100px;
    left: 250px;
    width: 86px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_KoreaAreaMap ul li.area04 {
    top: 219px;
    left: 166px;
    width: 90px;
    text-align: right;
}

@media (max-width: 599px){
  .kaigaiAreaMap.kaigai_KoreaAreaMap ul li.area01 {
    top: -10px;
    left: 30px;
    width: 90px;
}

.kaigaiAreaMap.kaigai_KoreaAreaMap ul li.area02 {
   top: 64px;
    left: 170px;
    width: 90px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_KoreaAreaMap ul li.area03 {
    top: 50px;
    left: 55px;
    width: 108px;
}

.kaigaiAreaMap.kaigai_KoreaAreaMap ul li.area04 {
    top: 124px;
    left: 110px;
    width: 62px;
    text-align: right;
}
}

/*ソウル*/
.kaigaiAreaMap.kaigai_SeoulAreaMap ul li.area01 {
    top: 40px;
     left: 85px;
     width: 80px; 
 }
 
 .kaigaiAreaMap.kaigai_SeoulAreaMap ul li.area02 {
     top: 8px;
     left: 30px;
     width: 120px;
 }
 
 .kaigaiAreaMap.kaigai_SeoulAreaMap ul li.area03 {
     top: 83px;
     left: 35px;
     width: 80px;
     text-align: right;
 }
 
 .kaigaiAreaMap.kaigai_SeoulAreaMap ul li.area04 {
     top: 46px;
     left: 215px;
     width: 90px;
     text-align: right;
 }
 
 .kaigaiAreaMap.kaigai_SeoulAreaMap ul li.area05 {
    top: 115px;
    left: 198px;
    width: 90px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_SeoulAreaMap ul li.area06 {
    top: 190px;
    left: 164px;
    width: 118px;
}

.kaigaiAreaMap.kaigai_SeoulAreaMap ul li.area07 {
    top: 156px;
    left: 205px;
    width: 90px;
}

.kaigaiAreaMap.kaigai_SeoulAreaMap ul li.area08 {
    top: 156px;
    left: 302px;
    width: 70px;
    text-align: right;
}

@media (max-width: 599px){
   .kaigaiAreaMap.kaigai_SeoulAreaMap ul li.area01 {
     top: 20px;
     left: 60px;
     width: 60px;
 }
 
 .kaigaiAreaMap.kaigai_SeoulAreaMap ul li.area02 {
    top: -5px;
     left: 20px;
     width: 90px;
 }
 
 .kaigaiAreaMap.kaigai_SeoulAreaMap ul li.area03 {
     top: 55px;
     left: 25px;
     width: 72px;
}
 
 .kaigaiAreaMap.kaigai_SeoulAreaMap ul li.area04 {
     top: 27px;
     left: 153px;
     width: 62px;
     text-align: right;
 }
 
 .kaigaiAreaMap.kaigai_SeoulAreaMap ul li.area05 {
    top: 80px;
    left: 140px;
    width: 70px;
    text-align: right;
}
 
.kaigaiAreaMap.kaigai_SeoulAreaMap ul li.area06 {
    top: 130px;
    left: 140px;
    width: 62px;
}
 
.kaigaiAreaMap.kaigai_SeoulAreaMap ul li.area07 {
    top: 106px;
    left: 148px;
    width: 62px;
}
 
.kaigaiAreaMap.kaigai_SeoulAreaMap ul li.area08 {
    top: 106px;
    left: 216px;
    width: 62px;
    text-align: right;
}
}

/*ベトナム*/
.kaigaiAreaMap.kaigai_VietnamAreaMap ul li.area01 {
    top: -5px;
    left: 35px;
    width: 151px;
}

.kaigaiAreaMap.kaigai_VietnamAreaMap ul li.area02 {
    top: -5px;
    left: 200px;
    width: 125px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_VietnamAreaMap ul li.area03 {
    top: 102px;
    left: 77px;
    width: 155px;
}

.kaigaiAreaMap.kaigai_VietnamAreaMap ul li.area04 {
    top: 109px;
    left: 230px;
    width: 145px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_VietnamAreaMap ul li.area05 {
    top: 194px;
    left: 65px;
    width: 128px;
}

@media (max-width: 599px){
  .kaigaiAreaMap.kaigai_VietnamAreaMap ul li.area01 {
    top: -10px;
    left: 25px;
    width: 90px;
}

.kaigaiAreaMap.kaigai_VietnamAreaMap ul li.area02 {
    top: -10px;
    left: 124px;
    width: 100px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_VietnamAreaMap ul li.area03 {
    top: 53px;
    left: 52px;
    width: 90px;
}

.kaigaiAreaMap.kaigai_VietnamAreaMap ul li.area04 {
    top: 60px;
    left: 145px;
    width: 88px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_VietnamAreaMap ul li.area05 {
    top: 116px;
    left: 25px;
    width: 91px;
}
}

/*香港*/
.kaigaiAreaMap.kaigai_HongkongAreaMap ul li.area01 {
    top: 116px;
    left: 255px;
    width: 75px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_HongkongAreaMap ul li.area02 {
    top: 84px;
    left: 259px;
    width: 125px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_HongkongAreaMap ul li.area03 {
    top: 132px;
    left: 139px;
    width: 122px;
}

.kaigaiAreaMap.kaigai_HongkongAreaMap ul li.area04 {
    top: 94px;
    left: -18px;
    width: 165px;
    text-align: left;
}

.kaigaiAreaMap.kaigai_HongkongAreaMap ul li.area05 {
    top: 175px;
    left: 268px;
    width: 136px;
}

.kaigaiAreaMap.kaigai_HongkongAreaMap ul li.area04 span,
.kaigaiAreaMap.kaigai_HongkongAreaMap ul li.area05 span{
  font-size: 0.9rem;
}

@media (max-width: 599px){
  .kaigaiAreaMap.kaigai_HongkongAreaMap ul li.area01 {
		top: 81px;
    left: 190px;
    width: 55px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_HongkongAreaMap ul li.area02 {
     top: 50px;
    left: 183px;
    width: 100px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_HongkongAreaMap ul li.area03 {
    top: 96px;
    left: 82px;
    width: 113px;
}

.kaigaiAreaMap.kaigai_HongkongAreaMap ul li.area04 {
    top: 63px;
    left: -8px;
    width: 123px;
    text-align: left;
}

.kaigaiAreaMap.kaigai_HongkongAreaMap ul li.area05 {
    top: 120px;
    width: 105px;
    left: 190px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_HongkongAreaMap ul li.area04 span,
.kaigaiAreaMap.kaigai_HongkongAreaMap ul li.area05 span{
  font-size: 0.6rem;
}
}

/*マカオ*/
.kaigaiAreaMap.kaigai_MacauAreaMap ul li.area01 {
    top: 40px;
    left: 197px;
    width: 195px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_MacauAreaMap ul li.area02 {
    top: 112px;
    left: 72px;
    width: 165px;
}

.kaigaiAreaMap.kaigai_MacauAreaMap ul li.area03 {
    top: 200px;
    left: 320px;
}

@media (max-width: 599px){
  .kaigaiAreaMap.kaigai_MacauAreaMap ul li.area01 {
		top: 20px;
    left: 146px;
    width: 120px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_MacauAreaMap ul li.area02 {
    top: 80px;
    left: 187px;
    width: 110px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_MacauAreaMap ul li.area03 {
    top: 140px;
    left: 245px;
}
}

/*中国*/
.kaigaiAreaMap.kaigai_ChinaAreaMap ul li.area01 {
    top: 90px;
    left: 164px;
    width: 100px;
}

.kaigaiAreaMap.kaigai_ChinaAreaMap ul li.area02 {
    top: 145px;
    left: 288px;
    width: 70px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_ChinaAreaMap ul li.area03 {
    top: 95px;
    left: 292px;
    width: 106px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_ChinaAreaMap ul li.area04 {
    top: 124px;
    left: 200px;
    width: 75px;
    text-align: left;
}

.kaigaiAreaMap.kaigai_ChinaAreaMap ul li.area05 {
    top: 180px;
    left: 30px;
    width: 240px;
    text-align: left;
}

.kaigaiAreaMap.kaigai_ChinaAreaMap ul li.area06 {
    top: 214px;
    left: 83px;
    width: 146px;
    text-align: left;
}

.kaigaiAreaMap.kaigai_ChinaAreaMap ul li.area07 {
    top: 199px;
    left: 264px;
    width: 135px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_ChinaAreaMap ul li.area08 {
    top: 161px;
    left: 107px;
    width: 160px;
}

.kaigaiAreaMap.kaigai_ChinaAreaMap ul li.area08 span {
	font-size: 0.9rem;
}

@media (max-width: 599px){
  .kaigaiAreaMap.kaigai_ChinaAreaMap ul li.area01 {
		top: 64px;
    left: 120px;
    width: 75px;
}

.kaigaiAreaMap.kaigai_ChinaAreaMap ul li.area02 {
    top: 100px;
    left: 210px;
    width: 51px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_ChinaAreaMap ul li.area03 {
		top: 63px;
    left: 218px;
    width: 70px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_ChinaAreaMap ul li.area04 {
    top: 80px;
    left: 56px;
    width: 130px;
}

.kaigaiAreaMap.kaigai_ChinaAreaMap ul li.area05 {
    top: 126px;
    left: 200px;
    width: 98px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_ChinaAreaMap ul li.area06 {
    top: 152px;
    left: 57px;
    width: 114px;
}

.kaigaiAreaMap.kaigai_ChinaAreaMap ul li.area07 {
    top: 152px;
    left: 204px;
    width: 69px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_ChinaAreaMap ul li.area08 {
    top: 108px;
    left: 80px;
    width: 118px;
}

.kaigaiAreaMap.kaigai_ChinaAreaMap ul li.area08 span {
	font-size: 0.6rem;
}
}

/*上海*/
.kaigaiAreaMap.kaigai_ShanghaiAreaMap ul li.area01 {
    top: 50px;
    left: 80px;
    width: 140px;
}

.kaigaiAreaMap.kaigai_ShanghaiAreaMap ul li.area02 {
    top: 115px;
    left: 200px;
    width: 180px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_ShanghaiAreaMap ul li.area03 {
    top: 120px;
    left: 30px;
    width: 170px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_ShanghaiAreaMap ul li.area04 {
    top: 170px;
    left: 180px;
    width: 160px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_ShanghaiAreaMap ul li.area05 {
    top: 90px;
    left: 240px;
    width: 170px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_ShanghaiAreaMap ul li.area06 {
    top: 140px;
    left: 220px;
    width: 160px;
    text-align: left;
}

.kaigaiAreaMap.kaigai_ShanghaiAreaMap ul li.area07 {
    top: 50px;
    left: 280px;
    width: auto;
}

.kaigaiAreaMap.kaigai_ShanghaiAreaMap ul li.area08 {
    top: 200px;
    left: 250px;
    width: 160px;
}

.kaigaiAreaMap.kaigai_ShanghaiAreaMap ul li span {
	font-size: 0.9rem;
}

@media (max-width: 599px){
  .kaigaiAreaMap.kaigai_ShanghaiAreaMap ul li span {
    font-size: 0.7rem;
}

  .kaigaiAreaMap.kaigai_ShanghaiAreaMap ul li.area01 {
		top: 10px;
    left: 180px;
    width: 90px;
}

.kaigaiAreaMap.kaigai_ShanghaiAreaMap ul li.area02 {
    top:75px;
    left: 100px;
    width: 150px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_ShanghaiAreaMap ul li.area03 {
		top: 100px;
    left: 20px;
    width: 160px;
    text-align: left;
}

.kaigaiAreaMap.kaigai_ShanghaiAreaMap ul li.area04 {
    top: 150px;
    left: 150px;
    width: 140px;
}

.kaigaiAreaMap.kaigai_ShanghaiAreaMap ul li.area05 {
    top: 60px;
    left: 150px;
    width: 170px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_ShanghaiAreaMap ul li.area06 {
    top: 90px;
    left: 150px;
    width: 170px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_ShanghaiAreaMap ul li.area07 {
    top: 40px;
    left: 220px;
    width: 120px;
    text-align: right;
}

.kaigaiAreaMap.kaigai_ShanghaiAreaMap ul li.area08 {
    top: 170px;
    left: 205px;
    width: 140px;
}
}

　
/*kaigaiAreaDetail*/
.kaigaiAreaDetail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.kaigaiAreaDetail .img {
    width: 48%;
}

.kaigaiAreaDetail .txtbox {
    width: 50%;
}

.kaigaiAreaDetail .txtbox .tit {
    font-size: 23px;
    /* font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", serif; */
    margin-bottom: 10px;
    font-weight: bold;
}

.kaigaiAreaDetail .txtbox .catch {
    font-weight: bold;
    margin-bottom: 10px;
}

.kaigaiAreaDetail .txtbox .txt {
    font-size: 12px;
}

.kaigaiAreaDetail .txtbox .more {
    margin-top: 30px;
}

.kaigaiAreaDetail .txtbox .more > * {
    color: #00b0ff;
    background-image: url(/import/tenant_1/www.wbf.co.jp/kaigai/module/destination/images/mark003.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 12px;
}

@media (max-width: 599px) {
    .kaigaiAreaDetail .img {
        width: 100%;
    }
    
    .kaigaiAreaDetail .txtbox {
        width: 100%;
        margin-top: 5px;
    }
    
    .kaigaiAreaDetail .txtbox .tit {
        margin-bottom: 5px;
    }
    
    .kaigaiAreaDetail .txtbox .catch {
        margin-bottom: 5px;
    }
}


/*kaigaiNews*/
.kaigaiNews {
    padding: 20px 0;
}

.kaigaiNews .ttl {
    width: 200px;
    font-size: 16px;
    /* font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", serif; */
    text-align: center;
    font-weight: bold;
    line-height: 1.2;
}

.kaigaiNews .ttl .sub {
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
    display: block;
    margin-top: 5px;
}

.kaigaiNews .list {
    width: calc(100% - 200px);
    padding-left: 20px;
}

.kaigaiNews .list ul li + li {
    margin-top: 10px;
}

.kaigaiNews .list ul li > * {
    background: #fff;
    display: block;
    padding: 3px;
}

.kaigaiNews .list ul li > *:hover {
    text-decoration: underline;
}

.kaigaiNews .list ul li > * .theme {
    width: 70px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background: #666;
    display: inline-block;
    margin-right: 12px;
    padding: 2px 5px 0;
}

.kaigaiNews .list ul li > * .day {
    font-size: 14px;
    margin-right: 10px;
}

.kaigaiNews .list ul li > * .tit {
    font-size: 14px;
}

@media (max-width: 599px) {
    .kaigaiNews .ttl {
        width: 100%;
    }

    .kaigaiNews .list {
        width: 100%;
        padding-top: 10px;
        padding-left: 0;
    }
}


/* -------------------- 海外東京 -------------------- */
.kaigai_tokyoWrap .mainWrap {
    font-size: 14px;
}

/*メインビジュアル*/
.kaigai_tokyoImg {
    background: #000;
    border-bottom: 1px solid #000;
    position: relative;
    z-index: 0;
}

.kaigai_tokyoImg .pic {
    max-width: 1600px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: -1;
}

.underImgBlock .topmessage {
    margin-bottom: 30px;
}

.underImgBlock .topmessage img {
      margin: 0 auto;
}

[data-element-id] .kaigai_tokyoImg .pic {
    position: relative;
    z-index: 0;
}

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

.kaigai_tokyoImgBoxName {
    background: rgba(0,0,0,0.6);
    margin-bottom: 40px;
    padding: 15px 0;
}

.kaigai_tokyoImgBoxName .box {
    position: relative;
    z-index: 0;
}

.kaigai_tokyoImgBoxName .sub {
    font-size: 25px;
    color: #fff;
    /* font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", serif; */
    padding-left: 10px;
}

.kaigai_tokyoImgBoxName .txt {
    font-size: 72px;
    color: #fff;
    line-height: 1;
    /* font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", serif; */
    padding-left: 10px;    
}

.kaigai_tokyoImgBoxName .txt.txt-fz-small {
    font-size: 40px;
    margin: 0 auto;
}
.kaigai_tokyoImgBoxName .txt .small{
    font-size: 20px;
    vertical-align: middle;
}

.kaigai_tokyoImgBoxName .txt .en {
    font-size: 12px;
    text-align: center;    
    display: block;
    margin-top: 1px;
}

.kaigai_tokyoImgBoxName .txt .dep{
    font-size: 1.8rem;
}

.kaigai_tokyoImgBoxName .subCatch {
    font-size: 20px;
    color: #fff;
    /* font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", serif; */
    padding-left: 30px;
}

@media (max-width: 1024px) {
    .kaigai_tokyoImgBoxName .txt {
        padding-left: 0;
    }
    
    .kaigai_tokyoImgBoxName .txt.txt-fz-small {
        font-size: 40px;
    }
    
    .kaigai_tokyoImgBoxName .txt .en {
        margin-top: 0;
        margin-left: 5px;
        display: inline-block;
    }
    
    .kaigai_tokyoImgBoxName .sub {
        font-size: 15px;
        padding-left: 0;
        padding-right: 5px;
    }
    
    .kaigai_tokyoImgBoxName .subCatch {
        width: 100%;
        padding-top: 5px;
        padding-left: 0;
    }
}

@media (max-width: 599px) {
    .kaigai_tokyoImg {
        border-bottom: none;
    }
    
    .kaigai_tokyoImgBoxName {
        padding: 15px 5px;
        margin-bottom: 0;
    }
    
    .kaigai_tokyoImgBoxName .txt {
        font-size: 20px;
    }
    
    .kaigai_tokyoImgBoxName .txt.txt-fz-small {
        font-size: 20px;
    }
    
    .kaigai_tokyoImgBoxName .subCatch {
        font-size: 12px;
    }
}

.kaigai_tokyoImgBoxNameForm {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 0;
}

.kaigai_tokyoImgBoxNameForm .tit {
    font-size: 14px;
    color: #fff;
    padding-right: 5px;
}

.kaigai_tokyoImgBoxNameForm form select {
    width: 105px;
    font-size: 11px;
    text-align: center;
    border: 1px solid #c8c5c4;
    background-image: url(/import/tenant_1/www.wbf.co.jp/kaigai/module/top/images/mark001.png);
    background-repeat: no-repeat;
    background-position: right 5px center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 5px;
}

@media (max-width: 599px) {
    .kaigai_tokyoImgBoxNameForm {
        position: relative;
        top: 0;
        -webkit-transform: inherit;
                transform: inherit;
        margin-top: 30px;
        margin-left: auto;
    }
}


/*kaigai_tokyoNews*/
.kaigai_tokyoNews {
    background: #2896c6;
}

.kaigai_tokyoNews .link a {
    font-size: 20px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    /* font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", serif; */
    display: block;
    padding: 10px;
    position: relative;
    z-index: 0;
}

.kaigai_tokyoNews .link a:hover {
    text-decoration: underline;
}

.kaigai_tokyoNews .link a .linkText {
    font-size: 14px;
    font-weight: normal;
    background-image: url(/import/tenant_1/www.wbf.co.jp/kaigai/module/top/images/mark012.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 10px;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 0;
}

@media (max-width: 1024px) {
    .kaigai_tokyoNews .link a .linkText {
        display: none;
    }
}

@media (max-width: 599px) {
    .kaigai_tokyoNews .link a {
        font-size: 12px;
        padding: 10px 0;
        background-image: url(/import/tenant_1/www.wbf.co.jp/kaigai/module/top/images/mark012.png);
        background-repeat: no-repeat;
        background-position: right 0px center
    }
}


/*kaigai_tokyoPopularity*/
.kaigai_tokyoPopularity ul li a {
    border-radius: 6px;
    overflow: hidden;
    display: block;
    position: relative;
    z-index: 0;
}

.kaigai_tokyoPopularity ul li a .txt {
    width: 100%;
    font-size: 18px;
    color: #fff;
    text-align: center;
    background: rgba(0,0,0,0.5);
    padding: 5px 5px 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
}

@media (max-width: 599px) {
    .kaigai_tokyoPopularity ul li a .txt {
        font-size: 14px;
    }
}


/*kaigai_tokyoPrice*/
.kaigai_tokyoPriceTab {
    border-bottom: 3px solid #2896c6;
}

.kaigai_tokyoPriceTab ul li .border {
    display: block;
    color: #2896c6;
    background: #fff;
    border-top: 3px solid #2896c6;
    border-left: 3px solid #2896c6;
    padding: 8px 5px 6px;
    text-align: center;
    cursor: pointer;
}

.kaigai_tokyoPriceTab ul li:last-of-type .border {
    border-right: 3px solid #2896c6;
}

.kaigai_tokyoPriceTab ul li.tabOnly .border {
    color: #fff;
    background: #2896c6;
}

.kaigai_tokyoPriceTab ul li.active .border {
    color: #fff;
    background: #2896c6;
}

.kaigai_tokyoPriceList {
    padding-top: 40px;
}

.kaigai_tokyoPriceList .tit {
    width: 140px;
    color: #000;
    text-align: center;
}

.kaigai_tokyoPriceList .tit .img {
    width: 28px;
    margin: 0 auto 5px;
}

.kaigai_tokyoPriceList .list {
    width: calc(100% - 140px);
}

.kaigai_tokyoPriceList .list ul li:first-of-type:not(:last-of-type) {
    display: none;
}

[data-element-id] .kaigai_tokyoPriceList .list ul li:first-of-type:not(:last-of-type) {
    display: block;
}

.kaigai_tokyoPriceList .list ul li > * {
    color: #000;
    border-bottom: 1px solid #bfbfbf;
    padding: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.kaigai_tokyoPriceList .list ul li > * .txt {
    text-decoration: underline;
}

.kaigai_tokyoPriceList .list ul li > * .yen_parent {
    font-size: 18px;
    color: #ed5629;
    font-weight: bold;
    padding: 0 10px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.kaigai_tokyoPriceList .more {
    text-align: right;
    margin-top: 10px;
}

.kaigai_tokyoPriceList .more a {
    color: #2896c7;
    background-image: url(/import/tenant_1/www.wbf.co.jp/kaigai/module/top/images/mark003.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 12px;
}

@media (max-width: 1024px) {
    .kaigai_tokyoPriceTab {
        border: none
    }

    .kaigai_tokyoPriceTab ul li .border {
        border: none;
    }
    
    .kaigai_tokyoPriceTab ul li:last-of-type .border {
        border: none;
    }

    .kaigai_tokyoPriceTab ul li a {
        border: 2px solid #2896c6;
    }
    
    .kaigai_tokyoPriceTab ul li a:hover {
        opacity: 1;
    }
}

@media (max-width: 599px) {
    .kaigai_tokyoPriceList .tit {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .kaigai_tokyoPriceList .tit .img {
        margin: 0;
        margin-right: 10px;
    }

    .kaigai_tokyoPriceList .list {
        width: 100%;
        margin-top: 20px;
    }
    
    .kaigai_tokyoPriceList .list ul li > * {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    
    .kaigai_tokyoPriceList .list ul li a .yen_parent {
        display: block;
        width: 100%;
        font-size: 15px;
        margin-top: 5px;
        text-align: right;
    }
}

/*上書き*/
@media (max-width: 599px) {
    .kaigai_taipeiPrice {
        margin: 0;
        padding: 0px 0 40px;
    }
    
    .kaigai_taipeiPrice .tabWrap {
        background: #fff;
        padding: 20px 15px;
    } 
}

/*kaigai_hawaiiPriceList*/
.kaigai_hawaiiPriceList {
    padding-top: 40px;
}

.kaigai_hawaiiPriceList .box {
    margin-bottom: 30px;
}

.kaigai_hawaiiPriceList .left {
    width: 33%;
}

.kaigai_hawaiiPriceList .right {
    width: 63%;
}

.kaigai_hawaiiPriceList .img {
    border-radius: 5px;
    overflow: hidden;
}

.kaigai_hawaiiPriceList .txtbox .tit {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
}

.kaigai_hawaiiPriceList .txtbox .txt {
    font-size: 14px;
    margin-bottom: 15px;
}

.kaigai_hawaiiPriceList .txtbox .txt b {
    color: #ffa500;
}

.kaigai_hawaiiPriceList .txtbox .hajimete strong {
    color: #c71585;
}

.kaigai_hawaiiPriceList .txtbox .family strong {
    color: #0000cd;
}

.kaigai_hawaiiPriceList .txtbox .couple strong {
    color: #9400d3;
}

.kaigai_hawaiiPriceList .txtbox .staff {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.kaigai_hawaiiPriceList .txtbox .staff .staffPhoto {
    width: 90px;
    margin-right: 20px;
    box-shadow: 3px 3px 2px 1px rgba(0, 0, 255, .2);
}

.kaigai_hawaiiPriceList .txtbox .staff .staffComent {
    width: calc(100% - 110px);
    font-size: 12px;
    line-height: 1.75;
}

.kaigai_hawaiiPriceList .txtbox .heit1nomal3 {
    font-size: 14px;
    display: inline-block;
}

.kaigai_hawaiiPriceList .txtbox .areaNamefamily {
font-size: 12px;
    font-weight: bold;
    color: #fff;
    background-color: #656565;
    display: inline-block;
    padding: 3px 5px 1px;
}

.kaigai_hawaiiPriceList .txtbox .subtit {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}

.kaigai_hawaiiPriceList .txtbox .subtxt {
    font-size: 14px;
    margin-bottom: 5px;
}

.kaigai_hawaiiPriceList .txtbox .more {
    margin-bottom: 20px;
}

.kaigai_hawaiiPriceList .txtbox .more.more-right {
    text-align: right;
}

.kaigai_hawaiiPriceList .txtbox .more.more-center {
    text-align: center;
}

.kaigai_hawaiiPriceList .txtbox .more > * {
    font-size: 14px;
    color: #fff;
    background-image: url(/import/tenant_1/www1.wbf.co.jp/kaigai/module/destination/images/mark008.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-color: #2896c7;
    padding: 3px 10px 3px 20px;
    border-radius: 3px;
}

.kaigai_hawaiiPriceList .txtbox .more > * {
    margin-right: 3px;
}

.kaigai_hawaiiPriceList .border {
    border-bottom: 1px solid #ccc;
}

@media (max-width: 599px) {
    .kaigai_hawaiiPriceList .left {
        width: 100%;
    }
    
    .kaigai_hawaiiPriceList .right {
        width: 100%;
        margin-top: 10px;
    }
    
    .kaigai_hawaiiPriceList .txtbox .more {
        text-align: right;
    }
    
    .kaigai_hawaiiPriceList .txtbox .more > * {
        color: #2896c7;
        background: none;
    }
}

/*kaigai_hawaiiPriceListDeparture*/
.kaigai_hawaiiPriceListDeparture .tourtitle {
  font-weight: bold;
  font-size: 1.4rem;
  text-align: center;
}

.kaigai_hawaiiPriceListDeparture ul li a .area {
    font-size: 14px;
    color: #fff;
    text-align: center;
    background-color: #2896c6;
    border-radius: 5px;
    display: block;
    padding: 5px;
}

.kaigai_hawaiiPriceListDeparture ul li a .yen_parent {
    font-size: 18px;
    color: #ed5629;
    text-align: center;
    font-weight: bold;
    display: block;
}

@media (max-width: 599px){
  .kaigai_hawaiiPriceListDeparture .tourtitle {
    font-size: .9rem;
  }
}

/*kaigai_tokyoTheme*/
.kaigai_tokyoTheme ul li a:hover {
    color: #1D7DBE;
    text-decoration: underline;
}

.kaigai_tokyoTheme ul li a .img {
    border-radius: 5px;
    overflow: hidden;
}

.kaigai_tokyoTheme ul li a .txt {
    color: #333;
    text-align: center;
    margin-top: 5px;
}


/*kaigai_tokyoMagazine*/
.kaigai_tokyoMagazine ul li a {
    color: #000;
}

.kaigai_tokyoMagazine ul li a .img {
    margin-bottom: 10px;
}

.kaigai_tokyoMagazine ul li a .tit {
    font-size: 15px;
    margin-bottom: 5px;
}

.kaigai_tokyoMagazine ul li a .txt {
    font-size: 14px;
    line-height: 1.4;
}

.kaigai_tokyoMagazine ul li a .cate {
    margin-top: 5px;
}

.kaigai_tokyoMagazine ul li a .cate span {
    font-size: 12px;
    background: #eaeaea;
    display: inline-block;
    padding: 2px 7px 0px;
    margin-bottom: 5px;
    margin-right: 3px;
}

@media (max-width: 599px) {
    .kaigai_tokyoMagazine ul li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

    .kaigai_tokyoMagazine ul li a .img {
        width: 140px;
        border-radius: 5px;
        overflow: hidden;
    }

    .kaigai_tokyoMagazine ul li a .txtbox {
        width: calc(100% - 160px);
    }

    .kaigai_tokyoMagazine ul li a .txt {
        font-size: 12px;
    }

    .kaigai_tokyoMagazine ul li a .cate {
        text-align: left;
    }

    .kaigai_tokyoMagazine ul li a .cate span {
        font-size: 11px;
    }
}


/*kaigai_tokyoMagazineCate*/
.kaigai_tokyoMagazineCate {
    text-align: center;
    border: 1px solid #2896c7;
    padding: 10px;
    margin-top: 20px;
}

.kaigai_tokyoMagazineCate .item {
    color: #2896c7;
    padding: 0 10px;
    display: inline-block;
}

.kaigai_tokyoMagazineCate .item:before {
    content: "〉";
    font-size: 10px;
    font-weight: bold;
    color: #2896c7;
}



/* -------------------- 海外韓国 -------------------- */
/*kaigai_koreaRecommendSlide*/
.kaigai_koreaRecommendSlide {
    position: relative;
    z-index: 0;
}

.kaigai_koreaRecommendSlide ul {
    position: relative;
    z-index: 0;
}

[data-element-id] .kaigai_koreaRecommendSlide ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

[data-element-id] .kaigai_koreaRecommendSlide ul > * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.kaigai_koreaRecommendSlide li {
    margin-right: 10px;
    padding: 10px;
}

[data-element-id] .kaigai_koreaRecommendSlide li {
    width: calc(92% / 4);
    margin: 1%;
}

.kaigai_koreaRecommendSlide a {
    color: #000;
}

.kaigai_koreaRecommendSlide .photoWithTitle .img {
    overflow: hidden;
    border-radius: 5px;    
    position: relative;
    z-index: 0;
}

.kaigai_koreaRecommendSlide .photoWithTitle .tit {
    width: 100%;
    font-size: 17px;
    color: #fff;
    background: rgba(230,165,33,0.8);
    padding: 10px 5px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
}

.kaigai_koreaRecommendSlide .subtit {
    font-size: 14px;
    margin-top: 10px;
}

.kaigai_koreaRecommendSlide .photoWithTitle .label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: absolute;
    top: 10px;
    left: 5px;
    z-index: 0;
}

.kaigai_koreaRecommendSlide .photoWithTitle .label > * > * {
    color: #fff;
    display: inline-block;
    border-radius: 5px;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 15px 3px;
    margin: 0 5px 5px 0;
}

.kaigai_koreaRecommendSlide .photoWithTitle .clr-pink > * {
    background: #e95388;
}

.kaigai_koreaRecommendSlide .photoWithTitle .clr-blue > * {
    background: #0068b7;
}

.kaigai_koreaRecommendSlide .photoWithTitle .clr-red > * {
    background: #c9171e;
}

.kaigai_koreaRecommendSlide .photoWithTitle .clr-orange > * {
    background: #f39800;
}

.kaigai_koreaRecommendSlide .photoWithTitle .clr-bk > * {
    background: #000;
}

.kaigai_koreaRecommendSlide .photoWithTitle .clr-white > * {
    background: #fff;
    color: #000;
    border: 1px solid #000;
}

.kaigai_koreaRecommendSlide .cate {
    margin-top: 5px;
}

.kaigai_koreaRecommendSlide .cate > * {
    font-size: 11px;
    border: 1px solid #9f9f9f;
    display: inline-block;
    padding: 0px 5px;
}

.kaigai_koreaRecommendSlide .cate .areaName {
    color: #fff;
    border: 1px solid #000;    
    background: #000;
}

.kaigai_koreaRecommendSlide .price {
    font-size: 19px;
    color: #ed5629;
    text-align: center;
    font-weight: bold;
    margin-top: 5px;
}

.kaigai_koreaRecommendSlide .price .otherPrice {
    font-size: 14px;
}

.kaigai_koreaRecommendSlide .list {
    margin-top: 10px;
    display: block;
}

.kaigai_koreaRecommendSlide .list .depa {
    font-size: 12px;
    padding: 5px 10px 5px 5px;
    border-top: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    background-image: url(/import/tenant_1/www.wbf.co.jp/kaigai/module/departure/images/bg_recommend_list001.png);
    background-repeat: no-repeat;
    background-position: right center;
}

.kaigai_koreaRecommendSlide .list .dest {
    font-size: 12px;
    line-height: 1em;
    padding: 5px 5px 5px 5px;
    border-top: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    border-right: 1px solid #bfbfbf;
}

.kaigai_koreaRecommendSlide .tit {
    font-size: 16px;
    text-align: center;
    margin-top: 15px;
    display: block;
}

.kaigai_koreaRecommendSlide .name {
    font-size: 16px;
    font-weight: bolder;
    margin-top: 15px;
    display: block;
}

.kaigai_koreaRecommendSlide .txt {
    font-size: 14px;
    margin-top: 10px;
    display: block;
}

.kaigai_koreaRecommendSlide .prev-arrow {
    position: absolute;
    top: calc(50% - 40px);
    left: -25px;
    z-index: 100;
}

.kaigai_koreaRecommendSlide .next-arrow {
    position: absolute;
    top: calc(50% - 40px);
    right: -10px;
    z-index: 100;
}

@media (max-width: 1024px) {
    .kaigai_koreaRecommendSlide .prev-arrow {
        left: -10px;
    }

    .kaigai_koreaRecommendSlide .next-arrow {
        right: -10px;
    }
}

@media (max-width: 599px) {
    .kaigai_koreaRecommendSlide li {
        margin-right: 0;
    }
}

/*kaigai_koreaRecommendTabbtn*/
.kaigai_koreaRecommendTabbtn ul li .border {
    display: block;
    color: #2896c6;
    font-size: 14px;
    background: #fff;
    border-top: 2px solid #2896c6;
    border-left: 2px solid #2896c6;
    border-bottom: 2px solid #2896c6;
    padding: 8px 5px 6px;
    text-align: center;
    cursor: pointer;
}

.kaigai_koreaRecommendTabbtn ul li:last-of-type .border {
    border-right: 2px solid #2896c6;
}

.kaigai_koreaRecommendTabbtn ul li.active .border {
    color: #fff;
    background: #2896c6;
}


/*kaigai_koreaHotel*/
.kaigai_koreaHotel .tabBtn {
    margin-bottom: 30px;
}

.kaigai_koreaHotel .tabBtn ul li {
    width: 120px;
    color: #fff;
    text-align: center;
    background: #c0c0c0;
    border-radius: 5px;
    margin-right: 10px;
    padding: 5px 5px;    
}

.kaigai_koreaHotel .tabBtn ul.width-big li {
    width: 190px;
}

.kaigai_koreaHotel .tabBtn ul li:last-of-type {
    margin-right: 0;
}

.kaigai_koreaHotel .tabBtn ul li.active {
    background: #2896c7;
}

.kaigai_koreaHotel .tabBtn ul li:hover {
    opacity: .6;
    text-decoration: underline;
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
}

@media (max-width: 1024px) {
    .kaigai_koreaHotel .tabBtn ul.width-big li {
        font-size: 15px;
        width: calc(97% / 4);
        margin-right: 1%;
        padding: 10px 4px;
    }

    .kaigai_koreaHotel .tabBtn ul.width-big li:last-of-type {
        margin-right: 0;
    }
}

@media (max-width: 599px) {
    .kaigai_koreaHotel .tabBtn ul {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    
    .kaigai_koreaHotel .tabBtn ul li {
        width: calc(100% / 3);
        border-radius: 0;
        margin-right: 5px;
    }
    
    .kaigai_koreaHotel .tabBtn ul li {
        width: calc(98% / 3);
    }
    
    .kaigai_koreaHotel .tabBtn ul li,
    .kaigai_koreaHotel .tabBtn ul li:last-of-type {
        margin-right: 1%;
    }
    
    .kaigai_koreaHotel .tabBtn ul li:nth-of-type(3n) {
        margin-right: 0;
    }
    
    .kaigai_koreaHotel .tabBtn ul li:nth-of-type(n + 4) {
        margin-top: 1%;
    }
    
    .kaigai_koreaHotel .tabBtn ul.width-big li {
        width: calc(99% / 2);
        margin-right: 1%;
        margin-bottom: 1%;
    }

    .kaigai_koreaHotel .tabBtn ul.width-big li:nth-of-type(2n) {
        margin-right: 0;
    }
    
    .kaigai_koreaHotel .tabBtn ul.width-big li:nth-of-type(n + 4) {
        margin-top: 0;
    }
}

/*kaigai_koreaHotelBox*/
.kaigai_koreaHotelBox .img {
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    z-index: 0;
}

.kaigai_koreaHotelBox .img .areaName {
    font-size: 15px;
    color: #fff;
    background: #000;
    padding: 5px 13px 3px;
    border-radius: 5px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.kaigai_koreaHotelBox .tit {
    font-size: 16px;
    margin-top: 10px;
}

.kaigai_koreaHotelBox .hotel_class {
    margin-top: 5px;
}

.kaigai_koreaHotelBox .detailLink {
    margin-top: 10px;
}

.kaigai_koreaHotelBox .infoList {
    margin-top: 5px;
}

.kaigai_koreaHotelBox .infoList > * {
    font-size: 12px;
    color: #fff;
    background-color: #656565;
    display: inline-block;
    padding: 3px 5px 1px;
    margin: 0 2px 2px 0;
}

.kaigai_koreaHotelBox .hotel_access {
    font-size: 12px;
    background: #EEE;
    padding: 3px 5px;
    margin-top: 10px;
}

.kaigai_koreaHotelBox .point {
    margin-top: 10px;
}

.kaigai_koreaHotelBox .txt {
    margin-top: 10px;
}

.kaigai_koreaHotelBox .detailLink > * {
    color: #2896c7;
    background-image: url(/import/tenant_1/www.wbf.co.jp/kaigai/module/departure/images/mark003.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 12px;
}

.kaigai_koreaHotelBox .ReservationLink {
    margin-top: 10px;
}

.kaigai_koreaHotelBox .ReservationLink > * {
    color: #000;
    background-image: url(/import/tenant_1/www.wbf.co.jp/kaigai/module/departure/images/mark015.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 12px;
}

@media (max-width: 599px) {
    .kaigai_koreaHotelBox .txt {
        font-size: 12px;
    }

    .kaigai_koreaHotelBox .detailLink {
        text-align: right;
    }

    .kaigai_koreaHotelBox .ReservationLink {
        text-align: right;
    }
}

/*kaigai_hawaiiHotelBox*/
.kaigai_hawaiiHotelBox .item {
    background: #fff;
    padding: 30px 35px;
}
.kaigai_hawaiiHotelBox .item .up-ai-fs {
    gap: 0 16px;
}

.kaigai_hawaiiHotelBox .item .left {
    width: 48%;
}

.kaigai_hawaiiHotelBox .item .right {
    width: calc(50% - 8px);
}


.kaigai_hawaiiHotelBox .item + .item {
    /*margin-top: 30px;*/
}

.kaigai_hawaiiHotelBox .item .img {
    border-radius: 5px;
    overflow: hidden;
}

.kaigai_hawaiiHotelBox .item .txtbox .tit {
    font-size: 19px;
    font-weight: bold;
}

.kaigai_hawaiiHotelBox .item .txtbox .name_en {
    font-size: 14px;
    color: #666;
    margin-bottom: 5px;
}

.kaigai_hawaiiHotelBox .item .txtbox .hotel_class {
    margin-bottom: 5px;
}

.kaigai_hawaiiHotelBox .item .txtbox .targetList {
    margin-bottom: 20px;
}

.kaigai_hawaiiHotelBox .item .txtbox .typeList > *,
.kaigai_hawaiiHotelBox .item .txtbox .targetList > * {
    font-size: 12px;
    color: #fff;
    display: inline-block;
    padding: 3px 6px 1px;
    margin-bottom: 3px;
    margin-right: 5px;
}

.kaigai_hawaiiHotelBox .item .txtbox .typeList > * {
    background: #656565;;
}

.kaigai_hawaiiHotelBox .item .txtbox .targetList > * {
    background: #88b5d3;
}

.kaigai_hawaiiHotelBox .item .subtit {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 3px;
}

.kaigai_hawaiiHotelBox .item .txt {
    font-size: 12px;
    margin-bottom: 16px;
}
.kaigai_hawaiiHotelBox .item .access dt{
  font-weight: bold;
}
.kaigai_hawaiiHotelBox .item .access {
    font-size: 12px;
    background: #eee;
    width: 100%;
    padding: 8px;
    border-radius: 4px;
}

.kaigai_hawaiiHotelBox .item .more {
    text-align: right;
    margin-top: 30px;
}

.kaigai_hawaiiHotelBox .item .more > * {
    font-size: 14px;
    color: #2896c7;
    display: inline-block;
    padding: 0 10px;
}

.kaigai_hawaiiHotelBox .item .more > * .txt {
    background-image: url(/import/tenant_1/www1.wbf.co.jp/kaigai/module/destination/images/mark003.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 12px;
}

@media (max-width: 599px) {
    .kaigai_hawaiiHotelBox .item {
        padding: 0;
        padding-bottom: 20px;
    }
    
    .kaigai_hawaiiHotelBox .item .left {
        width: 100%;
    }

    .kaigai_hawaiiHotelBox .item .right {
        width: 100%;
        padding: 16px 16px 0;
    }

    .kaigai_hawaiiHotelBox .item .img {
        border-radius: 0;
    }

    .kaigai_hawaiiHotelBox .item .more {
        text-align: left;
        padding: 0 12px;
        margin-top: 8px;
    }

    .kaigai_hawaiiHotelBox .item .more > * {
        font-size: 11px;
    }
}



/*kaigai_koreaTours*/
.kaigai_koreaTours .ttl {
    font-size: 18px;
    /* font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", serif; */
    text-align: center;
    margin-bottom: 20px;
}

.kaigai_koreaTours ul li a:hover {
    text-decoration: underline;
}

.kaigai_koreaTours ul li a .tit {
    font-size: 14px;
    line-height: 1.2;
    color: #000;
    text-align: center;
    margin-top: 5px;
    display: block;
}

@media (max-width: 599px) {
    .kaigai_koreaTours .ttl {
        font-size: 14px;
    }
    
    .kaigai_koreaTours ul li a .img {
        border-radius: 5px;
        overflow: hidden;
    }
}


/*kaigai_koreaHashtag*/
.kaigai_koreaHashtag ul {
    text-align: center;
}

.kaigai_koreaHashtag ul li {
    display: inline-block;
    margin-bottom: 10px;
}

.kaigai_koreaHashtag ul li a {
    font-size: 14px;
    color: #2896c7;
    font-weight: bold;
    text-decoration: underline;
    border-radius: 20px;
    border: 1px solid #2896c7;
    background: #fff;
    padding: 5px 10px;
}

@media (max-width: 599px) {
    .kaigai_koreaHashtag ul {
        text-align: left;
    }

    .kaigai_koreaHashtag ul li{
        font-size: 11px;
        margin-bottom: 10px;
    }

    .kaigai_koreaHashtag ul li a {
        font-size: 11px;
    }
}


/*kaigai_koreaArea*/
.kaigai_koreaArea .tit {
    font-size: 14px;
    margin-bottom: 10px;
}

.kaigai_koreaArea .list ul li .item .txt {
    font-size: 10px;
    color: #000;
    text-align: center;
    margin-top: 3px;
}


/*kaigai_koreaNew*/
.kaigai_koreaNew .tit {
    font-size: 14px;
}

.kaigai_koreaNew .list ul {
    /* width: 1000px;
    max-width: 100%;
    margin: 0 auto; */
}

.kaigai_koreaNew .list ul li {
    border-bottom: 1px solid #bfbfbf;
    padding: 10px 0;
}

.kaigai_koreaNew .list ul li a {
    color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.kaigai_koreaNew .list ul li a .tops {
    width: calc(100% - 180px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.kaigai_koreaNew .list ul li a .tops .rank {
    display: inline-block;
    width: 45px;
    line-height: 23px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    background: url('/upload/tenant_1/kaigai/module/departure/images/fig_popular002.png') left center no-repeat;
    padding-right: 5px;
    margin-right: 15px;
    text-align: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.kaigai_koreaNew .list ul li a .tops .txt {
    text-decoration: underline;
}

.kaigai_koreaNew .list ul li a .price {
    width: 175px;
    display: inline-block;
    text-align: right;
    font-size: 18px;
    font-weight: bold;
    color: #ed5629;
    line-height: 1;
}

@media (max-width: 599px) {
    .kaigai_koreaNew .list ul li a {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    
    .kaigai_koreaNew .list ul li a .tops {
        width: 100%;
    }
    
    .kaigai_koreaNew .list ul li a .price {
        width: 100%;
    }
}


[data-element-id] .kaigaiAreaBox {
  margin-top: 80px;
}

.kaigaiAreaBox {
  background: #f2f5f9;
}

.kaigaiAreaBox .at_inr {
  padding: 20px;
}

.kaigaiAreaBox .at__ttl {
  font-size: 23px;
    /* font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", serif; */
    text-align: center;
    margin-bottom: 20px;
}

.kaigaiAreaBox .areaBox__list {
  display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 0px;
}

.kaigaiAreaBox .areaBox__list > a {
  width: 100%;
  display: block;
  border: 1px solid #ccc;
    border-radius: 8px;
    overflow: hidden;
    margin-top: 15px;
    background: #fff;
}

.kaigaiAreaBox .areaBox__list .tit {
  font-size: 14px;
    padding: 15px 0;
    text-align: center;
    font-weight: bold;
}

.kaigaiAreaBox .areaBox__list .txt {
  font-size: 14px;
  padding: 15px;
}

/* Right */
.right__add--sp {
    width: 400px;
    margin-left: 80px;
}
.ra__box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.ra__box a {
    background: url(/upload/tenant_1/hatsuyume2024_bg_medama.webp) no-repeat;
    width: calc(100% / 2 - 10px);
    color: #fff;
    font-size: 15px;
    margin-bottom: 20px;
    font-weight: bold;
    padding: 20px 15px;
    border-radius: 20px;
    display: block !important;
}
.ra__area {
    font-size: 20px;
    display: block;
    text-align: center;
    color: #fff;
    background: #333;
    text-shadow: none;
    margin-bottom: 15px;
    border-radius: 5px;
    padding: 4px 0;
}
.ra__btn {
    background: #333;
    color: #fff;
    text-align: center;
    padding: 20px;
    width: 100%;
    border-radius: 60px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    box-shadow: 0px 0px 0px 2px #ffffff94;
    font-weight: bold;
}
.hkg .right__add--sp {
  width: 550px;
}
.sin .right__add--sp {
  width: 500px;
  margin-top: 0;
}
.hkg .ra__btn {
  background: #054cac;
}
.right .kaigaiSearch .box{
  margin-bottom: 300px;
}
.ra__price {
    display: flex;
    font-size: 22px;
    border-top: 1px solid #fff;
    padding-top: 0;
    margin-top: 5px;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.right .ra__price::after {
    content: "\5186\301C";
}

@media (max-width: 599px) {
  .kaigaiAreaBox .areaBox__list {
    display: block;
  }
  .right .kaigaiSearch .box .tabBtn{order:2;}
  .right .kaigaiSearch .box .tabBody{order:3;}
  .right__add--sp {
      order: 1;
      width: 100%;
      margin: 0 0 40px 0;
  }
  .hkg .right__add--sp,
  .sin .right__add--sp{
    width: 100%;
    margin-bottom: 50px;
  }
  .right .kaigaiSearch .box {
      margin-bottom: 30px;
  }  
.ra__price {
    font-size: 18px;
}
}


/* ----------------------------------
    Slidebanner
 ---------------------------------- */

 .campBnrArea {
    padding: 25px;
}
.swiper-container .pic {
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}
 
.swiper-container {
    overflow: hidden;
    position: relative;
}
.swiper-pagination{position: inherit;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal{
    height: 50px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left:  20%;
    right: inherit;
    top: auto;
    height: 50px;
    margin: 0 0 0 5px;
    bottom: 0;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
    left: inherit;
    right: 20%;
    top: auto;
    bottom:0;
    height: 50px;
    margin: 0 5px 0 0;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f30a";
    background: #fff;
    color: #2896c7;
    border: 1px solid #ccc;
    display: block;
    padding: 6px;
    border-radius: 20px;
    font-size: 10px;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f30b";
    background: #fff;
    color: #2896c7;
    border: 1px solid #ccc;
    display: block;
    padding: 6px;
    border-radius: 20px;
    font-size: 10px;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity:0;
}
.swiper-pagination-bullet-active {
    background: #2896c7;
}
.camp__readMore a{
    cursor: pointer;
    border-radius: 30px;
    border: 1px solid #ccc;
    display: block;
    margin: 0 auto;
    font-size: 12px;
    width: 200px;
    text-align: center;
    padding: 9px 0;
}

@media only screen and (min-width:768px){
   .campBnrArea{
      margin: 60px auto;
      width: 1200px;
      padding: 0;
    }
}


/* FAQ */
.faqBlock .item dt{min-height:inherit;}
.faqBlock .at__ttl{margin-bottom: 30px;}
.faqBlock .item dd{
    background: #eee;
    padding: 20px;
    border-radius: 20px;
}
.faqBlock .item dd .txt {padding-top: 0;}

.faqBlock.addBg .item dd {
    background: #fff;
}
.faqBlock{
  padding:40px 0;
}




/* ----------------------------------
  mokutekiList
 ---------------------------------- */
.mokutekiList{
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-column-gap: 10px;
  grid-row-gap: 0px;
  text-align: center;
}

.mokutekiList a {
  margin-top: 20px;
  border: 1px solid #ccc;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}

.mokutekiList .pic {
  background: inherit;
  padding: 0;
}

.mokutekiList .pic > img {
  height: auto;
  width: 100%;
  margin: 0 auto;
}

.mokutekiList h3 {
  font-size: 18px;
  padding: 15px 0;
  font-weight: bold;
}

.mokutekiList .text {
  padding: 10px;
}

.mokutekiList .areaBtn p {
  width: 90%;
  border: 1px dotted rgb(170, 170, 170);
  border-radius: 5px;
  margin: 5px auto;
  padding: 5px;
  text-align: center;
  margin-top: 10px;
}
.area__sclBox{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom:40px;
}
.area__sclBox p[class^=btn_]{
  width: 20%;
    display: block;
    color: #2896c6;
    font-size: 14px;
    background: #fff;
    border-top: 2px solid #2896c6;
    border-left: 2px solid #2896c6;
    border-bottom: 2px solid #2896c6;
    padding: 8px 5px 6px;
    text-align: center;
    cursor: pointer; 
}
.area__sclBox p[class^=btn_]:last-of-type{
    border-right: 2px solid #2896c6;
}
.area__sclBox p[class^=btn_].active{
    color: #fff;
    background: #2896c6; 
}

@media (max-width: 599px){
  .mokutekiList {
   grid-template-columns: repeat(2, 1fr);
  }
  .mokutekiList h3 {
    font-size: 16px;
    padding: 15px 0 0;
    font-weight: bold;
  }
  .mokutekiList .text {
    font-size: 12px;
    line-height: 1.8;
  }
}


/* ----------------------------------
  gourmet
 ---------------------------------- */
 .gourmet_tourBox {
   display:block;
 }
 
 .gourmet_tourBox .at__box--img img{
    width: 100%;
    height: auto;
}

.gourmet_tourBox .at___box{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 0px;
    margin-top: 30px;
}

.gourmet_tourBox .at___box a {
  background: #fff;
    display: block;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
    pointer-events: none;
    margin-bottom: 20px;
    text-align: center;
}

.at__box--cat {
    font-size: 12px;
}

.at__box--ttl {
    padding: 8px 15px;
    font-size: 18px;
    font-weight: bold;
}

.at__box--txt {
    font-size: 14px;
    padding: 0 10px;
}

@media only screen and (max-width: 599px){
  .gourmet_tourBox .at___box {
    width: 100%;
    display: block;
  }
  .at__box--cat {
    padding: 0;
    margin: 20px 15px 5px;
  }
}





.outline .ttl03 {
  margin: 15px 0;
    font-size: 18px;
    font-weight: bold;
    color: #2896c7;
    border-bottom: 1px dotted #2896c7;
}

.outline dl {
    width: 80%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    align-items: flex-start;
    gap: 20px 0;
}
.outline dl dt {
    width: 16%;
    margin: 0 2% 0 0;
    text-align: center;
    background: #2896c7;
    border-radius: 3px;
    color: #FFF;
    font-size: 14px;
    padding: 4px 0px;
}

.outline dl dd {
    width: 80%;
    border-bottom: 1px dotted #2896c7;
}

@media (max-width: 599px){
  .outline dl {
      width: 90%;
}
}


    
/* ----------------------------------
    tourBox
 ---------------------------------- */
.at_inr {
    padding: 50px 0;
    width: 100%;
    margin: 0 auto;
}
.at__ttl {
    position: relative;
    font-size: 20px;
    border-left: 6px solid #0070b4;
    padding-left: 15px;
    line-height: 1.8;
}
.at__ttl::before {
    content: "";
    width: 6px;
    height: calc(100% / 2);
    background: #69acd5;
    display: block;
    position: absolute;
    left: -6px;
    bottom: 0;
}
.at__ttl span{display:block;}
.at__ttl .lead{font-weight:bold;}
.at__ttl .sub{
  font-size:16px;
}
.at_inr{padding:20px;}

.at__Boxinr {
  background:#fff;
    display: block;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
    width: 300px;
}
.at__sclBox{overflow-x: scroll;}
.at__box--ttl {
    font-size: 16px;
    padding:15px;
    font-weight: bold;
}
.at__box--cat + .at__box--ttl {padding: 8px 15px;}
.at__box--txt {
    padding: 0 15px 15px;
    font-size: 12px;
    line-height: 1.8;
   /* display: none; */
}
.area__tourBox{background: #f2f5f9;}
.area__tourBox.ptn2{
  background: #fff;
}
.ptn-txt .at__box--txt{display:block;}
.at__box{
    padding-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 1000px;
    margin-top:30px;
}
.at__Boxinr .at__box--dp{padding: 0 15px 15px;}
.getdpprice.pri{
    color: #ed5629;
    font-size: 25px;
    font-weight: bold;
}
.getdpprice + .getdpprice_info {
    font-size: 10px;
    color: #555;
    display: block;
}
.at__box--cat {
    padding: 0;
    margin: 20px 15px 5px;
}
.at__box--cat--cld{
    background: #333;
    color: #fff;
    padding: 5px 10px;
    margin-right: 10px;
}



/* ----------------------------------
    osusumeTour
 ---------------------------------- */
 
  .ao__box{display:none;}
 .ao__box.active{display:block !important;}
 .ao__box [data-key]{
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
 }
 .ao__box--img{width:100%;}
 .ao__box-info{
   /* width:calc(100% - 40% - 20px); */
   width: 100%;
 }
 .ao__box-info .ao__box-List {
   background: #000;
    color: #fff;
    padding: 5px 5px 0 5px;
    width: 25%;
    text-align: center;
 }

.ao__box--ttl {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
}
.ao__box-List+.ao__box--ttl{
  margin: 10px 0; 
}
.ao__box-List_cld {
    background: #333;
    color: #fff;
    font-size: 12px;
    padding: 2px 8px;
    box-sizing: border-box;
    display: inline-block;
    margin-right: 6px;
}
.ao__box--txt {
    font-size: 12px;
    line-height: 1.8;
    padding: 5px 0;
    background: #f2f5f9;
    padding: 10px;
    border-radius: 8px;
}
.addBg .ao__box--txt{
  background: #fff; 
}

.ao__box a {
    display: block;
    margin-top: 20px;
}
.ttt03--ttl {
    padding: 1rem 0;
}

body[class*=area_] .def__dpp .docoWrap .searchBox_wbf{
  padding:0;
}
body[class*=area_] .def__dpp .docoWrap .docoWrap--ttl{
    padding:15px 0;
}
body[class*=area_] .def__dpp .docoWrap{
    height: inherit;
}

body[class*=area_] .def__dpp .dwWrap__left{
 display: none; 
}
body[class*=area_] .def__dpp .dwWrap__right{
 display: block; 
}

body[class*=area_] .def__dpp.def__dp .dwWrap__left{
 display: none; 
}
body[class*=area_] .def__dpp.def__dp .dwWrap__right{
 display: block; 
}

@media only screen and (min-width:768px){
    .at_inr {
      padding: 50px 0;
      width: 1200px;
      margin: 0 auto;
  }
  .at__ttl{font-size:26px;}
  .at__ttl span:nth-of-type(2) {font-size: 16px;}
  .getdpprice_info{width:100%;}
  .at__box--txt{font-size:14px;}
  .at__sclBox{overflow-x:inherit;}
  .at__Boxinr {
      /* width: calc(100% / 4 - 10px); */
      width:100%;
      margin-bottom: 15px;
  }
  .area__hotelBox .at__Boxinr {
      /* width: calc(100% / 3 - 15px); */
      width: 100%;
  }
  .at__box {width: 1100px;}
  .at__box--ttl {font-size: 18px;}.at__box--cat{font-size:12px;}.getdpprice.pri{font-size:20px;}
  .ao__box a {
    background: #fff;
      margin-top: 20px;
      /* width: calc(100% / 3 - 15px); */
      width:100%;
      border: 1px solid #ccc;
      border-radius: 6px;
      overflow: hidden;
  }
  .ao__box{
      flex-wrap: wrap;
      justify-content: space-between;
  }
  .area__sclBox ul{width:100%;}
  .ao__box.active{
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 0px;
  }
  .area__topImage img {
      width: 100%;
      height: 830px;
  }
  .ao__box-info {
      width: 100%;
      padding: 20px;
      background: #fff;
  }
}


/* -------------------------日時公開設定------------------------- */

.timerHidden{ display: none;}
.timerVisible{ display: block;}


/* -----------------------------
  旅行の相談窓口
---------------------------------*/
.contactSct {
   background:#0b7eb1;

}

.contactSct_box {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   padding: 80px 0;
}

.contactSct_txt {
   padding: 0 40px;
   max-width: 700px;
   width: 100%;
   margin: 0 auto;
}

.contactSct_ttl {
   font-size: 28px;
   color: #fff;
   font-weight: bold;
   border-left: 8px solid #fff;
   padding-left: 16px;
}

.btn_target {
   background: #fff200;
   display: block;
   padding: 24px;
   border-radius: 8px;
   margin: 16px 0;
   color: #0b7eb1;
}

.btn_target>* {
   display: block;
}

.btn_target b {
   font-size: 20px;
}
.btn_target span{
  color:#333;
}

.contactSct_content p {
   color: #fff;
}

.contactSct_content p>* {
   display: block;
}

.contactSct_content strong {
   font-size: 20px;
}

.contactSct_telTtl {
   font-size: 14px;
   font-weight: bold;
   line-height: 70px;
   width: 70px;
   height: 70px;
   text-align: center;
   letter-spacing: .1em;
   border: 1px solid #fff;
   border-radius: 50%;
}
.contactSct_box.mw {
    max-width:1100px;
    width: 96%;
    margin: 0 auto;
}

.contactSct_telArea {
   display: flex;
   color: #fff;
   margin: 24px 0 0;
}

.contactSct_tel {
   padding: 5px 0 0 15px;
   width: calc(100% - 80px);
}

.contactSct_telNum {
   font-size: 32px;
   font-weight: bold;
   line-height: 1;
   margin-bottom: 5px;
   font-family: 'Montserrat', sans-serif;
   text-transform: uppercase;
}

.contactSct_telTime {
   font-size: 16px;
   line-height: 1.5;
}

@media only screen and (max-width:768px) {

   .contactSct_box {
      grid-template-columns: repeat(1, 1fr);
      padding: 40px 0;
   }

   .contactSct_txt {
      padding: 20px 0;
   }

   .contactSct_ttl {
      font-size: 20px;
   }

   .btn_target {
      padding: 16px;
   }

   .btn_target b {
      font-size: 18px;
   }

   .btn_target>*,
   .contactSct_content p {
      font-size: 14px;
   }

   .contactSct_telNum {
      font-size: 26px;
   }
.contactSct_box.mw {
        width: 90%;
    }
}

/* -----------------------------
  お客様の声
---------------------------------*/

#voiceWrap_dom {
   margin-top: 32px;
}

.voiceWrap {
   padding: 72px 0;
}

.voice-ttl {
   padding-bottom: 40px;
   text-align: center;
}

.voice-ttl span {
   color: var(--main-color);
   font-weight: bold;
}

.voice-ttl b {
   display: block;
   font-size: 24px;
}

.voiceWrap ul {
   display: grid;
   grid-template-rows: 1fr;
   grid-column-gap: 16px;
   grid-row-gap: 16px;
   grid-template-columns: repeat(4, 1fr);
}

.voiceWrap li {
    background: #edf3fb;
    border-radius: 10px;
    padding: 16px;
    font-size: 14px;
    box-shadow: 0 0 0 2px #FFF;
}

.voiceInfo {
   align-items: center;
   display: flex;
   flex-wrap: wrap;
   width: 100%;
   border-bottom: 1px solid #0070b3;
   padding-bottom: 12px;
   margin-bottom: 12px;
}

.voiceWrap i {
   margin-right: 16px;
   font-size: 45px;
   color:#0070b3;
}

.voiceWrap .person {
   font-size: 16px;
}

.voiceWrap .area {
   display: block;
   color:#0070b3;
}

.voiceWrap .txt {
   background: #fff;
   padding: 16px;
   border-radius: 8px;
   margin-top: 12px;
   /* max-height: 10lh; */
   overflow: hidden;
}
.starBox span {
    color: #d69f21;
}
.world_ttl {
    text-align: center;
    padding: 2rem 0;
}
.world_ttl span{display:block;}
.world_ttl span:nth-of-type(1) {
  font-size: 1.4rem;
  font-weight: bold;
}
.world_ttl span:nth-of-type(1)::before{content:"＼";margin-right:1rem;}
.world_ttl span:nth-of-type(1)::after{content:"／";margin-left:1rem;}
.world_ttl span:nth-of-type(2){
  font-size:.9rem;
}
.bg__ptn1{
  background-image: linear-gradient(22.5deg, rgba(67, 67, 67, 0.02) 0%, rgba(67, 67, 67, 0.02) 29%,rgba(47, 47, 47, 0.02) 29%, rgba(47, 47, 47, 0.02) 37%,rgba(23, 23, 23, 0.02) 37%, rgba(23, 23, 23, 0.02) 55%,rgba(182, 182, 182, 0.02) 55%, rgba(182, 182, 182, 0.02) 69%,rgba(27, 27, 27, 0.02) 69%, rgba(27, 27, 27, 0.02) 71%,rgba(250, 250, 250, 0.02) 71%, rgba(250, 250, 250, 0.02) 100%),linear-gradient(67.5deg, rgba(117, 117, 117, 0.02) 0%, rgba(117, 117, 117, 0.02) 14%,rgba(199, 199, 199, 0.02) 14%, rgba(199, 199, 199, 0.02) 40%,rgba(33, 33, 33, 0.02) 40%, rgba(33, 33, 33, 0.02) 48%,rgba(135, 135, 135, 0.02) 48%, rgba(135, 135, 135, 0.02) 60%,rgba(148, 148, 148, 0.02) 60%, rgba(148, 148, 148, 0.02) 95%,rgba(53, 53, 53, 0.02) 95%, rgba(53, 53, 53, 0.02) 100%),linear-gradient(135deg, rgba(190, 190, 190, 0.02) 0%, rgba(190, 190, 190, 0.02) 6%,rgba(251, 251, 251, 0.02) 6%, rgba(251, 251, 251, 0.02) 18%,rgba(2, 2, 2, 0.02) 18%, rgba(2, 2, 2, 0.02) 27%,rgba(253, 253, 253, 0.02) 27%, rgba(253, 253, 253, 0.02) 49%,rgba(128, 128, 128, 0.02) 49%, rgba(128, 128, 128, 0.02) 76%,rgba(150, 150, 150, 0.02) 76%, rgba(150, 150, 150, 0.02) 100%),linear-gradient(90deg, #ffffff,#ffffff);
}
[data-htlcd]{display: none;}
#informationSection{
  margin: 0;
  padding-bottom: 110px;
}

@media only screen and (max-width:768px) {
   .voice-ttl b {
      font-size: 20px;
   }

   .voiceWrap {
      padding: 48px 0;
   }

   .voiceWrap ul {
      overflow-x: scroll;
      -webkit-overflow-scrolling: touch;
      padding: 0 0 12px 8px;
      display: -ms-flexbox;
      margin-top: 2rem;
      display: flex;
   }

   .voiceWrap li {
      width: 90%;
      flex-shrink: 0;
      margin-right: 8px;
   }

   .voiceWrap ul li:last-child {
      margin-right: 0;
   }

   .voice-ttl {
      padding-bottom: 0;
   }
  .world_ttl span:nth-of-type(1) {
      font-size: 18px;
  }

  .kaigai_hawaiiHotelBox .item .txt{
    padding:0 16px;
  }
  .kaigai_hawaiiHotelBox .item .subtit {
      padding-left: 16px;
  }  
  .kaigai_hawaiiHotelBox .item .access {
        padding-left: 16px;
        width: calc(100% - 32px);
        margin: 0 auto;
  }  
  
  #informationSection {
      padding-bottom: 56px;
  }
  .outline dl dt{
    margin:0;
    width:30%;
  }
  .outline dl {
    gap: 8px;
    justify-content: space-between;
  }  
.outline dl dd {
    width: calc(100% - 30% - 16px);
    border-bottom: 1px dotted #2896c7;
}  
}