@charset "utf-8";
/***************************************************************/
/*共通ss*/
/* フッターのhrefを削除したらポインターが効かなくなったので追加 */

@import url('https://fonts.googleapis.com/css?family=Sarpanch|M+PLUS+1p|M+PLUS+Rounded+1c&display=swap&subset=japanese');

@import url('https://fonts.googleapis.com/css?family=M+PLUS+1p:700|Noto+Sans+JP:400,700,900|Noto+Serif+JP:400,900&display=swap&subset=japanese');


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



@font-face {
  font-family: "sourceHanSansRegular";
  src: url("../fonts/logoFont/sourceHanSansRegular.woff") format("woff");
  font-display: swap;
}


@font-face {
  font-family: "mPlusRounded1cBold";
  src: url("../fonts/logoFont/mPlusRounded1cBold.woff") format("woff");
  font-display: swap;
}


@font-face {
  font-family: "mPlusRounded1cLight";
  src: url("../fonts/logoFont/mPlusRounded1cLight.woff") format("woff");
  font-display: swap;
}


@font-face {
  font-family: "notoSerifJpExtraLight";
  src: url("../fonts/logoFont/notoSerifJpExtraLight.woff") format("woff");
  font-display: swap;
}




@font-face {
  font-family: "mplus1pRegular";
  src: url("../fonts/logoFont/mplus1pRegular.woff") format("woff");
  font-display: swap;
}


@font-face {
  font-family: "notoSansJpLight";
  src: url("../fonts/logoFont/notoSansJpLight.woff") format("woff");
  font-display: swap;
}


@font-face {
  font-family: "notoSansJpBold";
  src: url("../fonts/logoFont/notoSansJpBold.woff") format("woff");
  font-display: swap;
}


@font-face {
  font-family: "notoSansJpBlack";
  src: url("../fonts/logoFont/notoSansJpBlack.woff") format("woff");
  font-display: swap;
}



@font-face {
  font-family: "logoTypeGothic";
  src: url("../fonts/logoFont/logoTypeGothic.woff") format("woff");
  font-display: swap;
}
/** {font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}*/
*:not(font) {font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}

.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 {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

a {cursor:pointer;}




/*
.ExMon_msg{
    font-size: 11px;
    color: #369;
    display: block;
    padding: 0 5px;
}

*/

img{
    border:none;
    line-height: 0px;
    vertical-align: bottom;
}
ol, ul {list-style: none;}
address{
    font-style:normal;
    padding:0px;
}
.clear {
    clear: both;
    margin: 0px !important;
    padding: 0px !important;
}
table {border-collapse:collapse;}
th,td {word-break:break-all;}

textarea,select{
    font-size:14px;
    padding:5px;
    border: 1px solid #CCCCCC !important;
    border-radius: 3px;
}

.block {
    width:960px;
    margin:0 auto;
}

.tar{text-align:right;}
.tac{text-align:center;}
.tal{text-align:left;}


.ml10 {margin-left:10px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb45 {margin-bottom:45px;}
.dblock {display:block;}
.dinlineblock{display:inline-block;}

.pc_none{display:none;}

/* end layout*/

.sliderImage span strong {
    font-size: 14px;
    color:#FFFFFF;
}
.top {
    top: 0;
    left: 0;
}
.bottom {
    bottom: 0;
    left: 0;
}
.left {
    top: 0;
    left: 0;
    width: 110px !important;
    height: 280px;
}
.right {
    right: 0;
    bottom: 0;
    width: 90px !important;
    height: 290px;
}


#slider {
    width: 660px; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
    position: relative; /* important */
    overflow: hidden; /* important */
}

#sliderContent {
    width: 660px;
    position: absolute;
}
.sliderImage {
    float: left;
    position: relative;
    display: none;
}
.sliderImage span {
    position: absolute;
    font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 20px 20px;
    width: 634px;
    background-color:#000;
    color: #fff;
    display: none;
    line-height:200%;
    opacity: 0.7;
}







/* 20160808 阿部追記 */

.mb5{
    margin:0 0 5px 0;
}



#modal_wrapper {
    width: 100%;
    height: 100%;
    background:rgba(0 ,0 ,0 ,0.6);
    position:fixed;
    top:0;
    left: 0;
    z-index: 103;
    display: none;
    text-align: center;
}



/***************************************************************/
/*契約ここから*/



input.next_btn {
    border: 1px solid #ccc;
    background-image: url(../img/common/next_btn.jpg);
    background-repeat: no-repeat;
    background-position: right center;
    font-size: 16px;
    color: #f00;
    margin: 0 0 60px 0;
}
input.next_btn2 {
    font-size: 12px;
    height: 20px;
    font-weight: normal;
    cursor:pointer;
    color: #0000CC;
    margin-right: 10px;
    text-decoration: underline;
    background-color: #FFFFFF;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}

input.next_btn3 {
    font-size: 16px;
    height: 20px;
    font-weight: normal;
    cursor:pointer;
    color: #0000CC;
    margin-right: 10px;
    text-decoration: underline;
    background-color: #FFFFFF;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    display:block;
}

button.next_btn {
    border: 1px solid #CCCCCC;
    background-image: url(../img/common/next_btn.jpg);
    background-repeat: no-repeat;
    background-position: right center;
    font-size: 16px;
    line-height: 29px;
    height: 29px;
    font-weight: bold;
    padding-right: 40px;
    padding-left: 30px;
    cursor:pointer;
    color: #000000;
    margin-right: 10px;
}
button.next_btn2 {
    font-size: 12px;
    line-height: 20px;
    height: 20px;
    font-weight: normal;
    padding-right: 30px;
    cursor:pointer;
    color: #0000CC;
    margin-right: 10px;
    background-color: #FFFFFF;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    text-decoration: underline;
}




#step {
    border-radius: 3px;
    margin:0 0 30px 0;
    background: #C4C4C4;
}

#step:after,
#price_base:after {
    content: "";
    display: block;
    clear: both;
}

#step li {
    float: left;
    width: 33.3%;
    text-align: center;
    color: #FFF;
    position: relative;
    font-size: 14px;
}

#step li.first a,
#step li.first p {
    border-radius:3px 0 0 3px;
}

#step li.last a,
#step li.last p {
    border-radius:0 3px 3px 0 !important;
}

#step li:before {
    content: "";
    width: 0;
    height: auto;
    position: absolute;
    border-top: 15px solid transparent;
    border-left: 10px solid #C4C4C4;
    border-right: 10px solid transparent;
    border-bottom: 15px solid transparent;
    top: 0;
    left: 226px;
    z-index: 1;
}

#step li.bgd5 a,
#step li.bgd5_last a,
#step li.bgd5 p,
#step li.bgd5_last p {
    background: #D5D5D5;
}

#step li.bgd5:before {
    border-left: 10px solid #D5D5D5;
}

#step li#step_visit p {
    background:#55595B;
}

#step li#step_visit:before {
    border-left: 10px solid #55595B;
}

#step li.last:before {
    border-left: 10px solid transparent !important;
}

#step li a,
#step li p,
#step_visit p {
    color: #FFF;
    display: block;
    padding: 8px 0;
    height: 14px;
    line-height: 1.2em;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo, Osaka,'ＭＳ Ｐゴシック',sans-serif;
}

#step li a:hover {
    text-decoration:none;
}



.question_block {
    float: left;
    margin:0 0 40px 0;
}




/***************************************************************/
/*　ページエラー　　*/
#error_contents {
    clear: both;
    height: 300px;
    width: 500px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    padding-top: 30px;
    background-image: url(../img/common/dekkey_sorry002.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
}
#error_contents h2 {
    color: #3366FF;
    font-size: 22px;
}
#error_contents p {
    font-size: 90%;
    clear: both;
    margin-bottom: 10px;
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
}
.attention_message {
    color: #990000;
}




/***************************************************************/
/*　中古車一覧　　*/

#car_list_base0 {
    padding-bottom: 10px;
}

#car_list_base {
    margin:0 0 10px;
}

.usercar_list {
    clear: both;
    width: 640px;
    padding-top: 0;
    margin:0 0 20px;
    position: relative;
}

.list_con {
    clear: both;
    width: 640px;
}
.list_main {
    float: left;
    width: 240px;
    margin-bottom:10px;
}
.list_main p {
    float: left;
    padding-right: 10px;
    font-size: 10px;
}
.list_main p img {
    padding-bottom: 5px;
}
.list_main ul {
    width: 130px;
    display: block;
    float: right;
    padding-top: 5px;
}
.list_main ul li {
    padding-right: 3px;
    float: left;
}
/* .saleshop {
    clear: both;
    padding-left: 45px;
    margin-bottom: 5px;
    line-height: 30px;
    height: 30px;
}
.saleshop span {
    float: right;
    padding-left: 10px;
    font-size: 12px;
} */
.list_con table{
    margin-bottom: 5px;
}
.list_con span.more_carinfo_link {
    float: right;
    padding: 0 0 1px 17px !important;
    background:url(../img/copy2open/carlist_linkarw.png) no-repeat left top !important;
    /* display: block; */
/* height: 12px; */
}
.list_con span.more_carinfo_link a{
    font-size: 12px !important;
    vertical-align: top;
    /* line-height: 12px !important; */
}
.zaiko_used {
    color: #339900;
}
.daiko_used {
    color: #6699FF;
}
.syoudanchu_used {
    color: #FF9900;
}
.baikyaku_used {
    color: #CC0000;
}
.newcar_used{
    color: #E71870;
}
.unused {
    color: #36f;
 } 

#car_gall:after,.list_con:after,.pager:after,
.plusBlockBtn2:after ,.plusBlockBtn3:after ,
.plusBlockBtn4:after, .plusBlockBtn5:after {
    height: 0;
    visibility: hidden ;
    content: ".";
    display: block ;
    clear: both ;
}
.zaiko_base {
    margin-bottom: 20px !important;
    width: 100% !important;
}
.sample_name {
    font-size: 12px;
    font-weight: normal;
    color: #CC0000;
    padding-left: 10px;
}

/*以下徳田追加*/
.pager a.carListPagerLink_current{
    text-decoration: none;
    color: #f90;
    font-weight: bold;
    cursor: default;
}
.pager a.carListPagerLink_current:hover{
    background-color: transparent;
}



/***************************************************************/
/*在庫車サムネイル（徳田追加）*/

/* 20140627 高橋修正　暫定対応 */
#carListThumNail_wrapper{
    /* overflow:hidden;
    margin:0 0 30px;
    padding: 0; */
}
#body_top #carListThumNail_wrapper {
    margin:0;
}

.thumbnail_box{
    background:#FFF;
    float: left;
    margin:0 10px 0 0;
    border:1px solid #ccc;
    height:320px;
    display:block;
    text-decoration: none !important;
    position:relative;
}

a.thumbnail_box{
    color:#666;
    position:relative;
}

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

.thumbnail_box .carthumb_img {
    clear: both;
    height:140px;
    overflow:hidden;
    padding:15px 14px 5px;
    margin:0 0 5px;
    display:block;
    position:relative;
}
.thumbnail_box .carthumb_img img{
    width:170px;
}
.recomendcar_img_box{
    position: relative;
    height: 140px;
}
.thumbnail_box .carthumb_img img.recomendmark_img{
    position: absolute;
    top: 15px;/*.carthumb_imgのpaddingの値による*/
    left: 14px;/*.carthumb_imgのpaddingの値による*/
    width:60px;
}
/* 「おすすめ」の場合の販売状況アイコンCSS ※「おすすめ」でない場合は「おすすめ」のCSSで表示 */
.thumbnail_box .carthumb_img img.recomendmark_img.soldout_img {
    position: absolute;
    top: 15px;/*.carthumb_imgのpaddingの値による*/
    left: 74px; /*.carthumb_imgのpaddingの値に「おすすめ」の幅を足したもの */
    width:60px;
}


.thumbnail_box h3, .thumbnail_box .h3 {
    text-align: left;
    clear: both;
    margin: 0;
    padding: 5px 0 5px 10px;
    font-size: 90%;
    line-height: 130%;
    display:block;
}
.thumbnail_box h3 a, .thumbnail_box .h3 span{
    font-size:14px;
    background: url(../img/copy2open/car_list_arw.png) no-repeat left center ;
    padding:0 0 0 15px;
}
.thumbnail_box .carthumb_txt {
    clear: both;
    margin:0 10px 10px;
    font-size: 75%;
    line-height: 130%;
    text-align: left;
    display:block;
}
.thumbnail_box .carthumb_price {
    clear: both;
    margin:0 10px 5px;
    font-size: 11px;
    line-height: 130%;
    text-align: left;
    color:#666;
    display: block;
    max-height: 30px;
}
.thumbnail_box .carthumb_price span strong{
    font-size: 13px;
    color:#f00;
}
.thumbnail_box .carthumb_price span.totalCost strong{
    font-weight:normal;
    font-size: 11px;
}
.thumbnail_box_last{
    margin:0 0 20px;
    /* margin:0; */
}
.thumbnail_box_lastlast{
    margin:0 !important;
}
.thumbnail_box_lastrow1st{
    margin:20px 0 0 0;
}

#carlist_main_box{
    position:relative;
    margin:0 0 30px;
}

#body_top #carlist_main_box{
    margin:0 0 10px;
}






.carlistEmptyMsg{
    margin: 60px 10px;
    text-align: center;
    padding: 30px;
    border: 1px solid #eee;
    font-size: 14px;
}
#usedcar_regi_btn_block span{
    font-size:12px;
}
#main_usedcarpage_link_box{
    background:url(../img/copy2open/carlist_linkarw.png) no-repeat left 10px ;
    padding: 5px 0 0 25px;
    width:150px;
    margin:0 auto 10px;
}

#main_usedcarpage_link_box a{
    font-family: "メイリオ";
    font-size: 16px;
    padding: 0;
    display:block;
}
#main_usedcarpage_link_box a:hover{
    text-decoration: none;
}


/***************************************************************/
/*　中古車詳細　　*/

.usercar_list h3 img,.blog_item h2 img {
    vertical-align: middle;
    padding-left: 5px;
}
.blog_item h2 img {
    line-height: 50px;
}
#car_gall p {
    float: left;
    text-align: center;
    display: block;
    width: 415px;
}
#car_gall h3 {
    font-size: 16px;
}
#car_gall h3 span {
    font-size: 12px;
    font-weight: normal;
    float: right;
}
#car_gall ul {
    width: 10000px;
    display: block;
    margin:0 0 10px 0 ;
}

/*20140627 高橋追加 中古車サムネイル送りボタン*/
#carThumbArrowL{
    height:60px;
    width:30px;
    background:#CCC;
    float:left;
    cursor:pointer;
    display:none;
}

#carThumbArrowR{
    height:60px;
    width:30px;
    background:#CCC;
    float:right;
    cursor:pointer;
    display:none;
}

#car_gall ul::after{
    content: "";
    display: block;
    clear: both;
}


#car_gall ul li {
    float: left;
    width: 60px;
    height: 60px;
    text-align: center;
    margin: 0 5px 5px 0;
    display: block;
    position:relative;
    overflow:hidden;
    border-radius:100%;
    background:#ccc;
    cursor:pointer;
}

#carListCurrentDiv{
    width: 50px;
    height: 50px;
    border:5px solid #f00;
    position:absolute;
    z-index:4;
    top:0px;
    left:0px;
    border-radius:100%;

}


#cgmIndex{
    z-index: 4;
    position:absolute;
    top:0px;
    left:0px;
    padding:10px;
    background:#000;
    border:1px solid #ccc;
    font-size:12px;
    color:#fff;
    width:50px;
    text-align:center;
}

#car_gall{
    overflow:hidden;
    position:relative;
}

#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;
    width:100%;
    max-width:640px;
    margin-top:0;
    margin-left:auto !important;
    margin-right:auto !important;
    margin-bottom:30px;
    overflow:hidden;
}

#car_gall .car_gall_main img.mainpict {
    height:480px;
}

#cgmCapWrapper {
    z-index:6;
    bottom:0px;
    left:0;
    background:#000;
    opacity:0.8;
    color:#fff;
    position:absolute;
    width:100%;
    line-height:150%;
    font-size:90%;
    /*height:40px;*/
    /*margin:-100px 0 0 0 ;*/
}

#cgmCapWrapper.multipleMode {
    z-index: 1002;
}

#cgmCap{
    display:block;
    margin:30px;
}

#cgmCapClose{
    display: block;
    padding: 5px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.cgm{
    position:absolute;
    width:30%;
    height:100%;
    top:0px;
    right:0;
    background:#fff url(../img/usedcar/cgmBg.png);;
    opacity:0;
    text-align:center;
    z-index:4;
}

.cgm.multipleMode {
    z-index: 1002;
}

.cgm.cgmLeft{
    left:0;
}

