@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap');



/*フォント変更機能*/
@import url('https://fonts.googleapis.com/css2?family=Kosugi&family=M+PLUS+Rounded+1c&family=Noto+Sans+JP&family=Noto+Serif+JP&display=swap');

*:not(font) {margin:0; padding:0; font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.NotoSerifJP *:not(font):not(.editParts){
    font-family: 'Noto Serif JP' !important;
}

.NotoSansJP *:not(font):not(.editParts){
    font-family: 'Noto Sans JP' !important;
}

.Kosugi *:not(font):not(.editParts){
    font-family: Kosugi !important;
}

.MPLUSRounded1c *:not(font):not(.editParts){
    font-family: 'M PLUS Rounded 1c' !important;
}

.NotoSerifJP:not(font):not(.editParts){
    font-family: 'Noto Serif JP' !important;
}

.NotoSansJP:not(font):not(.editParts){
    font-family: 'Noto Sans JP' !important;
}

.Kosugi:not(font):not(.editParts){
    font-family: Kosugi !important;
}

.MPLUSRounded1c:not(font):not(.editParts){
    font-family: 'M PLUS Rounded 1c' !important;
}

body {
    -webkit-text-size-adjust: 100%;
    background:#F5F5F5;
    font-size:0.85rem;
    color:#333;
    word-wrap: break-word;
    overflow-wrap: break-word;
    padding: 90px 0 0 0;
}

a {color:#06f;}
table {border-collapse:collapse;}
ul, li {list-style:none; margin:0; padding:0;}
img {border:none; vertical-align:top; max-width:100%;}

.clearfix:after, ul:after {content:"."; display:block; clear:both; height:0; visibility:hidden;}
.clear {clear:both; margin:0; padding:0;}

#main_img_container:after, #main_contents_container:after, .h2_box_news:after,  .voice_content:after, .box_coupon:after,  .box_flow:after, .box_feature:after,  .plusBlockBtn:after, .box_voice:after,  .box_tokuten:after, .box_promise:after,  .box_free:after, .box_jirei:after,  .campaign_content:after, .box_side_topics:after,  .div_box_company_pict:after, .box_setsubi:after,  .box_staff:after, #car_list_base:after,  #sliderContent:after, .list_con:after, .thumbnail_box:after {content:"."; display:block; clear:both; height:0; visibility:hidden;}

h1, hr, #fixed_menu2, #fixed_menu2_button, #header_png_img, #body_sub #main_img_wrapper, #body_free #main_img_wrapper, #right_box, #floatImage01, #floatImage02, .mb_display, .add_attention_h2, .pict_edit_btn, .side_pict_edit_btn, .side_pict_edit_btn a img, #sidebar_shp_inf, .edit_link_box, .backtop a, .shop_name_btn, .clearBr, .back_page_link, #car_list_base0 .UsedCarEditBtnBlock, #car_list_base0 .import_goo, #car_list_base0 .import_car_sensor, #carListOpenOrClose, #edit_usedcar_carlist_panel, .usedcar_edit_btn, #carDetailHeadBtn, #car_gall ul li#usedcar_add_image, #car_gall .pict_edit_btn_usedcar, div.mega_menu ul, #SmartModeBtnBox, #header p.headadd, #header p.headtel, #header p.headmail, #sns_btn_block, .h3_lead, .ul_lead, #require4dktl, .linktoLinks, #mobile_QR_info, #mobile_QR_info div.QR_innerBlock, #midbox_wrapper h2, #midbox_wrapper .text_left h3, #midbox_wrapper .text_left p, .map_box, #cgmCapClose, .sliderImage span br, #modal_wrapper, #menu_bottom_info {
    display: none;
}

.div_box_feature h3 > b, .box_free h3 > b, .box_voice h3 > b, .box_promise h3 > b, .box_flow h3 > b, .box_coupon h3 > b, .box_tokuten h3 > b, .campaign_content h3 > b, .div_box_faq h3 > b, .plusBlockBtn, .plusBlockBtn2, .plusBlockBtn3, .plusBlockBtn4, .plusBlockBtn5, .plusBlockBtn_side, .price_table_edit_btn_box, .plusBlockBtn_sideLoop, .disnon, .edit_link_box, #tTWndw, .sidebar_ad_banner {
    display:none !important; /*plusBlockBtnが表示されるケースがあるのでimportantを付ける*/
}

/** ヘッダー ********************************************************************/

#header_wrapper {z-index: 12 !important;}

#smt_head_base {
    position:fixed;
    top:0;
    width: 100%;
    z-index: 100;
    background:#666666 url(./../img/copy2open/h_grass.png) no-repeat center top;
    background-size: contain;
    box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.3);
}
span.company_rogo {
    width: 85%; /*calc()非対応*/
    width:calc(100% - 50px); /*calc()対応*/
    display: table;
    table-layout: fixed;
}
.company_rogo a {
    text-shadow:none;
    font-size: 16px;
    font-weight:bold;
    padding: 0 3%;
    height: 50px;
    display: table-cell;
    vertical-align: middle;
    text-decoration:none;
    color:#FFF;
    text-shadow:0px 1px 1px #222222, 0px 0px 1px #222222, 1px 0px 1px #222222, 0px -1px 1px #222222, -1px -1px 1px #222222, -1px 0px 1px #222222, 0px 2px 1px #555555, 0px 1px 1px #555555, 1px 1px 1px #555555, 1px 0px 1px #555555, 2px 0px 1px #555555, 1px -1px 1px #555555, 1px -2px 1px #555555, 0px -2px 1px #555555, -1px -2px 1px #555555, -2px -2px 1px #555555, -2px -1px 1px #555555, -2px 0px 1px #555555, -2px 1px 1px #555555, -1px 1px 1px #555555, 0px 3px 1px #FFF, 0px 2px 1px #FFF, 1px 2px 1px #FFF, 2px 2px 1px #FFF, 2px 1px 1px #FFF, 2px 0px 1px #FFF, 3px 0px 1px #FFF, 2px -1px 1px #FFF, 2px -2px 1px #FFF, 2px -3px 1px #FFF, 1px -3px 1px #FFF, 0px -3px 1px #FFF, -1px -3px 1px #FFF, -2px -3px 1px #FFF, -3px -3px 1px #FFF, -3px -2px 1px #FFF, -3px -1px 1px #FFF, -3px 0px 1px #FFF, -3px 1px 1px #FFF, -3px 2px 1px #FFF, -2px 2px 1px #FFF, -1px 2px 1px #FFF;
}

.header_head_copy {
    display: none;
}

.header_company_name {
    display: none;
}

.header_company_tel {
    display: none;
}

.header_company_address {
    display: none;
}



/** メインスライダー ********************************************************************/

#sliderContent {
    overflow:visible;
    width:auto;
    margin:0;
}

#slider {
    position:relative;
    overflow:visible;
}
li.sliderImage {position:relative !important;}
.slider_text {margin:0 auto !important;}


.sliderImage img {
    width:100%;
    min-height: 133px;
}
.sliderImage span {
    display:block !important; /*スマホモードでガクッと高さが変わるのを防ぐため（fadeInImageの矯正）*/
    font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 1.5%;
    width: 97%;
    background: #111;
    color: #ccc;
    line-height: 150%;
    text-shadow:none;
    opacity: 1 !important;/*スマホモードでガクッと高さが変わるのを防ぐため（fadeInImageの矯正）*/
}

#slider_change {display:none;}



/** PrevNext系スライダー ********************************************************************/

#bgSlider {
    margin:0 0 10px 0;
    position: relative;
    box-shadow: 0 0 25px 1px rgba(0, 0, 0, 0.5);
    height:256px;
}

#bgSlider div {
    width:100%;
    height:196px !important;
    background-size: cover !important;
    padding:30px 0 30px 0;
}

/*** zoomout用 ***/
#bgSlider div.slideshow-zoomout {
    height: auto !important;
    padding: 0;
}

#bgSlider div.slideshow-zoomout .slider_img{
    width: 100%;
    height: 196px !important;
    padding: 30px 0;
}

