@charset "utf-8";

@media screen and (max-width : 768px) {

    /*------------------------------------------------------------------------------------------
*
*
    Responsive / SP
*
*
------------------------------------------------------------------------------------------ */
    /* ------------------------------------------------------------
*
    #main_visual
*
------------------------------------------------------------ */
    #main_visual {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 0 0 20px 0;
        background-color: #f8f8f8;
    }

    #main_visual_inner {
        width: 100%;
        height: 100%;
        margin: 0 auto;
        position: relative;
    }

    #main_visual_inner .pic_visual {
        /*margin: 120px 0 0 0;*/
		margin: 160px 0 0 0 /*←ua cahnge*/;
        text-align: right;
    }

    #main_visual_inner .pic_visual img {
        width: 100%;
        margin: 0 0 -20px 0;
        height: auto;
    }
	
	/*ua add*/
#main_visual .finishcopyIndex{
	position: absolute;
	width: 100%;
	text-align: center;
	top:-102px;
	background: #C00;
	color: #fff;
	padding: 0.6em;
	font-size: 13px;
	line-height: 1.4;
}

#main_visual .finishcopyIndex br.spshow {
	display: inline !important;
}

#main_visual .finishcopyIndex em {
	font-size: 11px;
}/*add ここまで*/

    #main_visual .main_copy {
        width: 100%;
        text-align: center;
        position: absolute;
        top: -30px;
        left: 0;
    }

    #main_visual .main_copy .copy {
        margin: 0 0 15px 0;
        font-size: 18px;
    }

    #main_visual .main_copy h2.logo {
        display: none;
    }

    #main_visual .main_copy h2.logo img {
        width: 156px;
        height: auto;
    }

    #sns_share {
        width: 100%;
        margin: 0;
        padding: 0 0 0 23px;
        text-align: center;
        position: absolute;
        top: auto;
        bottom: 15px;
        left: 0;
    }

    #sns_share li {
        margin: 0 5px 0 0;
        display: inline-block;
        vertical-align: top;
    }


    /* ------------------------------------------------------------
*
    #section_type
*
------------------------------------------------------------ */
    #section_type {
        margin: 0 0 100px 0;
        padding: 0 15px;
    }

    #section_type h3 {
        margin: 0 0 15px 0;
        padding: 5px 0 3px 0;
        font-size: 18px;
        border-bottom: 1px solid #dbdbdb;
    }

    #section_type h4 {
        margin: 0 0 10px 0;
        font-size: 14px;
        line-height: 1.285em;
        /* white-space: nowrap; */
    }

    #section_type .type_table {
        margin: 0 0 20px 0;
    }

    #section_type table {
        margin: 0 0 15px 0;
        width: 100%;
        border-bottom: 1px solid #dbdbdb;
    }

    .carType {
        margin-top: 15px;
        border-bottom: 1px solid #dbdbdb;
    }

    .carSummery {
        width: 100% !important;
        margin-bottom: 0 !important;
        border-bottom: none !important;
    }

    .carSummery__title li {
        width: 59%;
        display: inline-block;
        font-size: 10px;
        vertical-align: top;
    }

    .carSummery__title {
        margin-bottom: 10px;
    }

    .carSummery__title li:first-child {
        width: 39%;
    }

    .carSummery__title th {
        display: block !important;
        width: 100% !important;
    }

    .carSummery__title th small {
        display: block;
        width: 100% !important;
        font-size: 11px;
    }
    .carSummery__content {
        position: relative;
    }
    .carSummery__content td.td_price {
        width: 18%;
    }

    .carSummery__content .price {
        font-size: 16px !important;
    }

    .carSummery__content tr td:first-child {
        width: 40%;
    }

    .carSummery__content .small {
        font-size: 12px !important;
    }

    .carSummery__content .fuel {
        font-size: 18px !important;
    }

    .carSummery__content .carSummery__contentImage {
        display: none;
    }


    #section_type th {
        display: none;
    }

    #section_type td.price {
        width: 60%;
    }
    #section_type .sp_border_top {
        border-top: 1px solid #dbdbdb;
    }
    #section_type .sp_border_top td{
        padding-top:16px;
    }
    #section_type .sp_border_bottom {
        border-bottom: 1px solid #dbdbdb;
    }
    #section_type .sp_border_bottom td{
    }

    #section_type td.fuel {
        width: 40%;
    }

    #section_type td.pic {
        display: none;
    }

    #section_type td {
        font-size: 11px;
        vertical-align: middle;
    }

    #section_type td .ruby {
        font-size: 8px;
        margin: 0 0 10px 0;
    }

    #section_type td .price,
    #section_type td .fuel {
        margin: 0 0 15px 0;
        font-size: 28px;
    }

    #section_type td .small {
        font-size: 18px;
    }

    #section_type td .fuel .small {
        margin: 0 0 0 5px;
    }

    #section_type .sup.star {
        display: none;
    }

    #section_type td .notes {
        padding: 0 0 15px 0;
        color: #8d8d8d;
        line-height: 1.6em;
    }

    #section_type .caution {
        margin: 20px 0 10px 0;
        font-size: 13px;
        text-align: left;
        line-height: 1.5em;
        color: #da4058;
    }

    #section_type .detail {
        text-align: center;
    }


    /* ------------------------------------------------------------
*
    #section_interior
*
------------------------------------------------------------ */
    #section_interior {
        margin: 0 0 100px 0;
    }

    #section_interior .detail {
        margin: 0 0 20px 0;
    }

    #section_interior .pic_full .pc {
        display: none;
    }

    #section_interior .pic_full .sp {
        display: inline-block;
    }


    #section_interior .pic_full {
        height: auto;
        margin-bottom: 20px;
        overflow: hidden;
        position: relative;
    }

    #section_interior .pic_full p {
        height: 0;
        padding-bottom: 46.879%;
        opacity: 0;
    }

    #section_interior .overlay {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
    }

    #section_interior .overlay p {
        width: 33.3%;
        float: left;
    }

    #section_interior .overlay p.pic_01 {
        background: url(../image/pic_interior_01.jpg) 74% 0 no-repeat;
        background-size: 178% auto;
    }

    #section_interior .overlay p.pic_02 {
        background: url(../image/pic_interior_02.jpg) 70% 31% no-repeat;
        background-size: 164% auto;
    }

    #section_interior .overlay p.pic_03 {
        background: url(../image/pic_interior_03.jpg) 38.2% 101% no-repeat;
        background-size: 143% auto;
    }

    #section_interior p.pic_04 {
        background: url(../image/pic_interior_04.jpg) 28% 35% no-repeat;
        background-size: 103% auto;
    }

    #section_interior .mothers_selection .logo {
        width: 38.8%;
        margin: 0 auto 10px;
    }

    #section_interior .mothers_selection .logo img {
        width: 100%;
        height: auto;
    }

    #section_interior .mothers_selection div {
        margin: 0 15px;
    }

    #section_interior .mothers_selection h4 {
        margin: 0 auto 10px;
        font-size: 15px;
        line-height: 22px;
    }

    #section_interior .mothers_selection .desc {
        font-size: 12px;
        line-height: 16px;
    }
    #section_interior .video-js {
        width: 100% !important;
        height: 0 !important;
        padding-top: 56.25% !important;
        overflow: visible;
    }

    #section_interior .modulox video {
        width: 100% !important;
        height: auto !important;
        position: absolute;
        top: 0;
        left: 0;
    }
    /* ------------------------------------------------------------
*
    #section_safety
*
------------------------------------------------------------ */
    #section_safety {
        /*margin-bottom: 10px;*/
        /*padding: 20px 0 50px 0;*/
        /*background-color: #f8f8f8;*/
    }

    #section_safety .detail {
        margin: 0 0 35px 0;
    }

    #section_safety .pic_full img {
        margin: 0 0 10px 0;
    }

    #section_safety .pic_full {
        /*margin: 0 0 10px 0;*/
    }

    #section_safety .pic_full .spBox__safe ul {
        padding-top: 43.8%;
        position: relative;
    }

    #section_safety .pic_full .spBox__safe ul li.spBox__safeImg {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }

    .section .pic_full .spBox__safe ul li.spBox__safeImg--01 {
        z-index: 12;
    }

    .section .pic_full .spBox__safe ul li.spBox__safeImg--02 {
        z-index: 11;
    }

    .section .pic_full .spBox__safe ul li.spBox__safeImg--03 {
        z-index: 10;
    }

    .section .pic_full .spBox__safe ul li.spBox__safeImg--04 {
        z-index: 9;
    }

    .section .pic_full .spBox__safe ul li.spBox__safeImg--05 {
        z-index: 8;
    }

    .section .pic_full .spBox__safe ul li.spBox__safeImg--06 {
        z-index: 7;
    }

    .section .pic_full .spBox__safe ul li.spBox__safeImg--07 {
        z-index: 6;
    }

    .section .pic_full .spBox__safe ul li.spBox__safeImg--08 {
        z-index: 5;
    }

    .section .pic_full .spBox__safe ul li.spBox__safeImg--09 {
        z-index: 4;
    }

    .section .pic_full .spBox__safe ul li.spBox__safeImg--10 {
        z-index: 3;
    }

    .section .pic_full .spBox__safe ul li.spBox__safeImg--11 {
        z-index: 2;
    }

    .section .pic_full .spBox__safe ul li.spBox__safeImg--12 {
        z-index: 1;
    }

    #section_safety .pic_full p {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
    }

    #section_safety .radar_wrap,
    #section_safety .wave_wrap,
    #section_safety .wheel_wrap {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    #section_safety .pic_full p.bg_d {
        opacity: 1;
        position: relative !important;
    }

    #section_safety .pic_full .bg {
        background-image: url(../image/pic_safety_bg.jpg);
        opacity: 1;
        z-index: 0;
    }

    #section_safety .pic_full .car {
        background-image: url(../image/pic_safety_car.png);
        z-index: 2;
    }

    #section_safety .pic_full .wheel {
        background-image: url(../image/pic_safety_car_wheel.png);
        z-index: 3;
    }

    #section_safety .pic_full .wave01 {
        background-image: url(../image/pic_safety_wave_01.png);
        z-index: 4;
    }

    #section_safety .pic_full .wave02 {
        background-image: url(../image/pic_safety_wave_02.png);
        z-index: 5;
    }

    #section_safety .pic_full .wave03 {
        background-image: url(../image/pic_safety_wave_03.png);
        z-index: 6;
    }

    #section_safety .pic_full .wave04 {
        background-image: url(../image/pic_safety_wave_04.png);
        z-index: 7;
    }

    #section_safety .pic_full .wave05 {
        background-image: url(../image/pic_safety_wave_05.png);
        z-index: 8;
    }

    #section_safety .pic_full .wave06 {
        background-image: url(../image/pic_safety_wave_06.png);
        z-index: 9;
    }

    #section_safety .pic_full .wave07 {
        background-image: url(../image/pic_safety_wave_07.png);
        z-index: 10;
    }

    #section_safety .pic_full .wave08 {
        background-image: url(../image/pic_safety_wave_08.png);
        z-index: 11;
    }

    #section_safety .pic_full .wave09 {
        background-image: url(../image/pic_safety_wave_09.png);
        z-index: 12;
    }

    #section_safety .pic_full .wave10 {
        background-image: url(../image/pic_safety_wave_10.png);
        z-index: 13;
    }

    #section_safety .pic_full .radar {
        background-image: url(../image/pic_safety_radar.png);
        z-index: 14;
    }

    #section_safety .pic_notes {
        margin: 0 0 20px 0;
        padding: 0 15px;
        font-size: 12px;
        text-align: center;
    }

    #section_safety .pic_notes {
        padding: 0 15px;
        font-size: 12px;
        text-align: center;
    }

    #section_safety .btm_caution {
        padding: 0 15px;
        font-size: 12px;
        line-height: 1.416em;
        color: #da4058;
        font-weight: bold;
    }


    /* ------------------------------------------------------------
*
    #section_cabin
*
------------------------------------------------------------ */
    #section_cabin {
