@charset "UTF-8";
/* =============================================================================================

        $路線バス のみの指定

   ============================================================================================= */
/* テキスト関連 */
.txt_grn {
    color: #249814;
}
.txt_grn.txt_grn-subhead {
        font-size: 18px;
        font-weight: bold;
        padding: 3px 0 3px 30px;
}

/* 周遊ページのcolorboxアウトラインを非表示にする */
.rosen.shuyu .cbox {
    outline: none;
}

/* ページ上部のアンカー   ^button */
.rosen .detail_page_anchor.mapin {}

    .rosen .detail_page_anchor.mapin .detail_page_anchor_list {
        margin: 0 -5px;
    }
    .rosen .detail_page_anchor.mapin .detail_page_anchor_item {
        padding: 0 5px;
    }
    .rosen .detail_page_anchor.mapin .detail_page_anchor_item a {
        width: 190px;
    }
        .rosen .detail_page_anchor.mapin .detail_page_anchor_item a:hover {
            background-position: 0 -50px;
        }

    .rosen .detail_page_anchor.mapin .detail_page_anchor_routemap a {       /* 路線図 */
        background: url(/img/default/highway/detail/highway_internal_link4.png) no-repeat;
    }
    .rosen .detail_page_anchor.mapin .detail_page_anchor_schedule a {       /* 時刻表 */
        background: url(/img/default/highway/detail/highway_internal_link1.png) no-repeat;
    }
    .rosen .detail_page_anchor.mapin .detail_page_anchor_fare a {           /* 運賃 */
        background: url(/img/default/highway/detail/highway_internal_link2.png) no-repeat;
    }
    .rosen .detail_page_anchor.mapin .detail_page_anchor_inquiry a {        /* お問い合わせ */
        background: url(/img/default/highway/detail/highway_internal_link3.png) no-repeat;
    }

/* 備考・注意事項  ^list */
.notes_list_circle {
    list-style: disc outside none;
    margin-left: 20px;
}

/* ^button */
.btn_link-more a {
    background: url("/img/default/rosen/detail/rosen_btn_more.png") no-repeat 0 0;
    width: 142px;
}
.btn_link a {
    margin-right: 10px;
    padding-top: 60px;
}
.btn_link a:hover {
    background-position: 0 -60px;
}





/* 下層ページのコンテンツ上部のメニュー   ^menu */
.rosen_lower_contentbox {
    padding: 10px;
}
.rosen_lower_head {
    padding-left: 20px;
}



/*
 * 路線バスの乗り方
 */
.how_to_ride_list {
    background: url(/img/default/rosen/get-on-bus/icon_arrow_under.png) no-repeat;
    padding-bottom: 40px;
}
.how_to_ride_list-h180 {
    background-position: center 180px;
}
.how_to_ride_list-h200 {
    background-position: center 200px;
}



/*
 * 乗車券・定期券のご案内
 */
.ticket-guide .page_anchor_item {
    width: 250px;
}
.ticket-guide .page_anchor01 a {
    background-image: url("/img/default/rosen/ticket-guide/rosen_ticket_guide_internal_link1.png");
}
.ticket-guide .page_anchor02 a {
    background-image: url("/img/default/rosen/ticket-guide/rosen_ticket_guide_internal_link2.png");
}
.ticket-guide .page_anchor03 a {
    background-image: url("/img/default/rosen/ticket-guide/rosen_ticket_guide_internal_link3.png");
}

/*ul*/
.ticket-guide_tickettype_item {
    padding: 0 0 20px 40px;
}
.ticket-guide_tickettype_item-txtbox {
    width: 416px;
    padding: 20px;
    margin-top: 100px;
}

.about_seasonticket_item {
    padding: 0 0 5px 26px;
}

/* ^icon */
.icn_arw_green-small {
    background: url(/img/default/rosen/ticket-guide/arrow_green_small.png) no-repeat left 2px;
}

/*
 * ^table
 * 'default.css'の'fare_table_cell4'を継承
 */
.ticket-guide th.thline {
padding:10px;
text-align:left;
}
.ticket-guide th span {
    font-size: 12px;
}
.ticket-guide td {
    font-size: 16px;
}
.ticket-guide td span {
    font-size: 13px;
}