#bgSlider div.slideshow-zoomout .slider_content_wrap{
    padding: 30px 0 !important;
}

#bgSlider .slider_icons{
    top: calc(100% - 15px) !important;
    left: 0;
    width: auto !important;
    height: 65px !important;
    padding: 0 !important;
}

#bgSlider .slider_icons div {
    width: auto !important;
    padding: 0 !important;
    height: 65px !important;
}

#bgSlider .slider_icons .slideshow-icon-wrap {
    width: 38px !important;
    height: 38px !important;
    display: none !important;
}

#bgSlider .add_url_slider {
    margin: 0 0 0 70px !important;
}

#bgSlider .slider_icons .edit_text_slider {
    display: none;
}

#bgSlider .slider_icons .delete_slider {
    display: none;
}

#bgSlider .slider_icons .add_slider {
    display: none;
}

#bgSlider .slider_icons .slideshow-pict-wrap {
    display: none;
}

.slideshow-icon-area {
    display: none;
}

.slider_icons img {
    width: 38px !important;
    top: 0 !important;
    left: 0 !important;
}

.slideshow-icon-addbg {
    top: auto !important;
    left: auto !important;
}


#bgSlider span {
    margin: 0 auto 20px;
    color: #fff;
    text-align:center;
    font-size: 12px;
    display: block;
    text-shadow: 1px 1px 1px #000;
}
#bgSlider .slider_caption span {
    width: 75% !important;
}
#bgSlider strong {
    font-size: 24px;
    max-height: 95px;
    /*font-size: 34px;*/
    /*max-height: 76px;*/
    overflow:hidden;
    font-weight: bold;
    display: block;
    width: 75%;
    margin: 0 auto 15px auto;
    line-height: 120%;
    color:#fff;
    text-align:center;
    text-shadow:0px 1px 1px #222222,
                0px 0px 1px #222222,
                1px 0px 1px #222222,
                0px -1px 1px #222222,
                -1px -1px 1px #222222,
                -1px 0px 1px #222222,

                0px 2px 1px #666666,
                0px 1px 1px #666666,
                1px 1px 1px #666666,
                1px 0px 1px #666666,
                2px 0px 1px #666666,
                1px -1px 1px #666666,
                1px -2px 1px #666666,
                0px -2px 1px #666666,
                -1px -2px 1px #666666,
                -2px -2px 1px #666666,
                -2px -1px 1px #666666,
                -2px 0px 1px #666666,
                -2px 1px 1px #666666,
                -1px 1px 1px #666666,

                0px 3px 1px #FFF,
                0px 2px 1px #FFF,
                1px 2px 1px #FFF,
                2px 2px 1px #FFF,
                2px 1px 1px #FFF,
                2px 0px 1px #FFF,
                3px 0px 1px #FFF,
                2px -1px 1px #FFF,
                2px -2px 1px #FFF,
                2px -3px 1px #FFF,
                1px -3px 1px #FFF,
                0px -3px 1px #FFF,
                -1px -3px 1px #FFF,
                -2px -3px 1px #FFF,
                -3px -3px 1px #FFF,
                -3px -2px 1px #FFF,
                -3px -1px 1px #FFF,
                -3px 0px 1px #FFF,
                -3px 1px 1px #FFF,
                -3px 2px 1px #FFF,
                -2px 2px 1px #FFF,
                -1px 2px 1px #FFF;
}

#bgSlider p a {
    font-size: 14px;
    color: #FFFFFF;
    padding: 10px 0 ;
    border-radius: 20px;
    display: block;
    width: 180px;
    text-align: center;
    margin: 0 auto 0 ;
    background: #666666 url(./../img/copy2open/h_grass.png) no-repeat center top;
    background-size:cover;;
    text-decoration: none;
    cursor: pointer;
    text-shadow:none;
}


#sliderLoader span {background:#666666 !important;}

#increment, #decrement {
    width: 22px !important;
    height: 20px !important;
    line-height: 20px !important;
    text-shadow: 0 0 6px #000 !important;
    padding: 40px 0 0 0;
    box-shadow: none !important;
    border: none !important;
    top: 100px !important;
    margin: 0;
    font-size: 10px;
    border-radius: 0 !important;
    background-size: contain !important;
}
#increment {
    right: 10px !important;
    background: url(../img/copy2open/slide_arrow_r.png) no-repeat center top;
}
#decrement {
    left: 10px !important;
    background: url(../img/copy2open/slide_arrow_l.png) no-repeat center top;
}
#sliderLoader {
    bottom: 15px !important;
    top: inherit !important;
}
#sliderStepsContainer {
    bottom: -25px !important;
    position: absolute !important;
    height: 10px !important;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
#bgSlider #sliderStepsContainer span {
    width: 12px;
    height: 12px;
    margin: 0 8px 0 0;
    box-shadow:0 0 0 1px #CCC inset;
}
#bgSlider #sliderStepsContainer span:last-child {margin: 0;}
#sliderStepsContainer span.current {background: #CCC !important;}




/** グローバルメニュー ********************************************************************/

#menu_trigger, #menu_trigger span {
    display: inline-block;
    transition: all .4s;
}
#menu_trigger {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 0;
    right: 0;
    z-index: 12;
}

#menu_trigger:after {
    content: "menu";
    position: absolute;
    bottom: 5px;
    line-height: 1;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    color:#FFFFFF;
    font-size: 12px;
}
.js-menuOpened #menu_trigger:after {
    content: "close";
}
#menu_trigger span {
    position: absolute;
    left: 13px;
    width: 24px;
    height: 2px;
    background-color:#FFFFFF;
}
#menu_trigger span:nth-of-type(1) {top:10px;}
#menu_trigger span:nth-of-type(2) {top:18px;}
#menu_trigger span:nth-of-type(3) {top:26px;}

.js-menuOpened #menu_trigger span:nth-of-type(1) {
    -webkit-transform:translate(0, 8px) rotate(-45deg);
    transform:translate(0, 8px) rotate(-45deg);
}
.js-menuOpened #menu_trigger span:nth-of-type(2) {opacity:0;}
.js-menuOpened #menu_trigger span:nth-of-type(3) {
    -webkit-transform:translate(0, -8px) rotate(45deg);
    transform:translate(0, -8px) rotate(45deg);
}

#smt_3menu li {
    float:left;
    width: 33.33%; /*calc()非対応*/
    /*width:calc(100% / 3);*/  /*calc()対応*//*IEでカラム落ちの原因となる*/
    position: relative;
}

#smt_3menu li:after {
    content:"";
    display:block;
    width:1px;
    height:20px;
    background: #000;
    opacity:0.3;
    position: absolute;
    top:50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
#smt_3menu li:last-child:after {display:none;}

#smt_3menu li a {
    display: table-cell;
    text-align: center;
    padding: 0 5px;
    vertical-align: middle;
    height: 40px;
    width: 200px;
    color: #000;
    text-decoration: none;
    font-size: 12px;
    background: #EEE url(./../img/copy2open/h_menu_grass.png) no-repeat center top;
    background-size:cover;
}


#menu_wrapper {
    height: 80%; /*calc()非対応*/
    height: calc(100% - 90px); /*calc()対応*/
    width: 100%;
    position: fixed;
    top: 90px;
    right: 0;
    box-sizing: border-box;
    padding: 0;
    background: #666666;
    overflow: hidden;
    overflow-y: auto;
    visibility:hidden;
    z-index:-1;
    opacity:0;
    transition:.3s;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

.js-menuOpened #menu_wrapper{
    visibility:visible;
    z-index:11;
    opacity:1;
}

#menu_container {padding: 30px;}

#menu ul li {position:relative;}
#menu ul li:after {
    content:"";
    width:100%;
    height:1px;
    background:#FFFFFF;
    opacity:0.3;
    position:absolute;
    bottom:0;
    left:0;
}
#menu > ul > li#gmenu_contact:after, #menu > ul > li#gmenu_estimate:after {display: none;}

.expandUp {
    animation-name: expandUp;
    animation-duration: 0.5s;
    animation-timing-function: ease;
    visibility: visible;
    animation-fill-mode:forwards;
    animation-delay: 0.2s;
}

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