/*        margin-bottom: 10px;*/
        padding: 20px 0 50px 0;
        /*background-color: #f8f8f8;*/
    }

    #section_cabin .detail {
        margin: 0 0 35px 0;
    }

    #section_cabin .pic_full img {
        margin: 0 0 10px 0;
    }

    #section_cabin .pic_full {
        margin: 0 0 10px 0;
    }

    #section_cabin .pic_full .spBox__safe ul {
        padding-top: 43.8%;
        position: relative;
    }

    #section_cabin .pic_full .spBox__safe ul li.spBox__safeImg {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }

    .section .pic_full .spBox__safe ul li.spBox__safeImg--01 {
        z-index: 12;
    }

    .section .pic_full .spBox__safe ul li.spBox__safeImg--02 {
        z-index: 11;
    }

    .section .pic_full .spBox__safe ul li.spBox__safeImg--03 {
        z-index: 10;
    }

    .section .pic_full .spBox__safe ul li.spBox__safeImg--04 {
        z-index: 9;
    }

    .section .pic_full .spBox__safe ul li.spBox__safeImg--05 {
        z-index: 8;
    }

    .section .pic_full .spBox__safe ul li.spBox__safeImg--06 {
        z-index: 7;
    }

    .section .pic_full .spBox__safe ul li.spBox__safeImg--07 {
        z-index: 6;
    }

    .section .pic_full .spBox__safe ul li.spBox__safeImg--08 {
        z-index: 5;
    }

    .section .pic_full .spBox__safe ul li.spBox__safeImg--09 {
        z-index: 4;
    }

    .section .pic_full .spBox__safe ul li.spBox__safeImg--10 {
        z-index: 3;
    }

    .section .pic_full .spBox__safe ul li.spBox__safeImg--11 {
        z-index: 2;
    }

    .section .pic_full .spBox__safe ul li.spBox__safeImg--12 {
        z-index: 1;
    }

    #section_cabin .pic_full p {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
    }

    #section_cabin .radar_wrap,
    #section_cabin .wave_wrap,
    #section_cabin .wheel_wrap {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }



    #section_cabin .pic_notes {
        margin: 0 0 20px 0;
        padding: 0 15px;
        font-size: 12px;
        text-align: center;
    }

    #section_cabin .pic_notes {
        padding: 0 15px;
        font-size: 12px;
        text-align: center;
    }

    #section_cabin .btm_caution {
        padding: 0 15px;
        font-size: 12px;
        line-height: 1.416em;
        color: #da4058;
        font-weight: bold;
    }





    /* ------------------------------------------------------------
    *
    #section_performance
    *
    ------------------------------------------------------------ */
    #section_performance {
        margin:0 0 100px 0;
