@charset "utf-8";
/*////////////// tabibitonavi_drive_nzl/BasicCSS Document //////////////*/

/* ===============================================
 all（全体）　
=============================================== */



/* ===============================================
 headerArea（ヘッダーエリア）　
=============================================== */



/* ===============================================
 mainCntsArea（メインコンテンツ部分）　
=============================================== */
/* titleDesc（リストタイトル/ナンバーアイコン）------------------*/
.titleDesc {
    padding: 16% 0 3%;
}
.titleDesc.number01 {
    background-image: url("/cmn/img/kanto/tabi/tabibitonavi/drive/nzl/title_number_icon_001.png");
}
.titleDesc.number02 {
    background-image: url("/cmn/img/kanto/tabi/tabibitonavi/drive/nzl/title_number_icon_002.png");
}
.titleDesc.number03 {
    background-image: url("/cmn/img/kanto/tabi/tabibitonavi/drive/nzl/title_number_icon_003.png");
}
.titleDesc.number04 {
    background-image: url("/cmn/img/kanto/tabi/tabibitonavi/drive/nzl/title_number_icon_004.png");
}
.titleDesc.number05 {
    background-image: url("/cmn/img/kanto/tabi/tabibitonavi/drive/nzl/title_number_icon_005.png");
}
.titleDesc.number06 {
    background-image: url("/cmn/img/kanto/tabi/tabibitonavi/drive/nzl/title_number_icon_006.png");
}
.titleDesc.number07 {
    background-image: url("/cmn/img/kanto/tabi/tabibitonavi/drive/nzl/title_number_icon_007.png");
}
.titleDesc.number08 {
    background-image: url("/cmn/img/kanto/tabi/tabibitonavi/drive/nzl/title_number_icon_008.png");
}


/* nzlIcon（リストタイトル/アメリカアイコン）------------------*/
.titleDesc.nzlIcon:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 75px;
    background-image: url("/cmn/img/kanto/tabi/tabibitonavi/drive/nzl/nzl_title_car_icon_001.png");
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: 26%;
    top: 0;
}
.rtraArea .titleDesc.nzlIcon:before {
    background-image: url("/cmn/img/kanto/tabi/tabibitonavi/drive/nzl/nzl_title_car_icon_002.png");
}
.waitmArea .titleDesc.nzlIcon:before {
    background-image: url("/cmn/img/kanto/tabi/tabibitonavi/drive/nzl/nzl_title_car_icon_003.png");
}
.taupoArea .titleDesc.nzlIcon:before {
    background-image: url("/cmn/img/kanto/tabi/tabibitonavi/drive/nzl/nzl_title_car_icon_004.png");
}
.tngriroArea .titleDesc.nzlIcon:before {
    background-image: url("/cmn/img/kanto/tabi/tabibitonavi/drive/nzl/nzl_title_car_icon_005.png");
}
.welintnArea .titleDesc.nzlIcon:before {
    background-image: url("/cmn/img/kanto/tabi/tabibitonavi/drive/nzl/nzl_title_car_icon_006.png");
}
.victoriaArea .titleDesc.nzlIcon:before {
    background-image: url("/cmn/img/kanto/tabi/tabibitonavi/drive/nzl/nzl_title_car_icon_007.png");
}


/* otherArea（番外編枠）------------------*/
#otherArea .phTitle.sub {
    padding: 2rem 9.3% 0;
}
#otherArea .cntsDesc {
    padding: 3% 3.1% 5%;
}
#otherArea .titleDesc {
    background-image: url("/cmn/img/kanto/tabi/tabibitonavi/drive/nzl/title_other_icon_009.png");
    padding: 17% 0 3%;
    background-position: 50% 0;
}
#otherArea .titleDesc.other:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100px;
    background-image: url("/cmn/img/kanto/tabi/tabibitonavi/drive/nzl/nzl_title_air_icon_001.png");
    background-position: 97% 0;
    background-repeat: no-repeat;
    background-size: 29%;
    top: -10px;
}
#otherArea .titleDesc.other:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 90px;
    background-image: url("/cmn/img/kanto/tabi/tabibitonavi/drive/nzl/nzl_title_boat_icon_001.png");
    background-position: 20% 0;
    background-repeat: no-repeat;
    background-size: 14%;
    top: 0;
}
#otherArea .tourArea {
    padding: 5% 3.1% 4%;
}
#otherArea .titleDesc.sideIcon {
    background-image: url("/cmn/img/kanto/tabi/tabibitonavi/drive/title_camera_icon_001.png"), url("/cmn/img/kanto/tabi/tabibitonavi/drive/title_car_icon_001.png");
    background-position: 2% 50%, 99% 50%;
    background-size: 14.2%;
    padding: 3% 0;
}
#otherArea .tourListArea {
    margin-top: 3%;
    padding: 3.1%;
    background-color: #FFF;
}
#otherArea .linkArea.btn {
    background-color: transparent;
    box-shadow: 0 3px rgb(94,122,29);
}
#otherArea .linkArea.btn .linkText {
    background-image: url("/cmn/img/kanto/icon/instruction/arrow_right_white001.png"), url("/cmn/img/kanto/tabi/tabibitonavi/drive/nzl/bg_003.jpg");
    border-radius: 10px;
    background-position: 100% 50%,0 0;
    background-repeat: no-repeat, repeat;
    background-size: 20px 12px, 18% auto;
}
#mainArea #otherArea {
    margin: 0;
}



/* videoArea（動画枠）------------------*/
.videoArea > iframe {
    width: 100%;
    height: 190px;
}
.videoArea {
    padding-bottom: 2%;
}



/* ===============================================
 tourArea（おすすめツアー枠）　
=============================================== */
/* bg002（背景2）------------------*/
.bg002 {
    background-image: url("/cmn/img/kanto/tabi/tabibitonavi/drive/nzl/bg_002.jpg");
    background-position: 0 0;
    background-repeat: repeat;
    background-size: 14%;
}


/* .linkArea.btn（おすすめツアー/ボタンデザイン）------------------*/
#tourArea .linkArea.btn {
    background-color: transparent;
    box-shadow: 0 3px rgb(94,122,29);
}
#tourArea .linkArea.btn .linkText {
    background-image: url("/cmn/img/kanto/icon/instruction/arrow_right_white001.png"), url("/cmn/img/kanto/tabi/tabibitonavi/drive/nzl/bg_003.jpg");
    border-radius: 10px;
    background-position: 100% 50%,0 0;
    background-repeat: no-repeat, repeat;
    background-size: 20px 12px, 18% auto;
}