@keyframes expandUp {
    0% {
        -webkit-transform: translateY(100%) scale(0.8) scaleY(0.7);
        transform: translateY(100%) scale(0.8) scaleY(0.7);
    }
    60% {
        -webkit-transform: translateY(-7%) scaleY(1.05);
        transform: translateY(-7%) scaleY(1.05);
    }
    75% {
        -webkit-transform: translateY(3%);
        transform: translateY(3%);
    }
    100% {
        -webkit-transform: translateY(0%) scale(1) scaleY(1);
        transform: translateY(0%) scale(1) scaleY(1);
    }
}

}

#menu .ul_sub {display:block;}

#menu > ul > li#gmenu_contact {margin: 45px 0 10px 0;}

#menu #gmenu_contact a, #menu #gmenu_estimate a {
    background: #FFCC00 url(./../img/copy2open/h_grass.png) no-repeat center top;
    background-size: cover;
    color:#000000;
    display: block;
    font-weight: bold;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    padding: 15px;
    height: auto;
    border-radius: 30px;
}

#menu li a {
    font-size: 14px;
    color: #FFFFFF;
    text-decoration: none;
    box-sizing: border-box;
    display: block;
    padding: 10px 45px 10px 10px;
}

.sp_freepage_accordion_btn {
    display:block;
    cursor:pointer;
    padding: 0;
    margin:0;
    position: absolute;
    right: 0;
}

.sp_freepage_accordion_btn span {
    display:block;
    width:40px;
    text-align:center;
    height:40px;
    line-height:40px;
    color: #FFFFFF;
}

.sp_freepage_imgsize_max {
    width:100% !important;
    padding:0 !important;
    margin: 0 0 20px !important;
}

.middle-menu__trigger--sp{
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
}


#menu [data-use-custom-font-size = "1"] .middle-menu__trigger[data-is-private = "0"].font-size--1 > a{
    font-size: 14px;
}

#menu [data-use-custom-font-size = "1"] .middle-menu__trigger[data-is-private = "0"].font-size--2 > a{
    font-size: 16px;
}

#menu [data-use-custom-font-size = "1"] .middle-menu__trigger[data-is-private = "0"].font-size--3 > a{
    font-size: 18px;
}

#menu [data-use-custom-font-size = "1"] .middle-menu__trigger[data-is-private = "0"].font-size--4 > a{
    font-size: 20px;
}

[data-middle-menu-state="close"] .middle-menu__trigger--sp:after,
[data-middle-menu-state="open"] .middle-menu__trigger--sp:after{
    content: "";
    display: block;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: normal;
}

.font-size--1[data-is-private = "0"] .middle-menu__trigger--sp,
.font-size--1[data-is-private = "0"] .middle-menu__trigger--sp:after{
    height: 40px;
    line-height: 40px;
}

.font-size--2[data-is-private = "0"] .middle-menu__trigger--sp,
.font-size--2[data-is-private = "0"] .middle-menu__trigger--sp:after{
    height: 44px;
    line-height: 44px;
}

.font-size--3[data-is-private = "0"] .middle-menu__trigger--sp,
.font-size--3[data-is-private = "0"] .middle-menu__trigger--sp:after{
    height: 47px;
    line-height: 47px;
}

.font-size--4[data-is-private = "0"] .middle-menu__trigger--sp,
.font-size--4[data-is-private = "0"] .middle-menu__trigger--sp:after{
    height: 50px;
    line-height: 50px;
}

.child-count__wrap{
    color: inherit;
    font-size: 12px;    
    display: inline-block;
    padding: 0 0 0 22px;
    position: relative;
}

.child-count__wrap:before{
    content: "";
    width: 16px;    
    height: 16px;   
    background: url("../img/copy2open/middle_menu_page_count_icon.png") no-repeat center left;
    position: absolute; 
    left: 4px;    
    bottom: -1px;
}

.side_bar_sub .child-count__wrap:before,
.ul_lead  .child-count__wrap:before{
    bottom: 2px;
}

.js-childCount{
    line-height: 1; 
}

[data-middle-menu-state="close"] .middle-menu__trigger--sp:after{
    content: "+";
}

[data-middle-menu-state="open"] .middle-menu__trigger--sp:after{
    content: "-";
}

.middle-menu__wrap{
    border-top: 1px solid rgba(255,255,255,.3);
}


#menu ul > li > ul > li {
    display:none;
    position:relative;
}

#menu ul > li > ul > li:after {
    content:"";
    width:100%;
    height:1px;
    background:#FFFFFF;
    opacity:0.2;
    position:absolute;
    top:0;
    left:0;
}

#menu .ul_sub li a,
#menu .ul_sub li .private-menu__link {
    color: #FFFFFF;
    text-shadow: none;
    width: 100%;
    padding: 10px 45px 10px 15px;
    box-sizing: border-box;
    background: none;
}

 #menu .ul_sub li .private-menu__link{
    display: block;
 }

#menu .middle-menu__list li a {
    padding: 10px 45px 10px 30px;
}

.middle-menu__wrap{
    display: none;
    position: relative;
    z-index: 1;
}


/** 見出し ********************************************************************/

h2, #midbox_wrapper:before, .subpageLink h3 {
    margin:0 auto 20px auto;
    font-size:18px;
    padding: 15px;
    background: #666666;
    background: linear-gradient(#666666, #222222);
    color: #FFF;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 0 1px #666666 inset, 2px 2px 0 rgba(255, 255, 255, 0.2) inset;
    box-sizing: border-box;
}
h2.inplace span {padding:0;}
.midashi_long a {color:#FFF;}

h3 {
    margin: 0 0 10px 0;
    font-size:120%;
}


/** フッター ********************************************************************/

#footer_wrapper {
    padding: 15px 0 30px 0;
    background:#666666;
}

#footer ul {
    padding:0 5%;
    margin:0 0 15px 0;
}

#footer ul li {
    float:left;
    width: 33.33%; /*calc()非対応*/
    width:calc(100% / 3); /*calc()対応*/
    position: relative;
}
#footer ul li:nth-child(3n):after {
    display:none;
}
#footer ul li:after {
    content:"";
    width:1px;
    height:20px;
    display: block;
    position:absolute;
    top:50%;
    right:0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: #FFFFFF;
    opacity:0.3;
}
#footer ul li a {
    padding:0 5%;
    display:table-cell;
    vertical-align: middle;
    text-align: center;
    height:40px;
    width:240px;
    color: #FFFFFF;
    text-decoration: none;
}
.copy_right {
    color: #FFFFFF;
    text-align:center;
    font-size: 10px;
}
.sydeLink {display:block;}



/** pagetop等 ********************************************************************/

#smt_foot_base {
    position:fixed;
    z-index: 5;
}


#smt_conversion_btn {
    width:60px;
    height:60px;
    border-radius:100%;
    position:fixed;
    bottom:5px;
    left:5%;
    background: url(./../img/copy2open/fix_consult.png) no-repeat center center;
    background-size: contain;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    cursor:pointer;
    z-index:5;
}

#smt_conversion_open a {
    position: fixed;
    width:75px;
    height:75px;
    border-radius:100%;
    display:none;
    opacity: 0;
    animation-fill-mode:forwards;
    background-size: contain;
    cursor:pointer;
    z-index: 5;
}
#smt_tel_btn {
    background: url(./../img/copy2open/fix_tel.png) no-repeat center center;
    bottom: 120px;
    left: 10px;
}
#smt_contact_btn {
    background: url(./../img/copy2open/fix_mail.png) no-repeat center center;
    bottom: 80px;
    left: 80px;
}
#smt_estimate_btn {
    background: url(./../img/copy2open/fix_estimate.png) no-repeat center center;
    bottom: 5px;
    left: 105px;
}

#smt_conversion_open a.active {
    animation-name: active;
    animation-duration: 0.5s;
    animation-timing-function: ease;
    animation-fill-mode:forwards;
}