#cgmLArrow{
    position:absolute;
    width:25%;
    top: 50%;   /*上端を中央に*/
    left: 0;    /*左端を中央に*/
    height:50%;
    opacity:0;
    margin : -50px 0 0 0;
    text-align:center;
    z-index:3;
}


#cgmRArrow{
    position:absolute;
    width:25%;
    top: 50%;
    right: 0;
    height:50%;
    opacity:0;
    margin : -50px 0 0 0;
    text-align:center;
    z-index:3;
}

#cgmRArrow img,#cgmLArrow img{
    width:50px !important;
}

.cgm.hover:hover{
    opacity:0.3;
    cursor:pointer;
}


#carGallMask .cgm.hover:hover{
    opacity:0.3;
    cursor:pointer;
}


#carGallMask .cgmLArrow {
    top: 17.5px;
    left: 10px;
    height: 25px;
    position: absolute;
    margin: 0;
    opacity: 0;
    width: auto;
}

#carGallMask .cgmLArrow img {
    height: 25px;
}

#carGallMask .cgmRArrow {
    top: 17.5px;
    right: 10px;
    height: 25px;
    position: absolute;
    margin: 0;
    opacity: 0;
    width: auto;
}

#carGallMask .cgmRArrow img {
    height: 25px;
}

#carGallMask .cgm {
    position: absolute;
    width: 7%;
    top: 0px;
    right: 0;
    background: #fff url(../img/usedcar/cgmBg.png);
    opacity: 0;
    text-align: center;
    z-index: 1003;
}

#carGallMask .cgmLeft{
    left: 0;
}


#multipleDeleteMask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 100%;
    z-index: 1001;
}

.noneUsedcarImageThumb{
    display:block;
    width:100%;
}


/* 中古車画像を正しく表示させるために必ず640pxにする */
#usercar_base{
    width:640px;
    margin:0 auto;
}

#js-slideIcon, #js-slideImage{
    max-width:none;
}

#car_gall{
    padding:0;
    width:100%;
    border:none;
}




/* 高橋追記　20140625 */
#usercar_base table{
    background:#FFF;
}

#usercar_base table td{
    background:none;
}

.cursor_default {
    cursor: default;
}

#recommend_title {
    color: inherit;
    text-decoration: none;
}

#recommend_title span {
    font-size: inherit;
}

#recommend_h2{
   width:auto;
}




/*会社案内下部*/
.link_cap_txt {
    font-size: 12px;
    text-align: center;
    clear: both;
    margin-bottom: 15px;
}
.right_link {
    font-size: 14px;
    font-weight: bold;
    line-height: 50px;
    clear: both;
    height: 50px;
    width: 250px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    background-repeat: repeat-x;
    background-position: center center;
    border: 1px solid #CCCCCC;
}



.sidebar_linkbox_block {
    position: relative;
}


.map_box_notFirst{
    margin:10px 0 0 0;
}





.subpageLink {
    clear: both;
    margin-bottom: 15px;
}
.subpageLink h3 {
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #999999;
    padding-bottom: 5px;
    clear: both;
    text-align: center;
    margin-bottom: 10px;
    font-size: 14px;
}
p.link {
    font-size: 12px;
    clear: both;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #CCCCCC;
    padding-bottom: 5px;
    margin: 0 0 10px 0;
}
h3.h3_lead {
    font-size: 12px;
    clear: both;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
    margin-right: 20px;
    margin-left: 20px;
}
ul.ul_lead {
    clear: both;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #CCCCCC;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 20px;
    margin-bottom: 15px;
    margin-left: 20px;
}
li.lead {
    clear: both;
    font-size: 12px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 7px;
    padding-left: 0px;
    margin-bottom: 0px;
}

/*画像ブロック*/
.pictbox {
    float: left;
    padding: 12px;
    text-align: center;
    /*width: 188px;*/
    position: relative;
}


.setup_block {
    font-size:12px;
    margin:10px 0 20px;
    width:100%;
    text-align:center;
    clear:both;
    padding: 5px 0;
}
.setup_block a {color: #0066cc !important;}



/* 20190628 画像幅最小などの時に影響があるのでコメントアウト 北川
.pict_edit_btn {
    width:auto !important;
}
*/

/* 意味のイマイチ分からん指定何で消す=>必要 */
.img_box_left,.img_box_right{
    z-index:2;
}






/* .sns_btn_block,.sns_btn_block_mono{
    padding: 10px 0 0 0;
}

.sns_btn_block .tw_btn{
    float:left;
    margin:0px 10px 10px 0;
    padding:0;
}
.sns_btn_block .fb_btn{
    float:left;
    margin:0px 10px 10px 0;
}
.sns_btn_block .gp_btn{
    float:left;
    margin:0px 0px 10px 0;
}
.sns_btn_block .hatebu_btn{
    float:left;
    margin:10px 10px 10px 0;
}
.sns_btn_block .hatebu_btn img{
    padding:0px;
}

.sns_btn_block_mono .fb_btn{
    width:70px;
    margin:0px auto;
} */


/*Sidebar用追加*/
#right_box_side .right_box_img{
    width:188px;
    padding: 0;
    margin: 0 auto;
}
#right_box_side .right_box_img img{
    padding: 0;
}
.sidebar_ad_banner{
    margin:0 0 20px 0;
}

/***************************************************************/

/********** 抱きしめーるブロック **********/

/* ブロック全体 */


.dksm_regist{
    position:relative;
    clear:both;
}

.js-imageBoxBackground .dksm_regist{
    width: 100%;
    box-sizing: border-box;
}


.dksm_regist .inputbtn{
    margin:0 auto;
}


.box_dksm{
    padding-bottom:30px;
}

.addPadding{
    padding:30px;
}

.about_dksm{
    margin:0 0 30px;
}


/* ブロックの中身 */

#dksm_form_01, #dksm_form_02{
    float:left;
    width:100%;
    margin:0 0 10px;
}

#dksm_form_02{
    margin:0 0 30px;
}

.dksm_regist th, .dksm_regist td{
    width:100%;
    float:left;
    font-weight:normal;
    text-align:left;
}

.dksm_regist th{
    font-size:14px;
}

.dksm_regist td{
    margin:0 0 30px;
}


/* ブロックのフォーム */

.shaken_term{
    margin:0 0 0 30px;
}

.dksm_regist input[type="text"]{
    font-size:14px;
    padding:5px;
    border: 1px solid #CCCCCC !important;
    border-radius: 3px;
}

.dksm_regist select[name="tel_1"], .dksm_regist input[name="tel_2"], .dksm_regist input[name="tel_3"]{
    width:60px;
}

.dksm_regist textarea{
    width:100%;
    min-height:75px;
}


/* ブロックにかかるオーバーレイ・スライダー */

#js_dksmSliderContents{
    width:500%;
    height:100%;
    color:#000;
}

#dksm_wrapper .overLay{
    position: absolute;
    background:rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    z-index:2;
    border-radius: 10px;
    border:none;
}

.dksm_regist .dksmSlider{
    width:calc( 100% - 120px );
    height: 491px;
    top: calc(50% - 245.5px - 30px);
    margin: 30px;
    position: absolute;
    background: #fff;
    overflow:hidden;
    z-index:3;
    border-radius: 10px;
    box-shadow: 5px 5px 5px rgba( 0,0,0, 0.6);
}

#js_dksmSliderContents div{
    float:left;
    padding:60px;
    width:calc( 20% - 120px );
}

#dksm_wrapper #js_dksmSliderContents h2{
    font-size: 22px;
    line-height: 120%;
    font-weight: normal;
    color: #000;
    margin: 0 0 30px;
    background: none;
    text-align: center;
    color: #fff;
    text-shadow:1px 1px 1px #CE4231, -1px -1px 1px #CE4231, 1px -1px 1px #CE4231, -1px 1px 1px #CE4231, 2px 2px 2px #E18B82, -2px -2px 2px #E18B82, 2px -2px 2px #E18B82, -2px 2px 2px #E18B82;
}

#js_dksmSliderContents p, #js_dksmSliderContents span{
    color:#000;
    text-shadow:none;
    max-width:430px;
    margin:0 auto 30px;
}

#js_dksmSliderContents span{ margin:initial; }

#js_dksmSliderContents div:nth-child(3) p{
    clear:both;
}


.dksmSliderContents p{
    margin: 0 auto 30px;
    width: 100%;
    padding:0;
}


.dksmSliderContents_img{
    float: left;
    margin: 0 15px 30px 0;
    width:100px;
}

.dksmSliderContents b{ display:block; }

#js_dksmSliderContents .dksmCaption{
    display:block;
    margin:0 auto 5px;
    font-size:12px;
    max-width:320px;
}


#js_dksmSliderButtonNext, #js_dksmSliderButtonPrev{
    position: absolute;
    right: 0;
    height: 100%;
    width: 30px;
    display: inline-block;
    margin: 0 44px;
}

#js_dksmSliderButtonPrev{
    left:0;
    right:inherit;
    margin: 0 0 0 15px;
}

#js_dksmSliderButtonNext{
    margin:0 15px 0 0;
}

#js_dksmSliderButtonNext img, #js_dksmSliderButtonPrev img{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor:pointer;
}

#js_dksmSliderStep{
    position:absolute;
    bottom:30px;
    width:100%;
}

#js_dksmSliderStep p{
    width:90px;
    margin:0 auto;
}

#js_dksmSliderStep span{
    display: block;
    width: 8px;
    height: 8px;
    border: 1px solid #ccc;
    border-radius: 100%;
    float: left;
    margin-right: 10px;
    cursor: pointer;
}

#js_dksmSliderStep span:nth-child(5n) {
    margin-right:0;
}

#js_dksmSliderStep .current{
    background:#36f;
}


#js_dksmSliderContents .dksmBtn{
    border: none;
    color: #FFF;
    padding: 15px 0;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
    max-width: 320px;
    margin-left: auto;
    margin-right: 1%;
    display: block;
    text-align: center;
    text-decoration: none;
    font-family: inherit;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    transition: 0.3s;
    margin: 0 auto 30px;
    text-decoration:none;
    color:#fff !important;
}

#js_dksmSliderContents div > img{
    width:100%;
    display:block;
    max-width:430px;
    margin:0 auto 30px;
    
}

.dksmBtn.signin{
    background: #E5004F url(../img/common/btn_grass.png) no-repeat center top;
}

.dksmBtn.login{
    background: #37f url(../img/common/btn_grass.png) no-repeat center top;
}

.error_message{
    font-size:14px;
    color:#c00;
    display:block;
}

/***************************************************************/
/*SideBar 追加ブロック*/
#sidefree01, #sidefree02, #sidefree03, #sidefree04, #sidefree05{
    clear: both;
    margin-bottom: 20px;
}
.side_img_box{
    padding: 5px;
    border: 1px solid #CCC;
    margin: 0px;
    position: relative;
    z-index: 2;
}
.side_img_box_nonimg{
    border:none;
    padding:0 0 2px 0;
}

.side_img_box_right{
    float: right;
    margin: 0px 0px 10px 10px;
    position: relative;
}
.side_img_box_left{
    float: left;
    margin: 0px 10px 10px 0px;
    position: relative;
}
.side_img_box_max{
    margin:0 0 10px 0;
}

.side_img_box_nonimg.side_img_box_small,
.side_img_box_nonimg.side_img_box_big,
.side_img_box_nonimg.side_img_box_max{
    margin:0 10px 10px 0 !important;
}


#sideaddbox01{
    padding: 0 9px 9px 9px;
    clear: both;
    width: 180px;
    margin-bottom: 20px;
    border: 1px solid #CCC;
}

#sideimgbox01, #sideimgbox02, #sideimgbox03{
    clear: both;
    margin-bottom: 20px;
}
#sidetopics01, #sidetopics02, .like_topics_block {
    clear: both;
    margin-bottom: 20px;
    position: relative;
}
.box_side_topics, .like_box_side_topics{
    padding: 0 0 9px 0;
    margin:0 0 10px 0;
    border-bottom: 1px solid #CCC;
    font-size:12px;
}



#sidefree01 img, #sidefree02 img, #sidefree03 img, #sidefree04 img, #sidefree05 img, .sidebar_ad_banner img,
#sideaddbox01 img, #sideaddbox02 img, #sideimgbox01 img, #sideimgbox02 img, #sideimgbox03 img, #sidetopics01 img, #sidetopics02 img, .like_topics_block img {
    padding:0;
}

#sidefree01 p, #sidefree02 p, #sidefree03 p, #sidefree04 p, #sidefree05 p,
#sideaddbox01 p,#sideaddbox02 p,  #sidepbox01 p, #sideimgbox02 p, #sideimgbox03 p, #sidetopics01 p, #sidetopics02 p, .like_topics_block p {
    padding:0;
    background:none;
    line-height:150%;
    clear:none;
}

#sidetopics01 h4, #sidetopics02 h4,  .like_topics_block h4 {
    font-size: 12px;
    font-weight: bold;
    color: #686846;
    clear: both;
    line-height: 130%;
    text-align:left;
    padding: 0 0 5px 45px;
    margin:0 auto 10px;
    background-image: url(../img/copy2open/topics_h3bg.gif);
    background-repeat: no-repeat;
    background-position: left 1px;
    border-bottom: #999 solid 1px;
}

h4#shop_info_title, #sv_title{
    font-size: 12px;
    font-weight: bold;
    color: #686846;
    clear: both;
    line-height: 130%;
    text-align:left;
    padding: 0 0 5px 45px;
    margin:0 auto 10px;
    background-image: url(../img/copy2open/shopinfo_h3bg.gif);
    background-repeat: no-repeat;
    background-position: left 1px;
    border-bottom: #999 solid 1px;
}

.like_topics_block h4{
    background-image: url(../img/copy2open/shopinfo_h3bg.gif);
}

#sidetopics01 h5, #sidetopics02 h5, .like_topics_block h5 {
    line-height: 130%;
    margin-bottom:5px;
}

#side_link_block h4 {
    font-size: 12px;
    font-weight: bold;
    color: #686846;
    clear: both;
    padding-bottom: 5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999;
    background-image: url(../img/copy2open/h2_links.gif);
    background-repeat: no-repeat;
    background-position: left 1px;
    padding-left: 45px;
    line-height: 130%;
}
/***************************************************************/
/*SideBar QRcode*/
#mobile_QR_info{
    margin: 0px auto 10px;
    padding: 20px 0 0 ;
    /*border-top: 1px dotted #ccc;*/
    text-align:center;
    width:200px;
}
#mobile_QR_info h4{
    font-size: 12px;
    font-weight: bold;
    color: #686846;
    clear: both;
    line-height: 130%;
    text-align:left;
    /*width:133px;*/
    padding-left:18px;
    margin:0 auto 10px;
    background-image: url(../img/common/qr.gif);
    background-repeat: no-repeat;
    background-position: left top;
    border-bottom: 1px solid #999;
    padding-bottom: 5px;

}
#mobile_QR_info h5{
    font-size: 10px;
    line-height: 130%;
    text-align:center;
    font-weight:normal;
}
#mobile_QR_info div.QR_innerBlock{
    width:165px;
    height:95px;
    margin: 0 auto;
}
#mobile_QR_info .mb_block{
    float:left;
    width:80px;
    margin: 0 5px 15px 0;
}
#mobile_QR_info .sp_block{
    float:left;
    width:80px;
    margin: 0 0 15px 0;
}
#mobile_QR_info img{
    padding: 2px 0 0 0;
}

#qr_txt{
    font-size:10px;
    clear:both;
    margin:0 auto;
    border:1px dotted #ccc;
    text-align:left;
    width:146px;
    padding:5px;
    background:none repeat scroll 0 0 transparent;
}
#qr_txt span{
    color:#600;
}

/*モバイルプレビュー画面*/
div.mb_display p.main_text{
    width:640px;
    padding: 10px 20px;
    margin:5px auto;
    line-height: 150%;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
}
div.mb_display p.main_text span{
    font-size:12px;
    padding: 5px;

}
div.mb_display p.main_text span.attention_message{
    font-size:16px;
    padding: 5px 10px;
    /*display:block;*/

}

div.mb h3,div.sp h3{
    margin:0 0 10px;

}

div.mb button,div.sp button{
    background-image: url(../img/common/reload_off.gif);
    background-repeat: no-repeat;
    background-position: left center;
    font-size:12px;
    padding:0 0 0 30px;
    border:none;
    width:110px;
    height:30px;
    text-align:left;
}

div.mb button:hover,div.sp button:hover{
    background-image: url(../img/common/reload_on.gif);
    background-repeat: no-repeat;
    background-position: left center;
}

#mobile_QR_info div.mb_block:after,
#mobile_QR_info div.sp_block:after{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;

}


.mb div.mb_block{
    width:340px;
    margin:20px 5px 50px;
    font-size:12px;
    line-height:140%;

}

