@charset "utf-8";

/* recommendedTravelItems
---------------------------------------------*/
.features_wrap.--recommendedTravelItems:not(ul.path-nav li),
.features_wrap.--recommendedTravelItems span{
    color: #50464b;
}
.features_wrap.--recommendedTravelItems span.text-blue{
    color: #254470;
}
.features_wrap.--recommendedTravelItems span.text-red{
    color: #6d2525;
}
.features_wrap.--recommendedTravelItems .absolute-FV_lead{
    width: 41.1%;
    top: 12.6%;
    left: 4%
}
.features_wrap.--recommendedTravelItems .absolute-FV_lead img.text{
    width: 100%;
    position: static;
    animation-duration: 0.8s;
}
.features_wrap.--recommendedTravelItems .absolute-FV_lead img.absolute-FV_lead_airplane{
    width: 17.3%;
    top: -56%;
    right: -15.5%;
    animation: airplane linear 0.8s;
}
.features_wrap.--recommendedTravelItems .absolute-FV_title{
    width: 65.6%;
    margin-left: 2px;
    text-align: center;
    top: 28.7%;
    left: 50%;
    transform: translateX(-50%);
}
.features_wrap.--recommendedTravelItems .introduction{
    text-align: center;
}
.features_wrap.--recommendedTravelItems .introduction-text{
    padding-top: 100px;
    padding-bottom: 65px;
    background-color: #dae5ed;
}
.features_wrap.--recommendedTravelItems .introduction-text p{
    margin-top: 45px;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 1.6;
    letter-spacing: 0.05em;
}
.features_wrap.--recommendedTravelItems .introduction-text p:first-of-type{
    margin-top: 0;
}
.features_wrap.--recommendedTravelItems .introduction-textBottom{
    margin-bottom: 60px;
    overflow: hidden;
}
.features_wrap.--recommendedTravelItems .introduction-textBottom svg{
    margin-left: -550px;
}
.features_wrap.--recommendedTravelItems .introduction-textBottom.animate_waveBG svg path{
    animation: waveBG ease-in-out 2s;
}
.features_wrap.--recommendedTravelItems .introduction-title{
    display: inline;
    padding: 0 20px 10px;
    border-bottom: 2px dashed #50464b;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 700;
    font-size: 4rem;
    letter-spacing: 0.05em;
}
.features_wrap.--recommendedTravelItems .introduction-title img.icon{
    width: 4.8%;
    margin-right: 2%;
    margin-bottom: 3px;
}
.features_wrap.--recommendedTravelItems .introduction-anchorLink{
    width: 90%;
    margin: 55px auto 60px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.features_wrap.--recommendedTravelItems .introduction-anchorLink a{
    width: calc((100% - 30px) / 2);
    height: 60px;
    margin-bottom: 35px;
    border-radius: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 700;
    font-size: 2.4rem;
    color: #fff;
}
.features_wrap.--recommendedTravelItems .introduction-anchorLink a.--blue{
    background-color: #3b5f89;
    box-shadow: 0 5px 0 #153449;
}
.features_wrap.--recommendedTravelItems .introduction-anchorLink a.--red{
    background-color: #873c3c;
    box-shadow: 0 5px 0 #541818;
}
.features_wrap.--recommendedTravelItems .introduction-anchorLink a::before,
.features_wrap.--recommendedTravelItems .introduction-anchorLink a::after{
    content: "";
    width: 8px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: calc(52% - 1px);
    right: 40px;
    transform-origin: calc(100% - 1px) 50%;
}
.features_wrap.--recommendedTravelItems .introduction-anchorLink a::before{
    transform: rotate(45deg);
}
.features_wrap.--recommendedTravelItems .introduction-anchorLink a::after{
    transform: rotate(-45deg);
}
.features_wrap.--recommendedTravelItems .introduction-anchorLink a img.absolute-icon{
    width: 10%;
    left: 10%;
}
.features_wrap.--recommendedTravelItems .introduction-anchorLink a:hover{
    opacity: 1;
}
.features_wrap.--recommendedTravelItems .scene{
    padding-top: 95px;
    padding-bottom: 95px;
    background-color: #f4f1ed;
    background-image: linear-gradient(0deg, transparent calc(100% - 1px), rgba(80,70,75,0.1) calc(100% - 1px)),
                    linear-gradient(90deg, transparent calc(100% - 1px), rgba(80,70,75,0.1) calc(100% - 1px));
    background-size: 30px 30px;
    background-repeat: repeat;
    background-position: center center;
    text-align: center;
}
.features_wrap.--recommendedTravelItems .scene::before{
    display: block;
    content: '';
    width: 100%;
    height: 13px;
    background: repeating-linear-gradient(135deg, #254470 0px, #254470 20px, #fff 20px, #fff 40px, #6d2525 40px, #6d2525 60px, #fff 60px, #fff 80px);
    position: absolute;
    top: 0;
    left: 0;
}
.features_wrap.--recommendedTravelItems .scene-title{
    text-align: center;
}
.features_wrap.--recommendedTravelItems .scene-title span{
    position: static;
}
.features_wrap.--recommendedTravelItems .scene-title span.tag,
.features_wrap.--recommendedTravelItems .scene-title span.text_en{
    display: block;
    margin: 0 auto;
}
.features_wrap.--recommendedTravelItems .scene-title span.tag{
    padding-right: 45px;
}
.features_wrap.--recommendedTravelItems .scene-title span.text_en{
    margin: 10px auto -10px;
}
.features_wrap.--recommendedTravelItems .scene-title span.text_jp{
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 700;
    font-size: 4.6rem;
}
.features_wrap.--recommendedTravelItems .scene-text{
    margin: 50px auto 70px;
}
.features_wrap.--recommendedTravelItems .scene-text p{
    margin-top: 25px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    font-size: 2.9rem;
    line-height: 1.5;
}
.features_wrap.--recommendedTravelItems .scene-text p:first-of-type{
    margin-top: 0;
}
.features_wrap.--recommendedTravelItems .scene-photo{
    width: 100%;
    margin: 0 auto;
}
.features_wrap.--recommendedTravelItems .scene-photo:after{
    display: block;
    content: '';
    width: 100%;
    padding-top: 84%;
}
.features_wrap.--recommendedTravelItems .scene-photo .absolute-circle_left{
    width: 66.66%;
    top: 1.09%;
    left: 4%;
}
.features_wrap.--recommendedTravelItems .scene-photo .absolute-circle_right{
    width: 45.33%;
    bottom: 2.19%;
    right: 4%;
}
.features_wrap.--recommendedTravelItems .scene-photo .absolute-circle_left .circle_inner,
.features_wrap.--recommendedTravelItems .scene-photo .absolute-circle_right .circle_inner{
    padding-top: 100%;
    border-radius: 50%;
}
.features_wrap.--recommendedTravelItems .scene-photo.--blue .absolute-circle_left .circle_inner{
    background-color: #bfcdd6;
}
.features_wrap.--recommendedTravelItems .scene-photo.--blue .absolute-circle_right .circle_inner{
    background-color: #dfe5ea;
}
.features_wrap.--recommendedTravelItems .scene-photo.--red .absolute-circle_left .circle_inner{
    background-color: #d3bebe;
}
.features_wrap.--recommendedTravelItems .scene-photo.--red .absolute-circle_right .circle_inner{
    background-color: #e8dfdf;
}
/* airplane */
.features_wrap.--recommendedTravelItems .scene-photo.--airplane img.absolute-airplane_photo{
    width: 35.2%;
    top: 1.6%;
    left: 7%;
}
.features_wrap.--recommendedTravelItems .scene-photo.--airplane img.absolute-airplane_product01{
    width: 23.46%;
    bottom: 1.6%;
    left: 21.6%;
}
.features_wrap.--recommendedTravelItems .scene-photo.--airplane img.absolute-airplane_product02{
    width: 16.93%;
    bottom: 13.8%;
    left: 45%;
}
.features_wrap.--recommendedTravelItems .scene-photo.--airplane img.absolute-airplane_woman{
    width: 36.93%;
    top: 1.3%;
    right: 6.6%;
}
.features_wrap.--recommendedTravelItems .scene-photo.--airplane img.absolute-illust_airplane{
    width: 7.09%;
    top: -2%;
    right: 10.6%;
}
.features_wrap.--recommendedTravelItems .scene-photo.--airplane img.absolute-illust_airplane_line{
    width: 3.74%;
    top: 5.5%;
    right: 7%;
}
.features_wrap.--recommendedTravelItems .scene-photo.--airplane img.absolute-illust_globe{
    width: 9.2%;
    top: 14.6%;
    left: 44.66%;
}
.features_wrap.--recommendedTravelItems .scene-photo.--airplane img.absolute-illust_suitcase{
    width: 15.2%;
    bottom: 7.3%;
    left: 7.3%;
}
.features_wrap.--recommendedTravelItems .scene-photo.--airplane img.absolute-illust_twinkle01{
    width: 3.85%;
    bottom: 40.5%;
    left: 17.5%;
    animation: fadeScale 1.8s infinite;
}
.features_wrap.--recommendedTravelItems .scene-photo.--airplane img.absolute-illust_twinkle02{
    width: 3.73%;
    bottom: 20%;
    right: 34%;
    animation: fadeScale 1.6s infinite;
}
/* leisure */
.features_wrap.--recommendedTravelItems .scene-photo.--leisure img.absolute-leisure_photo{
    width: 35.2%;
    top: 1.6%;
    left: 7%;
}
.features_wrap.--recommendedTravelItems .scene-photo.--leisure img.absolute-leisure_product01{
    width: 17.2%;
    bottom: 1.8%;
    left: 15.67%;
}
.features_wrap.--recommendedTravelItems .scene-photo.--leisure img.absolute-leisure_product02{
    width: 17.46%;
    bottom: 6.4%;
    left: 35.27%;
}
.features_wrap.--recommendedTravelItems .scene-photo.--leisure img.absolute-leisure_woman{
    width: 42.26%;
    top: 1%;
    right: 6.5%;
}
.features_wrap.--recommendedTravelItems .scene-photo.--leisure img.absolute-illust_camera{
    width: 12.66%;
    top: 7.88%;
    right: 43.06%;
}
.features_wrap.--recommendedTravelItems .scene-photo.--leisure img.absolute-illust_sign{
    width: 11.33%;
    bottom: 6.83%;
    left: 6.32%;
}
.features_wrap.--recommendedTravelItems .scene-photo.--leisure img.absolute-illust_twinkle01{
    width: 3.85%;
    bottom: 12.28%;
    right: 12.81%;
    animation: fadeScale 1.8s infinite;
}
.features_wrap.--recommendedTravelItems .scene-photo.--leisure img.absolute-illust_twinkle04{
    width: 3.73%;
    top: 35.8%;
    right: 47.33%;
    animation: fadeScale 1.6s infinite;
}
/* goOut */
.features_wrap.--recommendedTravelItems .scene-photo.--goOut img.absolute-goOut_photo{
    width: 35.2%;
    top: 1.6%;
    left: 7%;
}
.features_wrap.--recommendedTravelItems .scene-photo.--goOut img.absolute-goOut_product01{
    width: 18.93%;
    bottom: 15.69%;
    left: 8.83%;
}
.features_wrap.--recommendedTravelItems .scene-photo.--goOut img.absolute-goOut_product02{
    width: 19.6%;
    bottom: 2.04%;
    left: 28.26%;
}
.features_wrap.--recommendedTravelItems .scene-photo.--goOut img.absolute-goOut_woman01{
    width: 35.6%;
    bottom: 1.8%;
    right: 21.12%;
}
.features_wrap.--recommendedTravelItems .scene-photo.--goOut img.absolute-goOut_woman02{
    width: 27.6%;
    top: 0.5%;
    right: 6.28%;
}
.features_wrap.--recommendedTravelItems .scene-photo.--goOut img.absolute-illust_cocktail{
    width: 8.26%;
    top: 9.8%;
    right: 45.97%;
}
.features_wrap.--recommendedTravelItems .scene-photo.--goOut img.absolute-illust_twinkle03{
    width: 3.85%;
    bottom: 36%;
    left: 31.16%;
    animation: fadeScale 1.8s infinite;
}
.features_wrap.--recommendedTravelItems .scene-photo.--goOut img.absolute-illust_twinkle04{
    width: 3.73%;
    bottom: 7.26%;
    right: 24.24%;
    animation: fadeScale 1.6s infinite;
}
/* hotel */
.features_wrap.--recommendedTravelItems .scene-photo.--hotel img.absolute-hotel_photo{
    width: 35.2%;
    top: 1.6%;
    left: 7%; 
}
.features_wrap.--recommendedTravelItems .scene-photo.--hotel img.absolute-hotel_product01{
    width: 22.4%;
    top: 19%;
    right: 33%;
}
.features_wrap.--recommendedTravelItems .scene-photo.--hotel img.absolute-hotel_product02{
    width: 33.73%;
    bottom: 9.11%;
    left: 12.46%;
}
.features_wrap.--recommendedTravelItems .scene-photo.--hotel img.absolute-hotel_woman{
    width: 64.4%;
    bottom: 1.56%;
    right: 7.25%;
}
.features_wrap.--recommendedTravelItems .scene-photo.--hotel img.absolute-illust_bath{
    width: 10.53%;
    top: 6.23%;
    right: 44.93%;
}
.features_wrap.--recommendedTravelItems .scene-photo.--hotel img.absolute-illust_musicalNote01{
    width: 3.2%;
    top: 17%;
    right: 12%;
}
.features_wrap.--recommendedTravelItems .scene-photo.--hotel img.absolute-illust_musicalNote02{
    width: 3.86%;
    top: 25.5%;
    right: 8%;
}
.features_wrap.--recommendedTravelItems .scene-photo.--hotel img.absolute-illust_twinkle01{
    width: 3.85%;
    bottom: 18.18%;
    left: 6.53%;
    animation: fadeScale 1.8s infinite;
}
.features_wrap.--recommendedTravelItems .scene-photo.--hotel img.absolute-illust_twinkle04{
    width: 3.73%;
    bottom: 38%;
    left: 48.55%;
    animation: fadeScale 1.6s infinite;
}
.features_wrap.--recommendedTravelItems .scene-recommend{
    margin-top: 90px;
}
.features_wrap.--recommendedTravelItems .scene-recommend .recommend-lead{
    display: inline-block;
    margin-bottom: 10px;
    padding: 5px 35px 7px;
    border: 2px solid #50464b;
    border-radius: 150px;
    background-color: #fff;
    color: #50464b;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 1;
    letter-spacing: 0;
    position: static;
}
.features_wrap.--recommendedTravelItems .scene-recommend .recommend-lead span{
    letter-spacing: 0;
}
.features_wrap.--recommendedTravelItems .scene-recommend .recommend-title{
    margin-bottom: 40px;
    position: static;
}
.features_wrap.--recommendedTravelItems .scene-recommend .recommend-title,
.features_wrap.--recommendedTravelItems .scene-recommend .recommend-title span{
    color: #50464b;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 700;
    font-size: 4.4rem;
    letter-spacing: 0;
}
@media screen and (max-width: 749px) {
    .features_wrap.--recommendedTravelItems .introduction-text{
        padding-top: 50px;
        padding-bottom: 35px;
    }
    .features_wrap.--recommendedTravelItems .introduction-text p{
        margin-top: 20px;
        font-size: 1.6rem;
    }
    .features_wrap.--recommendedTravelItems .introduction-title{
        margin-top: 30px;
        margin-bottom: 25px;
        font-size: 2rem;
    }
    .features_wrap.--recommendedTravelItems .introduction-textBottom{
        margin-bottom: 30px;
    }
    .features_wrap.--recommendedTravelItems .introduction-textBottom svg{
        margin-left: -300px;
        width: 400%;
    }
    .features_wrap.--recommendedTravelItems .introduction-anchorLink{
        margin: 35px auto 30px;
    }
    .features_wrap.--recommendedTravelItems .introduction-anchorLink a{
        width: calc((100% - 15px) / 2);
        height: 40px;
        margin-bottom: 20px;
        font-size: 1.4rem;
    }
    .features_wrap.--recommendedTravelItems .introduction-anchorLink a::before,
    .features_wrap.--recommendedTravelItems .introduction-anchorLink a::after{
        right: 15px;
    }
    .features_wrap.--recommendedTravelItems .introduction-anchorLink a.--blue{
        box-shadow: 0 3px 0 #153449;
    }
    .features_wrap.--recommendedTravelItems .introduction-anchorLink a.--red{
        box-shadow: 0 3px 0 #541818;
    }
    .features_wrap.--recommendedTravelItems .scene{
        padding-top: 60px;
        padding-bottom: 100px;
        background-size: 20px 20px;
    }
    .features_wrap.--recommendedTravelItems .scene::before{
        height: 10px;
        background: repeating-linear-gradient(135deg, #254470 0px, #254470 10px, #fff 10px, #fff 20px, #6d2525 19px, #6d2525 30px, #fff 30px, #fff 40px)
    }
    .features_wrap.--recommendedTravelItems .scene-title span.tag{
        padding-right: 25px;
    }
    .features_wrap.--recommendedTravelItems .scene-title span.tag img{
        width: 22.93%;
    }
    .features_wrap.--recommendedTravelItems .scene-title span.text_en{
        margin: 10px auto 0;
    }
    .features_wrap.--recommendedTravelItems .scene-title span.text_en img{
        width: 42.66%;
    }
    .features_wrap.--recommendedTravelItems .scene-title span.text_jp{
        font-size: 2.3rem;
    }
    .features_wrap.--recommendedTravelItems .scene-text{
        margin: 25px auto 35px;
    }
    .features_wrap.--recommendedTravelItems .scene-text p{
        margin-top: 10px;
        font-size: 1.5rem;
    }
    .features_wrap.--recommendedTravelItems .scene-recommend{
        margin-top: 45px;
    }
    .features_wrap.--recommendedTravelItems .scene-recommend .recommend-lead{
        padding: 5px 20px 7px;
        border: 1px solid #50464b;
        font-size: 1.4rem;
    }
    .features_wrap.--recommendedTravelItems .scene-recommend .recommend-title{
        margin-bottom: 25px;
    }
    .features_wrap.--recommendedTravelItems .scene-recommend .recommend-title,
    .features_wrap.--recommendedTravelItems .scene-recommend .recommend-title span{
        font-size: 2.6rem;
    }
}