@charset "utf-8";

@media screen and (min-width : 0px) and (max-width : 1139px) {
    body {
        min-width: 320px;
    }
    
    .forSP {
    }
    .forPC {
        display: none !important;
    }
    
    #header {
        padding: 0px;
    }

    #header_bk {
        height: 116px;
    }
    
    #header2 {
        background-color: #FFFFFF;
    }
    
    #header2 .header_content {
        width: 100%;
        line-height: 1.4em;
        height: 116px;
    }
    
    #header2 #logo {
        padding-top: 7px;
        display: table;
        table-layout: auto;
        width: 100%;
    }

    #header2 #logo .brand_logo {
        padding-left: 14px;
        vertical-align: middle;
    }
    
    #header2 #logo .brand_logo img {
        width: 60px;
        padding-right: 4px;
    }

    #header2 #logo .dealer_logo {
        float: none;
        padding: 8px 0px 0px 0px;
        margin: 0px;
        display: block;
        vertical-align: middle;
        text-align: center;
        width: 100%;
    }

    #header2 #logo .dealer_logo .site_title {
        background-color: #e2e2e2;
        display: table;
        width: 100%;
        line-height: 40px;
    }
    
    #header2 #logo .dealer_logo .site_title span {
        font-size: 20px;
        display: table-cell;
        width: 100%;
        vertical-align: middle;
        height: 40px;
        text-align: center;
    }
    
    #sp_modal_overlay {
        z-index: 10;
        display: none;
        position: absolute;
        top: 59px;
        left: 0;
        width: 100%;
        height: 400%;
        background-color:rgba(0,0,0,0.75);
    }
    
    #page_caption {
        font-size: 16px;
        padding-left: 12px;
        padding-right: 12px;
    }

    .brand_block {
        width: 100% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    
    #sp_menu_a_button {
        position: absolute;
        top: 15px;
        right: 68px;
    }
    
    #sp_menu_b_button {
        position: absolute;
        top: 15px;
        right: 12px;
    }

    #sp_menu_a {
        display: none;
        z-index: 20;
        position: absolute;
        top: 116px;
        left: 0px;
        width: 100%;
        border-top: 1px solid #B2B2B2;
    }
    
    #sp_menu_b {
        display: none;
        z-index: 20;
        position: absolute;
        top: 116px;
        left: 0px;
        width: 100%;
    }

    #sp_menu_b ul {
        list-style-type: none;  
        margin: 0;  
        padding: 0; 
    }
    
    #sp_menu_b > ul {
        border-top: 1px solid #B2B2B2;
    }

    #sp_menu_b ul li {
        background-color: #FFFFFF;
        width: 100%;
        margin: 0;  
    }

    #sp_menu_b ul li a {
        display: block;
        padding: 12px;
        font-weight: normal;
        font-size: 16px;
        border-bottom: 1px solid #DDDDDD;
    }
    
    #sp_menu_b ul li .child a {
        font-size: 14px !important;
        padding-left: 16px;
    }
    
    #sp_menu_b ul li a:hover {
        background-color: #FBFBFB;
        border-bottom: 1px solid #D8D8D8;
    }

    #sp_menu_b ul .close > a:after {
        content: "\00a0";
        width: 16px;
        right: 16px;
        position: absolute;
        background: rgba(0, 0, 0, 0) url("/fab/javax.faces.resource/img/arrow_down.png.xhtml") no-repeat scroll right center;
        vertical-align: middle;
    }

    #sp_menu_b ul .open > a {
        color: #FFFFFF;
        background-color: #000000;
    }
    
    #sp_menu_b ul .open ul li {
        background-color: #EEEEEE;
    }
    
    #sp_menu_b ul .open > a:hover {
        background-color: #000000;
        border-bottom: 1px solid #D8D8D8;
    }
    
    #sp_menu_b ul .open > a:after {
        content: "\00a0";
        width: 16px;
        right: 16px;
        position: absolute;
        background: rgba(0, 0, 0, 0) url("/fab/javax.faces.resource/img/arrow_up.png.xhtml") no-repeat scroll right center;
        vertical-align: middle;
    }
    
    #sp_menu_b ul .has_child .child {
        display: none;
    }
    
    #sp_menu_b ul .cap {
        background-color: #E1E1E1 !important;
        border-bottom: 1px solid #DDDDDD;
        padding: 8px 16px 8px 16px;
        font-size: 14px;
    }
    
    #sp_menu_b .current-menu {
    }
    
    #sp_menu_a .sp_menu_a_item a {
    }
    
    #sp_menu_a .sp_menu_a_item a .icon_close {
        display: block;
        text-align: left;
        background-color: #FFFFFF;
        border-bottom: 1px solid #DDDDDD;
        width: 100%;
    }
    
    #sp_menu_a .sp_menu_a_item a .icon_open {
        display: none;
        text-align: left;
        background-color: #9E0516;
        border-bottom: 1px solid #B2B2B2;
        width: 100%;
    }
    
    #sp_menu_a .sp_menu_a_item span {
        vertical-align: middle;
    }
    #sp_menu_a .sp_menu_a_item .icon img {
        vertical-align: middle;
    }
    
    #sp_menu_a .sp_menu_a_item a .icon_close .icon {
        display: inline-block;
        background-color: #FFFFFF;
        vertical-align: middle;
        text-align: center;
        width: 46px;
        padding: 8px 2px 8px 6px;
    }
    
    #sp_menu_a .sp_menu_a_item a .icon_open .icon {
        display: inline-block;
        background-color: #9E0516;
        vertical-align: middle;
        text-align: center;
        width: 46px;
        padding: 8px 2px 8px 6px;
    }
    
    #sp_menu_a .sp_menu_a_item a .icon_close .txt {
        display: inline-block;
        background-color: #FFFFFF;
        vertical-align: middle;
        padding: 8px 6px 8px 2px;
        font-weight: normal;
    }
    
    #sp_menu_a .sp_menu_a_item a .icon_open .txt {
        display: inline-block;
        background-color: #9E0516;
        vertical-align: middle;
        color: #FFFFFF;
        padding: 8px 6px 8px 2px;
        font-weight: normal;
    }
    
    #sp_menu_a_item1 {
        
    }
    
    #sp_menu_a_item2 {
        
    }
    
    #sp_menu_a_item3 {
        
    }
    
    #content_block {
        width: 100%;
        padding: 16px 0px 0px 0px;
    }
    
    #sp_footer {
        border-top: solid 1px #333333;
        background-color: #333333;
        margin: 0px 0px 0px 0px;
        padding: 20px 0px 0px 0px;
        width: 100%;
    }

    #sp_footer .footer_menu {
        text-align: left;
        margin: 0px 12px 0px 12px;
    }

    #sp_footer .footer_menu a {
        display: block;
        white-space: nowrap;
        line-height: 2.5em;
        color: #808080;
        position: relative;
    }
    
    #sp_footer .footer_menu a span {
        padding-left: 24px;
    }
    
    #sp_footer .footer_menu a:before {
        color: #CCCCCC;
        position: absolute;
        left: 0px;
        display: inline-block;
        content: '＞';
    }
    
    #sp_footer .footer_menu a:hover {
        background-color: #404040;
    }

    #sp_footer .footer_menu a img {
        padding-right: 8px;
    }
    
    #sp_footer .footer_menu a span {
        position: relative;
        top: -2px;
        font-size: 14px;
    }
    
    #sp_footer .footer_menu a span img {
        position: relative;
        padding-right: 6px;
        vertical-align: middle;
    }
    
    #footer .footer_content {
        width: 100%;
        margin: auto;
    }
    
    #footer .footer_content .copyright {
        padding-top: 24px;
    }
    
    .menu_tooltip {
        color: #808080;
        font-size: 10px;
        margin: 11px 0px 0px 0px;
    }
    
    #benvenuto_title {
        margin-top: 0px;
        padding-bottom: 0px;
    }

    #benvenuto_title h2 {
        padding: 0px;
        margin-bottom: 6px;
        text-align: center;
    }
    
    /*award*/
    /* award紹介文*/
    #content_block .spAw-area {
        padding: 0px 12px 0px 12px;
        text-align:right;
        margin-bottom:1em;
    }


    #content_block .spAw-area .aw-icon {
        vertical-align: bottom;
        display: inline-block;
    }


    #content_block .spAw-area .aw-icon.e-expart {
        float: left;
        padding-top: 1.5em;
    }
    #content_block .aw-icon img {
        max-width: 80px;
        max-height: 80px;
    }

    #content_block .spAw-area .aw-icon.e-expart img {
        max-width: 120px;
        max-height: 120px;
    }

    .spAw-modal-overlay {
           display: none;
           width: 100%;
           height: 100%;
           background-color: #FFFFFF;
           opacity: 0.6;
           position: fixed;
           top: 0;
           left: 0;
           z-index: 999;
    }

    .spAw-modal {
           display: none;
           font-size: 10.5px;
           line-height: 1.8;
           color: #FFFFFF;
           width: 80%;
           background-color: #444444;
           opacity: 0.95;
           position: fixed;
           left: 0;
           right: 0;
           margin-left: auto;
           margin-right: auto;
           z-index: 1000;
    }
    .spAw-modal p {
           display: none;
           padding: 12px;
    }
    
    /* award店舗情報 */
    #content_block .sub_block .spAw-area {
        text-align:left;
        padding:0;
        margin-top:1em;
        margin-bottom:2em;
    }

    #content_block .sub_block .spAw-area .aw-icon {
        vertical-align: bottom;
        display: inline-block;
    }

    #content_block .sub_block .spAw-area .aw-icon.e-expart {
        float: none;
        background-image: url("/fab/javax.faces.resource/img/icon_vertical_blk.png.xhtml");
        width:101px;
        height:29px;
        padding:0;
    }
    #content_block .sub_block .spAw-area .aw-icon img {
        max-width: 80px;
        max-height: 80px;
    }

    #content_block .sub_block .spAw-area .aw-icon.e-expart img {
        display:none;
    }
    /*award END*/
    
    #sp_top_message {
        margin: 0px;
        padding: 12px 12px 24px 12px;
    }
    
    #sp_top_message,
    #sp_top_message span,
    #sp_top_message a,
    #sp_top_message div {
        font-size: 16px;
        line-height: 1.7em;
    }
    
    #sp_top_message div {
        text-align: right;
    }
    
    #benvenuto_banner {
        padding-bottom: 16px;
    }
    
    #benvenuto_banner img {
        max-width: 100%;
    }
    
    .truncate_more_link {
        padding: 4px 6px 0px 6px;
        font-size: 14px !important;
        color: #b11636;
        text-decoration: underline;
    }
    
    .sub_block {
        padding: 24px 12px 24px 12px;
    }
    
    .sub_block_wide .sub_block_wide_inner {
        padding: 24px 12px 24px 12px;
    }
    
    .sub_block2 {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
    
    .showroom_info_area .showroom_info table {
        padding-top: 12px;
    }
    
    .showroom_info_area .showroom_info th {
        padding: 2px 8px 2px 0px;
        width: 4em;
    }
    
    h2 .top_subtitle {
        font-size: 24px;
    }
    
    .sp_button_r {
        position: relative;
        margin-top: 12px;
        background-color: #9E0516;
        width: 100%;
    }
    
    .sp_button_r a {
        display: block;
        width: 100%;
        vertical-align: middle;
        text-align: center;
        background-color: #9E0516;
        color: #FFFFFF;
    }
    
    .sp_button_r a:after {
        border-color: #FFFFFF;
        position: absolute;
        top: 50%;
        right: 20px;
        display: inline-block;
        content: '';
        width: 12px;
        height: 12px;
        transform: translateY(-50%) rotate(45deg);
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
    }
    
    .sp_button_r img {
        position: relative;
        vertical-align: middle;
        padding-right: 3px;
        max-width: 30px;
    }
    
    .sp_button_r .txt {
        line-height: 64px;
        font-size: 16px;
    }
    
    /* --------------- */
    
    .sp_request_buttons ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
    
    .sp_request_buttons li {
        margin: 0;
        padding: 0;
    }
    
    .sp_request_buttons>ul {
        position: relative;
        width: 100%;
    }
    
    .sp_request_buttons>ul>li {
        position: relative;
        margin-top: 6px;
    }
    
    .sp_request_buttons>ul>li>a {
        position: relative;
        display: block;
        background-color: #9E0516;
        vertical-align: middle;
        text-align: center;
        color: #FFFFFF;
        padding: 12px 12px 12px 12px;
    }
    
    .sp_request_buttons .opened {
        background-color: #000000;
    }
    
    .sp_request_buttons .opened:after {
        border-color: #FFFFFF;
        position: absolute;
        top: 50%;
        right: 16px;
        display: inline-block;
        content: '';
        width: 8px;
        height: 8px;

        transform: translateY(-70%) rotate(135deg);
        border-top: 1px solid #FFFFFF;
        border-right: 1px solid #FFFFFF;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    
    /* child */
    .sp_request_buttons>ul>li>ul {
        display: none;
        position: absolute;
        z-index: 100;
        width: 100%;
    }
    
    .sp_request_buttons>ul>li>ul>li {
        position: relative;
    }
    
    .sp_request_buttons>ul>li>ul>li>a {
        position: relative;
        display: block;
        background-color: #FFFFFF;
        vertical-align: middle;
        text-align: left;
        color: #333333;
        padding: 12px 12px 12px 12px;
        border: 1px solid #E0E0E0;
        border-top: none;
    }
    
    .sp_request_buttons>ul>li>ul>li>a:hover {
        background-color: #F8F8F8;
    }
    
    .sp_request_buttons a img {
        position: relative;
        vertical-align: middle;
        padding-right: 6px;
        max-width: 34px;
    }
    
    .sp_request_buttons a .closed_icon {
        display: inline;
    }
    
    .sp_request_buttons a .opened_icon {
        display: none;
    }
    
    .sp_request_buttons .txt {
        line-height: 1.4em;
        font-size: 14px;
        padding-right: 6px;
    }
        
    #top_news_area {
        border-top: 1px solid #EEEEEE;
        margin-top: 12px;
        padding-top: 14px;
    }
    
    #top_news_area h2 {
        margin: 10px 0px 10px 0px;
    }
    
    #top_news_area .page_subtitle_area .page_subtitle {
        font-size: 22px;
        color: #b11636;
        font-weight: bold;
        border-bottom: none;
        padding: 12px 5px 5px 5px;
        margin: 8px 0px 14px 0px;
    }
    
    .page_subtitle_area .page_subtitle {
        font-size: 22px;
    }
    
    .page_subtitle_area .page_subtitle span {
        font-size: 22px;
    }
    
    .article .page_subtitle_area .page_subtitle,
    .blog .page_subtitle_area .page_subtitle {
        font-size: 20px;
        border-bottom: 1px solid #CCCCCC;
        margin-bottom: 4px;
    }

    .top_news_detail_button .view_button {
        background-color: #FFFFFF;
    }

    .top_news_detail_button .view_button .btn {
        border: 1px solid #9E0516;
    }
    
    .top_news_detail_button .view_button .btn .txt {
        color: #9E0516;
    }
    
    .top_news_detail_button .view_button .btn:after {
        border-color: #9E0516;
    }

    #top_news_info {
        padding-top: 6px;
    }
    #top_news_blog {
        padding-top: 24px;
        display: block !important;
    }

    #top_news_area .news_items {
        position: relative;
    }
    
    #top_news_area .news_item_sp {
    }

    #top_news_area .news_item_sp table {
        width: 100%;
        padding: 0px;
        margin: 0px;
        border: none;
    }

    #top_news_area .news_item_sp table tr td:first-child {
        padding-right: 6px;
    }
    
    #top_news_area .news_item_sp table tr td:nth-child(2) {
        padding-left: 6px;
    }
    
    #top_news_area .news_item_sp table tr td:nth-child(n + 3) {
        display: none;
    }
    
    #top_news_area .news_item_sp .img-col {
        vertical-align: top;
        text-align: center;
        width: 50%;
    }

    #top_news_area .news_item_sp .img-col img {
        max-width: 100%;
        max-height: 320px;
    }

    #top_news_area .news_item_sp .text-col {
        padding-top: 3px;
        vertical-align: top;
        text-align: left;
        font-size: 14px;
    }

    #top_news_area .news_item_sp .text-col .prop {
    }

    #top_news_area .news_item_sp .text-col .title {
        padding-top: 3px;
    }

    #top_news_area .news_item_sp .text-col .title a {
        color: #b11636;
        font-size: 16px;
        font-weight: bold;
    }
    
    .top_news_detail_button {
        padding-top: 24px;
        padding-bottom: 0px;
    }
    
    #sp_top_request {
        border-top: 1px solid #EEEEEE;
        margin-top: 24px;
        padding-bottom: 0px;
        padding-top: 18px;
    }
    
    .recruit_banner_sp {
        border-top: solid 1px #EEEEEE;
        margin: 24px 0px 12px 0px;
        padding: 24px 12px 12px 12px;
        text-align: center;
    }
    .recruit_banner_sp img {
        width: 100%;
        max-width: 708px;
    }
    
    #page_title {
        padding: 0px 0px 22px 0px;
        font-size: 22px;
    }
    
    .swiper-slide {
        text-align: center;
    }
    
    #showroom_swiper_sp .width-max img {
        width: 90%;
    }
    
    .my-swiper-bullet {
        margin: 0 3px;
    }
    
    .sp_category {
        background-color: #EBEBEB;
        border-top: solid 1px #282828;
        padding: 16px 0px 16px 0px;
        width: 100%;
    }

    .sp_category > div {
        display: table-cell;
        vertical-align: middle;
    }
    
    .sp_category .category_title {
        float: left;
        padding-left: 12px;
        font-weight: bold;
        font-size: 14px;
    }
    
    .sp_category select {
        float: right;
        width: 190px;
        margin-right: 12px;
    }
    
    .page_nav {
        border-top: solid 1px #6F6F6F;
        margin: 0px 0px 0px 0px;
        padding: 16px 0px 12px 0px;
        width: 100%;
    }

    .page_nav .prev_btn {
        float: left;
        padding-left: 12px;
        font-size: 14px;
    }

    .page_nav .next_btn {
        float: right;
       padding-right: 12px;
       font-size: 14px;
    }

    .page_nav .prev_btn img {
       vertical-align: top;
       padding-top: 0px;
    }

    .page_nav .next_btn img {
       vertical-align: top;
       padding-top: 0px;
    }
    
    .swiper-container img {
        max-width: 100%;
    }
    
    #page_message {
        text-align: left;
        padding: 12px;
    }
    
    .showroom_info_area .showroom_info {
        float: none;
        width: 100%;
    }
    
    .showroom_info_area .map {
        float: none;
        width: 100%;
        padding-top: 24px;
    }
    
    .showroom_info_area .map iframe {
        width: 100%;
    }
    
    .view_button {
        background-color: #FFFFFF;
    }

    .view_button .btn {
        border: 1px solid #b11636;
    }
    
    .view_button .txt {
        color: #b11636;
    }
    
    .view_button .btn:after {
        border-color: #b11636;
        border-top: 1px solid #b11636;
        border-right: 1px solid #b11636;
    }
    
    #top_cars_area .view_button {
        background-color: #b11636;
        margin-top: 16px;
    }
    
    #top_cars_area .view_button .btn {
        border: 1px solid #b11636;
    }
    
    #top_cars_area .view_button .txt {
        color: #FFFFFF;
    }
    
    #top_cars_area .view_button .btn:after {
        border: none !important;
    }
    
    .indoorview iframe {
        width: 100%;
    }
    
    .staff_item {
        display: block;
    }
    
    .staff_item .staffphoto {
        float: none;
        width: calc(100% - 12px);
        padding-bottom: 12px;
        text-align: center;
    }
    
    .staff_item .prop {
        float: none;
        width: 100%;
    }

    .staff_item .staffphoto img {
        max-width: 400px;
        width: 100%;
        max-height: 1024px;
    }
    
    .staff_item .name {
        font-size: 16px;
    }

    .staff_item .job {
        font-size: 14px;
        padding: 0px 0px 12px 0px;
    }

    .staff_item .introduction {
        font-size: 14px;
        line-height: 1.7em;
    }

    .staff_item .blog {
        padding-top: 12px;
    }

    .staff_item .blog img {
        padding-right: 6px;
    }

    .staff_item .blog a {
        font-size: 14px;
    }
    
    .accessory_item {
        width: 100%;
    }
    
    .accessory_item .accessory_image {
        width: 95%;
        float: none;
        margin: 0 auto;
    }

    .accessory_item .accessory_image .swiper-container img {
        max-width: 400px;
        max-height: 1000px !important;
        width: 95%;
    }
    .accessory_item .accessory_prop {
        padding-top: 12px;
        width: 100%;
    }
    
    .accessory_item .name {
        font-size: 18px;
    }

    .accessory_item .price {
        font-size: 18px;
    }

    .my-swiper-bullet-s {
        width: 30px;
        height: 6px;
        margin-left: 4px;
        margin-right: 4px;
    }

    .my-active-swiper-bullet-s {
        width: 30px;
        height: 6px;
        margin-left: 4px;
        margin-right: 4px;
    }
    
    .related_page_contents {
        width: 100%;
    }
    
    .related_page .related_page_item {
        width: 100%;
        margin-left: 0px;
    }
    
    .related_page_s {
        position: relative;
        text-align: center;
    }
    
    .related_page_s .related_page_contents {
        padding-top: 0px;
        position: relative;
    }
        
    .related_page_item:nth-child(n + 2) {
        padding-top: 24px;
    }
    
    .related_page_s .related_page_contents .related_page_item {
        padding-top: 24px;
    }
    
    .related_page_item .image {
        text-align: center;
        height: auto !important;
    }
    
    .related_page_item .image img {
        max-height: 1000px !important;
        width: 95%;
        height: auto;
    }
    
    #showroom_owners_voice {
        padding-bottom: 32px;
    }
    
    #service_blog {
        padding-bottom: 20px !important;
    }
    
    
    .related_page .related_page_item .title a {
        font-size: 18px;
    }
    
    /* ------------------------ */
    
    .related_page_s .related_page_contents {
        width: 100%;
    }

    .related_page_s .related_page_item {
        float: left;
        position: relative;
        width: calc(50% - 12px);
        max-width: 320px;
        height: auto;
        margin-left: 12px;
        text-align: left;
    }

    .related_page_s .related_page_item .title a {
        font-size: 16px;
    }

    #service_program .related_page_contents div:nth-child(n + 4) {
        display: none;
    }

    #service_program_head {
        text-align: center;
        display: block;
        width: 100%;
        margin: auto;
        padding: 20px 0px 0px 0px;
    }

    #service_program_head .brand_button {
        width: auto;
    }

    #service_program_head .brand_button span {
        width: auto;
        padding-left: 16px;
        padding-right: 16px;
    }

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

    .car_item {
        margin-top: 30px;
        display: block;
    }

    .car_item .car_image {
        display: block;
        text-align: center;
        width: auto;
    }

    .car_item .car_image .image_item {
        display: block;
        float: none;
        text-align: center;
    }

    .car_item .car_image .image_item img {
    }

    .car_item .car_image div:first-child img {
        max-width: 400px;
        max-height: 1000px;
        width: 100%;
        height: auto;
        padding: 0px;
    }

    .car_item .car_image div:nth-child(2) {
        display: none;
    }

    .car_item .car_image div:nth-child(3) {
        display: none;
    }

    .car_item .car_prop {
        position: relative;
        display: block;
        width: auto;
        height: auto;
        vertical-align: top;
        padding-top: 12px;
    }

    .car_item .car_prop .name span {
        font-size: 18px;
        padding-left: 26px;
        font-weight: bold;
    }

    .car_item .car_prop .spec {
        padding-top: 12px;
    }

    .car_item .car_prop .spec .spec_head {
    }

    .car_item .car_prop .spec .spec_value {
        padding: 6px 2px 6px 10px;
    }

    .car_item .car_prop .car_detail_button {
        position: relative;
        bottom: auto;
        width: 90%;
    }

    .car_item .car_prop .car_detail_button {
        position: relative;
        bottom: auto;
        padding-top: 12px;
        width: 100%;
    }
    
    .detail_button .btn {
        width: 1000px;
    }

    .detail_button .txt {
        font-size: 16px;
    }

    .cars_index_button {
        margin: 0px;
        padding: 20px 12px 20px 12px;
        border-top: 1px solid #282828;
        text-align: center;
    }
    
    .cars_index_button .view_button .btn {
       width: 1000px;
    }
    
    .cars_index_button .view_button .btn .txt {
        color: #FFFFFF;
        font-size: 16px;
    }
    
    #car_detail {
        padding-top: 12px;
    }
    
    #car_detail .car_prop {
        padding: 20px 12px 20px 12px;
    }
    
    #car_detail .car_prop .name span {
        font-size: 20px;
    }
    
    #car_detail .car_prop .spec_list {
        width: 100%;
    }
    
    #car_detail .car_prop .spec {
        min-width: 300px;
        float: none;
    }

    #car_detail .car_prop .spec .spec_head {
        padding: 3px 0px 3px 0px;
        width: 150px;
        font-size: 14px;
    }

    #car_detail .car_prop .spec .spec_value {
        font-size: 14px;
        padding: 3px 10px 3px 10px;
    }
    
    #car_detail .car_info_button {
        margin-top: 0px;
        margin-bottom: 24px;
        margin-left: 12px;
    }

    #car_detail .car_info_button a {
        width: calc(100% - 16px);
        padding: 12px 0px 12px 0px;
    }

    #car_detail .car_info_button a .txt {
        font-size: 16px;
    }
    
    #car_detail .car_detail_button {
        padding-bottom: 8px;
    }

    #car_detail .car_detail_button div:first-child {
        padding-left: 12px;
        width: calc(100% - 12px);
    }

    #car_detail .car_detail_button .request_button {
        display: inline-block;
        padding-left: 12px;
        width: calc(100% - 12px);
        margin-bottom: 12px;
    }

    #car_detail .car_detail_button .request_button a {
        display: inline-block;
        background-color: #b11636;
        width: calc(100% - 12px);
        text-align: center;
        padding: 10px 0px 10px 0px;
    }

    #car_detail .car_detail_button .request_button a span {
        color: #FFFFFF;
        font-size: 16px;
        font-weight: bold;
    }

    /* -------------------------- */
    
    .home_button_area {
        border-top: solid 1px #282828;
        background-color: #FFFFFF;
        margin: 0px 0px 0px 0px;
        padding: 12px 0px 16px 0px;
        width: 100%;
    }
    
    .home_button_area .home_button {
        padding-left: 12px;
        float: left;
    }
    
    .home_button_area .scrolltop {
        padding-right: 12px;
        float: right;
        color: #333333;
    }
    
    .home_button_area .home_button_btn {
        float: left;
    }
    
    .home_button_area .home_button_btn img {
        width: 26px;
        height: 26px;
        position: relative;
        top: 7px;
    }
    
    .home_button_area .home_button_btn span {
        padding-left: 4px;
        font-size: 14px;
    }
    
    .scrolltop {
        padding-top: 0px;
        text-align: right;
    }

    .scrolltop_btn {
        display: inline-block;
        cursor: pointer;
    }

    .scrolltop img {
        width: 26px;
        height: 26px;
        position: relative;
        top: 7px;
    }

    .scrolltop span {
        font-weight: bold;
        padding-left: 4px;
        font-size: 14px;
    }
    
    .car_item .sp_car_link {
        padding-top: 4px;
    }

    .car_item .sp_car_link .car_shijo_button {
        display: inline-block;
        margin-top: 8px;
        margin-right: 10px;
    }

    .car_item .sp_car_link .car_shijo_button .view_button .btn {
        width: 240px;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .car_item .sp_car_link .car_shijo_button .view_button {
        background-color: #b11636 !important;
    }

    .car_item .sp_car_link .car_shijo_button .view_button .txt {
        color: #FFFFFF !important;
    }

    .car_item .sp_car_link .car_info_button {
        display: inline-block;
        margin-top: 8px;
    }

    .car_item .sp_car_link .car_info_button .view_button .btn {
        width: 240px;
        padding-top: 12px;
        padding-bottom: 12px;
    }
    
    .sp_article_item {
        border-top: 1px solid #6F6F6F;
        border-bottom: none;
        padding: 16px 12px 16px 12px;
        margin: 0px;
    }
    
    .sp_article_item table {
        width: 100%;
    }
    
    .sp_article_item table .td1 {
        text-align: left;
        vertical-align: top;
    }
    
    .sp_article_item table .td2 {
        width: 40px;
        text-align: right;
        vertical-align: middle;
    }
    
    .sp_article_item a {
        font-weight: normal;
    }
    
    .sp_article_item .title {
        color: #b11636;
        padding-top: 4px;
        font-size: 16px;
        font-weight: bold;
    }
    
    #company_image {
        width: 100%;
        margin: auto;
    }

    #company_image img {
        max-width: 100%;
    }
    
    #content_block > #page_message {
        padding-left: 12px;
        padding-right: 12px;
    }
    
    .info_table {
        margin-top: 12px;
        margin-left: 6px;
        margin-right: 6px;
        margin-bottom: 32px;
    }
    .info_table table {
        width: 100%;
        border-collapse: collapse;
    }
    .info_table th {
        width: 100px;
    }
    .info_table td {
        width: auto;
    }
    
    .section {
        margin-top: 16px;
        padding-top: 16px;
    }

    .section .img {
        text-align: center;
    }

    .section .txt {
        text-align: left;
    }
    
    #article_page {
        border: none;
    }
    
    #article_page .article {
        border: none;
        padding: 0px 12px 12px 12px;
        margin-top: 2px;
    }
    
    #article_page .article .article_nav {
        margin-top: 12px;
        padding-top: 20px;
        padding-bottom: 6px;
    }
    
    .share {
        float: none;
        padding-top: 12px;
        padding-bottom: 0px;
    }

    .share_button {
        padding-right: 4px;
        vertical-align: bottom;
    }

    .link_area {
        padding-top: 20px;
    }
    
    .gallery_thumbnail {
        display: none;
    }
    
    .sr_gallery_thumbnail {
        display: none;
    }
    
    /* -----------------------------*/
    
    #blog_list > div:nth-child(3n + 1) {
        margin-left: 24px;
    }
    
    #blog_list {
        padding-bottom: 20px;
        width: 100%;
    }

    #blog_list .blog_item {
        width: calc(50% - 75px);
        margin-top: 20px;
    }

    #blog_list .blog_item .thumbnail img {
       /* width: 100%; */
       /* height: auto; */
    }
        
    .view_button .txt {
        color: #b11636;
    }
    
    #blog_list .blog_item .view_button {
        background-color: #b11636;
        position: relative;
        width: 100%;
    }
    #blog_list .blog_item .view_button .btn {
        position: relative;
        display: block;
        width: calc(100% - 20px);
    }
    #blog_list .blog_item .view_button .txt {
        width: 100%;
        color: #FFFFFF;
    }
    
    #blog_list .blog_item .view_button .btn:after {
        border-color: #FFFFFF;
        border-top: 1px solid #FFFFFF;
        border-right: 1px solid #FFFFFF;
    }
    
    #blog_page .blog {
        border: none;
        padding: 0px 12px 12px 12px;
        margin-bottom: 20px;
    }

    #blog_page .blog .staff_img {
        display: none;
    }
    
    #blog_page .blog .blog_head {
        padding-bottom: 12px;
    }

    #blog_page .blog .title {
        padding-bottom: 12px;
    }
    
    #blog_page .blog .date {
        padding-top: 12px;
    }

    .blog_archive {
        margin: 10px 10px 0px 10px;
        padding-top: 20px;
        border-top: 1px solid #E2E2E2;
    }
    
    .blog_archive a {
        display: block;
    }
    .blog_archive a:nth-child(2) {
        padding-top: 10px;
        padding-left: 0px;
    }
    
    #top_cars_area .car_item {
        padding: 10px 50px 0px 50px;
        width: calc(50% - 110px);
    }
    
    .tax_alert {
        display: none;
        
        font-size: 13px;
        text-align: center;
        padding: 12px;
    }
    
    .offer {
        display: table-cell;
    }
    
    .offer_image img {
        max-width: 527px;
    }
    
    .offer_image:hover + .offer_comment {
        display: none;
    }
    
    .my-swiper-button-prev {
        left: 5px;
    }

    .my-swiper-button-next {
        right: 5px;
    }
}