.mb div.mb_block h2{
    padding:10px 0 10px 18px;
    font-size:14px;
    background-image: url(../img/common/qr.gif);
    background-repeat: no-repeat;
    background-position: left center;

}

.mb div.mb_block:after{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;

}

.mb div.mb_block img{
    float:left;
    padding-right:10px;

}


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


#btnBar_img_h2_0{
    position:absolute;
    bottom:0;
    right:0;

}
/*全体メインコンテンツ上部パディング*/
div #main_contents.top_main{
    padding-top:30px;
}
div #main_contents.sub_main,
div #main_contents.free_main {
    padding-top:20px;
}
#pan{
    margin-bottom:20px;
}
.disnon{
    display:none;
}

/*スライダー部分下に追加されるdivブロック*/
#addSliderBottomBlock{
    display:none;
}



/*以下元兼追加(2013_06_19)*/
.carlist_pager_box{
    width:100%;
    height:85px;
    margin:20px 0 10px;;
    text-align:center;
}

.pager{
    background:none;
    border:none;
    width: 100%;
    text-align: center;
}
.pager li{
    display: -moz-inline-box;
    display:inline-block;
}

.pager li span{
    display:block;
    font-weight: bold;
    color: #000;
    border:1px solid #333;
    background:#FFF;
    margin:0 5px 0;
    padding:10px 15px;
}

.pager li a{
    display:block;
    background:#DDD;
    border:1px solid #333;
    margin:0 5px 0;
    padding:10px 15px;
}

.pager_str {
    clear: both;
    font-size: 12px;
    margin-bottom: 5px;
    text-align:center;
}

.pager a:link,.pager a:visited {
    color: #3399FF;
}
.pager a:hover,.pager a:active {
    background-color: #333333;
    color: #FFFFFF;
}


/*以下元兼追加(2013_07_05～)*/


.mail_send_message_201307{
    background-color:#FFFFFF;
    clear:both;
    color:#444444;
    margin-left:auto;
    margin-right:auto;
    padding:20px;
    width:90%;
    text-align:center;
}


.mail_send_message_201307 h2{
    font-family: "メイリオ";
    background-color:#FC0;
    background-image:none;
    clear:both;
    color:#333;
    font-size:100%;
    line-height:25px;
    margin-bottom:20px;
    margin-top:0;
    padding:10px;
    font-weight:normal;
}

.mail_send_message_201307 p.border_2_dot{
    background:url("/trial/img/border01.gif") repeat-x 0 0;
    margin:50px 0 40px;
    height:2px;
}


span.border_dotted{
    border-bottom:1px dotted #CCC;
    float:left;
    width:380px;
    margin:0 0 15px;
}




p.border_dotted{
    border-bottom-width: 1px;
    border-bottom-style: dashed; /* 線種 */
    border-bottom-color: #ccc; /* 線色 */
    width:320px;
    margin:0 0 15px;
}

span.red {
    color:#C00;
}





/* ================================================================
 * グローバルメニュー関連
 * ================================================================
 *
 * 件数が多い場合に表示されるメニュー (mega_menu) : メニュー位置：上・中・左・右 共通
 * 現在は 7件以上で表示
 *
 *  ・基本設定： common.css の div.mega_menu
 *  ・上書設定： cms_css_XXXX.php の div.mega_menu で上書き
 * 　　（上書き想定クラス）
 * 　　div.mega_menu ... 位置・サイズ
 * 　　div.mega_menu ul ・・・ 装飾
 * 　　div.mega_menu ul li
 * 　　div.mega_menu ul li a
 * 　　div.mega_menu ul li a:visited
 * 　　div.mega_menu ul li a:hover
 *  #mega_menu_pointer_h
 *  #mega_menu_pointer_hb
 *  #mega_menu_pointer_vl
 *  #mega_menu_pointer_vr
 *
 * 　　（上書き想定外クラス）
 * 　　div.mega_menu ul li.no_right   ・・・ メガメニュー内項目 右端のマージン消しのみ
 * 　　div.mega_menu ul li.no_bottom ・・・ メガメニュー内項目 下端のマージン消しのみ
 *
 *  ※デザインごとに 上・中・左・右 に応じたメニュー表示位置・幅をCSSで設定する。
 */

/* メガメニュー 外枠 */
/* メニュー単位のdiv 中身は ul 背景にポインタ画像（上左右下）*/
div.mega_menu{
    margin: 0 auto; /* 上・中メニューの場合は margin: auto で中央よせ */
    padding: 0;
    z-index: 10;
    position:absolute;

    display:none;
}
/* メニュー本体 */
div.mega_menu ul{
    margin: 0;
    padding: 30px;

    border: solid 1px #999999;
    background: #fff;
    display: inline-block; /* for IE7の崩れ対応 */

    opacity: 0.95;
    border-radius: 6px;
}

/* メニュー項目 */
div.mega_menu ul li{
    margin: 0;
    padding: 0;
    clear: none;
    float: left;

    margin-bottom: 20px;
    border: none;
    height: auto;
}

div.mega_menu ul li a,
div.mega_menu ul li a:visited {
    clear: both;
    border: none;
    text-align:left;

    background-color: inherit;
    background-image: url('../img/copy2open/menu_list_mark.gif');
    background-repeat: no-repeat;
    background-position: left top;

    color: #000;
    font-size:12px;
    line-height: 120%;
    text-decoration: none;

    padding: 0 10px 0 20px; /* JavaScriptの計算で利用。現状固定：上書きすると崩れる可能性あり */
    height: auto;

}
div.mega_menu ul li a:hover {
    text-decoration: underline;
}

/* メガメニュー 項目（右端）:上書き不可 */
div.mega_menu ul li.no_right{
    margin-right: 0;
}
/* メガメニュー 項目（下端）:上書き不可 */
div.mega_menu ul li.no_bottom{
    margin-bottom: 0;
}

/* メガメニュー ポインタ矢印画像「上」 div（雛形）: 画像・サイズ(height)指定 */
#mega_menu_pointer_h {
    display: none;
    background-image: url('../img/copy2open/menu_arrow_mega_h.png');
    width: 20px;
    height: 10px;
}
/* メガメニュー ポインタ矢印画像「下」 div（雛形）: 画像・サイズ(height)指定 */
#mega_menu_pointer_hb {
    display: none;
    background-image: url('../img/copy2open/menu_arrow_mega_hb.png');
    width: 20px;
    height: 10px;
}
/* メガメニュー ポインタ矢印画像「左」 div（雛形）: 画像・サイズ(height)指定 */
#mega_menu_pointer_vl {
    display: none;
    background-image: url('../img/copy2open/menu_arrow_mega_vl.png');
    width: 10px;
    height: 20px;
}
/* メガメニュー ポインタ矢印画像「右」 div（雛形）: 画像・サイズ(height)指定 */
#mega_menu_pointer_vr {
    display: none;
    background-image: url('../img/copy2open/menu_arrow_mega_vr.png');
    width: 10px;
    height: 20px;
}

/* ================================================================
 * / グローバルメニュー関連 ここまで
 * ================================================================





/*スマホ用ヘッダーパーツ非表示　20140604高橋追加*/
#smt_home_btn,#smt_contact_btn,#smt_tel_btn,#smt_est_btn,#smt_shop_btn{
    display:none;
}
#smt_header{
    display:none;
}

.company_rogo{
    display:none;
}
#smt_head_base {
    display:none;
}

/* ================================================================
 * 中古車情報 改修での追加クラス
 * ================================================================*/
.tokuten_body { /* TODO 実装 */
    margin: 0 0 30px 0;
    color:#666;
    font-size:14px;


}

/*
.tokuten_body:before {  TODO ↑実装後にはこれは削除
    font-size: 18px; color: #cc0000; margin-right: 5px;
    content: '※TODO CSS実装 (特典本文)';
}
*/

.pr_body { /* TODO 実装 */
    margin: 0 0 30px 0;
    color:#666;
    font-size:14px;
}
/*
.pr_body:before {    TODO ↑実装後にはこれは削除
    font-size: 18px; color: #cc0000; margin-right: 5px;
    content: '※TODO CSS実装 (PR本文)';
}
*/
/* ================================================================
 * 中古車情報 編集機能
 * ================================================================*/
/* 中古車一覧 編集メニュー */




#carDetailHeadBtn{
    text-align:center;
    margin:0px 0 20px 0;
    color:#fff;
    z-index:1;
}

#carDetailOpenOrClose p{
    width:30%;
    padding:2% 0;
    float:left;
    text-align:center;
    position:relative;
    cursor:pointer;
    font-size:14px;
}

#carDetailOpenOrClose #deleteUsedCarBtn{
    float: right;
    z-index: 2;
    background: #ccc;
    color: #000;
}

/*20140627 IE7対応 高橋追加 */
.blog_item{
    clear:both;
    margin: 0 0 60px;
}


.clDelete{
    width:25%;
    padding:1% 0;
    background:#142937;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.4) inset;
    cursor:pointer;
    color:#fff;
    position:relative;
    float:right;
    text-align:center;
    font-size:14px;

    display: none; /* 2014/07/02 誤操作が予想されるため一旦非表示 */
}

.clOpen{background:#00B789;}
.clEdit{background:#EF1C25;}
.clClose{background:#939;}

.clOff{
    background:#ccc !important;
    color:#666 !important;
}

.clOff .clocArrow{
    opacity:0.01 !important;
}

.clocIcon{
    margin:0 10px 0 0;
}

.clocArrow{
    position:absolute;
    bottom:-8px;
    left:50%;
    margin:0 0 0 -12px;
}

#carSearch {
    margin: 0 15px;
}








#carGallMask{
    overflow: hidden;
    padding: 0 0 15px;
    margin: 0;
}

#carGallMask img{
    height:60px;
    float:left;
}

#carGallMask div{
    position: absolute;
    width:100%;
    height: 60px;
    cursor: pointer;

    /*IE9・10対応。空の要素にz-indexが効かないため*/
    background:rgba(255,255,255,0);
    z-index:1;
}

div#js-currentMask{
    width: 80px;
    border: 3px solid #c00;
    box-sizing: border-box;
}


.regidateDetail{
    text-align:right;
    margin:0 0 10px 0;
}

.regidateDetail b{
    color:#fff;
    font-size:14px;
    background:#444;
    padding:4px 5px 4px 5px ;
    font-weight:normal;
}
.regidateDetail b span{
    opacity: 1.0; /* 編集画面 inplace でopacityを変える挙動の時に、0.8 になってしまっているためここで初期値 1 を設定 */
    color: #fff;
}

.regidateDetail span.title {
    color:#fff;
    font-size:12px;
    padding:5px 5px 5px 20px;
    margin:0 2px 0 0;
    background:#444 url(../img/usedcar/regidateDetailClock.png) no-repeat 5px center;
}

.carthumb_date{
    position:absolute !important;
    bottom:0 !important;
    right:0 !important;
    display:block;
    padding:3px 6px;
    background:#222;
    color:#fff;
    font-size: 75%;
}







#tltpFlg{
/*     width:41px;
    height:72px;
    position:fixed;
    bottom: 315px;
    right:0;
    z-index:98;
    cursor:pointer;*/
}









































.clear {
    clear: both;
}

















.back_page_link{
    display:none;
}

.back_page_link a{
    display:block;
    padding:10px;
    margin:0 0 20px 0;
}






/*2014-7-09　高橋追記*/
#hour_sidebar,#holiday_sidebar{
    display:none;
}




/*2014-9-16　高橋追記*/
.recruit_section{
    margin: 0 0 60px 0;
}

.input_pict_file{
    margin:0 0 15px 0;
}






/*2014-11-06 求人ページ用クラス　高橋追記*/
#recruit_banner_block{
    position: relative;
    padding: 0;
    margin-bottom: 30px;
}

#recruit_banner_block .recruit_banner_page_link a {
    display:block;
    height:100px;
    line-height:100px;
    font-size:16px;
    color:#fff !important;
    font-weight:600;
    text-decoration:none !important;
    text-align:center;
    border:1px solid #ccc;
    text-shadow: -1px 1px 0 #666;
    background: #690;
    width:100%;
    margin:0 auto 0;
    box-sizing:border-box;
}

#recruit_banner_block .recruit_banner_page_link a:hover{
    color:#fff !important;
}



.rec_scrl_btn{
    background: #06f;
    margin: auto;
    margin-bottom: 25px !important;
    color:#fff;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    width: 215px;
    clear: both;
    text-align: center;
    cursor: pointer;
    display: block;
    padding: 10px 0;
    border: none;
}

.select_point{
    cursor:pointer;
    font-size:14px;
    margin-right:20px;
}

.estimateCategory {
    display: inline-block;
    width: calc( ( 100% - 15px ) / 3 );
    box-sizing: border-box;
    float: left;
    margin: 0 5px 5px 0;
    background: #eee;
    border-radius: 15px;
    border: 1px solid #ccc;
    padding: 3px 0;
    text-align: center;
    color: #222;
}

.estimateCategory:hover{
    opacity:0.8;
}

.estimateCategory.current{
    background:#c00;
    color:#eee;
    border: 1px solid #b00;
}

.estimateCategory input{
    display:none;
}

td .estimateCategory:nth-of-type(3n) {
    margin: 0 0 5px;
}

.requiredLabel{
    font-size: 11px;
    background: #f33;
    padding: 1px 5px;
    margin-left: 7.5px;
    border-radius: 3px;
    vertical-align: middle;
    display: inline-block;
    color: #fff;
    width: 32px !important;
    height: 18px !important;
    line-height: 18px !important;
    box-sizing: border-box;
    transform: translateY(-2px);
    text-shadow: 1px 1px 0.2px rgba(0,0,0,0.3);
}

.blog_item h2 span.requiredLabel{
    line-height:22px !important;
    text-align:center;
}


.paymentWayTitle .requiredLabel{
    font-size:10px;
}

.datePickTriggerIcon{
    vertical-align:middle;
    margin:0 0 0 15px;
    cursor:pointer;
}

.js-datePicker{
    position:absolute;
    display:none;
    z-index:2;
}

.js-datePicker tr{
    float:none !important;
}

.js-datePicker th, .js-datePicker td {
    width: auto;
    padding:0 !important;
    width: auto !important;
    display: table-cell !important;
    font-size: initial !important;
    text-align: initial !important;
    float:none !important;
}

.js-datePicker th {
    padding: .3em !important;
    text-align: center !important;
    font-weight: bold;
    border: 0;
}

.est_table_car .ui-datepicker-calendar th{
    background-color:#aaa;
}

.est_table_car th,
.est_table_client th,
.contact_table th{
    position:relative;
}

.checkedValidIcon{
    width: 20px;
    position: relative;
    vertical-align: middle;
    transform: translateY(-2px);
    margin-left: 10px;
    opacity: 0;
}


.checkedValidIcon.js-checked{
    animation-name:addCheckIconAction;
    animation-duration:.9s;
    animation-fill-mode:forwards;
    opacity:1;
}

.checkedValidIcon.js-checked.js-removing{
    animation-name:removeCheckIconAction;
    animation-duration:.45s;
    animation-fill-mode:forwards;
    opacity:0;
}


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

@keyframes removeCheckIconAction{
    0% { opacity: 1; }
    100% { opacity: 0; }
}




.ui-icon-circle-triangle-w{
    background-image : url(../img/copy2open/datePicker-left.png) !important;
}

.ui-icon-circle-triangle-e{
    background-image : url(../img/copy2open/datePicker-right.png) !important;
}

.ui-icon-circle-triangle-w,
.ui-icon-circle-triangle-e{
    background-position: center !important;
    border-radius: 100%;
}


.inputarea,.inputarea2,.inputarea3{
    padding:0 5px;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset;
}

/*2015-04-14 サンキューページ　アンケートクラス　高橋追記*/
.enquete_caption{
    margin:0 0 30px 0;
}
.enqate_question_block{
    margin:0 0 45px 0;
}

.enqate_question_block h3 {
    margin:0 0 10px 0;
}
.enqate_question_block label {
    padding:0 30px 0 0;
    cursor:pointer;
    line-height:180%;
}
#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;
}


/*2015-06-26 営業日カレンダー部分　阿部追記*/
div#eigyoubi_cal{
    width:100%;
    padding: 15px 0 0 0;
    margin:0 0 30px;
    position: relative;
}

div#eigyoubi_cal h4,
#eigyoubi_cal #help_area{
    background-image:url(../img/copy2open/calendar_bg.png);
    background-repeat:repeat;
    color:#fff;
    text-align:center;
    margin:0 0 20px;
    padding:10px 0px;
    font-weight:normal;
    font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
    font-size: 12px;
}

div#eigyoubi_cal div#help_area{
    margin:5px auto 20px;
    padding:5px 0px;
    text-align:center;
}






