@charset "utf-8";
/*////////////// tabibitonavi_drive_hwi/BasicCSS Document //////////////*/

/* ===============================================
 all（全体）　
=============================================== */



/* ===============================================
 headerArea（ヘッダーエリア）　
=============================================== */



/* ===============================================
 mainCntsArea（メインコンテンツ部分）　
=============================================== */
/* cntsBox（エリアタイトル/アイコン）------------------*/
.cntsBox .phTitle.sub {
    padding: 6% 9.3% 0;
}
.cntsBox > .phArea {
    padding: 0 9.3%;
}
.cntsBox+.cntsBox .phTitle.sub {
    padding: 5% 9.3% 0;
}


/* titleDesc（リストタイトル/ナンバーアイコン）------------------*/
.titleDesc.number01 {
    background-image: url("/cmn/img/kanto/tabi/tabibitonavi/drive/hwi/title_number_icon_001.png");
}
.titleDesc.number02 {
    background-image: url("/cmn/img/kanto/tabi/tabibitonavi/drive/hwi/title_number_icon_002.png");
}
.titleDesc.number03 {
    background-image: url("/cmn/img/kanto/tabi/tabibitonavi/drive/hwi/title_number_icon_003.png");
}
.titleDesc.number04 {
    background-image: url("/cmn/img/kanto/tabi/tabibitonavi/drive/hwi/title_number_icon_004.png");
}
.titleDesc.number05 {
    background-image: url("/cmn/img/kanto/tabi/tabibitonavi/drive/hwi/title_number_icon_005.png");
}
.titleDesc.number06 {
    background-image: url("/cmn/img/kanto/tabi/tabibitonavi/drive/hwi/title_number_icon_006.png");
}


/* hwiIcon（リストタイトル/アメリカアイコン）------------------*/
.titleDesc.hwiIcon:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 75px;
    background-image: url("/cmn/img/kanto/tabi/tabibitonavi/drive/hwi/hwi_title_car_icon_001.png");
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: 26%;
    top: 0;
}
.COCroadArea .titleDesc.hwiIcon:before {
    background-image: url("/cmn/img/kanto/tabi/tabibitonavi/drive/hwi/hwi_title_car_icon_002.png");
}
.hnumArea .titleDesc.hwiIcon:before {
    background-image: url("/cmn/img/kanto/tabi/tabibitonavi/drive/hwi/hwi_title_car_icon_003.png");
}
.mkpuArea .titleDesc.hwiIcon:before {
    background-image: url("/cmn/img/kanto/tabi/tabibitonavi/drive/hwi/hwi_title_car_icon_004.png");
}
.beachArea .titleDesc.hwiIcon:before {
    background-image: url("/cmn/img/kanto/tabi/tabibitonavi/drive/hwi/hwi_title_car_icon_005.png");
}
.noShoArea .titleDesc.hwiIcon:before {
    background-image: url("/cmn/img/kanto/tabi/tabibitonavi/drive/hwi/hwi_title_car_icon_006.png");
}


/* COCroadArea（タイトル/文言調節）------------------*/
.COCroadArea .titleDesc > span {
    letter-spacing: -1.6px;
    font-size: 160%;
}
.COCroadArea .titleDesc > span .smallText {
    letter-spacing: 0;
    font-size: 67%;
}



/* ===============================================
 tourArea（おすすめツアー枠）　
=============================================== */
/* bg002（背景2）------------------*/
.bg002 {
    background-image: url("/cmn/img/kanto/tabi/tabibitonavi/drive/hwi/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(12,103,116);
}
#tourArea .linkArea.btn .linkText {
    background-image: url("/cmn/img/kanto/icon/instruction/arrow_right_white001.png"), url("/cmn/img/kanto/tabi/tabibitonavi/drive/hwi/bg_003.jpg");
    border-radius: 10px;
    background-position: 100% 50%,0 0;
    background-repeat: no-repeat, repeat;
    background-size: 20px 12px, 18% auto;
}