/**/
@import url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy.css');

body {
    margin: 0px !important;
    /* height: 100vh;
    height: -webkit-fill-available;
    height: fill-available; */
}

#event_body {
    --m-h1: 3rem;
    --m-h3: 1.8rem;
    --m-p: 1rem;
    --ch-red: #ab1f27;

    --swiper-navigation-color: #fff;
    --swiper-pagination-color: #ab1f27;
    --swiper-theme-color: #F3F900;
}

.s_b {
    margin-bottom: 4rem;
}
.container-xxl {
    padding-right: 15px;
    padding-left: 15px;
}

.bold {
    font-weight: 700;
}
.sub {
    font-size: .7em;
}




#event_header {
    /* background-color: #2847205e; */
    background-color: #1818185e;
}

@media (min-width: 992px) {
    .s_b {
        margin-bottom: 6rem;
    }
    #event_body {
        --m-h1: 4.4rem;
    }
    .container-xxl {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }
    #event_walking_nz {
        max-width: 2000px;
        margin-left: auto;
        margin-right: auto;
        background: url('/common/event/images/walking_nz/box_line_bg.png') no-repeat 50% 100vh;
        background-size: contain;
    }
}










#s_0 {
    position: relative;
    height: 100vh;
    background: url('/common/event/images/walking_nz/s0_1_m.webp') no-repeat 50% 50%;
    background-size: cover;
    color: #fff;
}
#s_0 .container-xxl {
    position: relative;
    height: 100%;
    max-width: 1600px;
}
#s_0 .text_area {
    margin: 0 auto;
    padding: 75px 20px 0 0;
    text-align: right;
    font-family: 'Paperlogy';
}
#s_0 .main_tit h1 {
    margin: 0;
    text-align: right;
    font-size: 22px;
    font-weight: 300;
    line-height: 1;
}
#s_0 .main_tit h1 .bold {
    font-size: 1.3em;
}
#s_0 .main_tit h3 {
    text-align: right;
    font-size: 17px;
    font-weight: 300;
    margin-top: 30px;
}
#s_0 .main_tit h3 .bold {
    font-size: 1.3em;
    font-weight: 500;
}
#s_0 .main_txt {
    margin-top: 30px;
    text-align: right;
}
#s_0 .main_txt .travel_recomm {
    display: inline-flex;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 3px;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    font-size: 14px;
    font-weight: 400;
}
#s_0 .main_txt .travel_recomm li {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    text-shadow: 1px 1px 0px #000;
}
#s_0 .main_txt .travel_recomm li:last-child:after {
    display: none;
}
.travel_recomm_logo {
    display: flex;
    flex-direction: row;
    margin: 2rem 0 0 0;
    align-items: flex-start;
}
.travel_recomm_logo li:after {
    display: inline-block;
    content: '';
    padding: 0 9px;
    border-right: 1px solid transparent;
}
#s_0 .main_txt {margin-top: 30px;}
#s_0 .main_tit h1 {font-size: 30px;}
#s_0 .main_tit h3 {font-size: 24px;}
.text_area .logo_nz {
    display: inline-block;
    height: 70px;
    margin-bottom: 20px;
}
@media (min-width: 992px) {
    #s_0 {background: url('/common/event/images/walking_nz/s0_1.webp') no-repeat 50% 50%;}
    #s_0 .main_tit h1 {font-size: 45px;}
    #s_0 .main_tit h3 {font-size: 30px;}
    #s_0 .main_txt .travel_recomm {font-size: 17px}
    .text_area .logo_nz {height: 100px;}
}
@media (min-width: 1400px) {
    #s_0 .main_tit {padding-right: 0;}
    #s_0 .main_tit h1 {font-size: 55px;}
    #s_0 .main_tit h3 {font-size: 40px;}
    #s_0 .main_tit h1 .bold {font-size: 1.6em;}
    #s_0 .text_area {padding-top: 22vh;}
}
