#eigyoubi_cal #now,
#eigyoubi_cal #next{
    margin: 0 0 20px;
    background-image:url(../img/copy2open/calendar_bg.png);
    background-repeat:repeat;
    border-radius:7px;
}


div#eigyoubi_cal p{
    text-align: center;
    margin: 0;
    font-size: 16px;
    padding: 3px 0 !important;
    line-height: normal;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    color:#fff !important;
    background-image: url(../img/copy2open/month_bg.png);
    background-position: top;
    background-repeat:repeat;
    opacity:0.9;
    font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif
}

#edittable01, #edittable02{
    width: 100%;
    display:inline-table;
}

#edittable01 th,
#edittable02 th{
    padding:5px 0;
    text-align:center;
}

#edittable01 th,
#edittable02 th{
    font-weight:normal;
    color:#fff;
}

#edittable01 th a,
#edittable02 th a{
    text-decoration: none;
    color:#fff !important;
    font-weight: normal;
    font-size:14px;
    display:block;
    width:100%;
    font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;

}



#edittable01 td,
#edittable02 td{
    background-color: #fff;
    text-align:center;
}


#edittable01 td.closed,
#edittable02 td.closed,
#edittable01 td.regularClosed,
#edittable02 td.regularClosed,
#edittable01 td.allholclosed,
#edittable02 td.allholclosed{

}

#edittable01 td.closed span,
#edittable02 td.closed span,
#edittable01 td.regularClosed span,
#edittable02 td.regularClosed span,
#edittable01 td.allholclosed span,
#edittable02 td.allholclosed span{
    background-color: #999;
    color:#ccc;
}

#edittable01 span,
#edittable02 span{
    display:block;
    color:#000;
    cursor: pointer;
    font-size:14px;
    font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
    padding:4px 0;
}

#edittable01 span.sat,
#edittable02 span.sat{
    color:#1989fa;
}

#edittable01 span.sun,
#edittable02 span.sun,
#edittable01 span.hday,
#edittable02 span.hday,
#edittable01 span.hsat,
#edittable02 span.hsat,
#edittable01 span.hsun,
#edittable02 span.hsun{
    color:#f51a0f;
}







.allholclosed{
    background-color: #32cd32;
}

.sp_freepage_accordion_btn{
    display:none;
}

.input_pict_file input {
    width:300px;
}


/* 20150105 新QRコードブロック 阿部追記*/
#mobile_QR_info .common_qrimg{
    border:1px solid #ddd;
    padding:3px;
}



input[type="file"] {
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
    cursor:pointer;
}

#footer li a,
#menu li a{
    word-break:break-all;
}

/* 20160415 高橋追記　3連メニューテキスト化 */

.toppage_h2 span{
    display:table-cell;
    vertical-align:middle;
    height: 40px;
    width: 200px;
    font-size:12px;
}

/* 20160513 上田追記　h3 span bを表示 */

.box_flow h3 span b, .box_feature h3 span b, .box_jirei h3 span b, .box_coupon h3 span b, .box_promise h3 span b, .box_tokuten h3 span b, .box_voice h3 span b, .campaign_content h3 span b, .box_setsubi h3 span b, .box_staff h3 span b, .box_free h3 span b {
    display:inline;
    background:none;
    margin:0;
    padding:0;
    float:none;
    border:none;
}

/*キャンペーンブロック画像挿入改修*/

/*
.campaign_content .img_box_left, .campaign_content .img_box_right {
    float: none;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border: none;
    background: none;
}
*/
/*h3未使用の公開*/
.campaign_content .b_campaign {
    display: block;
    float: none;
}

.s_text {
    font-size:12px;
}
.l_text {
    font-size:18px;
}
.b_text {
    font-weight:bold;
}






/*//2017-6-12 okuno*/

/**************************************/
/*------ animation ------*/

.purun {animation: purun 0.8s ease forwards ;}
@keyframes purun {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%);  opacity:0;}
  15%  { transform: scale(0.9, 0.9) translate(0%, 5%); }
  30%  { transform: scale(1.3, 0.8) translate(0%, 10%); }
  50%  { transform: scale(0.8, 1.3) translate(0%, -10%); }
  70%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%);  opacity:1;}
}

.poyon {animation: poyon 1.1s ease forwards;}
@keyframes poyon {
  0%   { transform: scale(0.8, 1.4) translate(0%, -100%); opacity:0;}
  10%  { transform: scale(0.8, 1.4) translate(0%, -15%); }
  20%  { transform: scale(1.4, 0.6) translate(0%, 30%); }
  30%  { transform: scale(0.9, 1.1) translate(0%, -10%); }
  40%  { transform: scale(0.95, 1.2) translate(0%, -30%); }
  50%  { transform: scale(0.95, 1.2) translate(0%, -10%); }
  60%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  70%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%);  opacity:1;}
}

.poyooon {animation: poyooon 0.9s ease forwards;}
@keyframes poyooon {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%);opacity: 0 }
  10%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  40%  { transform: scale(1.2, 0.8) translate(0%, 15%); }
  50%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
  60%  { transform: scale(0.9, 1.2) translate(0%, -100%); }
  75%  { transform: scale(0.9, 1.2) translate(0%, -20%); }
  85%  { transform: scale(1.2, 0.8) translate(0%, 15%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); opacity: 1}
}

.fromBottom {animation: fromBottom 0.9s ease forwards;}
@keyframes fromBottom {
  0%   { transform: scale(1.1, 1.1) translate(0%, 5%);opacity: 0 }

  100% { transform: scale(1.0, 1.0) translate(0%, 0%); opacity: 1}
}

.fromLeft {animation: fromLeft 0.9s ease forwards;}
@keyframes fromLeft {
  0%   { transform: scale(1.1, 1.1) translate(-5%, 0%);opacity: 0 }

  100% { transform: scale(1.0, 1.0) translate(0%, 0%); opacity: 1}
}

.fromRight {animation: fromRight 0.9s ease forwards;}
@keyframes fromRight {
  0%   { transform: scale(1.1, 1.1) translate(5%, 0%);opacity: 0 }

  100% { transform: scale(1.0, 1.0) translate(0%, 0%); opacity: 1}
}

.expandUp {animation: expandUp 0.7s ease forwards;}
@keyframes expandUp {
    0% {transform: translateY(100%) scale(0.6) scaleY(0.5);}
    60%{transform: translateY(-7%) scale(1.08) scaleY(1.12);}
    75%{transform: translateY(3%);}
    100% {transform: translateY(0%) scale(1) scaleY(1);}
}

.fadeBlockUp {animation: fadeBlockUp 1s forwards;}
@keyframes fadeBlockUp {
    0% {opacity:0; transform:translate(0, 60px);}
    100% {opacity:1; transform:none;}
}

.pulse {animation: pulse 1.5s infinite;}
@keyframes pulse {
    0% {transform:scale(0.9); opacity:0.7;}
    50% {transform:scale(1); opacity:1;}
    100% {transform:scale(0.9); opacity:0.7;}
}

.hatch {animation: hatch 1s ease-in-out forwards; transform-origin: 50% 100%;}
@keyframes hatch {
    0% {transform: rotate(0deg) scaleY(0.6);}
    20% {transform: rotate(-2deg) scaleY(1.05);}
    35% {transform: rotate(2deg) scaleY(1);}
    50% {transform: rotate(-2deg);}
    65% {transform: rotate(1deg);}
    80% {transform: rotate(-1deg);}
    100% {transform: rotate(0deg);}
}


.h2_box_fadein {animation: h2_box_fadein 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
@keyframes h2_box_fadein {
    0% {opacity:0; transform:translate(0, 40px);}
    100% {opacity:1; transform:translate(0, 0px);}
}

.fadeinLeft {animation: fadeinLeft 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
@keyframes fadeinLeft {
    0% {opacity:0; transform:translate(-40px, 0);}
    100% {opacity:1; transform:translate(0, 0);}
}

.fadeinRight {animation: fadeinRight 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
@keyframes fadeinRight {
    0% {opacity:0; transform:translate(40px, 0);}
    100% {opacity:1; transform:translate(0, 0);}
}

.fadeinBottom {animation: fadeinBottom 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
@keyframes fadeinBottom {
    0% {opacity:0; transform:translate(0, 40px);}
    100% {opacity:1; transform:translate(0, 0px);}
}

.fadeinScale {animation: fadeinScale 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
@keyframes fadeinScale {
    0% {opacity:0; transform:scale(1.1);}
    100% {opacity:1; transform:scale(1.0);}
}

.slideinLeft {animation: slideinLeft 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
@keyframes slideinLeft {
    0% {
    -webkit-transform: translate3d(-40px,0,0);
    transform: translate3d(-40px,0,0);
    opacity: 0;
    }
    30% {opacity: 1;}
    100% {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1;
    }
}

.crossin {
  position: relative;
  opacity: 1 !important;
}

.crossin:before {
  animation: crossin .3s cubic-bezier(.4, 0, .2, 1) forwards;
  background: #fff;
  bottom: 0;
  content: '';
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

@keyframes crossin {
  99% {
    transform: translateX(100%);
    opacity: 1;
  }
  100% {
    transform: translateX(100%);
    opacity: 0;
  }
}


.crossinRight {
  position: relative;
  opacity: 1 !important;
}

.crossinRight:before {
  animation: crossinRight .3s cubic-bezier(.4, 0, .2, 1) forwards;
  background: #fff;
  bottom: 0;
  content: '';
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
@keyframes crossinRight {
  99% {
    transform: translateX(-100%);
    opacity: 1;
  }
  100% {
    transform: translateX(-100%);
    opacity: 0;
  }
}



.carPurun {animation: carPurun 0.8s ease forwards ;}
@keyframes carPurun {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%);  opacity:0;}
  15%  { transform: scale(0.9, 0.9) translate(0%, 5%); }
  30%  { transform: scale(1.2, 0.7) translate(0%, 7%); }
  50%  { transform: scale(0.7, 1.2) translate(0%, -7%); }
  70%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  100% { transform: scale(1.05, 1.05) translate(0%, 0%);  opacity:1;}
}



/**************************************/






























/* 在庫車検索のブロック */
.submit_btn {
    color: #FFF;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.2);
    font-weight: bold;
    font-size: 16px;
    padding: 10px;
    border: 1px solid #FFF;
    border-radius: 3px;
    width: 260px;
    cursor: pointer;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FFA74D), color-stop(0.00, #FFDD34));
    background: -webkit-linear-gradient(#FFDD34, #FFA74D);
    background: -moz-linear-gradient(#FFDD34, #FFA74D);
    background: -ms-linear-gradient(#FFDD34, #FFA74D);
    background: linear-gradient(#FFDD34, #FFA74D);
    box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
    margin: 10px auto;
    display: block;
    font-family: "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

#car_search_area {
    text-align: center;
    display: none;
    font-size: 12px;
    color: #222;
    margin: 30px 0 10px;
}


#carSearch_public {
    max-width: 960px;
    margin: 0 auto 10px auto;
    padding: 0 20px;
}

#car_maker {
    margin-bottom: 5px;
    width: 50%;
    float: left;
}

#car_name {
    margin-bottom: 15px;
    width: 50%;
    float: left;
}

#car_age {
    margin: 0 0 5px;
    width: 100%;
}

#car_status {
    margin: 0 0 5px;
    width: 50%;
    float: right;   
}

#car_status .search_title {
    font-size: 15px;
    margin: 0 5px 0 0;
}


#car_distance {
    margin: 0 0 5px;
    width: 100%;
}

#car_cost {
    width: 100%;
}

#car_maker .search_title {
    font-size: 15px;
}
#car_name .search_title {
    font-size: 15px;
    margin: 0 5px 0 0;
}

#car_status .search_title, #car_maker .search_title , #car_name .search_title{
    width:90px;
}


.search_title {
    display: inline-block;
    font-size: 15px;
    width: 75px;
}


#carMaker_public {
    width: 210px;
    font-size: 13px;
}
#carName_public {
    width: 60%;
    font-size: 13px;
}

#car_loader_wrap {
    text-align: center;
}
#car_loader_wrap span {
    margin-left: 10px;
}
#car_rteditor_loader {
    width: 35px;
}

.carinfo_wrapped, .carsort_wrapped {
    width: 50%;
    overflow: hidden;
    float: left;
    margin: 0 0 15px;
    font-size: 15px;
}

.carsort_wrapped {
    float: none;
}

.display_sort_wrapped {
    width: 79%;
    float: left;
}

.display_sort_wrapped p {
    width: 70%;
    margin: 10px 0;
    float: left;
}

.display_sort_wrapped label {
    cursor: pointer;
    display: inline-block;
    margin: 0 5px 5px;
}

.display_sort_str {
    width: 21%;
    float: left;
    margin: 10px 0 0;
}

.display_sort_wrapped .order_wrapped {
    width: 55px;
}

.display_sort_wrapped .order_label_checked {
    background: #555;
    color: #ffffff;
    border: 1px solid #707070;
    border-radius: 3px;
    width: 40px;
    text-align: center;
    font-size: 13px;
}

.display_sort_wrapped .order_label_unchecked {
    background: #ccc;
    color: #ffffff;
    border: 1px solid #ccc;
    border-radius: 3px;
    width: 40px;
    text-align: center;
    font-size: 13px;
    color: #FFF;
    border-radius: 3px;
/*    border-bottom: 4px solid #555; */
}

#sort_order_asc {
    display: none;
}

#sort_order_desc {
    display: none;
}


.maker_link {
    padding: 0 0 0 5px;
}

.car_search_select {
    font-size: 13px;
    width: 100px;
}

#car_free_search_wrapped {
    font-size: 13px;
    margin: 25px 0;
    text-align: center;
    border-bottom: 1px solid #eee;
    padding: 0 0 20px;
}

#car_free_search_wrapped .search_title {
    width: 120px !important;
}

#car_free_search {
    padding: 5px;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    width: 50% !important;
}

#messagePanel {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    color: #FFF;
}
#messagePanel div {
    position: absolute;
    top: calc( 50% - 36px );
    text-align: center;
    width: 100%;
    height: 24px;
}
#carSearchSubmit_public {
    margin: 15px auto;
}
#reloadButton {
    position: absolute;
    top: calc( 60% - 12px );
    left: calc(50% - 60px);
    text-align: center;
    width: 120px;
    height: 24px;
    margin: 10px auto;
    background: none;
}





.question{
    margin:0 0 40px;
}

.question .error{
    color:#f00;
    font-size:12px;
}

.trialEnqueteHtml .question p:not(.error){
    border-left: none;
    padding-left: 0px;
}

.answers{
    padding:0 15px;
    font-size:14px;
}

.answers label{
    display:block;
    margin:0 0 10px;
    cursor:pointer;
}












#js-calendarWrapped p{
    background: url(../img/copy2open/ajax-loader_big.gif);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: center top;
    padding-top: 45px;
    text-align: center;
}

.page_select_box {
    margin: 0 0 10px;
}


/* ID付与に意味は無いが、どのIDのことを言ってるかを明示したいので。 */
#main_img_wrapper.wideSubTopImage, 
#main_img_wrapper.wideSubTopImage #main_img_container{
    background:none !important;
}

#main_img_wrapper.wideSubTopImage #sub_top_img {
    display:block;
    position:absolute !important;
    width:1400px;
    height:200px;
    left:calc( 50% - 700px );
    text-align:center;
}

#main_img_wrapper.wideSubTopImage #sub_img_margin_top{
    top:15px;
}

#main_img_wrapper.wideSubTopImage #sub_img_margin_mid{
    top:46px;
}

#main_img_wrapper.wideSubTopImage #sub_img_margin_bot{
    top:77px;
}

#main_img_wrapper.wideSubTopImage #subMainImagePos{
    width: 960px;
    position: absolute;
    top: 0;
    left: calc( 50% - 480px );
}




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

.recommend_config {
    overflow: hidden;
    padding: 0 10px;
}


/*スライダーのローダー*/
#bgSlider {
    background: url(../img/copy2open/icon_loader_a_ww_03_s1.gif) 50% 50% no-repeat;
}


.estimate_link {
    position: absolute;
    bottom: -8px;
    left: 220px;
    font-size: 12px;
}

.detail_link a:visited, .detail_link a:link {
    color: #eee;
}

.main_pict_img {
    vertical-align: middle;
    margin: 0 5px 0;
}

.main_pict_img_last {
    vertical-align: middle;
    margin: 0 10px 0 0;
}

.main_pict_img:hover {
    vertical-align: middle;
    margin: 0 5px 0;
    background: #ff0000;
}

.main_pict_img_last:hover {
    vertical-align: middle;
    margin: 0 10px 0 0;
    background: #ff0000;
}





/* ImageBox */

[data-transparent="0"]{ opacity:1; }
[data-transparent="1"]{ opacity:0; }
[data-scale-enhance = "0"]{ transform:scale(1); -webkit-font-smoothing: antialiased;}
[data-scale-enhance = "1"]{ transform:scale(1.05); -webkit-font-smoothing: antialiased;}