@media screen and (min-width : 1038px) and (max-width : 1139px) {
    .related_page_s .related_page_contents {
        width: 1010px;
    }
}

@media screen and (min-width : 700px) and (max-width : 1037px) {
    .related_page_s .related_page_contents {
        width: 680px;
    }
}

@media screen and (min-width : 0px) and (max-width : 1010px) {
    #top_cars_area h2 {
        padding-bottom: 6px;
    }
    
    #top_cars_area .car_item {
        display: block;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        padding: 10px 0px 0px 0px;
        position: relative;
    }
    
    #top_cars_area .car_item:first-child {
        border-right: none;
        padding-bottom: 16px;
    }
    
    #top_cars_area .car_item .car_name {
        white-space: nowrap;
        line-height: 1.9em;
    }
}

@media screen and (min-width : 0px) and (max-width : 699px) {
    .related_page_s .related_page_contents {
        width: 100%;
    }
}

@media screen and (min-width : 0px) and (max-width : 800px) {    
    #blog_list > div:nth-child(3n + 1) {
        margin-left: 10px;
    }

    #blog_list > div:nth-child(2n + 1) {
        margin-left: 10px;
    }

    #blog_list .blog_item {
        padding: 14px 12px 14px 12px;
        margin-left: 10px;
        width: calc(100% - 52px);
        min-width: 300px;
    }
}