#smt_tel_btn.active {
    animation-delay: 0s;

}
#smt_contact_btn.active {
    animation-delay: 0.1s;
}
#smt_estimate_btn.active {
    animation-delay: 0.2s;
}

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

@keyframes active {
    0% {
        -webkit-transform: translateY(100%) scale(0.8) scaleY(0.7);
        transform: translateY(100%) scale(0.8) scaleY(0.7);
        opacity:0;
    }
    60% {
        -webkit-transform: translateY(-7%) scaleY(1.05);
        transform: translateY(-7%) scaleY(1.05);
    }
    75% {
        -webkit-transform: translateY(-7%) scaleY(1.05);
        transform: translateY(3%);
    }
    100% {
        -webkit-transform: translateY(-7%) scaleY(1.05);
        transform: translateY(0%) scale(1) scaleY(1);
        opacity:1;
    }
}

}

.backtop {
    width:40px;
    height: 40px;
    background: url(./../img/copy2open/pagetop.png) no-repeat 5%;
    background-size: contain;
    border-radius:100%;
    position:fixed;
    bottom:5px;
    right:5%;
    cursor:pointer;
    z-index: 5;
}

#body_top #main_contents_wrapper {padding:30px 0 0 0;}



/** 3連メニュー ********************************************************************/

#midbox_wrapper {
    padding: 90px 5% 30px 5%;
    margin: 0 0 45px 0;
    position: relative;
}
#midbox_wrapper:before {
    content: "メインメニュー";
    font-weight:bold;
    display: block;
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
}
.h2_box_1, .h2_box_2, .h2_box_3 {
    width: 32%;
    margin: 0 2% 0 0;
    float: left;
    text-align: center;
    position: relative;
}
.h2_box_3 {margin: 0;}
.h2_box_1 a, .h2_box_2 a, .h2_box_3 a {
    display:table-cell;
    width: 240px;
    height:100px;
    text-decoration:none;
    color:#FFF;
    vertical-align: middle;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 5px;
    position: relative;
}

#midbox_wrapper .text_left {
    height:100px;
    overflow: hidden;
    position: absolute;
    top:0;
    left:0;
}
#midbox_wrapper .img_left {
    height:100px;
    overflow: hidden;
    position: relative;
    border-radius:5px;
}
#midbox_wrapper .img_left img {
    display: block;
    height: 100px;
    max-width: inherit;
    background: rgba(0, 0, 0, 0.7);
    position:absolute;
    -webkit-transform:translate(-50% , 0);
    transform:translate(-50% , 0);
    top:0;
    left:50%;
}



/** 画像関係 ********************************************************************/

.edit_img_empty {margin:0 0 20px 0;}

.img_box_left, .side_img_box_left {
    position: relative;
    z-index: 2;
}

.img_box_right, .side_img_box_right {
    position: relative;
    z-index: 2;
}

.img_box_right {
    float: right;
}

.img_box_left iframe, .img_box_right iframe {
    width: 90vw !important;
    max-width: 100%;
    margin: 0 0 5px;
    float: none;
}

.img_box_left img, .side_img_box_left img {
    padding:0 5% 10px 0;
    float:left;
}

/*キャンペーンブロック画像挿入改修*/
.campaign_content .img_box_left img, .campaign_content .img_box_right img {
    float: none;
}

.img_box_right img, .side_img_box_right img {
    padding:0 0 10px 5%;

    float:right;
}

.img_box_right img {
    float: none;
}

.img_box_left img.size_max, .side_img_box_left img.size_max, .img_box_right img.size_max, .side_img_box_right img.size_max,
.img_box_left .sp_freepage_imgsize_max, .side_img_box_left .sp_freepage_imgsize_max, .img_box_right .sp_freepage_imgsize_max, .side_img_box_right .sp_freepage_imgsize_max {
    max-width:100%;
    margin: 0 0 10px 0;
    padding:0;
}

.box_flow img.size_big, .box_flow img.size_bigger, .box_flow img.size_middle, .box_flow img.size_small, .box_flow img.size_xsmall {width:64px;}
.img_box_left iframe, .img_box_right iframe {width: 100%;}



/** サイドバー ********************************************************************/

#side_bar_sub_top, .side_bar_sub {
    padding: 30px 0;
    position:relative;
}
.subpageLink p, .sidebar_shopinfo_block, #recruit_banner_block, #sidetopics01, #sidetopics02, .like_topics_block, .sidebar_linkbox_block, #eigyoubi_cal {
    padding: 0 5%;
}
#recruit_banner_block {float: none !important;}
#sidebar_shp_inf {padding: 0 0 30px 0;}
.map_box iframe, .leadAccessPageImage {
    margin: 0 auto;
    display: block;
}
.side_img_box {
    width:40% ;
    padding:0px ;
    margin:0px 15px 0px 0px ;
    float:left ;
}
.side_img_box img {width:100%;}

#side_link_block {text-align:center;}
.box_side_topics {display:none;}
#sidetopics01 .box_side_topics:last-child, #sidetopics02 .box_side_topics:last-child, .like_topics_block .box_side_topics:last-child {
    border-bottom: none;
    padding:0 0 30px 0;
    margin:0;
    display:none;
}
#side_link_block p.link_banner, #side_link_block p.link {
    margin:0 0 10px 0;
    display:none;
}
#side_link_block p:last-child {
    margin:0;
    padding:0 0 30px 0;
}

.subpageLink { margin: 0 0 45px 0; }
.subpageLink p{ padding: 0 5% 5px; }


.subpageLink .side-middle-menu__head {
    padding: 0 26px 0 5%;
    margin: 0 0 7px;
    font-size: 110%;
    font-weight: 700;
    position: relative;
}

.subpageLink .side-middle-menu__list {
    display: none;
    margin: 0 0 10px;
    padding: 0 5% 5px;
}

.side_bar_sub p.side-middle-menu__head:after {
    content: "";
    width: 16px;
    height: 16px;
    background-image: url(../img/copy2open/middle_menu_open_arrow.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    right: 5px;
    top: calc( 50% - 8px );
    transition: .3s;
    transform: rotate(0deg);
}

.side_bar_sub p[data-menu-open-state = "open"].side-middle-menu__head:after {
    content: "";
    transform: rotate(-180deg);
}

.subpageLink .side-middle-menu__list .grandson {
    box-sizing: border-box;
    font-size: 12px;
    padding: 3px 15px;
    position: relative;
}

.subpageLink .side-middle-menu__list .grandson:before {
    content: "-";
    font-size: 12px;
    color: #CCC;
    margin: 0 5px;
    position: absolute;
    top: 3px;
    left: 0px;
}

.sidebar_review{margin-bottom: 15px;}

/** 求人バナー ********************************************************************/


#recruit_banner_block {margin:0 0 15px 0;}
#recruit_banner_block a, .rec_scrl_btn {
    display: block;
    font-size: 16px;
    padding: 15px 10px;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    background: #690 url(./../img/copy2open/h_grass.png) no-repeat center top;
    background-size: cover;
    border-radius: 28px;
    cursor:pointer;
}

h4#shop_info_title, #side_link_block h4, #sidetopics01 h4, #sidetopics02 h4, #eigyoubi_cal h4, #sv_title, .like_topics_block h4 {
    color:#FFF;
    font-size:16px;
    font-weight:normal;
    background: #AAA url(./../img/copy2open/h_grass.png) no-repeat center top;
    background-size: cover;
    text-align:center;
    padding:10px 40px 10px 10px;
    margin:0 0 15px 0;
    border-radius:5px;
    position:relative;
    cursor:pointer;
}
h4#shop_info_title:before, #side_link_block h4:before, #sidetopics01 h4:before, #sidetopics02 h4:before, #eigyoubi_cal h4:before, #sv_title:before, .like_topics_block h4:before {
    content: "";
    height: 10px;
    width: 10px;
    display: block;
    border: 1px solid #FFF;
    border-right-width: 0;
    border-top-width: 0;
    -webkit-transform: translate(0 , -50%) rotate(-45deg);
    transform: translate(0 , -50%) rotate(-45deg);
    position: absolute;
    top: 50%;
    right: 17px;
}



/** 営業日カレンダー ********************************************************************/

