@charset "utf-8";


body{
background: url(/usedcar/images/bg2.jpg) center center !important;
}

body.usedcar{
color: #384b36;
}


.stellarnav ul li.damdid,
.stellarnav ul li.cart,
div#sp-cart-button-container{
display: none;
}


section{
border-bottom: solid 1px rgba(0, 0, 0, 0.05);
}

.top section{
padding: 30px 0 !important;
}


a.btn{
/*border-radius: 0;*/
}

.sp{display: none;
}


.map iframe {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

#wrapper{
margin-top: 80px;
width: 900px;
}


.top #wrapper{
margin-top: 0px;
}



#contents .inner{
width: 900px;
border-left: double 12px #b22419;
border-right: double 12px #b22419;
padding: 30px 40px 0px 40px !important;


}

.top #contents .inner{
padding: 0px 30px 0px 30px !important;
}

div.head_logo{
text-align: center;
}

div.head_logo img{
height: 250px;
}

#contents{
margin: 0;
padding: 0;
}


#contents div.main_title{
/*width: 900px;*/
height: 100vh;
}

#contents div.main_title{
margin: 0px auto 60px auto;
}
#contents div.main_title img{
width: 100%;
}

.top #contents div.main_title{
margin: 0px auto 60px auto;
}

div.title h2 {
    font-size: 30px;
    font-weight: bold;
}

div.title h2 span.sub{
display: block;
font-size: 60%;
margin-top: .5em;
}

div.title.name h2{
/*margin-top: -319px !important;*/
}




.wpcf7 input[type="submit"] {
padding: 15px 30px;
font-size: 110%;
}


form.sent div.form {
	display: none;
}

.wpcf7 form .wpcf7-response-output{
text-align: center;
font-weight: bold;
border: none;
}




body.news h2{
letter-spacing: 0.1em;
color: #b22419;
}

body.top .intro{
padding-top: 0 !important;
}

body.top .intro p.lead img{
width: 70%;
}


body.top .intro p.title{
margin: 0px auto 50px auto;
}
body.top .intro p.title img{
width: 600px;
/*margin-top: -35px;*/
}

body.top .intro p{
text-align: center;
line-height: 2;
font-weight: 600;
font-size: 120%;

}


body.top .feature{
text-align: center;
}

body.top .feature p.title img{
/*height: 180px;*/
width: 600px;
}


body.top .feature ul{
width: 70%;
margin: 0 auto;
}

body.top .feature ul li div.image{
padding: 0 30px;
}

body.top .feature ul li{
width: 100% !important;
margin-bottom: 50px;
}

body.top .feature ul.item.box li div.image img{
width: 50%;
margin: 0 auto;
}

body.top .feature ul.item.box li p.text{
text-align: left;
font-size: 15px;
margin: 0 ;
font-weight: 600;
line-height: 1.8;
padding: 20px 20px;
border: solid 2px #b78b3b;
border-radius: 20px;
color: #384b36;
text-align: center;
background: rgba(255,255,255,.4);
}

body.top .feature ul li p.title{
font-weight: bold;
text-align: center !important;
font-size: 26px !important;
margin: 1em 0 .5em 0 !important;
    color: #b22419;
    
    display: inline-block;
    border-bottom: dashed 2px #b22419;
    padding: 0 20px 10px 20px;
    margin-bottom: 1em !important;
}



.partners{
text-align: center;
}

.partners p.title img{
width: 600px;
}


.partners ul.shop li{
list-style: none;
}

.partners ul.shop li img{
width: 30%;
}

.partners ul.shop li div.map{
margin: 2em 0;
}

.partners p.button a{
background-color: #b22419;
margin: 0 5px;
}


.partners p.button a:first-child{
border: none;
background: rgba(229,75,44,.1);
color: #b22419;
}

.news ul.item.box p{text-align: left;
}
.news ul.item.box p.title a{
text-decoration: none;
}



ul.car_list div.image{
padding: 10px;
}

ul.car_list li img{
border-radius: 10px;
}
ul.car_list li p.shop{
margin: .5em 0;
}
ul.car_list li p.shop i{
margin-right: 10px;
}

ul.car_list li a{
color: #b22419;
}

#sliderWrap ul.bxslider li{
height: auto;
}
#sliderWrap ul li img {
    margin: 0 auto;
    max-width: 100%;
    max-height: auto;
border-radius: 10px;
}
.bx-wrapper {
    margin: 0 auto 15px !important;
}

.products #bx-pager a{
margin: 0 1px 1px 1px !important;
display: inline-block;
}



.single div.title span.sub{
font-size: 16px;
display: block;
line-height: 1.6;
margin-bottom: 1em;
}


.single .data table{
width: 80%;
margin: 0 auto;
}

.single .data table th{
background: none;
padding: 15px 0 10px 0;
color: #b22419;
width: 20%;
border-bottom: none;
vertical-align: bottom;
}
.single .data table td{
padding: 15px 0 10px 0;
border-bottom: solid 1px #b22419;
vertical-align: bottom;
}


section.lineup{
padding: 0;
}

.wp-pagenavi .current {
    background-color: #b22419;
}

.wp-pagenavi a{
background: none;
text-decoration: none;
}



.news.single article p.category{
margin: 0;
position: absolute;
top: 10px;
right: 10px;
}

p.category a{
text-decoration: none;
padding: 5px 10px;
background: #b22419;
color: #FFF;
margin-left: 5px;
}


ul.item.box li p.title{
font-size: 110%;
}