#js-directUploadImageInput{
    display:none;
}

.js-changeableBoxImageLayoutBox{
    position:relative;
    transition:.25s;
    -webkit-transition:.25s;
    z-index:1;
}

.js-changeableBoxImageLayoutBox.js-highlight{
    z-index:3;
}

body.js-activeControll #main_contents_container{
    z-index:61;
}

body.js-activeControll #main_contents{
    z-index:3;
}

body.js-activeControll .js-imageBox{
    z-index:3;
}



.js-imageBox{
    transition:.25s;
    position:relative;
}


.js-boxImage{
    transition: .25s;
}

.js-boxImage.js-transformingWidth{
    transition: .5s;
}

.imageBoxContents{
    float:left;
}

.imageBoxContents[data-layout="LAYOUT_2COLUMN"]{
    width: calc( 50% - 15px );
    margin:0 30px 30px 0;
}

.imageBoxContents[data-layout="LAYOUT_3COLUMN"]{
    width: calc( ( 100% - 61px ) / 3 ); /* 60px => 61px (ie prefix) */
    float:left;
    margin:0 30px 30px 0;
}

.imageBoxContents[data-layout="LAYOUT_4COLUMN"]{
    width: calc( ( 100% - 45px ) / 4 );
    float:left;
    margin:0 15px 30px 0;
}

.imageBoxContentsWrapper .imageBoxContents:last-of-type{
    margin-right:0px;
}

.imageBoxOuter{
    position:relative;
    display:table;
    transition:.25s;
    table-layout:fixed;
    
}


.imageBoxContents[data-layout="LAYOUT_2COLUMN"] .imageBoxOuter,
.imageBoxContents[data-layout="LAYOUT_3COLUMN"] .imageBoxOuter,
.imageBoxContents[data-layout="LAYOUT_4COLUMN"] .imageBoxOuter{
    margin: 0 auto 0;
}

.imageBoxInner{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    width:100%;
}



.imageBoxSlider iframe.imageBoxImage.size_middle{
    height: auto;
}

.captionHead, .captionBody{
    font-size:14px;
}

.captionHead{
    font-weight:bold;
    margin:0 0 5px;
}




/* ImageBoxSlider */


.imageBoxSlider{
    overflow:hidden;
    padding:0;
}

.imageBoxSlider .imageBoxContentsWrapper{
    transition: .5s;
}

.imageBoxSlider .imageBoxOuter{
    width:100%;
    height:100%;
}

.imageBoxSlider .js-imageBlockImage{
    width: 100%;
}

.js-controllerOuter{
    position: absolute;
    top: 50%;
}


.boxImageSliderController[data-active="1"],
.boxImageSliderProgress[data-active="1"]{
    opacity:1;
    cursor:pointer;
}

.boxImageSliderProgress:last-of-type{
    margin:0;
}

.boxImageSliderController{
    position: absolute;
    top: calc( 50% - 20px);
    color: #fff;
    padding: 10px;
    width: 40px;
    height: 40px;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    transition: .3s;
    opacity: 0;
    z-index: 1;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(0, 0, 0, 0.8);
    border: 1px solid #ccc;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);
    border-radius:4px;
}

.boxImageSliderController:hover{
    transform: translateY(-2px);
}

.boxImageSliderController[data-controller-id="prev"]{
    background-image: url(../img/copy2open/imageBoxSlideShowLeft.png);
    left: 10px;
}

.boxImageSliderController[data-controller-id="next"]{
    background-image: url(../img/copy2open/imageBoxSlideShowRight.png);
    right: 10px;
}

.boxImageSliderProgress {
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #ccc;
    border-radius: 100%;
    margin-right: 5px;
    opacity:0;
}

.boxImageSliderProgress.js-current{
    background-color: #fefefe;
    box-shadow: 1px 1px 3px rgba(0,0,0,1);
}

.boxImageSliderProgressOuter {
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: 15px;
    z-index:1;
}



.imageBoxContents[data-layout="LAYOUT_2COLUMN"] .js-imageBlockImage,
.imageBoxContents[data-layout="LAYOUT_3COLUMN"] .js-imageBlockImage,
.imageBoxContents[data-layout="LAYOUT_4COLUMN"] .js-imageBlockImage{
    width: 100%;
    height: auto;
}

.imageBoxContents[data-layout="LAYOUT_4COLUMN"] iframe.js-imageBlockImage{
    width: 100%;
    height: 75%;
}




/* ImageBox BlankImage */


.imageBoxBlankOuter{
    width: 100%;
    height: 100px;
    display: table;
    border: 1px dashed #eee;
    box-sizing: border-box;
    cursor:pointer;
    background-color:#fff;
    border-radius:7.5px;
    min-width: 120px;
    min-height: 68px;
    opacity: 0.8;
    padding: 10px 0;
}

.imageBoxBlankOuter:hover{
    opacity:1;
}

.imageBoxBlankOuter img{
    margin: 0 auto;
    position: absolute;
    width: 36px;
    top: calc(50% - 18px - 25px);
    left: calc(50% - 18px);
}

.imageBoxBlank{
    width: 100%;
    vertical-align: middle;
    display: table-cell;
    font-size: 14px;
    color: #36f;
    padding-top: 30px;
    line-height:18px;
    text-align: center;
}

.imageBoxContents[data-layout="LAYOUT_2COLUMN"] .imageBoxBlankOuter {
    min-width: 270px;
    min-height: 152px;
}

.imageBoxContents[data-layout="LAYOUT_3COLUMN"] .imageBoxBlankOuter {
    min-width: 160px;
    min-height: 90px;
}

.imageBoxContents[data-layout="LAYOUT_4COLUMN"] .imageBoxBlankOuter {
    min-width: 120px;
    min-height: 68px;
}



.header_font_family {
    font-family: 'M PLUS Rounded 1c', sans-serif !important;
}

.header_font_family_normal {
    font-family: sans-serif;
}

.header_font_family_tel {
    font-family: 'Sarpanch', sans-serif !important;
}




.header_logo_img {
    width: 150px;
    height: 40px;
}


.block_outer .imageBoxContents .captionHead {
    padding: 10px 0 0;
    margin: 0 0 0;
}

.block_outer .imageBoxContents .captionBody {
    padding: 10px 0 0;
    margin: 0;
}

.js-imageBoxBackground {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    width: 100%;
    min-height: 320px;
    box-sizing: border-box;
    padding: 20px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}


.js-imageBoxBackground .editTextOuter {
    width: 50%;
    padding: 20px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    display: inline-block;
    border-radius: 2px;
    text-align: left;
    word-break: break-all;
    color: rgb(51, 51, 51);
}

.js-imageBoxBackground .js-imageBox {
    display: none;
}

.js-imageBoxBackground .editTextOuter h3 {
    float: none;
    width: auto;
    background-image: none;
    border: none;
    margin-top: 0;
    margin-left: 0;
    padding-top: 0;
    padding-left: 0;
    color: rgb(51, 51, 51);
}


.js-imageBoxBackground .editTextOuter h3 b {
  background-image: none;
  width: 0;
  margin: 0;
  padding: 0;
}

.js-imageBoxBackground .editTextOuter h3 span {
  background-image: none;
  padding-left: 0;
  margin-left: 0;
  color: rgb(51, 51, 51);
}


.js-imageBoxBackground .editTextOuter h3:before {
    content: "";
    margin: 0;
    padding: 0;
}


.js-imageBoxBackground .editTextOuter b  {
    width: auto;
    background-image: none;
}

.js-imageBoxBackground .editTextOuter span {
    padding: 0;
    border: none;
}


.js-imageBoxBackground .editTextOuter p {
    width: auto;
    padding-left: 0;
    margin-left: auto;
    color: rgb(51,51,51);
}

.js-imageBoxBackground .box_free {
    border: none;
    background: none !important;
    width: auto;
    margin: 0;
}

.div_box_flow .js-imageBoxBackground.box_flow:after {
    content: "";
}


.box_flow.js-imageBoxBackground .editTextOuter h3 {
  padding-top: 0;
}

.box_flow.js-imageBoxBackground .editTextOuter b {
  background-image: none;
  width: 0;
  margin: 0;
  padding: 0;
}


.box_coupon.js-imageBoxBackground .editTextOuter h3 {
  padding-top: 0;
}

.box_coupon.js-imageBoxBackground .editTextOuter b {
  background-image: none;
  width: 0;
  margin: 0;
  padding: 0;
}

.box_promise.js-imageBoxBackground .editTextOuter h3 {
  padding-top: 0;
}

.box_promise.js-imageBoxBackground .editTextOuter b {
  background-image: none;
  width: 0;
  margin: 0;
  padding: 0;
}


.box_tokuten.js-imageBoxBackground .editTextOuter h3 {
  padding-top: 0;
}

.box_tokuten.js-imageBoxBackground .editTextOuter b {
  background-image: none;
  width: 0;
  margin: 0;
  padding: 0;
}

.box_voice.js-imageBoxBackground .editTextOuter h3 {
  background-image: none;
}

.box_voice.js-imageBoxBackground .editTextOuter b {
    display: inline-block;
}


.js-imageBoxBackground.isRight {
    text-align: right;
}

.js-imageBoxBackground.isLeft {
    text-align: left;
}


.bgImageNone {
    background-image: none;
}

.js-imageBoxBackground .imageNone {
    display: none !important;
}

.js-imageBoxBackground .imageBlock {
    display: block;
    background: transparent;
    border: 0;
    margin: 0;
}



.resetWidth {
    width: auto;
}

.resetHeight {
    height: auto;
}

#carlist_main_box {
    overflow: hidden;
}

#carListSlideShow_wrapper {
    padding: 18px;
    overflow: hidden;
    opacity: 0;
}

.carlist_slider_count {
    text-align: center;
    margin: 0 0 30px;
    opacity: 0;
    transition: .2s;
}

.carlist_slider_count .count_outer {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    background: transparent;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    box-sizing: border-box;
    text-align: center;
    padding: 0 10px;
}

.prev_img_outer, .next_img_outer {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    transition: .25s;
    position: relative;
}

.prev_img_outer:hover, .next_img_outer:hover {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.prev_btn:hover {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
}

.next_btn:hover {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
}

.carlist_slider_count .prev_img, .carlist_slider_count .next_img {
    width: 30px;
}

.prev_btn, .next_btn {
    display: inline-block;
    transition: .2s;
}

.carlist_slider_count .current_count, .carlist_slider_count .max_count {
    font-size: 12px;
    font-weight: bold;
    padding: 0 5px;
    display: inline-block;
    border-radius: 3px;
    transition: .2s;
}

.carlist_slider_count .loop_first {
    background: #fcc !important;
}

#carListSlideShow_wrapper .thumbnail_box{
    float: left;
    display: inline-block;
    clear: none;
    margin-right: 20px !important;
}

#carListSlideShow_wrapper .js-current {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    z-index: 2;
}


#carListSlideShow_wrapper .thumbnail_box:not(.js-current):after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #FFF;
    opacity: 0.5;
}

#carListSlideShow_wrapper .thumbnail_box{
    padding-bottom:35px;
}

#carListSlideShow_wrapper .usedcar_edit_btn {
    top: 0;
    bottom:auto;
}

#carListSlideShow_wrapper .thumb_wrap {
    float: left;
}


.slider_count_none {
    display: none;
}

.slide_btn_none {
    display: none;
}

.carlist_btn_mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
    z-index: 2;
}

.carlist_btn_mask_none {
    display: none;
}

.carlist_btn_mask_shadow {
    opacity: 0.3;
}

.slideshow_loader {
    display: none;
}

.base0_carlistSlideShow01 .carlist_slider_count {
    opacity: 1;
}

#toggle_carList, #toggle_carList_change {
    text-decoration: none;
}

#header.notEditLogoHeaderOuter .editLogoOuter {
    height: auto;
}

.editLogoOuter .editLogoImage {
    width: auto;
    height: 45px;
    vertical-align: middle;
}

#header .editLogoCompany.logoTextColorCC0000{
    color: #cc0000 !important;
}
#header .editLogoCompany.logoTextColorFF9900{
    color: #ff9900 !important;
}
#header .editLogoCompany.logoTextColorFFCC00{
    color: #ffcc00 !important;
}
#header .editLogoCompany.logoTextColor99cc00{
    color: #99cc00 !important;
}
#header .editLogoCompany.logoTextColor006600{
    color: #006600 !important;
}
#header .editLogoCompany.logoTextColor3399ff{
    color: #3399ff !important;
}
#header .editLogoCompany.logoTextColor0066ff{
    color: #0066ff !important;
}
#header .editLogoCompany.logoTextColor6633cc{
    color: #6633cc !important;
}
#header .editLogoCompany.logoTextColorFF6699{
    color: #ff6699 !important;
}
#header .editLogoCompany.logoTextColor333333{
    color: #333333 !important;
}
#header .editLogoCompany.logoTextColor000000{
    color: #000000 !important;
}
#header .editLogoCompany.logoTextColorFFFFFF{
    color: #ffffff !important;
}
#header .editLogoCompany.logoTextColorEEEEEE{
    color: #EEEEEE !important;
}




.editLogoOuter {
    display: inline-block;
    height: 45px;
    margin: 0;
}

#header.editLogoHeaderOuter .editLogoOuter a.shop_name_btn {
    font-size: 18px;
    font-weight: bold;
    top: 50%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
}


#header.editLogoHeaderOuter .editLogoOuter a.editLogoCompany {
    vertical-align: middle;
    position: relative;
    display: inline-block;
}


.editLogoOuter.logoEditMark1 .editLogoCompany {
    top: 50%;
    transform: translateY(-50%);
    padding: 0 0 3px 3px;
    -webkit- transform: translateY(-50%);
}



.editLogoOuter.logoEditMark1 .editLogoCompany:first-letter {
    font-size: 130%;
}



.editLogoOuter.logoEditMark2 {
    background: url(../img/companyLogo/logo/logoEditMark2.png) no-repeat left center;
    background-size: contain;
    height: 40px;
}

.editLogoOuter.logoEditMark3 {
    background: url(../img/companyLogo/logo/logoEditMark3.png) no-repeat left center;
    background-size: contain;
    height: 40px;
}





.editLogoOuter.logoEditMark4 {
    background: url(../img/companyLogo/logo/logoEditMark4.png) no-repeat left center;
    background-size: contain;
    height: 40px;
}
.editLogoOuter.logoEditMark5 {
    background: url(../img/companyLogo/logo/logoEditMark5.png) no-repeat left center;
    background-size: contain;
    height: 40px;
}

.editLogoOuter.logoEditMark6 {
    background: url(../img/companyLogo/logo/logoEditMark6.png) no-repeat left center;
    background-size: contain;
    height: 40px;
}

.editLogoOuter.logoEditMark7 {
    background: url(../img/companyLogo/logo/logoEditMark7.png) no-repeat left center;
    background-size: contain;
    height: 40px;
}

.editLogoOuter.logoEditMark8 {
    background: url(../img/companyLogo/logo/logoEditMark8.png) no-repeat left center;
    background-size: contain;
    height: 40px;
}

.editLogoOuter.logoEditMark9 {
    background: url(../img/companyLogo/logo/logoEditMark9.png) no-repeat left center;
    background-size: contain;
    height: 40px;
}

.editLogoOuter.logoEditMark10 {
    background: url(../img/companyLogo/logo/logoEditMark10.png) no-repeat left center;
    background-size: contain;
    height: 40px;
}

.editLogoOuter.logoEditMark11 {
    background: url(../img/companyLogo/logo/logoEditMark11.png) no-repeat left center;
    background-size: 100% 60%;
    height: 40px;
}

.editLogoOuter.logoEditMark12 {
    background: url(../img/companyLogo/logo/logoEditMark12.png) no-repeat left center;
    background-size: contain;
    height: 40px;
}

.editLogoOuter.logoEditMark13 {
    background: url(../img/companyLogo/logo/logoEditMark13.png) no-repeat left center;
    background-size: contain;
    height: 40px;
}

.editLogoOuter.logoEditMark14 {
    background: url(../img/companyLogo/logo/logoEditMark14.png) no-repeat left center;
    background-size: contain;
    height: 40px;
}



.editLogoOuter.logoEditMarkReverse5 {
    background: url(../img/companyLogo/logo/logoEditMarkReverse5.png) no-repeat left center;
    background-size: contain;
    height: 40px;
}

.editLogoOuter.logoEditMarkReverse7 {
    background: url(../img/companyLogo/logo/logoEditMarkReverse7.png) no-repeat left center;
    background-size: contain;
    height: 40px;
}







