.container-tour-fr{
    margin: auto;
    width: 1150px;
}
.tour-list-tp-flex{
    display: flex;
    padding-top: 40px;
    padding-bottom: 20px
}
.tour-list-tp-flex .tp {
    flex: 0 0 200px;
    font-size: 30px;
    text-align: center;
    position: relative;
}
.tour-list-tp-flex .line{
    flex: 1;
    border-bottom: 1px solid #BEBEBE;
    margin-bottom: 20px;
}
.tour-list-sub{
    text-align: center;
    margin-bottom: 30px;
    color: #5C5C5C;
    letter-spacing: 3px;
}
.tour-list-top{
    text-align: center;
    margin-top: 30px;
    color: #5C5C5C;
    letter-spacing: 3px;
    line-height: 2;
}
.bgcolor1{
    background-color: #F5F5F5;
}
.tour-list-bg{
    border-radius: 10px 10px 0 0;
}
.tour-list-bg2{
    border-radius: 10px;
}
.tour-list-bg3{
    border-radius: 10px;
}
.tour-list-bg:hover{
    background-size: 110%;
    transition: all 0.5s;
}
.tour-list-bg{
    background-size: 100%;
    transition: all 0.5s;
}
.tour-list-box .contents{
    border-radius: 0 0 10px 10px;
    background-color: #fff;
}
.tour-list-box{
    margin: 8px;
    box-shadow: 3px 5px 8px rgb(230 230 230 / 70%);
    margin-bottom: 25px
}
.tour-list-box .contents{
    padding: 20px;
    height: 250px;
    padding-bottom: 30px;
}
.tour-list-box .tp{
    color: #4E5498;
    font-size: 20px;
    padding-bottom: 10px;
    transition: all 0.5s;
}
a:hover .tour-list-box .tp{
    color: #c282c2;
    transition: all 0.5s;
}
.tour-list-box .desc{
    color: #5C5C5C;
}
.tour{
    padding-top: 20px;
    padding-bottom: 40px;
}
.tour.s2{
    padding-top: 20px;
    padding-bottom: 10px;
}
.tour-contactus{
    background-color: #fff; 
}
.tour-contactus-fr{
    padding: 40px;
    color: #353535;
}
.tour-contactus-fr.s2{
    width: 1200px;
    margin: auto;
    line-height: 2;
}
.tour-contactus-fr li {
    list-style-type: unset;
}
.tour-contactus-fr span{
    font-size: 26px;
    font-weight: 600;
    padding: 0 10px;
    color: #767db8;
}
.linebtn{
    padding: 15px 0;
    width: 160px;
}
.tour-list-fr{
    position: relative;
    margin-bottom: 40px;
    margin-top: 20px;
}
.tour-list-fr.s2{
    height: 300px;
}
.tour-list-fr.s2.lv2{
    height: 330px;
}
.tour-list-fr.s2.lv3{
    height: 350px;
}
.tour-list-fr.s2.lv4{
    height: 370px;
}
.tour-list-fr .tour-wbg{
    background-color: #fff;
    margin-left: 190px;
    padding: 20px;
    padding-bottom: 40px;
    padding-left: 320px;
    border-radius: 10px;
    line-height: 2;
}
.tour-wbg span{
    color: #4d56a1;
    font-weight: 600;
    font-size: 18px;
}
.tour-list-fr .tour-wbg.s2{
    position: absolute;
    top: 40px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #DCDCDC;
    margin-left: 0;
    margin-right: 50px;
    padding: 15px;
    padding-left: 30px;
    padding-right: 450px;
    border-radius: 10px;
    line-height: 2;
    z-index: 1;
}
.tour-content-txt ul{
    padding-left: 0;
}
.tour-content-txt li{
    list-style: none;
}
.tour-content-txt li::before {
    margin-right: 10px;
    content: '';
    display: inline-block;
    height: 15px;
    width: 15px;
    background-image:url('../img/icon/arrow-down.svg');
}
.tour-list-fr .tour-tp{
    padding-left: 310px;
    margin-left: 200px;
    font-size: 20px;
    color: #434982;
    padding-bottom: 10px;
    font-weight: 600;
}
.tour-list-fr .tour-tp.s2{
    padding-left: 30px;
    margin-left: 0;
    padding-top: 5px;
    color: #fff;
    padding-bottom: 10px;
    font-weight: 600;
    position: absolute;
    z-index: 0;
    width: 300px;
    background-color: #767CB8;
    border-radius: 10px;
    height: 100px;
    font-size: 20px;
}
.tour-list-fr .tour-tp span{
    font-family: "Lustria", serif;
    font-weight: 700;
    font-style: normal;
}
.tour-list-fr .contents{
    color: #434982;
    background-color: #dddfec;
    border-radius: 10px;
    padding: 20px 30px;
    margin: 10px;
}
.tour-list-fr .s-h{
    /* height: 270px; */
}
.f-h1{
   height: 250px; 
}
.f-h2{
   height: 280px; 
}
.f-h3{
   height: 320px; 
}
.tour-hotel-video{
    padding: 50px 80px;
}
.tour-list-fr .s-h2{
    height: 450px;
}
.tour-img{
    position: absolute;
    width: 480px;
    top: 0;
}
.tour-img.s2{
    position: absolute;
    right: 0;
    z-index: 2;
}
.tour-img2{
    width: 500px;
}
.tour-contents{
    padding: 15px;
    line-height:2;
    color: #434982;
    /*background-color: #dddfec;*/
    background: rgb(159,159,196);
    background: linear-gradient(0deg, rgb(159 159 196 / 25%) 11%, rgb(196 196 220) 86%);
    border-radius: 10px;
    padding: 40px;
    margin-top: 15px;
}
.tour-contents h2 {
    font-size: 22px;
    color: #3f4470;
}
.tour-contents.s2{
    padding: 20px 40px;
    background: rgb(255 255 255);
    color: #292929;
    margin-bottom: 40px;
}
.img-fr{
    display: flex;
    padding-top: 10px;
}
.img-fr img{
    width: 20px;
}
.img-fr .txt{
    font-size: 20px;
    padding-left: 10px;
}
.tour-airplane{
    display: flex;
    margin-left: 15px;
}
.tour-airplane-note{
    color: #7A7A7A;
    font-size: 14px;
    padding-left: 150px;
    padding-top: 10px;
}
.tour-airplane-fr{
    flex: 1;
    background-color: #DCDCDC; 
    border-radius: 15px;
    padding: 15px 20px;
}
.tour-airplane .img{
    padding-right: 20px;
}
.tour-airplane-info-fr{
    display: flex;
}
.tour-airplane-info-fr .item{
    padding: 0 30px;
}
.tour-airplane-info-fr .item.tp{
    white-space:nowrap;
}
.tour-list-fr2 .tour-tp{
    padding-top: 10px;
    color: #fff;
    font-weight: 600;
    z-index: 0;
    width: 300px;
    background-color: #767CB8;
    border-radius: 10px 10px 0 0;
    height: 45px;
    font-size: 20px;
    text-align: center;
}
.tour-list-fr2 .tour-info{
    background: rgb(220 220 220);
    padding: 30px 40px;
    border-radius: 0 10px 10px 10px;
    line-height: 2;
}
.tour-info-flex{
    display: flex;
}
.tour-info-flex .tour-info-text{
    flex: 0 0 50%;
}
.tour-info-flex .tour-info-img{
    flex: 0 0 50%;
    /* padding-left: 30px; */
}
.tour-hotel-flex{
    display: flex;
}
.tour-hotel-text{
    flex: 0 0 50%;
}
.tour-hotel-media{
    flex: 0 0 50%;
}
.tour-hotel-text h2{
    font-size: 22px;
    color: #3f4470;
}
.video-sp{
    padding: 0 20px 0 40px;
}
.video-container {
    position: relative;
    padding-bottom: 50.5%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    border-radius: 15px;
}
.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;left: 0;
    width: 100%;
    height: 100%;
}