#edittable01, #edittable02 {width: 100%;}

#eigyoubi_cal #now, #eigyoubi_cal #next {
    width:80%;
    margin: 0 auto;
    display:none;
}
#eigyoubi_cal #now {padding: 0 0 15px 0;}
#eigyoubi_cal #next {padding:0 0 30px 0;}

div#eigyoubi_cal p {
  text-align: center;
  font-size: 16px;
  padding: 3px 0;
  color:#FFFFFF;
  background:#666666;
}

#eigyoubi_cal tr {background:#999999;}
#eigyoubi_cal th, #eigyoubi_cal td {text-align:center;}

#eigyoubi_cal th {
    padding:5px 0;
    font-weight:normal;
}
#eigyoubi_cal th a {
    text-decoration:none;
    color:#FFFFFF;
}
#eigyoubi_cal td {background-color: #FFF;}

#eigyoubi_cal td.closed span, #eigyoubi_cal td.regularClosed span, #eigyoubi_cal td.allholclosed span {
    display:block;
    width:100%;
    background-color:#999999;
    color:#FFFFFF !important;
}

#eigyoubi_cal span {
  color:#333;
  font-size:14px;
  display: block;
  padding: 5px 0px;
}

#eigyoubi_cal span.sat {color:#1989fa;}
#eigyoubi_cal span.sun, #eigyoubi_cal span.hday, #eigyoubi_cal span.hsat, #eigyoubi_cal span.hsun {color:#f51a0f;}



/*** パンくず ***/

#pan {
    color: #fff;
    background: #999;
    font-size: 12px;
    padding: 8px 3%;
    text-shadow: none;
    line-height: 15px;
    margin: 0 0 30px 0;
}
#pan li {
    float: left;
    background: url(../img/copy2open/car_list_arw.png) no-repeat right 8px center;
    padding: 0 20px 0 0;
}
#pan li:last-child {
    background: none;
    padding: 0;
}
#pan li a {
    display:block;
    color:#fff;
}


/*** 料金表 ***/

.pricetable_block {position:relative;}
.smt_scroll {overflow:auto;}

.smt_scroll::-webkit-scrollbar {
    width:5px;
    background:#EEE;
    height:5px;
}
.smt_scroll::-webkit-scrollbar-button {
    width:5px;
    height:5px;
    background:rgba(0,0,0,0.15);
}
.smt_scroll::-webkit-scrollbar-thumb {
    background:rgba(0,0,0,0.15);
    border-radius:2px;
}

h3.edit_table_title, .usedcar_p_title {
    border-left: 5px solid #666666;
    padding: 5px 0 0 10px;
    margin: 0 0 10px 0;
    font-weight:bold;
}

.pricetable th, .pricetable td {
    padding:5px;
    border:1px solid rgba(0,0,0,0.15);
    text-align:center;
    width:16%;
}
.pricetable th {background:#EEE;}
.pricetable td strong {color: #C00;}

table.pricetable {
    font-size:12px;
    width:auto;
    background:#F7F7F7;
}
.pricetabel_memo {
    padding: 10px 0 0 0;
}


/** その他ブロック ********************************************************************/

.div_box_feature, .div_box_coupon, .div_box_promise, .div_box_tokuten, .div_box_flow, .div_box_voice, .div_box_jirei, .div_box_setsubi, .div_box_staff, .div_box_gaiyo, .div_box_history, .div_box_campaign, .div_box_free, #car_list_base, .div_box_faq0, .access_info, #otoiawase_table_box, #mitumori_table_box, .map_big, .div_box_requirements01, .div_box_requirements02, .div_box_requirements03, .div_box_requirements04, .div_box_requirements05, .recruit_section, .div_box_company_pict, #usercar_base, .historyback_box, .right_link, .pricetable_content, .div_box_reco_car {
    margin: 0 auto;
    padding:0 0 45px 0;
    width: 90%;
}
.box_feature, .box_coupon, .box_promise, .box_tokuten, .box_voice, .box_jirei, .box_setsubi, .box_staff, .box_free, .box_side_topics {
    clear:both;
    border-bottom:1px solid rgba(0,0,0,0.15);
    padding: 0 0 5px 0;
    margin:0 0 15px 0;
}
.box_feature:last-child, .box_coupon:last-child, .box_promise:last-child, .box_tokuten:last-child, .box_voice:last-child, .box_jirei:last-child, .box_setsubi:last-child, .box_staff:last-child, .box_free:last-child {
    margin: 0;
}
.box_feature p, .box_coupon p, .box_promise p, .box_tokuten p, .box_voice p, .box_jirei p, .box_setsubi p, .box_staff p, .box_free p, .box_side_topics p {
    padding: 0 0 10px 0;
}
.campaign_content, #sidebar_shp_inf div.side_shop_info_mapbottom, #image_letter_block, .usercar_list, .box_flow, .map_box, .thumbnail_box, .shop_info_box {
    margin: 0 0 15px 0;
    background: #FFF;
    padding: 15px 5%;
    border-radius: 5px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}
.usercar_list {position:relative;}

.shop_info_box {
    width: 90%;
    margin: 0 auto 15px auto;
    box-sizing: border-box;
}

.box_flow div.img_box_left {
    /*width:64px;*/
    float: left;
    margin: 0 15px 0 0;
}

.box_flow div.img_box_left a img {
    /*width:64px ;*/
}

.box_flow div.img_box_right {
    /*width:64px ;*/
    float: right;
    margin: 0 0 0 15px;
}

/*.box_flow div.img_box_right a img {width:64px;}*/

/*.box_voice div.img_box_left a img {width:64px;}*/
.box_voice div.img_box_left a img.size_max {padding:0 5% 0 0;}
/*.box_voice div.img_box_right a img {width:64px;}*/

.div_box_faq {margin:0 0 15px 0;}
.div_box_faq h3 {
    padding: 15px 15px 15px 45px;
    margin: 0;
    background: #FFF url(../img/copy2open/q_bg.png) no-repeat left 0px;
    background-size: 35px 300px;
}
.div_box_faq p {
    padding: 15px 15px 15px 45px;
    background: #EEE url(../img/copy2open/a_bg.png) no-repeat left 0px;
    background-size: 35px 300px;
}
p.flow_arrow {
    height:15px;
    margin:0 0 15px 0;
    background: url(../img/copy2open/flow_arrow.png) no-repeat center top;
    background-size: 26px 15px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}
.campaign_content h3 {margin:0 0 10px 0;}

.b_campaign {
    display:block;
    margin: 0 0 10px 0;
}

#image_letter_block {margin: 0 5% 45px;}
#image_letter_block a img {width:auto;}
#image_letter_block #main_copy {margin: 0;}

#main_copy {margin: 0 5% 15px 5%; width:90%;}


/* 会社案内 */
.company_pict {
    width: 32%;
    margin: 0 2% 0 0;
    overflow: hidden;
    float: left;
}
.div_box_company_pict .company_pict:last-child {
    margin: 0;
}
.company_pict img {width:100%;}



.n_table {
    border: 1px solid rgba(0,0,0,0.15);
    border-bottom: none;
    width:100%;
}
.n_table, .n_table tbody, .n_table tr {
    display:block;
}
.n_table th, .n_table td {
    display: block;
    text-align:left;
    font-weight:normal;
    padding: 10px;
    border-bottom: 1px solid rgba(0,0,0,0.15);
}
#otoiawase_table_box .n_table td, #mitumori_table_box .n_table td {
    padding: 10px 10px 5px 10px;
}
.n_table th {background: #EEE;}
.n_table td {background: #F7F7F7;}


/* お問合せ・お見積り */

input[type="text"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], input[type="password"], select, textarea {
    border: 1px solid #CCC;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 16px;
    box-sizing: border-box;
    min-height: 39px;
    margin:0 0 5px 0;
    max-width:100%;
}
button, input, select, textarea, submit {
    font-family: inherit;
    font-size: 100%;
    -webkit-user-select: auto;
    vertical-align: middle;
}
input[type="file"] {width: 100%;}


.select_point {
    font-size: 16px;
    margin: 0px 10px 3px 0;
    display: inline-block;
}

.inputarea, .inputarea3, .inputarea4 {width:100%;}
.inputbtn, .right_link a {
    border: none;
    text-decoration: none;
    border-radius: 35px;
    display: block;
    width:100%;
    font-size: 16px;
    padding: 15px 10px;
    color: #FFF;
    text-align: center;
    background: #36F url(./../img/copy2open/h_grass.png) no-repeat center top;
    background-size: cover;
    box-sizing: border-box;
    cursor:pointer;
}

#otoiawase_table_box td span, #mitumori_table_box td span {
    padding: 0 0 5px 0;
    display:block;
    font-size:12px;
}

.mail_body_edit .n_table th {
    width: 100%;
    box-sizing: border-box;
    display: block;
}

.np, #mitumori_table_box .n_table, #form1 .n_table, .mail_body_edit {
    margin: 0 0 30px 0;
    width: 100%;
}