.editLogoOuter.logoEditMark2.logoPositionRight,
.editLogoOuter.logoEditMark3.logoPositionRight,
.editLogoOuter.logoEditMark4.logoPositionRight,
.editLogoOuter.logoEditMark5.logoPositionRight,
.editLogoOuter.logoEditMarkReverse5.logoPositionRight,
.editLogoOuter.logoEditMark6.logoPositionRight,
.editLogoOuter.logoEditMark7.logoPositionRight,
.editLogoOuter.logoEditMarkReverse7.logoPositionRight,
.editLogoOuter.logoEditMark8.logoPositionRight,
.editLogoOuter.logoEditMark9.logoPositionRight,
.editLogoOuter.logoEditMark10.logoPositionRight,
.editLogoOuter.logoEditMark12.logoPositionRight,
.editLogoOuter.logoEditMark13.logoPositionRight,
.editLogoOuter.logoEditMark14.logoPositionRight
{
    background-position: right top;
}

.editLogoOuter.logoEditMark2 .editLogoCompany,
.editLogoOuter.logoEditMark3 .editLogoCompany,
.editLogoOuter.logoEditMark4 .editLogoCompany,
.editLogoOuter.logoEditMark5 .editLogoCompany,
.editLogoOuter.logoEditMark6 .editLogoCompany,
.editLogoOuter.logoEditMark9 .editLogoCompany,
.editLogoOuter.logoEditMark10 .editLogoCompany,
.editLogoOuter.logoEditMark12 .editLogoCompany,
.editLogoOuter.logoEditMark13 .editLogoCompany,
.editLogoOuter.logoEditMark14 .editLogoCompany
{
    top: 50%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
    padding-left: 45px;
}

#header.editLogoHeaderOuter .editLogoOuter.logoEditMark5 .editLogoCompany {
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
}

.editLogoOuter.logoEditMark5 .editLogoCompany {
    padding-left: 35px;
}



.editLogoOuter.logoEditMark2 .editLogoCompany {
    padding-left: 40px;
}


.editLogoOuter.logoEditMarkReverse5 .editLogoCompany {
    top: 50%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
}


.editLogoOuter.logoEditMark7 .editLogoCompany {
    top: 50%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
    padding-left: 35px;
}

.editLogoOuter.logoEditMarkReverse7 .editLogoCompany {
    top: 50%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
}


.editLogoOuter.logoEditMark8 .editLogoCompany {
    top: 50%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
    padding-left: 60px;
}

.editLogoOuter.logoEditMark12 .editLogoCompany {
    padding-left: 60px;
}



.editLogoOuter.logoEditMark3.logoPositionRight .editLogoCompany,
.editLogoOuter.logoEditMark4.logoPositionRight .editLogoCompany,
.editLogoOuter.logoEditMark5.logoPositionRight .editLogoCompany,
.editLogoOuter.logoEditMark6.logoPositionRight .editLogoCompany,
.editLogoOuter.logoEditMark7.logoPositionRight .editLogoCompany,
.editLogoOuter.logoEditMark9.logoPositionRight .editLogoCompany,
.editLogoOuter.logoEditMark10.logoPositionRight .editLogoCompany,
.editLogoOuter.logoEditMark13.logoPositionRight .editLogoCompany,
.editLogoOuter.logoEditMark14.logoPositionRight .editLogoCompany
{
    padding-left: 0;
    padding-right: 50px ;
}

.editLogoOuter.logoEditMark2.logoPositionRight .editLogoCompany {
    padding-left: 0;
    padding-right: 35px;
}


.editLogoOuter.logoEditMark8.logoPositionRight .editLogoCompany {
    padding-left: 0;
    padding-right: 50px;
}

.editLogoOuter.logoEditMark12.logoPositionRight .editLogoCompany {
    padding-left: 0;
    padding-right: 60px;
}

.editLogoOuter.logoEditMarkReverse5.logoPositionRight .editLogoCompany {
    padding-left: 0 !important;
    padding-right: 40px;
}

.editLogoOuter.logoEditMarkReverse7.logoPositionRight .editLogoCompany {
    padding-left: 0 !important;
    padding-right: 35px;
}



.editLogoOuter.logoEditMark11 .editLogoCompany {
    top: 50%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
}




.editLogoOuter a.editLogoCompany.notoSansJpLight {
    font-family: 'Noto Sans JP', sans-serif !important;
    font-weight: 400 !important;
}

.mplus1pRegular {
    font-family: 'M PLUS 1p', sans-serif !important;
    font-weight: 700 !important;

}

.notoSansJpBlack {
    font-family: 'Noto Sans JP', sans-serif !important;
    font-weight: 900 !important;
}

.notoSansJpBold {
    font-family: 'Noto Sans JP', sans-serif !important;
    font-weight: 700 !important;
}

.notoSerifJpExtraLight {
    font-family: 'Noto Serif JP', serif !important;
    font-weight: 400 !important;
    padding-bottom: 3px !important;
}

.sourceHanSansRegular {
    font-family: "sourceHanSansRegular", serif !important;
}

.notoSerifJpBlack {
    font-family: 'Noto Serif JP', serif !important;
    font-weight: 900 !important;
    padding-bottom: 2px !important;
}

.mPlusRounded1cLight {
    font-family: 'mPlusRounded1cLight', sans-serif !important;
    font-weight: 700 !important;

}

.mPlusRounded1cBold {
    font-family: 'mPlusRounded1cBold', sans-serif !important;
    font-weight: 900;
}

.logoTypeGothic {
    font-family: "logoTypeGothic", serif !important;
}

.editLogoOuter .editLogoCompany {
    font-size: 18px;
    position: relative;
}

.editLogoOuter .editLogoCompany.logoTextSizeSmall {
    font-size: 16px !important;
}

.editLogoOuter .editLogoCompany.logoTextSizeMedium {
    font-size: 18px !important;
}

.editLogoOuter .editLogoCompany.logoTextSizeLarge {
    font-size: 24px !important;
}

.logoNone {
    display: none !important;
}



.editLogoOuter .editLogoCompany.logoEditEffect2 {
    text-shadow: #EEE 2px 0px 0px, #EEE 0.75517px 0.958851px 0px, #EEE 1.0806px 0.68294px 0px, #EEE 1.141474px 1.99499px 0px, #EEE 0.167706px 1.81859px 0px, #EEE -0.60229px 1.19694px 0px, #EEE -0.97998px 1.28224px 0px, #EEE -0.87291px -0.701566px 0px, #EEE -0.30729px -1.5136px 0px, #EEE -0.421592px -0.95506px 0px, #EEE 0.567324px -1.91785px 0px, #EEE 0.41734px -0.41108px 0px, #EEE -1.07966px 0.441169px 0px, #EEE 0.92034px -1.558831px 0px, #EEE -0.07966px -1.558831px 0px;
}
/*
.editLogoOuter .editLogoCompany.logoEditEffect3 {
    text-shadow: #FFFFFF 1px 0px 2px, #FFFFFF -1px 0px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 1px 2px, #FFFFFF 0px -1px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 0px 2px, #ff0000 0px -2px 1px, #ff0000 -1px 1px 1px, #ff0000 1px 1px 1px, #ff0000 -2px 1px 1px, #ff0000 2px -1px 1px, #ff0000 -2px -1px 1px, #ff0000 1px 2px 1px, #ff0000 0px 2px 1px, #ff0000 1px -2px 1px, #ff0000 -1px -2px 1px, #ff0000 1px 1px 1px, #ff0000 -1px 1px 1px, #ff0000 1px -1px 1px, #ff0000 -1px -1px 1px, #ff0000 1px 1px 1px, #ff0000 -1px 1px 1px;
}
*/

.editLogoOuter .editLogoCompany.logoEditEffectCC0000 {
    text-shadow: #FFFFFF 1px 0px 0px, #FFFFFF -1px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 1px 0px, #FFFFFF 0px -1px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #CC0000 0px -2px 1px, #CC0000 -1px 1px 1px, #CC0000 1px 1px 1px, #CC0000 -2px 1px 1px, #CC0000 2px -1px 1px, #CC0000 -2px -1px 1px, #CC0000 1px 2px 1px, #CC0000 0px 2px 1px, #CC0000 1px -2px 1px, #CC0000 -1px -2px 1px, #CC0000 1px 1px 1px, #CC0000 -1px 1px 1px, #CC0000 1px -1px 1px, #CC0000 -1px -1px 1px, #CC0000 1px 1px 1px, #CC0000 -1px 1px 1px;
}

.editLogoOuter .editLogoCompany.logoEditEffectFF9900 {
    text-shadow: #FFFFFF 1px 0px 0px, #FFFFFF -1px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 1px 0px, #FFFFFF 0px -1px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #FF9900 0px -2px 1px, #FF9900 -1px 1px 1px, #FF9900 1px 1px 1px, #FF9900 -2px 1px 1px, #FF9900 2px -1px 1px, #FF9900 -2px -1px 1px, #FF9900 1px 2px 1px, #FF9900 0px 2px 1px, #FF9900 1px -2px 1px, #FF9900 -1px -2px 1px, #FF9900 1px 1px 1px, #FF9900 -1px 1px 1px, #FF9900 1px -1px 1px, #FF9900 -1px -1px 1px, #FF9900 1px 1px 1px, #FF9900 -1px 1px 1px;
}

.editLogoOuter .editLogoCompany.logoEditEffectFFCC00 {
    text-shadow: #FFFFFF 1px 0px 2px, #FFFFFF -1px 0px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 1px 2px, #FFFFFF 0px -1px 2px, #FFFFFF 0px 0px 2px, #FFFFFF 0px 0px 2px, #FFCC00 0px -2px 1px, #FFCC00 -1px 1px 1px, #FFCC00 1px 1px 1px, #FFCC00 -2px 1px 1px, #FFCC00 2px -1px 1px, #FFCC00 -2px -1px 1px, #FFCC00 1px 2px 1px, #FFCC00 0px 2px 1px, #FFCC00 1px -2px 1px, #FFCC00 -1px -2px 1px, #FFCC00 1px 1px 1px, #FFCC00 -1px 1px 1px, #FFCC00 1px -1px 1px, #FFCC00 -1px -1px 1px, #FFCC00 1px 1px 1px, #FFCC00 -1px 1px 1px;
}

.editLogoOuter .editLogoCompany.logoEditEffect99cc00 {
    text-shadow: #FFFFFF 1px 0px 0px, #FFFFFF -1px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 1px 0px, #FFFFFF 0px -1px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #99cc00 0px -2px 1px, #99cc00 -1px 1px 1px, #99cc00 1px 1px 1px, #99cc00 -2px 1px 1px, #99cc00 2px -1px 1px, #99cc00 -2px -1px 1px, #99cc00 1px 2px 1px, #99cc00 0px 2px 1px, #99cc00 1px -2px 1px, #99cc00 -1px -2px 1px, #99cc00 1px 1px 1px, #99cc00 -1px 1px 1px, #99cc00 1px -1px 1px, #99cc00 -1px -1px 1px, #99cc00 1px 1px 1px, #99cc00 -1px 1px 1px;
}


.editLogoOuter .editLogoCompany.logoEditEffect006600 {
    text-shadow: #FFFFFF 1px 0px 0px, #FFFFFF -1px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 1px 0px, #FFFFFF 0px -1px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #006600 0px -2px 1px, #006600 -1px 1px 1px, #006600 1px 1px 1px, #006600 -2px 1px 1px, #006600 2px -1px 1px, #006600 -2px -1px 1px, #006600 1px 2px 1px, #006600 0px 2px 1px, #006600 1px -2px 1px, #006600 -1px -2px 1px, #006600 1px 1px 1px, #006600 -1px 1px 1px, #006600 1px -1px 1px, #006600 -1px -1px 1px, #006600 1px 1px 1px, #006600 -1px 1px 1px;
}


.editLogoOuter .editLogoCompany.logoEditEffect3399ff {
    text-shadow: #FFFFFF 1px 0px 0px, #FFFFFF -1px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 1px 0px, #FFFFFF 0px -1px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #3399ff 0px -2px 1px, #3399ff -1px 1px 1px, #3399ff 1px 1px 1px, #3399ff -2px 1px 1px, #3399ff 2px -1px 1px, #3399ff -2px -1px 1px, #3399ff 1px 2px 1px, #3399ff 0px 2px 1px, #3399ff 1px -2px 1px, #3399ff -1px -2px 1px, #3399ff 1px 1px 1px, #3399ff -1px 1px 1px, #3399ff 1px -1px 1px, #3399ff -1px -1px 1px, #3399ff 1px 1px 1px, #3399ff -1px 1px 1px;
}

.editLogoOuter .editLogoCompany.logoEditEffect0066ff {
    text-shadow: #FFFFFF 1px 0px 0px, #FFFFFF -1px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 1px 0px, #FFFFFF 0px -1px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #0066ff 0px -2px 1px, #0066ff -1px 1px 1px, #0066ff 1px 1px 1px, #0066ff -2px 1px 1px, #0066ff 2px -1px 1px, #0066ff -2px -1px 1px, #0066ff 1px 2px 1px, #0066ff 0px 2px 1px, #0066ff 1px -2px 1px, #0066ff -1px -2px 1px, #0066ff 1px 1px 1px, #0066ff -1px 1px 1px, #0066ff 1px -1px 1px, #0066ff -1px -1px 1px, #0066ff 1px 1px 1px, #0066ff -1px 1px 1px;
}

.editLogoOuter .editLogoCompany.logoEditEffect6633cc {
    text-shadow: #FFFFFF 1px 0px 0px, #FFFFFF -1px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 1px 0px, #FFFFFF 0px -1px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #6633cc 0px -2px 1px, #6633cc -1px 1px 1px, #6633cc 1px 1px 1px, #6633cc -2px 1px 1px, #6633cc 2px -1px 1px, #6633cc -2px -1px 1px, #6633cc 1px 2px 1px, #6633cc 0px 2px 1px, #6633cc 1px -2px 1px, #6633cc -1px -2px 1px, #6633cc 1px 1px 1px, #6633cc -1px 1px 1px, #6633cc 1px -1px 1px, #6633cc -1px -1px 1px, #6633cc 1px 1px 1px, #6633cc -1px 1px 1px;
}

.editLogoOuter .editLogoCompany.logoEditEffectFF6699 {
    text-shadow: #FFFFFF 1px 0px 0px, #FFFFFF -1px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 1px 0px, #FFFFFF 0px -1px 2px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #FF6699 0px -2px 1px, #FF6699 -1px 1px 1px, #FF6699 1px 1px 1px, #FF6699 -2px 1px 1px, #FF6699 2px -1px 1px, #FF6699 -2px -1px 1px, #FF6699 1px 2px 1px, #FF6699 0px 2px 1px, #FF6699 1px -2px 1px, #FF6699 -1px -2px 1px, #FF6699 1px 1px 1px, #FF6699 -1px 1px 1px, #FF6699 1px -1px 1px, #FF6699 -1px -1px 1px, #FF6699 1px 1px 1px, #FF6699 -1px 1px 1px;
}


.editLogoOuter .editLogoCompany.logoEditEffect333333 {
    text-shadow: #FFFFFF 1px 0px 0px, #FFFFFF -1px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 1px 0px, #FFFFFF 0px -1px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #333333 0px -2px 1px, #333333 -1px 1px 1px, #333333 1px 1px 1px, #333333 -2px 1px 1px, #333333 2px -1px 1px, #333333 -2px -1px 1px, #333333 1px 2px 1px, #333333 0px 2px 1px, #333333 1px -2px 1px, #333333 -1px -2px 1px, #333333 1px 1px 1px, #333333 -1px 1px 1px, #333333 1px -1px 1px, #333333 -1px -1px 1px, #333333 1px 1px 1px, #333333 -1px 1px 1px;
}


.editLogoOuter .editLogoCompany.logoEditEffect000000 {
    text-shadow: #FFFFFF 1px 0px 0px, #FFFFFF -1px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 1px 0px, #FFFFFF 0px -1px 0px, #FFFFFF 0px 0px 0px, #FFFFFF 0px 0px 0px, #000000 0px -2px 1px, #000000 -1px 1px 1px, #000000 1px 1px 1px, #000000 -2px 1px 1px, #000000 2px -1px 1px, #000000 -2px -1px 1px, #000000 1px 2px 1px, #000000 0px 2px 1px, #000000 1px -2px 1px, #000000 -1px -2px 1px, #000000 1px 1px 1px, #000000 -1px 1px 1px, #000000 1px -1px 1px, #000000 -1px -1px 1px, #000000 1px 1px 1px, #000000 -1px 1px 1px;
}