#s_01 {
    position: relative;
    height: 100vh;
    background: url('/common/event/images/walking_nz/s0_bg_m.webp') no-repeat 50% 50%;
    background-size: cover;
    color: #000;
}
#s_01 .container-xxl {
    position: relative;
    height: 100%;
    max-width: 1600px;
}
#s_01 .text_area {
    margin: 0 auto;
    padding: 75px 0 0 28px;
    font-family: 'Paperlogy';
}
#s_01 .main_tit h1 {
    margin: 0;
    font-size: 22px;
    font-weight: 300;
    line-height: 1;
}
#s_01 .main_tit h1 .bold {
    font-size: 1.3em;
}
#s_01 .main_tit h3 {
    font-size: 17px;
    font-weight: 300;
    margin: 20px 0 0 0;
}
#s_01 .main_tit h3 .bold {
    font-size: 1.3em;
    font-weight: 500;
}
#s_01 .travel_recomm {
    margin: 1rem 0 0 0;
    padding: 1rem 3px 0 3px;
    display: inline-flex;
    flex-direction: column;
    flex-wrap: nowrap;
    border-top: 1px solid #474747;
    /* border-bottom: 1px solid #9b9b9b; */
    font-size: 14px;
    font-weight: 400;
}
#s_01 .travel_recomm li {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    font-weight: 500;
    color: #fff;
    text-shadow: 1px 1px 0px #000;
}
#s_01 .travel_recomm li span {
    display: inline-block;
    padding-left: 5px;
    font-size: .8em;
    color: #fff;
}
#s_01 .main_tit h1 {font-size: 30px;}
#s_01 .main_tit h3 {font-size: 24px;}
#s_01 .text_area .logo_nz {
    display: inline-block;
    height: 52px;
    margin-bottom: 20px;
}
@media (min-width: 390px) {
    #s_01 .travel_recomm li {
        color: #000;
        text-shadow: none;
    }
    #s_01 .travel_recomm li span {
        color: #444;
    }
}
@media (min-width: 992px) {
    #s_01 {
        background: url('/common/event/images/walking_nz/s0_bg.webp') no-repeat 50% 50%;
        background-size: cover;
    }
    #s_01 .main_tit h1 {font-size: 45px;}
    #s_01 .main_tit h3 {font-size: 30px;}
    #s_01 .travel_recomm {font-size: 17px}
    #s_01 .text_area .logo_nz {height: 55px;}
}
@media (min-width: 1400px) {
    #s_01 .main_tit {padding-right: 0;}
    #s_01 .main_tit h1 {font-size: 55px;}
    #s_01 .main_tit h3 {font-size: 40px;}
    #s_01 .main_tit h1 .bold {font-size: 1.6em;}
    #s_01 .text_area {
        padding-top: 16vh;
        display: flex;
        justify-content: space-evenly;
        align-items: flex-end;
    }
    #s_01 .travel_recomm {
        margin: 0;
        padding: 0 0 0 20px;
        border-top: 0;
        border-left: 1px solid #474747;
    }
}










.introduce {
    
}
.introduce .el {
    display: flex;
    flex-direction: column;
    margin-bottom: 4rem;
}
.introduce .el .img {
    width: 100%;
}
.introduce .el .img img {
    width: 100%;
}
.introduce .el .txt {
    background-color: #fff;
    padding: 1.8rem;
    position: relative;
    z-index: 10;
    width: 90%;
    margin: -20px 5% 0 5%;
    border-bottom: 1px solid #005d2a;
    font-size: 14px;
}
.introduce .el .txt .accent {
    color: #007d56;
    font-weight: 800;
}
.introduce .el .txt img {
    display: block;
    height: 40px;
    margin: 0 auto 1.5rem auto;
}



@media (min-width: 992px) {
    
    .introduce .el {
        flex-direction: row;
        align-items: center;
    }
    .introduce .el_reverse {
        flex-direction: row-reverse !important;
    }
    .introduce .el .txt {
        background-color: #fff;
        padding: 2.8rem;
        position: relative;
        z-index: 10;
        width: 70%;
        margin: 0 0 0 -50px;
        border-bottom: 0;
        border-left: 0;
        border-right: 1px solid #005d2a;
        font-size: 20px;
    }
    .introduce .el_reverse {
        flex-direction: row-reverse !important;
    }
    .introduce .el_reverse .txt {
        background-color: #fff;
        padding: 2.8rem;
        position: relative;
        z-index: 10;
        width: 70%;
        margin: 0 -50px 0 0;
        border-bottom: 0;
        border-right: 0;
        border-left: 1px solid #005d2a;
        font-size: 20px;
        text-align: right;
    }
    .introduce .el .txt img {
        margin: 0 0 1.7rem 0;
    }
    .introduce .el_reverse .txt img {
        margin: 0 0 1.7rem auto;
    }
}











#s_2 {
    padding-bottom: 4rem;
    border-bottom: 1px solid #efefef;
    background-color: #f5f5f5;
}

#s_2 .bg_area {
    background: url('/common/event/images/walking_nz/s2_1.webp') no-repeat 50% 100%;
    background-attachment: inherit;
    background-size: cover;
    width: 100%;
    height: 100vh;
    margin-bottom: 4rem;
}
#s_2 p {
    margin: 0 auto 1rem auto;
    max-width: 600px;
    font-size: 14px;
}
#s_2 p:last-child {
    margin-bottom: 0;
}
#s_2 p .accent {
    color: #007d56;
    font-weight: 800;
    font-size: 1.3em;
}

@media (min-width: 992px) {
    #s_2 {
        padding-bottom: 6rem;
    }
    #s_2 .bg_area {
        background-attachment: fixed;
    }
    #s_2 p {
        font-size: 16px;
    }
}









#s_3 {
    margin-bottom: 0;
    padding-bottom: 4rem;
    border-bottom: 1px solid #fdfdfd;
}


#s_3 h1 {
    text-align: left;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 3rem;
    margin-bottom: 4rem;
}

.tour_map {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 1000px;
}
@media (min-width: 992px) {
    #s_3 {
        padding-bottom: 6rem;
    }
}




