.mail_body_edit {
    margin: 0 auto 30px;
    width: 90%;
}

.link_cap_txt {
    text-align:center;
    margin-bottom:10px;
}



/* アクセス */
.map_big iframe{height: 300px;}
.map_big #js-googleMapOuter {
    width: 100% !important;
    height: 100vw !important;
}
.access_info p {
    border-bottom:1px solid rgba(0,0,0,0.15);
    padding-bottom:5px;
    margin-bottom:5px;
}
.access_info p.link {
    border-bottom:none;
    padding-bottom:0;
    margin:10px 0 0 0;
}



/** 在庫車一覧 ********************************************************************/

#ucConpane .usercar_list {
    margin: 0 0 15px 0;
    position: relative;
}
.usercar_list h3 {margin:0 0 10px 0;}
.usercar_list h3 img {padding:5px;}
.list_status {
    display: inline-block;
    font-size: 12px;
    padding: 2px 10px;
    color: #FFF;
    border-radius: 12px;
    margin: 0 0 10px 0;
}
.zaiko_used {background:#339900;}
.newcar_used {background:#E71870;}
.baikyaku_used {background:#CC0000;}
.syoudanchu_used {background: #FF9900;}
.daiko_used {background: #6699FF;}

.usercar_list h3 a {
    display: block;
    padding: 10px;
    background: #EEE url(./../img/copy2open/usercar_grass.png) no-repeat center top;
    color: #333;
    background-size: cover;
    border-left: 3px solid #666666;
    text-decoration: none;
    font-size: 16px;
}
.sample_name {
    padding:10px 0 0 0;
    color:#C00;
    font-size:12px;
    font-weight:normal;
}
.usercar_list h3 span {
    display: block;
    font-size: 10px;
    font-weight: normal;
    position: absolute;
    top: 16px;
    right: 5%;
    color: #AAA;
}
.more_carinfo_link {
    display:block;
    text-align: right;
}
.UsedCarEditBtnBlock img {
    padding:25px 0 0 0;
    height:130px;
}
.UsedCarListEditBtnBlock img {
    height: 71px;
    width: 100%;
}

.historyback_box, .more_carinfo_link {text-align: right;}
.historyback_box a, .more_carinfo_link a {
    color: #06f;
    text-decoration:none;
    text-shadow:none;
    font-size: 14px;
    text-align:left;
    font-weight:normal;
    position:relative;
    background: url(./../img/copy2open/next_text.png) no-repeat right center;
    background-size:13px 12px;
    padding:0 15px 0 0;
}


/**********************************************************************/
/* 中古車機能改修 ひとまず中古車関連を一まとめに */
/*在庫車リスト*/
/*2014-05-07 在庫車情報 */

a.thumbnail_box {
    color: #333;
    position: relative;
    display: block;
    text-decoration: none;
    float: left;
    width: 49%;
    box-sizing: border-box;
    margin: 0 2% 10px 0;
}
#carListThumNail_wrapper a.thumbnail_box:nth-of-type(even) {margin-right: 0;}
.recomendcar_img_box {position: relative;}
.thumbnail_box .carthumb_img {
    position:relative;
    display: block;
    margin:0 0 10px 0;
}
img[name="mainpict"] {width:100%;}
.thumbnail_box .carthumb_img img.recomendmark_img {
    position: absolute;
    top:0;
    left: 0;
    width:60px;
}
.thumbnail_box .carthumb_img img.soldout_img {
    left:auto;
    right:0;
}
.soldout_img {left: 74px;}
.thumbnail_box h3, .thumbnail_box .h3 {
    margin:0 0 10px 0;
    display:block;
}
.thumbnail_box .carthumb_txt {
    font-size: 75%;
    line-height: 130%;
    text-align: left;
    display:block;
    padding:5px 0 0 0;
}

.thumbnail_box .carthumb_date {
    font-size: 75%;
    line-height: 100%;
    display:block;
    padding:5px 0 0 0;
}
.thumbnail_box .carthumb_price {
    font-size: 12px;
    display: block;
}
.thumbnail_box .carthumb_price span strong {
    font-size: 16px;
    color:#C00;
}
.thumbnail_box .carthumb_price span.totalCost strong {
    font-weight:normal;
    font-size: 11px;
}
.thumbnail_box_last {margin:0 0 20px;}
.thumbnail_box_lastrow1st {margin:20px 0 0 0;}

#carListExchgMsg {
    margin: 0 1em 0 0;
    border: solid #06f 3px;
    padding: 20px 40px;
    background: #fff;
    color:#333;
    opacity: .95;
    font-size: 16px;
    line-height:150%;
    z-index:100;
    text-align: center;
    width:300px;
}
#carListExchgMsg h2 {
    background-color: #3366FF;
    clear: both;
    color: #FFF;
    margin-bottom: 0px;
    margin-top: 0px;
    padding: 5px 5px 5px 35px;
    font-size: 16px;
    text-align: left;
}
#carListExchgMsg h2.iconlist {background:#36f url(../img/common/carListChgIcon_list.gif) no-repeat 7px 7px;}
#carListExchgMsg h2.iconthumb {background:#36f url(../img/common/carListChgIcon_thumb.gif) no-repeat 7px 7px;}

#carListExchgMsg p {
    font-size: 12px;
    margin:20px 0 0;
    color: #666;/*#eee*/
}
.UsedCarEditBtnBlock {
    text-align: center;
    border: #ccc dashed 4px;
    height: 244px;
}
.carlistEmptyMsg {
    margin: 30px 10px;
    text-align: center;
    padding: 30px;
    border: 1px solid rgba(0,0,0,0.15);
    font-size: 14px;
    }
#usedcar_regi_btn_block span {font-size:12px;}

#main_usedcarpage_link_box {
    margin:0 0 10px 0;
    text-align:right;
}

#main_usedcarpage_link_box a {
    font-size: 14px;
    display:inline-block;
    background:url(./../img/copy2open/next_text.png) no-repeat right center;
    background-size: 13px 12px;
    padding: 3px 20px 0 0;
    text-decoration: none;
}

.UsedCarListEditBtnBlock {
    text-align: center;
    border: #ccc dashed 4px;
    background-color: #fff;
    display:block;
    margin-bottom: 10px;
}