.editLogoOuter .editLogoCompany.logoEditEffectFFFFFF {
    text-shadow: #333333 1px 0px 0px, #333333 -1px 0px 0px, #333333 0px 0px 0px, #333333 0px 0px 0px, #333333 0px 1px 0px, #333333 0px -1px 0px, #333333 0px 0px 0px, #333333 0px 0px 0px, #FFFFFF 0px -2px 1px, #FFFFFF -1px 1px 1px, #FFFFFF 1px 1px 1px, #FFFFFF -2px 1px 1px, #FFFFFF 2px -1px 1px, #FFFFFF -2px -1px 1px, #FFFFFF 1px 2px 1px, #FFFFFF 0px 2px 1px, #FFFFFF 1px -2px 1px, #FFFFFF -1px -2px 1px, #FFFFFF 1px 1px 1px, #FFFFFF -1px 1px 1px, #FFFFFF 1px -1px 1px, #FFFFFF -1px -1px 1px, #FFFFFF 1px 1px 1px, #FFFFFF -1px 1px 1px;
}


.editLogoOuter .editLogoCompany.logoEditEffect4 {
    text-shadow: 1px 0px 1px #CCCCCC, 0px 1px 1px #EEEEEE, 2px 1px 1px #CCCCCC, 1px 2px 1px #EEEEEE;
}

.editLogoOuter .editLogoCompany.logoEditEffect5 {
    text-shadow: -1px 0px 3px rgba(255, 255, 255, 1), 2px 2.5px 2px rgba(20, 18, 16, 0.5);
}
.editLogoOuter .editLogoCompany.logoEditEffect6 {
    text-shadow: #FFFFFF 1px 0px 0px, #FFFFFF -1px 0px 0px, #FFFFFF 0px 0px 3px, #FFFFFF 0px 0px 3px, #FFFFFF 0px 1px 0px, #FFFFFF 0px -1px 0px, #FFFFFF 0px 0px 3px, #FFFFFF 0px 0px 3px, #aaa 0px -2px 0px, #aaa -1px 1px 0px, #aaa 1px 1px 0px, #aaa -2px 1px 0px, #aaa 2px -1px 0px, #aaa -2px -1px 0px, #aaa 1px 2px 0px, #aaa -1px 2px 0px, #aaa 1px -2px 0px, #aaa -1px -2px 0px, #aaa 1px 1px 0px, #aaa -1px 1px 0px, #aaa 1px -1px 0px, #aaa -2px -1px 0px, #aaa 1px 1px 0px, #aaa -1px 1px 0px
}
.editLogoOuter .editLogoCompany.logoEditEffect7 {
    text-shadow: 0 0 5px #FFF, 0 0 5px #FFF, 0 0 5px #FFF, 0 0 10px #FFF, 0 0 15px #FFF, 0 0 25px #eee, 0 0 35px #eee, 0 0 45px #eee;
}
.editLogoOuter .editLogoCompany.logoEditEffect8 {
    text-shadow: 1.207px 1.007px 0px rgba(0, 0, 0, 0.6), -0.207px -0.207px 0px rgba(238, 238, 238, 0.8);
}
.editLogoOuter .editLogoCompany.logoEditEffect9 {
    text-shadow: 1.5px 0.35px 3px rgba(238, 238, 238, 0.3), -1px -0.85px 0px rgba(51, 51, 51, 0.8);
}


.editLogoOuter .editLogoCompany.logoEditEffect10 {
    text-shadow: none;
}

.editLogoOuter .editLogoCompany.logoEditEffect10:before {
  position: absolute;
  top: 1em;
  content: attr(data-text);
  color: inherit;
  opacity: 0.2;
  transform: rotateX(180deg) translateY(3px) scaleY(0.95);
}


.editLogoOuter .editLogoCompany.logoEditEffect11 {
    text-shadow: none;
}

.fontPreload {
    visibility: hidden;
}

.sub_menu_title_outer {
    color: #FFFFFF;
    text-align: left;
    width: 190px;
    height: 50px;
    display: inline-block;
}

.title_count_under_8 {
    font-family: 'Noto Sans JP', sans-serif !important;
    font-weight: 300;
    font-size: 23px;
    padding: 10px 0 0 3px;
}

.title_count_under_10 {
    font-family: 'Noto Sans JP', sans-serif !important;
    font-weight: 300;
    font-size: 18px;
    padding: 20px 0 0 2px;
}

.title_count_under_12 {
    font-family: 'Noto Sans JP', sans-serif !important;
    font-weight: 300;
    font-size: 15px;
    padding: 25px 0 0 5px;
}

.title_count_over_12 {
    font-family: 'Noto Sans JP', sans-serif !important;
    font-weight: 300;
    font-size: 15px;
    line-height: 20px;
    padding: 13px 0 0 13px;
}

.catch_copy_outer {
    width: 580px;
}

.catch_copy {
    font-family: 'Noto Serif JP', sans-serif !important;
    font-size: 36px;
    padding: 0 0 5px;
}

.catch_copy_text_white {
    color: #FFFFFF;
}

.catch_copy_text_black {
    color: #333333;
}



.salesOuter h2{
    position: relative !important;
    top: 0;
}

.buyButtonOuter{
    text-align:center;
}


.buyButton, .toCartButton {
    background: #d31715;
    padding: 15px 25px 15px 50px;
    border-radius: 5px;
    background-repeat: no-repeat;
    display: inline-block;
    margin: 0 15px 0 0;
    cursor: pointer;
    transition: .3s;
    color: #fff;
    height: 54px;
    box-sizing: border-box;
    background-image: url(../img/copy2open/cart_icon_w.png);
    background-size: 20px;
    background-position: left 20px center;
}

.buyButton{
    background-color: #d31715;
}

.toCartButton{
    padding: 15px 85px 15px 110px;
    color:#fff !important;
    text-decoration: none !important;
    background-position: left 60px center;
}





/**
 * カート関連スタイル
 * 
 */

.cartActionOuter{
    display:none;
    position: fixed;
    box-sizing: border-box;
    background: #fff;
    bottom: 0px;
    left: 50%;
    padding: 15px 15px 10px 15px;
    border-radius: 15px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    box-shadow: 1px 2px 3px rgba(0,0,0,0.3);
    z-index: 3;
    text-align: center;
    transform: translateX(-50%) translateY(100%);
    -webkit-transform: translateX(-50%) translateY(100%);
}

.usedcar_info_body .cartActionOuter {
    z-index: 6;
}

.cartActionOuter.js-hidden, .cartActionOuter.js-empty{
    display:none;
}

.cartActionOuter.js-ready{
    display:block;
}

.cartActionOuter.js-ready.js-animated{
    transition:.3s;
    transform: translateX(-50%) translateY(0%);
    -webkit-transform: translateX(-50%) translateY(0%);
}




/**
 * カート関連バーのボタン
 */

.cartActionOuter .triggerItem{
    display:inline-block;
    vertical-align:middle;
    margin-right:10px;
    cursor:pointer;
    transition:.3s;
}

.cartActionOuter .triggerItem.js-hidden{
    display:none;
}

.cartActionOuter .triggerItem:hover{
    transform:translateY(-3px);
    -webkit-transform:translateY(-3px);
}

.cartActionOuter .triggerItem.js-lastTriggerItem{
    margin-right: 0px;
}




/*「カートに入れる」ボタン*/
.cartButton{
    width: 165px;
    height: 45px;
    line-height: 45px;
    background-color: #CE1919;
    color: #fff;
    border-radius: 4px;
}

.cartButton:before{
    content: "";
    width: 16px;
    height: 16px;
    background-image: url(../img/copy2open/cart_icon_w.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: inline-block;
    margin: -1px 8px 0 0;
    vertical-align: middle;
}

.cartActionOuter .cartButton.js-carted{
    background-color:#aaa;
    cursor:default;
}

.cartActionOuter .cartButton.js-carted:hover{
    transform:translateY(0px);
    -webkit-transform:translateY(0px);
}


/* 「気になる」ボタン */
.favoriteButton{
    width: 105px;
    height: 45px;
    line-height: 46px;
    background: #555555;
    border-radius: 4px;
    display: inline-block;
    cursor: pointer;
    transition: .3s;
    color: #fff;
}

.favoriteButton:before{
    content: "";
    width: 16px;
    height: 16px;
    background-image: url(../img/copy2open/star_icon_y.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: inline-block;
    margin: -4.5px 4px 0 0;
    vertical-align: middle;
}

.cartActionOuter .favoriteButton.js-favorited,
.cartActionOuter .favoriteButton.js-disabled{
    background-color:#aaa;
    cursor:default;
}

.cartActionOuter .favoriteButton.js-favorited:before,
.cartActionOuter .favoriteButton.js-disabled:before{
    background-image: url(../img/copy2open/star_icon_w.png);
}

.cartActionOuter .favoriteButton.js-favorited:hover,
.cartActionOuter .favoriteButton.js-disabled:hover{
    transform:translateY(0px);
    -webkit-transform:translateY(0px);
}





/*「カートを見る」アイコン */
.cartIcon{
    width: 45px;
    height: 45px;
    box-sizing: border-box;
    border-radius: 4px;
    background-color: #6EA86C;
    background-image: url(../img/copy2open/cart_icon_w_filled.png);
    background-position: left 10px center;
    background-size: 24px;
    background-repeat: no-repeat;
    position: relative;
}


/* 「気になる」を見るアイコン */
.favoriteIcon{
    width: 45px;
    height: 45px;
    border-radius: 4px;
    background-color: #6EA86C;
    background-image: url(../img/copy2open/star_icon_w_emphasis.png);
    background-position: left 9px center;
    background-size: 25px;
    background-repeat: no-repeat;
    position: relative;
}


.cartIcon .counter,
.favoriteIcon .counter{
    background-color: #CE1919;
    color: #fff;
    width: 15px;
    height: 15px;
    display: inline-block;
    line-height: 15px;
    font-size: 10px;
    font-weight: bold;
    position: absolute;
    left: -7.5px;
    top: -7.5px;
    border-radius: 100%;
}




/**
 * サムネイル表示　カート関連ボタン
 */



.thumbnail_box .inCarlist {
    display: block;
    text-align: right;
    position: absolute;
    bottom: 10px;
    right: 10px;
}


.buyButtonMini, .favoriteButtonMini, .detailButtonMini, .toCartButtonMini{
    transition:.3s;
}

.buyButtonMini:not(.disable),
.favoriteButtonMini:not(.disable),
.detailButtonMini:not(.disable),
.toCartButtonMini{
    cursor:pointer;
}

.buyButtonMini.disable,
.favoriteButtonMini.disable,
.detailButtonMini.disable,
.favoriteButton.disable{
    cursor:default;
}

.buyButtonMini:not(.disable):hover,
.favoriteButtonMini:not(.disable):hover,
.favoriteButton:not(.disable):hover,
.detailButtonMini:not(.disable):hover,
.toCartButtonMini:hover{
    transform:translateY(-3px);
    -webkit-transform:translateY(-3px);
}



.thumbnail_box .buyButtonMini{
    background: #d31715;
    color: #fff;
    padding: 5px 5px 5px 25px;
    width: 80px;
    box-sizing: border-box;
    display: inline-block;
    background-image: url(../img/copy2open/cart_icon_w.png);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: left 5px center;
    font-size: 11px;
    text-align: center;
    border-radius: 5px;
    margin: 0 5px 0 0;
}

.thumbnail_box .favoriteButtonMini{
    background-color: #555555;
    background-image: url(../img/copy2open/star_icon_y.png);
    background-size: 18px;
    background-position: center top 5px;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 11px;
    height: 46px;
    display: inline-block;
    box-sizing: border-box;
    padding: 23px 5px 0px;
    border-radius: 5px;
    margin:0 5px 0 0;
}

.thumbnail_box .detailButtonMini{
    background-color: #ec872f;
    color: #fff;
    padding: 23px 10px 0px 10px;
    height: 46px;
    display: inline-block;
    box-sizing: border-box;
    background-image: url(../img/copy2open/detail_icon.png);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: top 6px center;
    font-size: 11px;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
}

.thumbnail_box .toCartButtonMini{
    background: #d31715;
    color: #fff;
    padding: 5px 10px 5px 40px;
    width: 100px;
    box-sizing: border-box;
    display: inline-block;
    background-image: url(../img/copy2open/cart_icon_w.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: left 10px center;
    font-size: 12px;
    text-align: center;
    border-radius: 5px;
    margin: 0 5px 0 0;
    width: 140px;
    height: 46px;
    line-height: 36px;
    text-decoration: none;
    float: left;
}



/**
 * リスト表示　カート関連ボタン
 */

.usercar_list .list_con{
    margin:0 0 15px;
}

.usercar_list .inCarlist{
    display:block;
    text-align:right;
}

.usercar_list .buyButtonMini{
    height: 40px;
    box-sizing: border-box;
    font-size: 14px;
    background-color: #d31715;
    color: #fff;
    padding: 0px 25px 0px 45px;
    display: inline-block;
    margin: 0 5px 0 0;
    border-radius: 5px;
    cursor: pointer;
    transition: .3s;
    vertical-align: middle;
    line-height: 40px;
    background-image: url(../img/copy2open/cart_icon_w.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: left 15px center;
    text-decoration:none;
}

.usercar_list .favoriteButtonMini{
    height: 40px;
    line-height: 40px;
    display: inline-block;
    color: #fff;
    background-image: url(../img/copy2open/star_icon_y.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: left 15px top 9px;
    padding: 0px 25px 0px 40px;
    font-size: 14px;
    border-radius: 5px;
    transition: .3s;
    background-color:#555555;
}

.usercar_list .toCartButtonMini{
    background: #d31715;
    color: #fff;
    padding: 0px 25px 0px 45px;
    box-sizing: border-box;
    display: inline-block;
    background-image: url(../img/copy2open/cart_icon_w.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: left 10px center;
    font-size: 14px;
    border-radius: 5px;
    text-decoration: none;
    height: 40px;
    line-height: 40px;
}

.usercar_list .detailButtonMini {
    display:none;
}

.favoriteButton.disable, .favoriteButtonMini.disable {
    background-image: url(../img/copy2open/star_icon_w.png);
}

.buyButtonMini.disable{
    background-color:#aaa;
    cursor:default;
}



.buyButtonMini.js-favoriteButton{
    background-image: url(../img/copy2open/star.png);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: left 7px top 11px;
    padding: 10px 5px 10px 25px;
}



/**
 * カートフェーズページ
 * 
 */



.cartListOuter:empty{
    position:relative;
}

.cartListOuter:empty:before {
    content: "カートの中身を読み込んでいます…";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) translateY( 60px );
    -webkit-transform: translateX(-50%) translateY(-50%) translateY( 60px );
    font-size: 14px;
}

.cartListOuter:empty:after {
    content: "";
    font-size: 14px;
    display: block;
    text-align: center;
    padding: 80px 0;
    background-image: url(../img/copy2open/ajax-loader_big.gif);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}

.cartListOuter.js-loaded:empty:before{
    content : "カートに商品は入っていません";
    font-size: 14px;
    display: block;
    text-align: center;
    padding: 45px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    position:relative;
}

.cartListOuter.js-loaded:empty:after{
    display:none;
}


.cartListOuter.js-favoriteListOuter.js-loaded:empty:before{
    content : "「気になる」リストには商品はまだありません";
    font-size: 14px;
    display: block;
    text-align: center;
    padding: 45px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    position:relative;
}




.favoriteList, .cartList {
    padding: 15px 15px 15px 0px;
    margin: 0 0 30px;
    position: relative;
}

.moveCartButton, .existsCartButton{
    background-color: #d31715;
    color: #fff;
    font-size: 12px;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
}

.moveCartButton{
    margin:0 5px 0 0;
}

.existsCartButton{
    cursor:default;
    background-color:#aaa;
}

.deleteCartButton{
    background-color: #aaa;
    display: inline-block;
    padding: 5px 10px;
    font-size: 12px;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
}
.moveCartButton, .deleteCartButton{
    transition:.3s;
}

.moveCartButton:hover, .deleteCartButton:hover{
    transform:translateY(-2px);
}

.favoriteList img, .cartList img {
    max-width: 240px;
    margin: 0px 15px 15px 0px;
    float:left;
}

.favoriteList .about, .cartList .about {
    margin: 0 0 15px;
}


.cartList .itemName{
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 5px;
}

.cartList .itemCost{
    margin:0 0 5px;
}

.cartList .itemCost .key{
    margin: 0 5px 0 0;
}

.cartList .itemTotalCost{
    font-size: 20px;
    color: #c00;
    margin: 0 0 15px;
}

.cartList .itemComments .key{
    display: block;
    font-size: 14px;
    font-weight: bold;
}




.selectPaymentItemOuter{
    margin:0 0 30px;
}

.selectPaymentItemOuter:last-of-type{
    margin:0 !important;
}

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


.aboutPaymentOuter{
    display:none;
    padding:15px;
}

.aboutPaymentLabel{
    display: inline-block;
    margin: 0 0 5px;
    background: #666;
    color: #fff;
    font-size: 11px;
    padding: 0 5px;
}

.note{
    font-size: 14px;
}

.noteDeliveryTime{
    display: inline-block;
    margin: 5px 0 0 10px;
    font-size: 12px;
}

.noteTop{
    margin-bottom: 5px;
    font-size: 14px;
    text-align: left;
}

.nextCartButton{
    color:#fff !important;
    text-align:center !important;
    text-decoration:none !important;
}

.js-purchaseInput[readonly]{
    border:none !important;
    box-shadow:none;
}

.js-purchaseInput{
    resize:none;
}

select.js-purchaseInput[disabled] {
    color: initial;
    border: none !important;
    -webkit-appearance: none;
}


#carListThumbNail_wrapper .inCarlist .toCartButtonMini{
    width: 120px;
    padding: 10px 0px;
    display: inline-block;
    font-size: 14px;
    text-align: center;
}


.aboutCommerceLaw{
    font-weight: bold;
    font-size: 16px;
    margin: 0 0 30px;
}


.js-purchaseInput.inputarea4{
    width: 100%;
    box-sizing:border-box;
}

.thankyouDekky{
    width: 300px;
    background: #fff;
    border-radius: 5px;
    padding: 30px;

}

.finishShoppingComment{
    font-size:36px;
    margin:0 0 15px;
}

.aboutSendMail{
    margin:0 0 45px;
    font-weight:bold;
}

.contactAboutShoppingOuter{
    display: inline-block;
    padding: 30px;
    border: 1px solid #ccc;
    background:#fff;
    border-radius:5px;
}

.contactAboutShoppingOuter .title{
    display: inline-block;
    color: #fff;
    background: #333;
    padding: 0 25px;
    border-radius: 15px;
    margin:0 0 5px;
}

.contactAboutShoppingOuter .body{
    font-weight:bold;
    font-size:36px;
    color:#333;
}


.paymentWayOuter .key,
.aboutPaymentWayOuter .key,
.aboutTotalCostOuter .key{
    font-size: 14px;
    font-weight:bold;
    margin: 0 0 15px;
    display: block;
}





.aboutCartIcon{
    font-size:12px;
    margin:0 0 10px;
}

.aboutCartIcon:empty{
    margin:0;
}






.hi-icon_now {
    cursor: pointer;
    position: relative;
}

.hi-icon_now:after{
    width: 10px;
    height: 10px;
    opacity: 0.75;
    background: #fff;
    color: #fff;
    padding: 1px;
    display: block;
    position: absolute;
    font-size: 10px;
    top: 35px;
    right: 5px;
    border-radius: 100%;
    content: '';
    z-index: 130;
    box-sizing: content-box;
    animation: sonarEffect 1.3s ease forwards 3;
}

#js-deleteTrigger.hi-icon_now:after {
    top: 5px;
    right: 2px;
    animation: sonarEffect 1.3s ease infinite forwards;
}

.hi-icon_side_scroll {
    cursor: pointer;
    position: relative;
}

.hi-icon_side_scroll:after{
    width: 10px;
    height: 10px;
    opacity: 0.75;
    background: #fff;
    color: #fff;
    padding: 1px;
    display: block;
    position: absolute;
    font-size: 10px;
    top: 20px;
    left: 20px;
    border-radius: 100%;
    content: '';
    z-index: 130;
    box-sizing: content-box;
    animation: sonarEffect 1.3s ease forwards 3;
}

.hi-icon_inifite{
    cursor: pointer;
    position: relative;
}

.hi-icon_inifite:after{
    width: 10px;
    height: 10px;
    opacity: 0.75;
    background: #fff;
    color: #fff;
    padding: 1px;
    display: block;
    position: absolute;
    font-size: 10px;
    top: 20px;
    left: 20px;
    border-radius: 100%;
    content: '';
    z-index: 130;
    box-sizing: content-box;
    animation-name:sonarEffect;
    animation-duration:1.3s;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
}

#hash-favorite{
    position:absolute;
    top: -150px;
}


#side_link_block img{
    max-width: 100%;
}

#js-totalCostAbout{
    font-size:12px;
    display:block;
    margin:5px 0 0;
    display:none;
}