/**
SIDEBAR
*/

#sidebar {
padding: 50px 0 0 0;
width: 900px;
margin: 0 auto;
float: none;
}


.box_search button{
    border: none !important;
    color: #FFF;
    height: 35px;
    line-height: 35px;
    width: 18%;
    text-align: center;
    padding: 0;
    vertical-align: middle;
	border-radius: 0;
    background: #b22419;
}

.box_search input {
    border: none !important;
    background-color: #FFF;
    height: 35px;
    font-size: 14px;
    width: 82% !important;
    padding-left: 10px !important;
    vertical-align: middle;
}

#sidebar h3{
	font-size: 20px;
	font-weight: 600;
	margin: 0  0 1em 0;
}

#sidebar ul li{
padding: 10px;
}
#sidebar ul li ul li{
padding:  0px;
}
#sidebar ul li a{
	text-decoration: none;
}

#sidebar select{
	width: 100%;
	border: none;
}

#sidebar ul li.category a{
background: none;
color: #333;
padding: 0;
font-size: 14px;
}
#sidebar ul li.category ul li{
margin-left: 30px;
list-style: disc;
}

#sidebar ul li.tag li{
display: inline-block;
width: auto;
margin-bottom: 5px;
}


div.form{
background: inherit !important;
color: #333 !important;
}

div.form p.caution.center{
text-align: center !important;
}

input.short{
width: 150px !important;
}
div.form dl dd.date p{
margin-bottom: .5em !important;
}

.button.to_top{
text-align: center !important;
margin: 50px 0;
}
.button.to_top img{
width: 150px;
}



.wpcf7 form .wpcf7-response-output {
    margin: 2em 0.5em 2em;
    padding: 15px;
    border: 2px dashed #dc3232 !important;
    line-height: 1.5;
    color: #dc3232;
}



ul.caution {
  list-style: none; /* デフォルトの箇条書きを消す */
  padding: 0;
  margin-top: 1em;
}

ul.caution li {
  position: relative;
  padding-left: 1.3em; /* アイコン・記号分のスペース */
  text-indent: -1.3em; /* 1行目を引き戻す */
}





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

#wrapper{
margin-top: 50px;
width: 100%;
}

#wrapper{
padding: 0px 10px 0 10px;
}

div.head_logo{
}


.top #contents .inner{
padding: 30px 15px 0px 15px !important
}


div.head_logo img{
height: 160px;
}


.pc{
display: none;
}
.sp{
display: inherit;
}


#contents{
/*margin-top: 30px;*/
}

#contents .inner{
padding: 30px 15px 0px 15px !important;
border-left: double 6px #b22419;
border-right: double 6px #b22419;

}
#contents div.main_title{
height: 100vh;
margin: 0 auto 0px auto;
}
.top #contents div.main_title{
margin: 0px auto 0px auto;
}


.main_image_contents{
margin-top: -100px;
}

div.title.name h2{
margin-top: 0 !important;
}

div.title h2 {
    font-size: 18px;
    font-weight: bold;
}



body.top .intro p.title {
    margin: -18px auto 20px auto;
}

body.top .intro{
padding-top: 30px;

}


body.top .intro p.title img{

}

body.top .intro p.lead img {
    width: 100%;
}


body.top .intro p{
line-height: 1.8;
font-size: 100%;
}


body.top .feature ul{
width: 100%;
}

body.top .feature ul li{
margin-bottom: 20% !important;
}
body.top .feature ul li:last-child{
margin-bottom: 0 !important;
}


body.top .feature p.title img {
width: 100%;
}



body.top .feature ul.item.box li div.image img{
width: 70%;
margin: 0 auto;
}

body.top .feature ul li p.title{
font-size: 18px !important;
}


body.top .feature ul.item.box li p.text{
margin: 0;
font-size: 12px;
padding: 10px;
}


body.top .partners p.title img {
width: 100%;
}

.partners ul.shop li img {
    width: 60%;
}
.partners p.button a{
display: block;
margin-bottom: 10px;
width: 100%;
}
.partners p.button a:first-child{
border: solid 2px #b22419;
background: none;
}

ul.car_list li p.shop i {
    margin-right: 5px;
}

ul.car_list div.image {
    padding: 0px;
}


.single .data table{
width: 100%;
}
.single .data table th{
white-space: nowrap;
padding-right: 1em;
}
.single .data table th{
    padding: 10px 10px 5px 0;
}
.single .data table td{
    padding: 10px 0 5px 0;
}

.map iframe{
width: 100%;
height: 250px;
}




/**
SIDEBAR
*/

#sidebar{
width: 100%;
}

#sidebar,
#sidebar ul li{
width: 95%;
}

#sidebar ul li{
margin-bottom: 20px;
padding: 0 0 20px 0;
border-bottom: solid 1px #EEE;
}
#sidebar ul li.box_search{
padding-bottom: 30px;
}
#sidebar ul li.archive{
border-bottom: 0;
padding-bottom: 0;
border: none;
}

#sidebar ul li ul li{
border: none;
margin-bottom: 5px;
padding-bottom: 0;
}



.news.single article p.category{
margin: 0;
position: inherit;
}

p.category a{
text-decoration: none;
padding: 5px 10px;
background: #b22419;
color: #FFF;
margin-right: 5px;
margin-left: 0;
}


input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], textarea{
font-size: 120%;
padding: 10px;
}



input.short{
width: 100%;
}

.button.to_top {
    margin: 20px 0;
}
.button.to_top img{
width: 100px;
}

}