@media (max-width: 1400px) {

}

@media (max-width: 1200px) {
    .tour-list-box .contents{
        padding: 20px;
        height: 250px;
        padding-bottom: 30px;
    }
    .container-tour-fr{
        width: 100%;
        padding: 0 40px;
    }
    .tour-contactus-fr.s2{
        width: 100%;
        padding: 15px;
    }
    .tour-img2{
        width: 100%;
    }
    .tour-info-flex{
        flex-direction: column-reverse;
    }
    .tour-info-flex .tour-info-text{
        padding: 20px 0;
        flex: 1;
    }
    .tour-info-flex .tour-info-img{
        flex: 1;
    }
}

@media (max-width: 992px) {
    .tour-list-tp::before{
        position: absolute;
        content: "";
        border-bottom: 1px solid #ababab;
        width: 100%;
    }
    .tour-list-tp::after {
        position: absolute;
        content: "";
        border-bottom: 1px solid #ababab;
        width: 100%;
    }
    .tour-list-fr .tour-wbg.s2{
        padding-right: 350px;
    }
    .tour-img{
        width: 380px;
    }
    .tour-list-fr .s-h{
        height: unset;
    }
    .tour-airplane{
        display: flex;
        margin-left: 0;
        flex-direction: column;
    }
    .img-fr{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .tour-airplane-note{
        padding-left: 10px;
        padding-top: 10px;
    }
    .video-sp{
        padding: 20px 0;
    }
    .tour-hotel-flex{
        flex-direction: column-reverse;
    }
    .tour-hotel-text{
        flex: 1;
    }
    .tour-hotel-media{
        flex: 1;
    }
    .tour-contents{
        padding: 20px 40px;
    }
    .tour-list-fr .tour-tp{
        margin-left: 0;
        margin-top: 10px;
        font-size: 18px;
        color: #434982;
        padding: 0px 10px 10px 10px;
        font-weight: 600;
        font-size: 20px;
    }
    .tour-list-fr .tour-wbg{
        background-color: #fff;
        margin-left: unset;
        padding-left: unset;
        padding: 20px;
        border-radius: 10px 10px 0 0;
        line-height:2;
    }
    .tour-img{
        position: unset;
        width: 100%;
    }
    .tour-list-fr{
        margin-bottom: 10px;
    }
    .tour-list-bg2 {
        border-radius: 0 0 10px 10px;
    }
    .tour-img.s2{
        position: unset;
        /* bottom: 0; */
        /* right: 0; */
        z-index: 2;
        /* padding-top: 200px; */
    } 
    .tour-list-fr .tour-wbg.s2{
        position: unset;
        top: 50px;
        bottom: 0;
        background-color: #DCDCDC;
        margin-left: 0;
        margin-right: 0;
        padding: 15px;
        padding-left: 30px;
        padding-right: 30px;
        border-radius: 0 10px 0 0;
    }
    .tour-list-fr .tour-tp.s2{
        position: unset;
        width: 200px;
        font-size: 18px;
        border-radius: 10px 10px 0 0;
        height: unset;
        padding-bottom: 5px;
    }
    .tour-list-fr.s2,
    .tour-list-fr.s2.lv2,
    .tour-list-fr.s2.lv3,
    .tour-list-fr.s2.lv4
    {
        height: unset;
    }
    .tour-list-tp-flex{
        padding-bottom: 0;
    }
    .f-h1,
    .f-h2,
    .f-h3
    {
       height: auto; 
    }
}

@media (max-width: 768px) {
    .tour-list-box .contents{
        height: unset;
    }
    .tour-airplane-info-fr{
        flex-direction: column;
    }
    .tour-airplane-info-fr .item{
        line-height: 2;
    }

    .tour-hotel-video{
        padding: 40px 0;
    }
}

@media (max-width: 576px) {
    .container-tour-fr{
        padding: 0 20px;
    }
    .linebtn{
        width: 200px;;
    }
    .contactbtn{
        text-align: center;
    }
    .tour-contents{
        padding: 15px;
        line-height:2;
        color: #434982;
        /*background-color: #dddfec;*/
        background: rgb(159,159,196);
        background: linear-gradient(0deg, rgb(159 159 196 / 25%) 11%, rgb(196 196 220) 86%);
        border-radius: 10px;
        padding: 20px;
        margin-top: 15px;
    }
    .video-sp{
        padding: 0;
        padding-bottom: 20px;
    }
    .tour-hotel-video{
        padding: 20px 0;
    }
}

@media (max-width: 375px) {

}