#s_4 {
    margin-bottom: 4rem;
    padding: 4rem 0;
    background-color: #efefef;
}
#s_4 .event_content {
    max-width: inherit;
}
#s_4 h1 {
    text-align: left;
    border-bottom: 1px solid #000;
    padding-bottom: 3rem;
    margin-bottom: 4rem;
}

@media (min-width: 992px) {
    #s_4 {
        padding: 6rem 0;
        margin-bottom: 6rem;
    }
}



.picnic_spot_photos .swiper-slide {
    text-align: center;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    /* margin-right:3px; */
    /* flex-shrink: 1; */
}

.picnic_spot_photos .swiper-slide img {
    display: block;
    width: 100%;
    /* height: 100%; */
    /* object-fit: contain; */
}


.picnic_recomm_detail .tit {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
}
.picnic_recomm_detail h3 {}
.picnic_recomm_detail h4 {
    margin-left: 5px;
    font-size: 1rem;
}
.picnic_recomm_detail h3 span.accent {
    display: inline-block;
    margin-left: 5px;
    /* color: var(--ch-red); */
    color: #007d56;
    font-size: .9em;
}
.picnic_recomm_detail h3 .sub {
    display: block;
    font-size: .8em;
    font-weight: 500;
    margin-left: 10px;
}
.picnic_recomm_detail p {
    margin: 15px 0;
}
.picnic_recomm_detail p b{
    color: #007d56;
    font-weight: 800;
}


@media (min-width: 992px) {
    /* #s_4 {
        padding: 4rem 0;
    } */
    .picnic_recomm_detail {
        margin-top: 0;
    }
    .picnic_recomm_detail h3 .sub {
        margin-left: 0;
    }
}

















#s_5 {
    margin-bottom: 0;
    padding: 0 0 4rem 0;
}
#s_5 .event_content {
    max-width: inherit;
}
#s_5 h1 {
    text-align: left;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 3rem;
    margin-bottom: 4rem;
}
#s_5 h1 .ln1 {

}
#s_5 h1 .ln2 {
    
}
.promotions {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
}
.promotions li {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.promotions li:nth-child(2) {
    margin: 2rem 0;
    padding: 2rem 0;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}
.promotions li .img {
    display: block;
    margin: 0 0 1rem 0;
}
.promotions li .img img {
    height: 70px;
}
.promotions li .txt {
    text-align: center;
    font-size: 1.3rem;
}
@media (min-width: 992px) {
    #s_5 {
        padding: 0 0 6rem 0;
    }
    .promotions {
        flex-direction: row;
    }
    .promotions li:nth-child(2) {
        margin: 0;
        padding: 0;
        border: 0;
    }
}








#s_goods {
    margin-bottom: 4rem;
    padding: 4rem 0;
    background-color: #efefef;
}

#s_goods h1 {
    text-align: left;
    border-bottom: 1px solid #000;
    padding-bottom: 3rem;
    margin-bottom: 4rem;
}
.goods-list li .goods-list-el a {
    background-color: #fff;
}
@media (min-width: 992px) {
    #s_goods {
        padding: 6rem 0;
        margin-bottom: 6rem;
    }
}




.customer_consult {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0em auto 0 auto;
    padding: 3em 2em;
    background-color: #13469b;
}

.customer_consult .icon {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin: 0 0 2.5rem 0;
}
.customer_consult .icon img {
    display: block;
    height: 30px;
}
.customer_consult .icon i {
    color: #fff;
    font-size: 3em;
    font-family: var(--font-awesome) !important;
}

.customer_consult p {
    color: #fff;
    font-size: 1rem;
    text-align: left;
    margin: 0;
}

.customer_consult a {
    display: block;
    padding: 5px 15px;
    text-align: center;
    background-color: var(--consult);
    background: var(--consult-bg);
    color: #fff;
    border: 1px solid var(--consult-border);
    /* max-width: 300px; */
    font-size: 1.2rem;
    text-align: center;
    width: 100%;
    margin: 1rem auto 0 auto;
}

@media (min-width: 992px) {
    #section_consulting_bar {
        /* background-color: #13469b; */
        padding: 3rem 0;
    }
    .customer_consult {
        flex-direction: row;
    }
    .customer_consult .icon {
        margin: 0 5rem 0 0;
    }
    a.customer_consult p {
        margin-top: 0;
    }
    .customer_consult a {
        margin: 1rem 0 0 0;
    }
}

/*
@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
@media (min-width: 1400px) {}
*/










.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
    opacity: .9;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}


#event_footer {
    margin-top: 0;
}












/* .walk_icon {
    position: relative;
    display: inline-block;
}

.walk_icon::before {
    position: absolute;
    left: 0;
    top: -3px;
    display: block;
    content: '';
    width: 100%;
    height: 0;
    border-top: 1px dashed #999999;
}

.walk_icon::after {
    position: absolute;
    left: 0px;
    top: -35px;
    display: block;
    font-family: var(--font-awesome);
    font-weight: 100;
    font-size: 1.8rem;
    color: #999;
}


.walk_icon_person::after {
    content: '\e554';
}
.walk_icon_step::after {
    content: '\f54b';
}
.walk_icon_person2::after {
    content: '\f554';
} */