/*        margin-bottom: 25px;
*/    }

    #section_performance .detail {
        margin: 0 auto 20px;
    }

    #section_performance .movie {
        background-color: #f8f8f8;
    }

    #section_performance .video-js {
        width: 100% !important;
        height: 0 !important;
        padding-top: 56.25% !important;
        overflow: visible;
    }

    #section_performance .brightcove video {
        width: 100% !important;
        height: auto !important;
        position: absolute;
        top: 0;
        left: 0;
    }

    #section_performance .desc_small {
        margin-top: 20px;
        padding: 0 15px;
        font-size: 12px;
        line-height: 1.5em;
        display: block;
    }

    #section_performance .hybrid {
        font-size: 12px;
        margin: 10px auto 25px !important;
        text-align: center;
    }

    #section_ecology .fuel_table th.jc08 p img+.small {
        display: inline;
        vertical-align: 5px;
    }

    .fuel_table th.jc08 {
        min-width: 135px;
    }

    .fuel_table td.num {
        min-width: 95px;
        padding: 0 5px 0 0;
        font-size: 45px;
    }

    .fuel_table td.fuel {
        font-size: 22px;
        vertical-align: bottom;
        padding-bottom: 10px;
    }

    .fuel_table .jc08 img {
        width: 64px;
    }


    #section_performance .pic_full p img {
        width: 100%;
    }


    #section_performance .brightcove {
        position: relative;
        display: block;
    }

    #section_performance .brightcove video,
    #section_performance .brightcove .video-js {
        /*width: 100%!important;
        height: 100%!important;*/
    }

    #section_performance .vjs-control-bar {
        display: none;
    }
    #section_performance .video-js {
        width: 100% !important;
        height: 0 !important;
        padding-top: 56.25% !important;
        overflow: visible;
    }

    #section_performance .brightcove video {
        width: 100% !important;
        height: auto !important;
        position: absolute;
        top: 0;
        left: 0;
    }



    /* ------------------------------------------------------------
*
    #section_movie
*
------------------------------------------------------------ */
    #section_movie {
        margin: 50px 0 5px 0;
    }

    #section_movie .section_inner {
        padding: 0;
    }

    #section_movie h3 {
        margin: 0 0 20px 0;
        padding: 0 15px;
        font-size: 19px;
        line-height: 1em;
    }

    /* ------------------------------------------------------------
    *
    #section_special
    *
    ------------------------------------------------------------ */
    #section_special .detail {
        margin-bottom: 20px;
    }

    #section_special .pic_full {
        width: 100%;
        position: relative;
    }

    #section_special .pic_full p {
        opacity: 0;
    }

    #section_special .pic_full p,
    #section_special .pic_full img {
        font-size: 0;
        line-height: 0;
    }

    #section_special .pic_full div,
    #section_special .pic_full p {
        width: 100%;
        float: left;
    }

    /*

    #section_special .pic_full > div,
    #section_special .pic_full >div > div > p {
        width: 50%;
    }
*/

    #section_special .pic_full p img {
        width: 100%;
    }



    /*-----------------------------------------------*/
    /*device_sp_only & switch_sp*/

    /*-----------------------------------------------*/
    /* .init_screen:after {
  background-size:25% auto;
} */


    /* ------------------------------------------------------------
*
    #section_news
*
------------------------------------------------------------ */
    #section_news {
        margin: 0 0 10px 0;
    }

    #section_news .section_inner {
        padding: 0;
    }

    #section_news h3 {
        margin: 0 0 20px 0;
        padding: 0 15px;
        font-size: 19px;
        line-height: 1em;
    }

    #section_movie .modal_mov_open object,
    #section_movie .modal_mov_open iframe {
        width: 100%;
        height: auto;
    }


    /* ------------------------------------------------------------
*
    #section_btm_contents
*
------------------------------------------------------------ */
    #section_btm_contents {
        padding: 0 15px 60px 15px;
        margin: 0;
        background-color: #fff;
    }

    #section_btm_contents h4 {
        margin: 0 0 20px 0;
        font-size: 19px;
        text-align: left;
        white-space: nowrap;
        line-height: 1.261em;
    }

    /* ------------------------------
    .user
------------------------------ */
    #section_btm_contents .box_link {
        -webkit-transition: opacity .1s ease;
        transition: opacity .1s ease;
        position: relative;
    }

    #section_btm_contents .user {
        height: 100%;
        overflow: hidden;
    }

    #section_btm_contents .user .col_left {
        width: 105px;
        min-width: 105px;
        height: 80px;
        margin: 0 0 15px 0;
        float: left;
        overflow: hidden;
        text-align: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;

    }

    #section_btm_contents .user .col_left img {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 80px;
    }

    #section_btm_contents .user .col_right {
        width: auto;
        height: 80px;
        padding: 0 0 0 10px;
        display: table;
        box-sizing: border-box;
        float: left;
    }

    #section_btm_contents .user .col_right .layout {
        display: table-cell;
        vertical-align: middle;
    }

    #section_btm_contents .user .col_right .more {
        display: none;
    }

    #section_btm_contents .user .col_right .desc {
        display: none;
    }

    #section_btm_contents .user h5 {
        max-width: 175px;
        margin: 15px 0 10px 0;
        font-size: 18px;
        line-height: 1.2em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #section_btm_contents .user .date {
        margin: 0 0 15px 0;
        font-size: 11px;
        color: #444;
    }

    #section_btm_contents .user .desc {
        clear: both;
        margin: 0 0 3px 0;
        height: 2.8em;
        overflow: hidden;
        font-size: 14px;
        line-height: 1.5em;
    }

    #section_btm_contents .user .more {
        clear: both;
        font-size: 14px;
        line-height: 1.5em;
    }

    #section_btm_contents .user_voice {
        margin: 0 0 50px 0;
        padding: 0 0 15px 0;
    }


    /* ------------------------------
    .store
------------------------------ */
    #section_btm_contents .store h4 {
        border: none;
        margin: 0 0 10px 0;
    }

    #section_btm_contents .store img {
        width: 100%;
        height: auto;
        margin: 20px 0 0 0;
    }

    #section_btm_contents .store .desc {
        margin: 0 0 10px 0;
        font-size: 14px;
        line-height: 1.5em;
    }

    #rt-personalize-area-a,
    #section_btm_contents .store .detail {
        text-align: center;
        font-size: 14px;
        margin: 5px auto;
    }

    #rt-personalize-area-a a:after,
    #section_btm_contents .store .detail a:after {
        width: 17px;
        height: 17px;
        background-size: 17px;
        right: -5px;
    }

    #section_btm_contents .honda_store {
        margin: 0 0 70px 0;
    }

    #section_btm_contents .honda_cars {
        margin: 0 0 40px 0;
    }

    /* ------------------------------
    .mail_magazine
------------------------------ */
    #section_btm_contents .mail_magazine {
        margin: 0 0 50px 0;
        padding: 25px 0;
        overflow: hidden;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }

    #section_btm_contents .mail_magazine h4 {
        margin: 0;
        font-size: 20px;
        line-height: 1.4em;
        border: none;
    }

    #section_btm_contents .mail_magazine .desc {
        margin: 0 0 10px 0;
        font-size: 14px;
        line-height: 1.5em;
    }

    #section_btm_contents .mail_magazine .btn {
        text-align: center;
    }

    #section_btm_contents .mail_magazine .btn a {
        padding: 10px 0;
        display: block;
        background-color: #4a4f54;
        font-size: 15px;
        line-height: 1.466em;
        color: #fff;
        text-decoration: none;
    }

    /* ------------------------------
    #section_caution
------------------------------ */
    #section_caution {
        margin-top: -20px;
        padding: 0;
        margin-bottom: 0;
    }
	
	#section_caution.ua_add {
		margin-top: 0 !important;
	}

    .section h3 {
        font-size: 27px;
    }

    .section h3 span {
        display: block;
    }

    .pic_full .pcBox {
        display: none;
    }

    .section__imagBox {
        margin-bottom: 12px;
        padding: 0 15px;
    }

    .section__imagBox img {
        width: 100%;
    }

    #section_saftey {
        background-color: #fff;
    }


    .pc {
        display: none;
    }

    /* ------------------------------
    #メーター
    ------------------------------ */
    /* 右テーブル 打ち消し用定義 */
    #section_ecology .fuel_table #rightTable td.num {
        min-width: auto;
        padding: 0 5px 0 0;
        font-size: 24px;
    }

    #section_ecology .fuel_table table.fuel_tableMode {
        font-size: 14px;
        line-height: 1.4 !important;
        padding-left: 15px;
        width: 290px;
    }

    #section_ecology .fuel_table th.jc08 p {
        font-weight: bolder;
        font-size: 14px;
        letter-spacing: .07rem;
    }

    #section_ecology .fuel_table th.jc08 p .small {
        font-weight: normal;
        letter-spacing: .01em;
    }

    #section_ecology .fuel_table #rightTable .dtlBox p {
        font-size: 14px;
        line-height: 1.4 !important;
        padding-left: 15px;
    }

    #section_ecology .fuel_table #rightTable br {
        display: block !important;
    }

    #section_ecology .fuel_table #rightTable .fuel p {
        font-size: 20px;
    }

    #section_ecology .fuel_table table {
        margin-bottom: 12px;
    }

    #section_ecology .fuel_table_spTextBox {
        font-size: 20px;
        font-weight: bold;
        margin: 0 auto 20px !important;
        width: 290px;
    }



    .slider {
        overflow: hidden;
        position: relative;
        width: 100%;
        padding-top: 52.7%;
    }

    .slider li {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
    }

    .slider li:first-child {
        transform: scale(1.15, 1.15);
        z-index: 2;
    }

    .slider li:first-child {
        transition: transform 6s linear;
    }

    .slider li.on {
        transform: scale(1, 1);
    }


}