@media screen and (min-width : 0px) and (max-width : 526px) {
    .car_info .clearfix {
        display: block;
    }
    
    .car_item .car_img1 {
        width: 100%;
    }
    
    .car_item .car_img1 .swiper-container img {
         max-width: 100%;
    }
    
    .car_item .sp_car_link .car_shijo_button {
        width: 100%;
        display: block;
        margin-right: 0px;
    }
    
    .car_item .sp_car_link .car_shijo_button .view_button {
        display: block;
    }
    
    .car_item .sp_car_link .car_info_button {
        background-color: red;
        width: 100%;
        display: block;
        margin-right: 0px;
    }
    
    .car_item .sp_car_link .car_shijo_button .view_button {
        display: block;
    }
    
    .car_item .sp_car_link .car_shijo_button .view_button a {
        background-color: #b11636 !important;
        display: block;
        margin: 0px;
        padding: 0px;
    }
    
    .car_item .sp_car_link .car_info_button .view_button {
        display: block;
    }
    
    .car_item .sp_car_link .car_info_button .view_button a {
        display: block;
        margin: 0px;
        padding: 0px;
    }
    
    .car_item .sp_car_link .car_shijo_button .view_button .btn {
        width: 100%;
    }

    .car_item .sp_car_link .car_info_button .view_button .btn {
        width: 100%;
    }
    
    .recruite_cp_link1 {
        float: left;
    }
    
    .recruite_cp_link1 a,
    .recruite_cp_link2 a {
        padding: 4px 4px 4px 4px;
    }
}

@media screen and (min-width : 0px) and (max-width : 399px) {
    
    .view_button .btn:after {
        border-top: none;
        border-right: none;
    }
    
    .staff_info clearfix {
        display: block;
    }
    
    .staff_item .staffphoto img {
        max-width: 100%;
    }
    
    
    .car_info .clearfix {
        display: block;
    }
    
    .car_item .car_img2 {
        width: 100%;
    }
    
    .car_item .car_img2 .swiper-container img {
         max-width: 100%;
    }
    #blog_list .blog_item .thumbnail img {
       max-width: 100%;
    }
}

@media screen and (min-width : 0px) and (max-width : 800px){
    #blog_list .blog_item .title{
        height: auto !important;
        min-height: 76px;
    }

    #blog_list .blog_item{
        height: auto !important;
    }

    #blog_list .blog_item .blog_prop{
        padding-bottom: 4px;
    }

    #blog_list .blog_item h2{
        max-height: auto;
        max-height: initial;
    }
}