@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20151225
*/

/* Simplicity子テーマ用のスタイルを書く */
body { background-color: #fff; }
hr { clear:both; }

a:link {color:#777;}    /*　未訪問リンクの文字色を変える */
a:visited {color:#333; text-decoration: none;} /*　訪問済リンクの文字色を変える */
a:hover {color:#0099ff;}   /*　ポイント時のリンクの文字色を変える */
a:active {color:#666699;}  /*　選択中のリンクの文字色を変える */

/***********************************************
  Toppage Used Car Sales Css
***********************************************/
#used-car-top { border-bottom: 5px dotted #ccc; margin: 0 0 30px 0; padding: 0 0 10px 0; background-color: #fff; }

#used-car-top .used-cartitle a { text-decoration: none; }
#used-car-top a:link { color: #000; }    /*　未訪問リンクの文字色を変える */
#used-car-top a:hover {color: #cc0033;}   /*　ポイント時のリンクの文字色を変える */

#used-car-top .used-cartitle { position: relative; margin: 0px 0 20px 0;  padding: .5em 0 .2em 0; border-bottom: 4px solid #ccc; font-family: 'Abril Fatface', cursive; }
#used-car-top .used-cartitle::after { position: absolute; bottom: -4px; left: 0; z-index: 2; content: ''; width: 20%; height: 4px; background-color: #f2d753; }

#used-car-top .used-more-link { font-size: 18px; text-align: center; font-family: 'Abril Fatface', cursive; clear: both; margin: 20px 10px 0px 0; }
#used-car-top .used-more-link a { text-decoration: none; color: #ea0000; }

.morebutton {
	display: inline-block;
	width: 300px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
    border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */  
}
.morebutton::before,
.morebutton::after { position: absolute; z-index: -1; display: block; content: '';}
.morebutton,
.morebutton::before,
.morebutton::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; }
.morebutton { background-color: #ccc; border: 2px solid #999; color: #fff; line-height: 50px; }
.morebutton:hover { background-color: #fff; border-color: #F2D753; color: #59b1eb; }

#used-car-top .top-uc-tag { clear: both; margin: 10px 10px 20px 0; }
#used-car-top .top-uc-tag a:link { color: #fff; }

/***********************************************
  Toppage Used Car Sales Block Css
***********************************************/
#used-car-top .salesbox {  }
.icatchboxsales{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: row;            /*横並び・左から右（デフォルト）*/
    flex-wrap: wrap;         /*折り返し有り・複数行*/
    align-items: stretch;    /*全ての要素の高さを揃える*/
    /*align-content: space-around;  均等に間隔をあける・両端にも間隔をあける*/
    /*justify-content: space-between; 均等に間隔をあける*/



}
.catchboxsales { width:210px; color:#333; text-align:center; margin: 0 4px 0px 0; background-color: #fff; }


.catchboxsales img { width: 210px; height: auto; }
.catchboxsales a{ text-decoration: none; }
.catchboxsales .used-cartitle { color: #000; }
.catchboxsales p { font-size: 14px; line-height: 16px; margin: 0px ; padding: 0 5px 5px 5px; text-align: left; }
.catchboxsales .ucnew { color: #ea0000; font-weight: 300; font-family: 'Abril Fatface', cursive; }
.catchboxsales .car_neme { margin: 0 0 0px 0; padding-bottom: 0px; font-weight: 600; text-align: left;}
.catchboxsales .carprice { font-weight: 900; font-size: 20px; font-family: 'Abril Fatface', cursive; color: #ea0000; margin: 0 5px 0 0px; }
.catchboxsales .car_price { border-bottom: 1px dotted #ccc; text-align: right; }
.catchboxsales .ucdate { color: #333; font-size: 12px; }
.catchboxsales .topprice { margin: 5px 0; }
.catchboxsales .carname {  }
.catchboxsales .fa-car { margin: 0 5px 0 0; }

.catchboxsales .car_soldout { border-bottom: 1px dotted #ccc; margin: 0 0 5px 0; text-align: left;  font-weight: 600; font-size: 18px; line-height: 21px; font-family: 'Abril Fatface', cursive; color: #ea0000;}

/***********************************************
  Toppage Coming Soon Block Css
***********************************************/
.comingsoon { padding-bottom: 30px; }
.comingsoon .wp-posts-carousel-title { line-height: 14px; }
.comingsoon .wp-posts-carousel-title a { font-size: 14px; line-height: 8px; text-decoration: none; }
.comingsoon .wp-posts-carousel-more-button { font-size: 12px; }


/***********************************************
  Toppage Sold Out Car Block Css
***********************************************/
#used-car-top .soldbox {  }
.icatchboxsold{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: row;            /*横並び・左から右（デフォルト）*/
    flex-wrap: wrap;         /*折り返し有り・複数行*/
    align-items: stretch;    /*全ての要素の高さを揃える*/
    /*align-content: space-around;  均等に間隔をあける・両端にも間隔をあける*/
    justify-content: space-between; /*均等に間隔をあける*/
}
.catchboxsold { width:210px; color:#333; text-align:center; margin: 0 0 0px 0; background-color: #fff; }
.catchboxsold img { width: 210px; height: auto; }
.catchboxsold a{ text-decoration: none; }
.catchboxsold p { font-size: 14px; line-height: 16px; margin: 0px ; padding: 0 5px 5px 5px; text-align: left; }
.catchboxsold .ucnew { color: #ea0000; font-weight: 300; font-family: 'Abril Fatface', cursive; }
.catchboxsold .car_neme { margin: 0 0 0px 0; padding-bottom: 0px; font-weight: 600; text-align: left;}
.catchboxsold .carprice { font-weight: 900; font-size: 20px; font-family: 'Abril Fatface', cursive; color: #ea0000; margin: 0 5px 0 0px; }
.catchboxsold .car_price { border-bottom: 1px dotted #ccc; text-align: right; }
.catchboxsold .ucdate { color: #333; font-size: 12px; }
.catchboxsold .topprice { margin: 5px 0; }
.catchboxsold .carname {  }
.catchboxsold .fa-car { margin: 0 5px 0 0; }

.catchboxsold .car_soldout { border-bottom: 1px dotted #ccc; margin: 0 0 5px 0; text-align: left;  font-weight: 600; font-size: 18px; line-height: 21px; font-family: 'Abril Fatface', cursive; color: #ea0000;}

/***********************************************
  Toppage A.S.W Customers Block Css
***********************************************/
#used-car-top .custmbox {  }
.icatchboxcusto{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: row;            /*横並び・左から右（デフォルト）*/
    flex-wrap: wrap;         /*折り返し有り・複数行*/
    align-items: stretch;    /*全ての要素の高さを揃える*/
    /*align-content: space-around;  均等に間隔をあける・両端にも間隔をあける*/
    justify-content: space-between; /*均等に間隔をあける*/
}
.catchboxcusto { width:175px; color:#333; text-align:center; margin: 0 0 0px 0; background-color: #fff; }
.catchboxcusto img { width: 175px; height: auto; }
.catchboxcusto a{ text-decoration: none; }
.catchboxcusto p { font-size: 14px; line-height: 16px; margin: 0px ; padding: 0 5px 5px 5px; text-align: left; }
.catchboxcusto .ucnew { color: #ea0000; font-weight: 300; font-family: 'Abril Fatface', cursive; }
.catchboxcusto .car_neme { margin: 0 0 0px 0; padding-bottom: 0px; font-weight: 600; text-align: left;}
.catchboxcusto .carprice { font-weight: 900; font-size: 20px; font-family: 'Abril Fatface', cursive; color: #ea0000; margin: 0 5px 0 0px; }
.catchboxcusto .car_price { border-bottom: 1px dotted #ccc; text-align: right; }
.catchboxcusto .ucdate { color: #333; font-size: 12px; }
.catchboxcusto .topprice { margin: 5px 0; }
.catchboxcusto .carname {  }
.catchboxcusto .fa-car { margin: 0 5px 0 0; }

.catchboxcusto .car_soldout { border-bottom: 1px dotted #ccc; margin: 0 0 5px 0; text-align: left;  font-weight: 600; font-size: 18px; line-height: 21px; font-family: 'Abril Fatface', cursive; color: #ea0000;}

/***********************************************
  Toppage New's Topic Css
***********************************************/
#used-car-top .newsbox {  }
.news-topititle { position: relative; padding: .5em 0 .2em 0; border-bottom: 4px solid #ccc; font-family: 'Abril Fatface', cursive; }
.news-topititle::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color: #d60000;
}
.news-topititle a { text-decoration: none; }
.top-topi{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-around;  /*均等に間隔をあける・両端にも間隔をあける*/
	flex-wrap: wrap;         /*折り返し有り・複数行*/
}
.top-topi img { float: left; margin: 0 10px 0 0; }
.top-topi .element { width: 33%; margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px dotted #ccc; }
.top-topi .element a { line-height: 10px; text-decoration: none; text-align: left; font-weight: 300; }
.top-topi p { margin: 0; padding: 0; }
.top-topi .tim { margin: 5px 0 5px 0; }
.top-topi .topitit { line-height: 120%; margin: 0 0 0px 0; }

/***********************************************
  Toppage Blog Title Css
***********************************************/
.blog-topititle {
	position: relative;
	padding: .0em 0 .2em 0;
	margin: 0 0 20px 0;
	border-bottom: 4px solid #ccc;
	font-family: 'Abril Fatface', cursive;
}
.blog-topititle::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color: #39d600;
}
.entry-card-content .entry-title { font-size: 20px; line-height: 120%; }
footer .entry-read { text-align: right; }

/***********************************************
  Used-Car Category Css
***********************************************/
.ucartit a { text-decoration: none; }
.ucar { list-style: none; margin: 0px; padding: 0px; border-bottom: 3px solid #ccc; }
.ucar li { display: inline-block; width: 330px;}
.ucar .ucdate { margin: 0 10px 0 0; }
.ucar .fa { margin: 0 5px 0 0; color: #DC143C; }
.udesc .ucdt { font-size: 14px; border-bottom: 1px solid #ccc; }
.udesc .ucdt .carprice { font-weight: 900; font-size: 20px; font-family: 'Abril Fatface', cursive; color: #ea0000; margin: 0 5px 0 0px; }
.udesc .ucdtt { text-align: center; margin: 10px; }
.udesc .ucdtt a { color: red; font-weight: 900; text-decoration: none; }
.udesc .ucnew { font-size: 16px; color: #ea0000; font-weight: 300; font-family: 'Abril Fatface', cursive; }

/***********************************************
  Used-Car Sale Css
***********************************************/
#sale { font-size: 90%; }
#sale h5 { font-size: 18px; margin: 0px; }
#sale p { margin: 0 5px 5px 5px; padding: 5px 0; border-bottom: 1px solid #ccc; clear:both; }
#sale .sfont { font-weight: bold; }
#sale .bfont { color: #DC143C; font-weight: bold; font-size: 180%; margin: 0 5px 0 0; font-family: 'Abril Fatface', cursive; }
#sale table { width: 100%; line-height: 110%; margin: 5px 0 10px 0; clear:both; }
#sale th { white-space: nowrap; padding: 5px 0;}
#sale .fa-check-square { color: #DC143C; margin: 0 5px 0 0; }
.salefoot { text-align: center; }
.salefoot a { color: #fff; }

#sale .carul { margin: 0 5px 5px 5px; padding: 5px 0; border-bottom: 1px solid #ccc; clear:both; }
#sale ul { margin: 0px 0 0px 0px; padding: 0; list-style: none; overflow: hidden; }
#sale li { display: inline; padding: 0; margin: 0 10px 0 0; float: left; }
#sale li .fa-check-square-o { color: #1D9C73; }

#sale .top-soldout { color: #DC143C; font-weight: bold; font-size: 250%; margin: 0 5px 0 0; font-family: 'Abril Fatface', cursive; text-align: center; border: none;}

/***********************************************
  サイドバー 今見ているカテゴリ Css
***********************************************/
.wpp-list li { min-height : 100px ; padding : 1px 2px 1px 2px ; border-bottom : 1px dotted #cccccc ; }
.wpp-list li a{ text-decoration: none; }
.wpp-list li a:hover {  }
#popular-post a { font-weight : bold ; text-decoration : none ;}
#popular-post a:hover {  }
#popular-post ul { margin: 0px; padding: 0px; }
#popular-post ul li { position : relative ; line-height: 110%; }
#popular-post { counter-reset : wpp-ranking ; }
#popular-post ul li a { text-decoration: none; }

/*ナンバリング表示*/
#popular-post ul li:before {
	font-family: 'Abril Fatface', cursive;
	font-size: 20px;
	font-weight: 900;
	content: counter(wpp-ranking, decimal);
	position : absolute ;
	top : 0px ;
	left : 0px ;
	color : rgba(255, 255, 0,0.9);
	counter-increment : wpp-ranking ;
	text-align : center ;
	z-index : 9999 ;
	float : left ;
	line-height : 30px ;
	width : 30px ;
	height : 30px ;
	border-radius : 1px ;
	background: rgba(0, 0, 0,0.6);
}
#popular-post ul li.number1:before,
#popular-post ul li.number2:before,
#popular-post ul li.number3:before,
#popular-post ul li.number4:before,
#popular-post ul li.number5:before,
#popular-post ul li.number6:before,
#popular-post ul li.number7:before,
#popular-post ul li.number8:before,
#popular-post ul li.number9:before,
#popular-post ul li.number10:before {/*ナンバリングが増えるなら追加*/ content : counter(wpp-ranking, decimal) ; background : #333333 ; }

/***********************************************
 特選中古車 Css
***********************************************/
/* 日付 CSS */
.categoryid-2 .post-date { display: none; }
.categoryid-2 .entry-date { display: none; }
.categoryid-2 .post-update { display: none; }
.categoryid-15 .post-date { display: none; }
.categoryid-15 .entry-date { display: none; }
.categoryid-15 .post-update { display: none; }

/***********************************************
  About us css 
***********************************************/
.page .post-date { display: none; }
.page .entry-date { display: none; }
.page .post-update { display: none; }
.aboutbox { border-collapse: separate; border-spacing: 0px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; width: 100%; }
.aboutbox th {
	padding:4px 5px 4px 4px;
	text-align: right;
	border-left: 3px double #999;
	border-top: 1px solid #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: 600;
	font-size: 16px;
	line-height: 133%;
	color: #333;
}
.aboutbox td {
	padding:4px 4px 4px 5px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top-width: 0px;
	border-left-width: 0px;
	font-size: 16px;
	line-height: 133%;
}
.aboutout {}
.aboutout h4 {font-weight: 600; font-size: 16px; margin: 10px 0px; border: none; }
.aboutout h4 span {
	border-radius: 10px;
	background-color: #FF6600;
	padding: 5px 15px;
	color: #fff;
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}
.aboutout p { margin: 0px; }

@media only screen and (max-width:480px){
    .aboutbox	{ margin: 0 -10px; }
    .aboutbox th,
    .aboutbox td{
		display: block;
		border-top: none;
		text-align: center;
    }
    .aboutbox th { border-left: 0px solid #999; }
}/** **/


/***********************************************
  Car Maintenance css
***********************************************/
#inspec { margin: 0; padding: 0; }
#inspec h2 {  }
.block { width: 48%; float: left; margin: 5px; padding: 0px; font-size: 16px; }
#inspec .block table { border-collapse: collapse; text-align: left; border-top: 1px solid #ccc; border-left: 3px solid #369; width: 100%; }
#inspec .block table th { width: 35%; padding: 10px; font-weight: normal; vertical-align: middle; color: #000; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 75%; white-space: nowrap; text-align: center; background-color: #E6EEF7; line-height: 110%; }
#inspec .block table .toptitle { background-color: #FFCCCC; font-size: 90%; letter-spacing: normal; }
#inspec .block table td { width: 65%; padding: 10px; vertical-align: middle; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#inspec .block .bigpri { font-size: 110%; font-weight: 600; color: #990033; }
#inspec .block .bprione { font-size: 120%; font-weight: 300; color: #0033CC; }
#inspec .block .bpritwo { font-size: 150%; font-weight: 900; color: #990033; }

@media screen and (max-width: 480px) {
	#inspec h2 { font-size: 25pt; }
	#inspec .block table { width: 100%; }
    .block { width: 97%; float: none; padding: 0px; }
    }



/***********************************************
  Gallery css
***********************************************/
.gallery { overflow: hidden; }
.gallery-item { float: left; margin-top: 0; margin-bottom: 20px; margin-left: 0; }
.gallery-icon { text-align: center; }
.gallery-caption { color: #21759B; font-size: 0.8em; margin: 0; text-align: center; }
.gallery-columns-1 .gallery-item { width: 100%; margin-right: 0; }
.gallery-columns-2 .gallery-item { width: 49%; margin-right: 1%; }
.gallery-columns-3 .gallery-item { width: 32%; margin-right: 1%; }
.gallery-columns-4 .gallery-item { width: 24%; margin-right: 1%; }
.gallery-columns-5 .gallery-item { width: 19%; margin-right: 1%; }
.gallery-columns-6 .gallery-item { width: 15.6%; margin-right: 1%; }
.gallery-columns-7 .gallery-item { width: 13.2%; margin-right: 1%; }
.gallery-columns-8 .gallery-item { width: 11.5%; margin-right: 1%; }
.gallery-columns-9 .gallery-item { width: 10.1%; margin-right: 1%; }

/***********************************************
  Footer css
***********************************************/
.compawrap .cname { font-size: 20px; }
.compawrap p { font-size: 14px; }
.compawrap .ctel { font-weight: 900; font-size: 20px; }

/***********************************************
  Footer Tag Cloud css
***********************************************/
.tagcloud a {
	font-size: 14px !important; /* 文字のサイズ */
	line-height: 1em;
	background: #444; /* 背景色 */
	color: #fff; /* 文字色 */
	display: inline-block;
	white-space: nowrap;
	padding: 8px 8px; /* 文字周りの余白 */
	margin-top: 3px; /* タグ同士の余白 */
	border-radius: 4px; /* 角を少し丸く */
	text-decoration: none;
}
.tagcloud a:hover {
 	background: #888; /* マウスホバー時の背景色 */
	color: #333; /* マウスホバー時の文字色*/
}

/************** 800pxまでの幅の場合に適応される **************/
@media screen and (max-width: 800px) {

/***********************************************
  Toppage New's Topic Css
***********************************************/
.top-topi{
    justify-content: space-around;  /*均等に間隔をあける・両端にも間隔をあける*/
	flex-wrap: wrap;         /*折り返し有り・複数行*/
	margin: 0 10px;
}
.news-topititle { margin: 10px; }
.top-topi .element { width: 49%; }

.top-uc-tag { clear: both; margin: 20px 10px 10px 20px; }

/* Used Car Sales Block */
#used-car-top .used-cartitle { margin: 10px; }
.icatchboxsales { justify-content: center;/*中央揃え*/ margin: 0 5px; padding: 0 0; }
.catchboxsales { width:24%; color:white; text-align:center; border-left:1px solid white; margin: 0 3px 20px 0; } 
.catchboxsales img { max-width: 100%; height: auto; }

/* Sold Out Car Block */
.icatchboxsold { justify-content: center;/*中央揃え*/ margin: 0 5px; padding: 0 0; }
.catchboxsold { width:24%; color:white; text-align:center; border-left:1px solid white; margin: 0 3px 20px 0; }
.catchboxsold img { max-width: 100%; height: auto; }
.catchboxsold .car_soldout { font-size: 16px; line-height: 18px; }

/* A.S.W Customers Block */
.icatchboxcusto { justify-content: center;/*中央揃え*/ margin: 0 5px; padding: 0 0; }
.catchboxcusto { width:24%; color:white; text-align:center; border-left:1px solid white; margin: 0 3px 20px 0; }
.catchboxcusto img { max-width: 100%; height: auto; }

.used-more-link a { font-size: 14px; }

}/**  **/
/************** 640pxまでの幅の場合に適応される **************/
@media screen and (max-width: 640px) {
.morebutton {
	width: 70%;
	height: 34px;
	line-height: 34px;
}

/* Used Car Sales Block */
.icatchboxsales { justify-content: center;/*中央揃え*/ margin: 0 5px; padding: 0 0; }
.catchboxsales { width:23.5%; color:white; text-align:center; border-left:1px solid white; margin: 0 5px 20px 0; }
.catchboxsales img { max-width: 100%; height: auto; }

/* Sold Out Car Block */
.icatchboxsold { justify-content: center;/*中央揃え*/ margin: 0 5px; padding: 0 0; }
.catchboxsold { width:23.5%; color:white; text-align:center; border-left:1px solid white; margin: 0 5px 20px 0; }
.catchboxsold img { max-width: 100%; height: auto; }
.catchboxsold .car_soldout { font-size: 16px; line-height: 18px; }

/* Sold Out Car Block */
.icatchboxcusto { justify-content: center;/*中央揃え*/ margin: 0 5px; padding: 0 0; }
.catchboxcusto { width:23.5%; color:white; text-align:center; border-left:1px solid white; margin: 0 5px 20px 0; }
.catchboxcusto img { max-width: 100%; height: auto; }

.used-more-link a { font-size: 14px; }

/* Sold Out Car Block */

.top-topi .element { width: 280px; }

}/**  **/
/************** 420pxまでの幅の場合に適応される **************/
@media screen and (max-width: 420px) {
.morebutton {
	width: 70%;
	height: 34px;
	line-height: 34px;
}

.top-topi .element { width: 100%; }

.catchboxtop .carprice { font-size: 16px; }
.catchboxtop .ucdate { font-size: 9px; }

.top-uc-tag { clear: both; margin: 20px 10px 10px 0px; }

/* Used Car Sales Block */
.icatchboxsales { justify-content: center;/*中央揃え*/ margin: 0 10px; padding: 0 0; }
.catchboxsales { width:48%; color:white; text-align:center; border-left:1px solid white; margin: 0 3px 10px 0; }
.catchboxsales img { max-width: 100%; height: auto; }
.catchboxsales .car_neme { font-size: 14px; }
.catchboxsales .carprice { font-size: 18px; }
.catchboxsales .ucdate { font-size: 10px; }

/* Sold Out Car Block */
.icatchboxsold { justify-content: center;/*中央揃え*/ margin: 0 10px; padding: 0 0; }
.catchboxsold { width:48%; color:white; text-align:center; border-left:1px solid white; margin: 0 3px 10px 0; }
.catchboxsold img { max-width: 100%; height: auto; }
.catchboxsold .car_soldout { font-size: 16px; line-height: 18px; }

/* Sold Out Car Block */
.icatchboxcusto { justify-content: center;/*中央揃え*/ margin: 0 10px; padding: 0 0; }
.catchboxcusto { width:48%; color:white; text-align:center; border-left:1px solid white; margin: 0 3px 10px 0; }
.catchboxcusto img { max-width: 100%; height: auto; }

.used-more-link a { font-size: 14px; }

/* Sold Out Car Block */

}/**  **/
/************** 320pxまでの幅の場合に適応される **************/
@media screen and (max-width: 320px) {

.morebutton {
	width: 70%;
	height: 34px;
	line-height: 34px;
}

.top-topi .element { width: 300px; }


/* Used Car Sales Block */
.icatchboxsales { justify-content: center;/*中央揃え*/ margin: 0 5px; padding: 0 0; }
.catchboxsales { width: 48%; color:white; text-align:center; border-left:1px solid white; margin: 0 3px 10px 0; }
.catchboxsales img { max-width: 100%; height: auto; }
.catchboxsales .car_neme { font-size: 14px; }
.catchboxsales .carprice { font-size: 14px; }
.catchboxsales .ucdate { font-size: 10px; }

/* Sold Out Car Block */
.icatchboxsold { justify-content: center;/*中央揃え*/ margin: 0 5px; padding: 0 0; }
.catchboxsold { width:48; color:white; text-align:center; border-left:1px solid white; margin: 0 3px 10px 0; }
.catchboxsold img { max-width: 100%; height: auto; }
.catchboxsold .car_soldout { font-size: 14px; line-height: 18px; }

/* Sold Out Car Block */
.icatchboxcusto { justify-content: center;/*中央揃え*/ margin: 0 5px; padding: 0 0; }
.catchboxcusto { width:48%; color:white; text-align:center; border-left:1px solid white; margin: 0 3px 10px 0; }
.catchboxcusto img { max-width: 100%; height: auto; }

.used-more-link a { font-size: 14px; }

}/**  **/


/* ----------------------------------------------
.itemList {
	overflow: hidden;
	clear: both;
	width: 740px;
}
.itemList li {
	float: left;
        width: 235px;
	margin: 0 20px 20px 0;
}
.itemList li {
	width: 25%;
	margin-bottom: 2%;
	padding: 0 0.98%;
}
@media screen and (max-width: 768px)    {
    .itemList li {
        width: 33.3333%;
    }
}
 
@media screen and (max-width: 480px) {
    .itemList li {
        width: 50%;
    }
}
------------------------------------------------ */
.nivoSlider { color: #fff; font-weight: 300; }

/* Tag CSS */
.top-uc-tag ul { margin: 0; padding: 0; list-style: none; }
.top-uc-tag ul li { display: inline-block; margin: 0 0 .3em 1em; padding: 0; }
.top-uc-tag ul li a { position: relative; display: inline-block; height: 30px; line-height: 30px; padding: 0 1em; background-color: #E54125; border-radius: 0 3px 3px 0; color: #fff; font-size: 13px; text-decoration: none; -webkit-transition: .2s; transition: .2s; font-size: 13px !important; }
.top-uc-tag ul li a::before { position: absolute; top: 0; left: -15px; content: ''; width: 0; height: 0; border-color: transparent #E54125 transparent transparent; border-style: solid; border-width: 15px 15px 15px 0; -webkit-transition: .2s; transition: .2s; }
.top-uc-tag ul li a::after { position: absolute; top: 50%; left: 0; z-index: 2; display: block; content: ''; width: 6px; height: 6px; margin-top: -3px; background-color: #fff; border-radius: 100%; }
.top-uc-tag ul li span { display: block; max-width: 100px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.top-uc-tag ul li a:hover { background-color: #555; color: #fff; }
.top-uc-tag ul li a:hover::before { border-right-color: #555; }


.job dl, dt, dd {
  margin : 0;
  padding : 0;
}
.job dl {
  /* dlの背景色をdt用に使う。区切り線はdtの上部に持たせる */
  background-color : #87CEEB;
  /* dlの上部線はなくし，dtとddの上部線をdlの上部線のように見せる */
  border-width : 0px 1px 1px 1px;
  border-style : solid;
  border-color : #000000;
}
 
.job dt {
  float : left;
  clear : both;
  width : 150px;
   /* 上線のみ表示 */
  border-width : 1px 0px 0px 0px;
  border-style : solid;
  border-color : #000000;
  font-weight : bold;
  padding : 5px 0 5px 10px;
}
 
.job dd {
  /* dtの幅だけ横にずらす */
  margin-left : 150px;
  /* dlやdtとは異なった背景色を使用 */
  background-color : #F0F8FF;
  /* 上線と，dt・ddの左右間の区切り */
  border-width : 1px 0px 0px 1px; 
  border-style : solid;
  border-color : #000000;
  padding : 5px;
}

.job h3 {
border-bottom: solid 3px #cce4ff;
position: relative;
}

.job h3:before {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #5472cd;
bottom: -3px;
width: 20%;
}

@media screen and (max-width: 680px) {
	.job dt {float : none; width : 99%; padding : 5px; }
	.job dd {margin-left : 0px;}
}

/***************************************
	Gutenbeg Editor css
****************************************/
body.block-editor-page div.editor-writing-flow h2 {  }
.wp-block{ max-width:720px; font-family:'Hiragino Kaku Gothic ProN', Meiryo, Helvetica, Arial, sans-serif; }

/* Midasi css
----------------------------------*/
.wp-block h1 { font-size: 30px; line-height:117%; }
.wp-block h2 {
  border-left:1px solid #000;
  margin: 40px -29px 20px;
  padding:25px 30px;
  font-size:26px;
}
.wp-block h3{
  font-size:23px;
  border-bottom:5px solid #e7e7e7;
  padding:10px 0;
}
.wp-block h4, .wp-block h5, .wp-block h6{
  font-size:20px;
  padding:8px 0;
}
.wp-block h4{
  border-bottom:5px dashed #eee;
}