.UsedCarListEditBtnBlock:hover {background-color: #f5f5f5;}



.list_main {
    margin: 0 2% 15px 0;
    float: left;
    width: 30%;
}
.list_main p {margin: 0 0 10px 0;}

.list_main dt, .list_main dd {
    font-size: 12px;
    padding: 5px 0;
}
.list_main dt strong, .list_main dd strong {
    font-size: 16px;
    color:#C00;
}
.list_main dt {border-bottom: 1px solid rgba(0,0,0,0.15);}

.list_main ul li {
    float: left;
    padding: 0 10px 0 0;
}
.list_con table {
    margin: 0 0 15px 0;
    width: 68%;
    display: block;
    float: left;
    border-top: 1px solid rgba(0,0,0,0.15);
    border-right: 1px solid rgba(0,0,0,0.15);
    box-sizing: border-box;
}
.list_con tbody {display: block;}
.list_con tr {
    display: block;
    width: 50%;
    float: left;
    box-sizing: border-box;
}
.list_con th {
    background: #EEE;
    font-weight: normal;
}
.list_con th, .list_con td {
    display: block;
    border-bottom: 1px solid rgba(0,0,0,0.15);
    border-left: 1px solid rgba(0,0,0,0.15);
    padding: 3px 3%;
    font-size: 12px;
    box-sizing: border-box;
    min-height: 26px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

/*中古車 詳細 画像スライドショー*/

.reco_mark {
    display:block;
    margin:0 0 5px 0;
}

#carGallMask {overflow:hidden;}
#car_gall ul {
    width: 10000px;
    display: block;
}
#car_gall ul li {
    float: left;
    width: 60px;
    height: 60px;
    margin: 0 5px 5px 0;
    position:relative;
    overflow:hidden;
    border-radius:100%;
    background:#EEE;
}
#cgmIndex {
    z-index:4;
    position:absolute;
    top:0px;
    left:0px;
    padding:10px;
    background:#000;
    font-size:12px;
    color:#fff;
    width:50px;
    text-align:center;
}
#car_gall ul li span {
    font-size: 10px;
    margin: 0px;
    padding: 0px;
    clear: both;
}
#car_gall .gall_text {
    font-size: 11px;
    clear: both;
    text-align: right;
    width: 100%;
}
h3 span.regidate {
    font-weight: normal;
    font-size: 12px;
    float: right;
}

#car_gall .car_gall_main {
    position: relative;
    margin:0 0 30px 0 ;
}

#cgmCapWrapper {
    z-index:4;
    bottom:0px;
    left:0;
    background:#000;
    color:#fff;
    width:100%;
    text-shadow:none;
}
#cgmCap {
    display:block;
    padding:10px;
}

#cgmL, #cgmR {
    position:absolute;
    width:15%;
    height:100%;
    z-index:2;
    top:0;
    opacity:0;
    cursor:pointer;
    text-align:center;
}
#cgmL {left:0;}
#cgmR {right:0;}

#cgmLArrow, #cgmRArrow {
    position: absolute;
    width: 10%;
    top: 50%;
    -webkit-transform: translate(0 , -50%);
    transform: translate(0 , -50%);
    opacity: 0;
}
#cgmLArrow {left:0;}
#cgmRArrow {right:0;}

#carListCurrentDiv {
    width: 60px;
    height: 60px;
    border: 3px solid #f00;
    box-sizing: border-box;
    position: absolute;
    z-index: 4;
    top: 0px;
    left: 0px;
    border-radius: 100%;
}
.regidateDetail {
    font-size:12px;
    text-align: right;
    margin:0 0 15px 0;
}
.regidateDetail b {font-weight:normal;}

.zaiko_base {
    margin: 0 0 20px 0;
}
.zaiko_base img {
    width: 32%;
    margin: 0 0 5px 0;
}
.gall_text {
    font-size:14px;
    clear:both;
}

.carlist_pager_box {
    height:65px;
    text-align:center;
}
.carlist_pager_box .pager li span {
    display: block;
    font-weight: bold;
    color: #F5F5F5;
    background: #333;
    padding: 3px 8px;
}
.carlist_pager_box .pager li a {
    display:block;
    color: #333;
    border:1px solid #333;
    padding: 3px 8px;
}
.carlist_pager_box .pager {
    background:none;
    border:none;
    padding:0;
}
.carlist_pager_box .pager li {
    display:inline-block;
}
.carlist_pager_box .pager_str {
    clear: both;
    font-size: 12px;
    margin-bottom: 5px;
    text-align:center;
}
.kihon_tale, .kihon_tale2, .soubishiyou {
    margin: 0 0 30px 0;
    width: 100%;
    border:1px solid rgba(0,0,0,0.15);
    border-bottom:none;
}
.kihon_tale th, .kihon_tale td, .kihon_tale2 th, .kihon_tale2 td, .soubishiyou th, .soubishiyou td {
    display:block;
    border-bottom:1px solid rgba(0,0,0,0.15);
    padding:10px;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    min-height: 22px;
}
.kihon_tale th, .kihon_tale2 th, .soubishiyou th {background: #EEE;}
.kihon_tale td, .kihon_tale2 td, .soubishiyou td {
    background: #FFF !important;
    opacity: 1 !important;
}

.tokuten_come {
    background: url(../img/copy2open/tokuten.png) no-repeat left top;
    background-size:40px 17px;
    padding:0 0 0 50px;
    margin:0 0 5px 0;
    font-weight: bold;
}

.pr_come {
    background: url(../img/copy2open/pr.png) no-repeat left top;
    background-size:40px 17px;
    padding:0 0 0 50px;
    margin:0 0 5px 0;
    font-weight: bold;
}
.tokuten_body {
    padding:0 0 10px 0;
    margin:0 0 10px 0;
    border-bottom: 1px solid rgba(0,0,0,0.15);
}
.pr_body {
    margin:0 0 45px 0;
}
.shop_name, .shop_adrs, .tel_num, .shop_hour {
    display: block;
}
.tel_num {
    font-size: 24px;
    font-weight: bold;
    color:#C00;
    padding:0 0 0 22px;
    background: url(../img/copy2open/usedcar_tel_icon.png) no-repeat left center;
    background-size: 20px 20px;
}


/*バリデータJSで書かれたCSSの強制上書き*/
.baloon {
    left:auto !important;
    right:0;
}


/*2015-04-14 サンキューページ　アンケートクラス　高橋追記*/
.enquete_caption {margin-bottom:30px;}
.enqate_question_block {margin-bottom:30px;}
.enqate_question_block h3 {margin-bottom:10px;}
.enqate_question_block label {
    cursor: pointer;
    line-height: 210%;
    display: block;
    font-size: 16px;
}
#other_good_reason_text_block, #other_bad_reason_text_block {
    display:none;
    padding:15px 0 0 0;
}

#other_good_reason_text_block textarea, #other_bad_reason_text_block textarea {
    width:96%;
    padding:2%;
    height:150px;
}
#enquete_main_copy, .pageback {
    width:90%;
    margin:0 auto 30px;
}