/* お問い合わせ */
.rosen_contactlist {        /* 路線バスのお問い合せリスト */
    padding-bottom: 18px;
    margin-bottom: 20px;
}

.contactlist-indent {       /* 路線バスのお問い合せリストの調整 */
    margin-top: 10px;
    padding-left: 30px;
}

.rosen #d_h03 dt {
    clear: left;    /* floatをキャンセル */
}


/*
 * 運賃経路検索ボタン    ^btn ^seach
 *  2015.03.30 追加
 *  2016.10.21 修整
 */
.starting_point {
    position: relative;
}

.btn_fare_route_search {
    width: 158px;
    left: 632px;
    top: 0;
    position: absolute;
}

.rosen.fujigoko .btn_fare_route_search {
    left: 652px;
    top:20px;
}

.rosen.gotemba .type_c {
    width: 100px;
    top: 20px;
}
.btn_fare_route_search-gotemba-gotemba {
    left: 602px;
}
.btn_fare_route_search-gotemba-oyama {
    left: 710px;
}


.rosen.gotemba .search_space_single {
}
.rosen.gotemba .search_space_single .route_block_item {
    width: 446px;
}
.rosen.gotemba .search_space_single.column3 .route_block_item { /* 時刻表ボタンを併記するパターン */
    width: 338px;
}
.rosen.gotemba .search_space_single .route_block_btn {
    width: 334px;
}
.rosen.gotemba .search_space_single.column3 .route_block_btn {  /* 時刻表ボタンを併記するパターン */
    width: 463px;
}
.rosen .id7 .btn_search_type_b,
.rosen .id6 .btn_search_type_b,
.route_block_btn .btn_search_type_b {
    width: 100px !important;
    padding-right: 9px;
}
.rosen .id7 .btn_search_type_b a,
.rosen .id6 .btn_search_type_b a,
.route_block_btn .btn_search_type_b a {
    width: 100px !important;
}


.rosen.other .search_space_single .route_block_item {
    width: 501px;
}
.rosen.other .search_space_single .route_block_btn {
    width: 279px;
}


.rosen.other .search_space_double .route_block_item {
    width: 392px;
}
.rosen.other .search_space_double .route_block_btn {
    width: 388px;
}

.rosen .id6 .search_space_single .btn_guide_list_l {
    float: left;
    padding: 0 0 0 9px;
}
.rosen .id7 .search_space_single .btn_guide_list_ll,
.rosen .id7 .search_space_single .btn_guide_list_l {
    float: left;
    padding: 0 9px 0 0;
}
.rosen .id7 .search_space_single .btn_search_type_b a {
    /*width: 100px;*/
}



.btn_fare_route_search a {
    background: url(/img/default/rosen/btn_search/btn_search_type_a.png) no-repeat;
    padding-top: 40px;
}


.rosen.gotemba .type_c a {
    padding-top: 44px;
}
.btn_fare_route_search-gotemba-gotemba a {
    background: url(/img/default/rosen/btn_search/btn_search_type_c_gotemba.png) no-repeat;
}
.btn_fare_route_search-gotemba-oyama a {
    background: url(/img/default/rosen/btn_search/btn_search_type_c_oyama.png) no-repeat;
}

.rosen.other .btn_search_type_b a {
    background: url(/img/default/rosen/btn_search/btn_search_type_b.png) no-repeat;
    width: 100px;
}

.btn_search_type_b.center a {
    background: url(/img/default/rosen/btn_search/btn_search_type_b_center.png) no-repeat;
}
.rosen.other .btn_search_type_b.fuji a {
    background: url(/img/default/rosen/btn_search/btn_search_type_b_fuji.png) no-repeat;
}
.rosen.other .btn_search_type_b.fujinomiya a {
    background: url(/img/default/rosen/btn_search/btn_search_type_b_fujinomiya.png) no-repeat;
}
.rosen.other .btn_search_type_b.mishima a {
    background: url(/img/default/rosen/btn_search/btn_search_type_b_mishima.png) no-repeat;
}
.rosen.other .btn_search_type_b.numadu a {
    background: url(/img/default/rosen/btn_search/btn_search_type_b_numadu.png) no-repeat;
}