#js-totalCostAbout.show{
    display:block;
}

.right_box_img img{
    max-width:100%;
}

.detail_text_none {
    display: none;
}

@keyframes sonarEffect {
    0% {
        opacity: 1.0;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);
        transform: scale(1.5);
        opacity: 0;
    }
}




/**
 * 成功事例ページ
 */
#body_free.reviewPage .reviewTopContentsInner{
    width: 100% !important;
    height: 600px;
    background-position: top center !important;
    background-repeat: no-repeat;
    background-size: 1920px;
    position: relative;
    max-width:none;
}

.reviewTopContents{
    box-sizing: border-box;
    position: absolute;
    top: 30px;
    left: calc( 50% + 480px - 480px - 30px );
    width: 480px;
    height: 360px;
}

.js-imageBoxBackground .reviewTopContentsTextOuter{
    background: rgba(0,0,0,0.75) !important;
    width:100%;
    padding: 45px;
    color: #fff !important;
}

.js-imageBoxBackground .reviewTopContentsTextOuter p{
    color:#fff !important;
}

.reviewTopContentsLeadText{
    border-bottom: 1px solid #fff;
    margin: 0 0 10px;
}

.reviewTopContentsLeadTextFront{
    font-size:24px;
}

.reviewTopContentsLeadTextBack{
    font-size:14px;
}

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

.block_outer_review_conversion{
    padding:0 0 60px;
}

.js-imageBoxBackground .reviewTopContentsTextOuter .reviewTopContentsCopyText{
    font-size: 28px;
    margin: 0 0 10px;
    line-height:initial;
}

.js-imageBoxBackground .reviewTopContentsTextOuter .reviewTopContentsCaptionText{
    margin:0 0 10px;
    line-height:initial;
}

.js-imageBoxBackground .reviewTopContentsTextOuter .reviewTopContentsShopInfoText{
    text-align:right;
}



.reviewMainContents .img_box_left,
.reviewMainContents .img_box_right{
    width: 100%;
}

.reviewMainContents .imageBoxContents{
    float:none;
}


.reviewConversionContentsImg{
    display:block;
    margin:auto;
    max-width: 100%;
}






.js-imageBoxBackground .reviewTopContentsTextOuter{
    margin:0 0 30px !important;
}

.reviewSampleContents {
    display: inline-block;
    width: calc( ( 100% - 30px ) / 3 );
    height: 60px;
    float: left;
    margin: 0 15px 0 0;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 3px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    transition:.3s;
}

.reviewSampleContents:hover{
    transform:translateY(-3px);
    -webkit-transform:translateY(-3px);
}

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

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

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

.reviewPankuzuBlockOuterOuter{
    max-width: 960px;
    margin: 0 auto;
}

.sidebar_review img{
    width: 100%;
}

#body_free.reviewPage #main_img_wrapper{
    height:inherit !important;
    max-width: 1920px;
    margin: 0 auto;
}

#body_free.reviewPage #main_img_container{
    padding:0;
}

.block_outer_review_main .div_box_free .box_free:last-of-type {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* フェイスブックブロック */
.block_outer_facebook_block .facebook_wrapper{
    position: relative;
    margin-bottom: 60px;
    text-align: center;
    min-width: 280px;
    margin: 0 auto 60px;
    width: 100%;
}

#facebook_wrapper .overLay{
    position: absolute;
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    max-width: 1000px;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 2;
    border-radius: 10px;
    border: none;    
}

#facebook_wrapper .facebookModal{
    color: #333;
    height: 330px;
    width: calc( 100% - 100px );
    max-width: 500px;
    top: calc(50% - 330px / 2);
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    position: absolute;
    background: #fff;
    overflow: hidden;
    z-index: 3;
    border-radius: 10px;
    box-shadow: 5px 5px 5px rgba( 0,0,0, 0.6);
    padding: 5px;

}

.facebookModalTitle{
    margin: 40px auto 15px;
    font-size: 24px;
    font-weight: normal;
}

.facebookIdInput{
    font-size: 14px;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    padding: 7.5px 10px;
    margin: 0 0 5px;
    box-sizing: border-box;
    display: inline-block;
    width: 320px;
}

.facebookErrorMsg{
    color: #e00;
    visibility: hidden;
    height: 0px;
    transition: 0.25s;
    font-size: 14px;
    font-weight: bold;
}

.facebookErrorMsg.active{
    visibility: visible;
    height: 30px;
    margin-top: -25px;
}

.facebookRegistBtn{
    color: #FFF;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.2);
    font-weight: bold;
    font-size: 16px;
    padding: 10px;
    background: #FFA74D url(../img/common/create_btn.png) repeat-x;
    border: 1px solid #FFF;
    border-radius: 3px;
    width: 180px;
    cursor: pointer;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FFA74D), color-stop(0.00, #FFDD34));
    background: -webkit-linear-gradient(#FFDD34, #FFA74D);
    background: -moz-linear-gradient(#FFDD34, #FFA74D);
    background: -ms-linear-gradient(#FFDD34, #FFA74D);
    background: linear-gradient(#FFDD34, #FFA74D);
    box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
    display: block;
    margin: 0 auto 15px;
    box-sizing: border-box;
    display: inline-block;
}

.facebookRegistBtn:hover{
    opacity: 0.8;
}

.facebookNotes{
    font-size: 14px;
    margin: 0 0 30px;
}

.facebookDetaile{
    color: #666;
}

.facebookDetaileLink{
    color: #36f;
    text-decoration: none;
    background-image: url("/cms/img/common/out_link.gif");
    background-repeat: no-repeat;
    background-position: right top 4px;
    padding-right: 16px;
}

.facebookContentOuter{
    height: 500px;
    max-width: 500px;
}

.facebookFrame{
    position: absolute;
    z-index: 1;
    border-radius: 10px;
    visibility: hidden;
    transition: .3s;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}

.facebookFrame.Loaded{
    visibility: visible;
}

.facebookFrameBackNotes{
    position: absolute;
    z-index: 0;
    border-radius: 10px;
    height: 500px;
    width: 500px;
    background-color: #333;
    opacity: .8;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}

.facebookFrameBackNotes p{
    position: absolute;
    top: 50%;
    left: 50%;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
    width: 100%;
    padding: 30px;
    box-sizing: border-box;
    -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    color: #fff;
}

.facebookLoader{
    background: url(../img/copy2open/ajax-loader_big.gif);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: center center;
    text-align: center;
    height: 500px;
    max-width: 500px;
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 1;
    border-radius: 10px;
    border: none;  
}

#lead_p a:last-of-type{
    background-image: url(../img/copy2open/btn_grass.png);
    background-color: #36f;
    background-repeat: no-repeat;
    background-size: contain;
    color: #fff;
    padding: 15px 45px;
    font-size: 16px;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    position: relative;
    box-sizing: border-box;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    display:inline-block;
}

#lead_p a:last-of-type:hover{
    opacity:0.8;
}


/* 在庫車リスト メーカー・車種ハイライト */
h3 span.highlightFormatCar,
.h3 span.highlightFormatCar,
#carListThumNail_wrapper .thumbnail_box .h3 span.highlightFormatCar,
#carListSlideShow_wrapper .thumbnail_box .h3 span.highlightFormatCar {
    background: #f3f314 !important;
    display: inline;
    float: none;
    padding: 0;
    margin: 0;
    font-size: inherit;
    font-weight: bold;
    color: #000000;
}


/* 在庫車詳細本文ハイライト */
.block_outer_usedcar_detail .highlightFormatCar {
    background: #f3f314 !important;
}

#carListSlideShow_wrapper .free_search_hit_str {
    bottom: -25px;
}

.thumbnail_box .free_search_hit_str {
    font-size: 13px;
    text-align: right;
    display: block;
    box-sizing: border-box;
    position: absolute;
    bottom: -20px;
    right: 10px;
    color: #fb0;
    z-index: 2;
    text-decoration: underline;
    margin: 0;
}

.usercar_list .free_search_hit_str {
    font-size: 13px;
    display: block;
    box-sizing: border-box;
    color: #fb0;
    z-index: 2;
    text-decoration: underline;
    text-align: right;
    margin: 15px 0;
}

.free_search_hit_str:hover {
    text-decoration: none;
    cursor: pointer;
}


#gmenu_recruit.recruit_link_sp {
    display: none;
}


/* EFO対策第1弾 */

.inputFileContollerOuter,.inputFileViewer, .inputFileController, .inputFileDeleter{
    display:none;
}

.inputFileTriggerIcon {
    width: 72px;
    height: 54px;
    display: inline-block;
    border: 2px dashed #ddd;
    background-image: url(../img/copy2open/camera48ccc.png);
    background-size: 24px;
    background-position: center top 4px;
    background-repeat: no-repeat;
    margin-right: 4px;
    border-radius: 5px;
    cursor: pointer;
    transition: opacity .3s;
    box-sizing: border-box;
    position: relative;
    vertical-align: middle;
    text-align: center;
    background-color: #fff;
}

.inputFileTriggerIcon.js-error{
    background-image: url(../img/copy2open/camera48f99.png);
}

.inputFileTriggerIcon:before {
    content: "クリック";
    background-color: #ccc;
    font-size: 10px;
    line-height: 14px;
    color: #fff;
    position: absolute;
    bottom: 5px;
    font-weight: normal;
    border-radius: 6px;
    width: 54px;
    height: 14px;
    box-sizing: border-box;
    left: calc( 50% - 26px );
    text-shadow: 1px 1px 0.15px rgba(0,0,0,0.1);
}


.inputFileTriggerIcon.js-loadImage:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 5px;
    background-color: rgba(255,255,255,0.95);
    background-image: url(../img/copy2open/icon_loader_a_ww_03_s1.gif);
    background-repeat: no-repeat;
    background-position: center;
}

.inputFileTriggerIcon.js-error{
    background-color: #fcc;
    border-color: #f99;
}

.inputFileTriggerIcon.js-error:before{
    color: #f99;
    font-weight:bold;
}



.inputFileTriggerIcon.js-hasImage:before{
    content:"";
    background:none;
}

.inputFileTriggerIcon:hover{
    opacity:0.75;
}



.inputFileTriggerIcon.js-hasImage{
    border:none;
    background:none;
}


.inputFileViewer{
    max-width: 100%;
    max-height: 100%;
}

.js-hasImage .inputFileViewer{
    display:inline-block;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}

.inputFileTriggerIcon:last-child{
    margin-right:0px;
}




.inputFileTriggerIcon.js-hasImage .inputFileDeleter{
    display: inline-block;
    color: #fff;
    background-color: #f66;
    position: absolute;
    right: -7px;
    top: -7px;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    font-weight: bold;
    text-align: center;
    line-height: 16px;
    font-size: 14px;
    border: 2px solid #fff;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    transition: .25s;
}


.inputFileTriggerIcon.js-hasImage .inputFileDeleter:hover{
    transform:translateY(-2px);
    -webkit-transform:translateY(-2px);
}

#right_box .right_box_img .side_pict {
    padding: 0;
    background: none;
}


/* メニュー表示・非表示切り替え */

body.no_pc_header_menu_top #menu_wrapper,
body.no_pc_header_menu_middle #menu_wrapper,
body.no_footer_menu .footerContentOuter{
    display:none !important;
}


body.no_pc_header_menu_left #menu_wrapper,
body.no_pc_header_menu_right #menu_wrapper{
    height:0;
    padding:0;
    overflow:hidden;
    border: none;
    background: none;
}

body.no_pc_header_menu_left #menu_container,
body.no_pc_header_menu_right #menu_container{
    display:none;
}


/* メニュー統合 */

.global_header_menu_4 #gmenu_access,
.global_header_menu_5 #gmenu_access,
.global_header_menu_6 #gmenu_access{
    display:none;
}

.global_header_menu_5 #gmenu_estimate,
.global_header_menu_6 #gmenu_estimate,
.no_estimate_page #gmenu_estimate{
    display:none;
}

.global_header_menu_6 #gmenu_contact{
    display:none;
}


.footer_menu_6 #fmenu_access,
.footer_menu_6 #fmenu_access,
.footer_menu_6 #fmenu_access{
    display:none;
}


.footer_menu_5 #fmenu_estimate,
.footer_menu_6 #fmenu_estimate,
.no_estimate_page #fmenu_estimate{
    display:none;
}


.footer_menu_6 #fmenu_contact{
    display:none;
}




/* chromeのアップデートによりフォーカスが黒枠になるので対応 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type="text"]:focus,
    input[type="submit"]:focus,
    input[type="password"]:focus,
    textarea:focus,
    select:focus,
    input[type="text"]:active,
    input[type="submit"]:active,
    input[type="password"]:focus,
    textarea:active,
    select:active {
        outline: none;
        box-shadow: 1px 1px 2px rgba(0,60,240,0.5) inset, -1px -1px 2px rgb(0,60,240,0.5) inset !important;
    }
}