/*2018-02-14 youtubeBox対応 北川*/
.youtubeBox{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.youtubeBox iframe{
  position: absolute;
  top: -5px;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


/*2020-06-11 口コミ機能 北川*/
.reviewTopContentsOuter{
    width: 100%;
}

.reviewTopContentsInner.js-imageBoxBackground {
    background-repeat: no-repeat !important;
    background-size: auto 320px !important;
    background-position: top left !important;
    width: 100%;
    min-height: 320px;
    box-sizing: border-box;
    padding: 5px 0;
    margin: 0 0 45px;
    border-bottom: none;
}

.reviewTopContents {
    width: 92%;
    height: auto;
    margin: 150px auto 0;
}

.js-imageBoxBackground .reviewTopContents .editTextOuter {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    background: rgba(32, 32, 32, 0.9);
    margin: 0 auto 10px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    word-break: break-all;
    color: #FFF;
}

.reviewTopContentsLeadText{
    border-bottom: 1px solid #FFF;
    padding: 0 0 5px;
    margin: 0 0 15px;
}

.reviewTopContentsLeadTextFront {
    font-size: 18px;
}

.reviewTopContentsLeadTextBack{
    font-size: 12px;
}

.reviewTopContentsLeadTextBack:before, .reviewTopContentsLeadTextBack:after {
    content: "－";
}

.reviewTopContentsCopyText{
    font-size: calc(1.5rem + ((1vw - 3.2px) * 4.2553));
    font-weight: 700;
    line-height: 1.3em;
    margin: 0 0 0.5em;
}

.reviewTopContentsCaptionText{
    margin: 0 0 15px;
}

.reviewTopContentsShopInfoText{
    text-align: right;
}

.reviewTopContentsInner.js-imageBoxBackground .changeBoxImageLayoutControllerOuter{
    margin: 0;
    bottom: -45px;
}

.reviewSampleContentsOuter:after{
    content: "";
    clear:both;
    display: block;
}

.reviewSampleContents {
    display: inline-block;
    width: calc( ( 100% - 30px ) / 3 );
    height: 50px;
    float: left;
    margin: 0 15px 0 0;
    background-position: center;
    background-repeat: no-repeat;
}

.reviewSampleContents:nth-of-type(1){
    background-image: url(../img/copy2open/review_1.png);
    background-size: contain;
}

.reviewSampleContents:nth-of-type(2){
    background-image: url(../img/copy2open/review_2.png);
    background-size: contain;
}

.reviewSampleContents:last-of-type {
    background-image: url(../img/copy2open/review_3.png);
    background-size: contain;
    margin: 0;
}

.reviewMainContents,
.reviewConversionContentsOuter{
    width: 100%;
    margin-bottom: 4%;
}

.reviewConversionContentsOuter{
    width: 92%;
    margin: 0 auto;
}

.sidebar_review{
    text-align: center;
}

.sidebar_review a img{
    width: 200px;
}


/*** 迷惑メールフィルタ機能 ***/
.spamFilterLevelSwitchOuter{
    text-align: center;
}

.spamFilterToggleSwitch {
    width: 100px;
    padding: 2px 0px;
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    background: #eee;
    border-radius: 15px;
    margin-right: 15px;
    border: 1px solid #ddd;
    cursor: pointer;
    position: relative;
}

.spamFilterSettingBlock[data-current-value="0"] .spamFilterToggleSwitch[data-toggle-value="0"], .spamFilterSettingBlock[data-current-value="1"] .spamFilterToggleSwitch[data-toggle-value="1"]{
    background-color: #36f;
    color: #fff;
}


.ec-cart .ec-cart__progress-item--current,
.ec-cart .ec-cart__progress--edit .ec-cart__progress-item:hover{
    background: #666666;
}

.ec-cart .ec-cart__progress-item--current:after,
.ec-cart .ec-cart__progress--edit .ec-cart__progress-item:hover:after {
    background: #666666;
}

.ec-cart .ec-cart__progress-item--current span,
.ec-cart .ec-cart__progress-item:hover a{
    color: #FFFFFF;
    font-weight: bold;
}


.checkbox__wrap{
    text-align: center;
    margin: 45px 0 20px;
}

.checkbox__no-robot {
    display: none;
}

.label__no-robot{
    background: #F9F9F9;
    border: 1px solid #CCC;
    cursor: pointer;
    color: #666666;
    display: inline-block;
    padding: 15px 25px 15px 62px;
    font-size: 14px;
    margin: 0 auto;
    position: relative;
    transition: .3s;
}

.label__no-robot:hover{
    background: #F0F0F0;
}

.label__no-robot:before{
    content: "";
    width: 27px;
    height: 27px;
    background: #FFF;
    border-radius: 3px;
    border: 2px solid #CCC;
    position: absolute;
    left: 16px;
    top: 10px;
}

.label__no-robot:after {
    content: "";
    width: 8px;
    height: 16px;
    animation-name:removeCheckIconAction;
    animation-duration:.45s;
    animation-fill-mode:forwards;
    border-bottom: 3px solid #12A561;
    border-right: 3px solid #12A561;
    display: block;
    left: 26px;
    margin-top: -12px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
}

.checkbox__no-robot:checked + .label__no-robot::after {
    animation-name: addCheckIconAction--noRobot;
    animation-duration: .9s;
    animation-fill-mode: forwards;
    opacity: 1;
}

@keyframes addCheckIconAction--noRobot{
    0% {
        transform: perspective(10px) translateY(-0px) translateZ(9px) rotate(-45deg);
        -webkit-transform: perspective(10px) translateY(-0px) translateZ(9px) rotate(-45deg);
        opacity: 0;
    }
    100% {
        transform: perspective(10px) translateY(-0px) translateZ(0px) rotate(45deg);
        -webkit-transform: perspective(10px) translateY(-0px) translateZ(0px) rotate(45deg);
        opacity: 1;
    }
}

.error-message__checkbox{
    display: none;
    position: absolute;
    left: 37px;
    top: -15px;
    font-size: 11px;
    color: #900;
    background: #FFF;
    border: 1px solid #676767;
    padding: 3px 13px;
    border-radius: 11px;
    box-shadow: 0 10px 15px 5px rgb(0 0 0 / 4%);
}

.error-message__checkbox:before{
    content: "";
    width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    left: -3px;
    bottom: -10px;
    background: url(../img/copy2open/no_robot_fuki.png);
}




/** デザインごとの処理 ********************************************************************/


































    h2, #midbox_wrapper:before, .subpageLink h3 {
        padding: 13px 15px 10px 15px;
        background: url(../img/cmscss/normal/menu/333333.gif) repeat center bottom;
        color:#FFFFFF;
        background-size:auto 100%;
        min-height: 20px;
        box-shadow:inherit;
    }
    .midashi_long a {color:#FFFFFF;}

    #footer_wrapper {background: url(../img/cmscss/normal/common/ichimatsu.jpg);}
    #footer ul li a, .copy_right {color:#FFF;}
    #footer ul li:after {background:#FFF;}


    /*** 営業日カレンダー片山追加分 ***/

    .side_bar_sub div#eigyoubi_cal p{
      color: #4b4b4b !important;
      font-size: 23px;
      text-align: left;
      position: relative;
      opacity: 1 !important;
      z-index: 0;
      background: #FFF;
      font-family: 'Roboto', sans-serif;
      font-weight:bold;
      padding: 0 0 0 5px !important;
      border-bottom: 3px solid #333333;
    }

    #eigyoubi_cal #now,
    #eigyoubi_cal #next{
      margin: 0 auto 30px !important;
      width: 200px !important;
      border-radius: 0px !important;
      background-image: none !important;
      padding: 5px;
      border: 1px solid #CCC;
      box-sizing: border-box;
      background: #FFF;
    }

    #edittable01 th, #edittable02 th{
      padding: 1px 0 !important;
      background: url(../img/cmscss/normal/common/dot_border.gif) no-repeat left center;
    }

    #edittable01 th:first-of-type,
    #edittable02 th:first-of-type {
      background:none;
    }

    .side_bar_sub #edittable01,
    .side_bar_sub #edittable02{
      background: #FFF;
    }

    .side_bar_sub #edittable01 th a,
    .side_bar_sub #edittable02 th a{
      font-size: 15px;
      font-family: 'Roboto', sans-serif;
      font-weight:bold;
      color: #FFFFFF !important;
    }

    #edittable01 tr:nth-of-type(1) th:nth-of-type(1),
    #edittable02 tr:nth-of-type(1) th:nth-of-type(1),
    #edittable01 tr:nth-of-type(1) th:nth-of-type(1) a,
    #edittable02 tr:nth-of-type(1) th:nth-of-type(1) a{
      color: #FFFFFF !important;
    }

    #edittable01 tr:nth-of-type(1) th:nth-of-type(7),
    #edittable02 tr:nth-of-type(1) th:nth-of-type(7),
    #edittable01 tr:nth-of-type(1) th:nth-of-type(7) a,
    #edittable02 tr:nth-of-type(1) th:nth-of-type(7) a{
      color: #FFFFFF !important;
    }

    #edittable01 td span,
    #edittable02 td span{
      font-family: 'Roboto', sans-serif;
      font-weight:bold;
      font-size: 15px;
      page-break-after: 2px !important;
      color: #4b4b4b;
      padding: 5px 0 !important;
    }

    #edittable01 td.closed span,
    #edittable02 td.closed span,
    #edittable01 td.regularClosed span,
    #edittable02 td.regularClosed span,
    #edittable01 td.allholclosed span,
    #edittable02 td.allholclosed span{
      font-family: 'Roboto', sans-serif;
      position: relative;
      background: none !important;
      color: #CCC !important;
      font-size: 15px;
      font-weight:bold;
    }

    .side_bar_sub #edittable01 tbody tr:first-of-type,
    .side_bar_sub #edittable02 tbody tr:first-of-type {
    background: url(../img/cmscss/normal/menu/333333.gif) repeat center bottom;
    background-size: 760px auto;
    }