.rosen .id6 .search_space_single .btn_guide_list_l.gotemba a {
    background: url(/img/default/rosen/btn_search/btn_search_type_b_gotemba.png) no-repeat;
}
.rosen .id6 .search_space_single .btn_guide_list_l.mishima a {
    background: url(/img/default/rosen/btn_search/btn_search_type_b_mishima.png) no-repeat;
}
.rosen .id7 .search_space_single .btn_search_type_b.shinfuji a {
    background: url(/img/default/rosen/btn_search/btn_search_type_b_shinfuji.png) no-repeat;
}

.btn_search_type_b a:hover {
    background-position: 0 -60px !important;
}
.btn_fare_route_search a:hover {
    background-position: 0 -40px !important;
}
.btn_fare_route_search.type_c a:hover {
    background-position: 0 -44px !important;
}



/*--------------------------------

20160404時刻表改定

--------------------------------*/
.deadline {
    background: #fbfbfb;
    padding: 0 0 10px 0;
    font-size: 18px;
}
.deadline h5 {
    padding: 10px;
}
.deadline.end h5 {
    background: #8d8d8d;
    color: #fff;
}
.deadline.start h5 {
    background: #56bde8;
    color: #fff;
}

.detail_heading_box {
    position: relative;
}
.detail_heading_box p {
    position: absolute;
    top: 14px;
    left: 80px;
    font-size: 14px;
}


/*-------------------------------------

御殿場 TOP [路線図]

-------------------------------------  */
.block_gotemba_routemap {
    background:#f2f2f2;
    padding: 10px 0;
}
.block_gotemba_routemap li {
    width:260px;
    margin:0 auto;
}
.block_gotemba_routemap li a {
    display:block;
    text-indent:-9999px;
    overflow:hidden;
    width:260px;
    height:50px;
}
.block_gotemba_routemap li.btn_routemap a {
    background:url(/img/default/rosen/btn_gotemba_routemap.png) no-repeat 0 0;
}
.block_gotemba_routemap li.btn_routemap a:hover {
    background-position:0 -50px;
}


/*-------------------------------------
    RM クーポン
-------------------------------------  */
.rmcoupon_wrap {
    clear: both;
    padding-top: 30px;
}
.rmcoupon {
    width: 750px;
    padding: 20px;
    background: url('/img/default/rosen/rmcoupon/bg_pattern_diagonal.png') repeat 0 0;
}
.rmcoupon_left_block {
    float: left;
    width: 495px;
    padding-right: 20px;
}
.rmcoupon_header {
    margin-bottom: 20px;
}
.rmcoupon_header > h2 {
    margin-bottom: 10px;
}
.rmcoupon_right_block {
    float: right;
}
.rmcoupon_innerwrap {
    padding: 20px;
    background-color: rgba(255, 255, 255, .5);
}
.rmcoupon_fee {
    font-size: 0;
    margin-bottom: 10px;
}
.rmcoupon_fee li {
    font-size: 22px;
    vertical-align: middle;
    line-height: 1.5;
    display: inline-block;
}
.rmcoupon_fee li > span {
    font-size: 34px;
}
.rmcoupon_fee li:nth-child(2) {
    color: #0773e2;
    margin: 0 20px 0 12px;
}
.rmcoupon_fee li:nth-child(4) {
    color: #29abe2;
    margin: 0 20px 0 12px;
}
.rmcoupon_fee-normal {
    display: table;
    width: 455px;
}
.rmcoupon_fee-normal > p {
    font-size: 16px;
    vertical-align: middle;
    display: table-cell;
}
.rmcoupon_fee-normal > p:nth-child(1) {
    font-weight: bold;
    color: #fff;
    text-align: center;
    width: 40px;
    padding: 5px;
    border-radius: 8px 8px;
    background-color: #7ec7ca;
}
.rmcoupon_fee-normal > p:nth-child(2) {
    line-height: 1.25;
    padding-left: 8px;
}
.rmcoupon_note {
    font-size: 12px;
    line-height: 1.5;
    margin: 20px 0 15px;
}
.rmcoupon_sales {
    font-size: 0;
}
.rmcoupon_sales > li {
    font-size: 14px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 5px;
}
.rmcoupon_sales > li:first-child {
    line-height: 2;
    margin: 0 5px 0 0;
}