@charset "Shift_JIS";

@import url('https://fonts.googleapis.com/css?family=Roboto:400,500');
@import url('https://fonts.googleapis.com/css?family=Oswald:400,700');
@import url('https://fonts.googleapis.com/css?family=Anton');
@import url('https://fonts.googleapis.com/css?family=Raleway:400,700,800,900');

/* Body
----------------------------------------- */
body {
	font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, " メイリオ", Meiryo, Osaka, " ＭＳ Ｐゴシック", MS PGothic, " sans-serif";
	background-color: #f5f5f5; /* #f4efe8 */
	color: #333;
	min-width: 1200px;
	overflow-x: hidden;
}
a {
	text-decoration: none;
	color: #14a581;
}
a:hover {
	color: #09916f;
}

/*
img[src$=".gif"], img[src$=".png"] {
	image-rendering: -moz-crisp-edges;
	image-rendering:   -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;
}
*/


/* Google font
----------------------------------------- */
.gf-Roboto { font-family: 'Roboto', sans-serif; }
.gf-Oswald { font-family: 'Oswald', sans-serif; }
.gf-Anton { font-family: 'Anton', sans-serif; }
.gf-Raleway { font-family: 'Raleway', sans-serif; }
.wf-notoja { font-family: "Noto Sans Japanese"; }

/* Container
----------------------------------------- */
.container {
	clear: both;
	width: 100%;
	/* background: #fff; */
}
.container > section {
	clear: both;
	width: 100%;
	padding: 50px 0;
	border-top: 1px solid #e3e3e3;
}
.container > section:first-child {
	border-top-style: none;
}
.baseBlock .inner {
	width: 1200px;
	padding: 0 10px;
	margin: 0 auto;
	overflow: hidden;
}
.baseBlock .inner > h1 {
	font-size: 2.0rem;
	text-align: left;
	margin-bottom: 50px;
	color: #444;
	font-weight: bold;
}
span.leadTxt {
	font-size: 1.4rem;
	display: inline-block;
	margin-left: 12px;
	font-weight: normal;
	color: #555;
}
.section_title_w {
	text-align: center;
	padding: 24px 0;
	color: #eeeeee;
	font-size: 2.0rem;
	display: block;
	font-weight: bold;
}

.pagetopBtn {
	text-align: center;
	padding: 10px 0;
}
.pagetopBtn a {
	display: inline-block;
}
.pagetopBtn span {
	display: inline-block;
	font-size: 1.3rem;
	color: #333;
}
.pagetopBtn span:before {
	display: block;
	font-family: 'FontAwesome';
	content: "\f0aa";
	font-size: 2.8rem;
	color: #333;
	margin-bottom: 3px;
}


/* header
----------------------------------------- */
#top-head {
	/*
	top: -70px;
	position: absolute;
	z-index: 999;
	margin: 70px 0 auto;
	*/
	top: -70px;
	position: absolute;
	z-index: 999;
	width: 100%;
	height: 100px;
	margin-top: 70px;
	padding: 20px 0;
	line-height: 1;
	background-color: #fff;
	border-top: 5px solid #009951;
}
.headtopText {
	display: block;
	font-size: 11px;
	margin: 0 0 15px 10px;
}
#top-head a,
#top-head {
	color: #333;
	text-decoration: none;
}
#top-head .inner {
	position: relative;
	width: 1200px;
	margin: 0 auto;
}
#top-head .inner:after {
	content: "";
	clear: both;
	display: block;
}
#top-head .logo {
	float: left;
	margin-left: 10px;
}
#top-head .logo img {
	width: auto;
	height: 55px;
	vertical-align: bottom;
}
#global-nav ul {
	list-style: none;
	position: absolute;
	right: 10px;
	bottom: 0;
}
#global-nav ul li {
	float: left;
	font-size: 1.4rem;
	/* line-height: 25px; */
}
#global-nav ul li a {
	padding-left: 25px;
	font-weight: bold;
	color: #333; /* #d30000 */
	transition: 0.3s;
}
#global-nav ul li a:hover {
	color: #d30000;
}

/* Fixed */
#top-head.fixed .headtopText {
	display: none;
}
#top-head.fixed {
	margin-top: 0;
	top: 0;
	position: fixed;
	z-index: 999;
	padding-top: 0;
	height: 56px;
	background: #fff;
	background: rgba(255,255,255, .7);
	transition: top 0.65s ease-in;
	-webkit-transition: top 0.65s ease-in;
	-moz-transition: top 0.65s ease-in;
}
#top-head.fixed .logo {
	font-size: 2.4rem;
	color: #333;
}
#top-head.fixed .logo img {
	width: auto;
	height: 36px;
	margin-top: 6px;
}
#top-head.fixed #global-nav ul {
	/* right: 0; */
	top: 0;
	bottom: 0;
}
#top-head.fixed #global-nav ul li {
	line-height: 50px;
}
#top-head.fixed #global-nav ul li a {
	/* color: #333; */
	/* padding-left: 25px; */
}
/* Toggle Button */
#nav-toggle {
	display: none;
	position: absolute;
	right: 12px;
	top: 15px;
	width: 34px;
	height: 36px;
	cursor: pointer;
	z-index: 101;
}
#nav-toggle div {
	position: relative;
}
#nav-toggle span {
	display: block;
	position: absolute;
	height: 4px;
	width: 100%;
	background: #666;
	left: 0;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
	top: 0;
}
#nav-toggle span:nth-child(2) {
	top: 11px;
}
#nav-toggle span:nth-child(3) {
	top: 22px;
}

/* Hero Section
----------------------------------------- */
.hero {

	background-image: url(../images/main.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;

	
	width: 100%;
	padding: 100px 0;
	background-position: center center;
	background-size: cover;
	position: relative;
	margin-top: 63px;
	text-align: center;
}
.hero div {
}
.swiper-container {
}
.swiper-container > div {
}
.hero_slide {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
}
.swiper-wrapper {
}
.swiper-wrapper li {
}
.swiper-wrapper li img {
	width: 100%;
	height: auto;
}
/*
.swiper-wrapper li:nth-of-type(1) {
	background-image: url(../images/main11.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
}
.swiper-wrapper li:nth-of-type(2) {
	background-image: url(../images/main9.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
}
.swiper-wrapper li:nth-of-type(3) {
	background-image: url(../images/main8.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
}
*/

.hero h2 {
	color: #fff;
	font-size: 4.4rem;
	font-weight: normal;
}
.hero ruby {
	line-height: 2;
}
.hero ruby rt {
	font-size: 1.8rem;
}
.light {
	color: #00B2D2;
}
.tagline {
	font-size: 1.8rem;
	text-align: center;
	color: #fff;
	letter-spacing: 1px;
}

.hero h1 {
	position: relative;
	z-index: 5;
	font-size: 4.7rem;
	text-align: center;
	color: #fff;
	letter-spacing: 3px;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.8);
	margin-bottom: 10px;
}
.hero .heroTxt {
	color: #fff;
	font-size: 1.8rem;
	text-align: center;
	
	/* text-shadow: 0px 0px 5px rgba(0,0,0,0.8); */
}
#js-rotating {
	display: none;
	position: relative;
	z-index: 5;
}
/* head Search */
dl.search2 {
	width: 350px;
	margin: 0 auto;
	position:relative;
	z-index: 5;
	background-color: rgba( 255, 255, 255, 0.1 );
	border: 5px solid #fff;
	border-radius: 4px;
	background: url(../images/bg_dot01.png) center center;
}
dl.search2 dt {
	padding:3px;
}
dl.search2 dt input {
	width: 98%;
	height: 53px;
	line-height: 53px;
	background: none;
	border:none;
	font-size: 1.6rem;
	color: #fff;
	font-weight: bold;
}
dl.search2 dd {
	position:absolute;
	top:0;
	right:0;
}
dl.search2 dd button {
	display:block;
	padding: 6px;
	background:none;
	border:none;
}
dl.search2 dd button span {
	display:block;
	width: 43px;
	height: 43px;
	margin: 3px 0;
	background:url('../images/search_ic_w.png') center center no-repeat;
	background-size: cover;
}

	/* Webkit */
    ::-webkit-input-placeholder {
        color: #fff;
        opacity: 1;
    }
    /* Firefox 18 以前 */
    :-moz-placeholder {
        color: #fff;
    }
    /* Firefox 19 以降 */
    ::-moz-placeholder {
        color: #fff;

        /* Firefox 19 以降のデフォルトでは */
        /* color ではなく opacity で色合いを調整しているため */
        /* 文字色を指定する場合、opacity を 1 にする必要がある */
        opacity: 1;
    }
    /* IE 10 以降 */
    :-ms-input-placeholder {
        color: #fff;
    }
    /* CSS4では以下のような名前の擬似クラスになるらしい */
    /* おそらく今のところ対応ブラウザはない */
    :placeholder-shown {
        color: #fff;
    }


/* Car Search
----------------------------------------- */
.search_content {
	display: none;
}
.topSearch .inner > h1 {
	font-size: 2.2rem;
	text-align: left;
	margin-bottom: 50px;
	color: #444;
	font-weight: bold;
}
.topSearch .inner span.leadTxt {
	font-size: 1.4rem;
	display: inline-block;
	margin-left: 12px;
	font-weight: normal;
	color: #555;
}

/* begen トップ検索 トグルボタン */
.seachBox_button {
	text-align: center;
	font-size: 2.0rem;
	font-weight: bold;
	color: #fff;
	width: 50%;
	min-width: 200px;
	margin: 0 auto;
	line-height: 70px;
	background-color: #028304;
	cursor: pointer;
	border-radius: 4px;
	transition: 0.2s;
	
	/* background: url(../images/icon_topseach.png) no-repeat -5% center, #028304; */ /* #cf0303 #25a9b5 */
	background-size: 40%;
}
.seachBox_button:hover {
	background-color: #1da61f;
}
.seachBox_button:before {
	font-family: 'FontAwesome';
	content: "\f078";
	font-size: 1.6rem;
	margin-right: 5px;
	margin-top: -5px;
}
.seachBox_button.close {
	margin-top: 35px;
	background-color: #a8acad;
}
.seachBox_button.close:before {
	font-family: 'FontAwesome';
	content: "\f077";
	font-size: 1.6rem;
	margin-right: 5px;
}
/* end トップ検索 トグルボタン */

.topSearch {
	background-color: #fff;
	width: 100%
	margin-top: 0px;
}
#select_form {
	width: 100%
}
#select_form dl {
	width: 100%;
	overflow: hidden;
	font-size: 1.5rem;
	border-top: 1px solid #b3b3b3;
	margin-bottom: 20px;
}
#select_form dt,
#select_form dd {
	border-bottom: 1px solid #b3b3b3;
	padding: 25px 10px;
}
#select_form dt {
	clear: both;
	float: left;
	width: 15%;
	font-weight: bold;
}
#select_form dd {
	float: right;
	width: 85%;
}
.searchBtn {
	clear: both;
}
/* 車を選ぶ */
.carType {}
.carType ul {
	margin-right: -1%;
	overflow: hidden;
}
.carType ul li {
	float: left;
	width: 11.5%;
	margin-right: 1%;
}
.carType ul li a {
	display: inline-block;
	text-align: center;
	padding: 10px 5px;
	cursor: pointer;
	width: 100%;
	color: #333;
	font-weight: bold;
	background-color: #eaeaea;
	border: 1px solid #dbdbdb;
	border-radius: 8px;
}
.carType ul li a:hover {
	background-color: #80c7f6;
	border: 1px solid #489dd5;
	/*
	background-color: #def2c0;
	border: 1px solid #9dcd81;
	*/
}
.car_1 a {
	background: url(../images/icon_car1.png) no-repeat center 8px;
	background-size: 70%;
}
.car_2 a {
	background: url(../images/icon_car2.png) no-repeat center 8px;
	background-size: 70%;
}
.car_3 a {
	background: url(../images/icon_car3.png) no-repeat center 8px;
	background-size: 70%;
}
.car_4 a {
	background: url(../images/icon_car4.png) no-repeat center 8px;
	background-size: 70%;
}
.car_5 a {
	background: url(../images/icon_car5.png) no-repeat center 8px;
	background-size: 70%;
}
.car_6 a {
	background: url(../images/icon_car6.png) no-repeat center 8px;
	background-size: 70%;
}
.car_7 a {
	background: url(../images/icon_car7.png) no-repeat center 8px;
	background-size: 70%;
}
.car_8 a {
	background: url(../images/icon_car8.png) no-repeat center 8px;
	background-size: 70%;
}
.type_name {
	display: block;
	font-size: 1.0rem;
	margin-top: 42%;
}
/* メーカーを選ぶ */
.carMaker {}
.carMaker > p {
	font-weight: bold;
	float: left;
	margin-right: 20px;
	line-height: 2.4em;
}
.carMaker ul {
	overflow: hidden;
	margin-bottom: 10px;
}
.carMaker ul:nth-child(0) {}
.carMaker ul li {
	display: inline-block;
	margin-right: 1%;
	margin-bottom: 1%;
}
.carMaker ul li a {
	width: 100%;
}
.carMaker ul:last-child {
	margin-bottom: 0; 
}

.carMaker ul li a {
	display: inline-block;
	background-color: #eaeaea;
	border: 1px solid #dbdbdb;
	border-radius: 8px;
	padding: 0 15px;
	line-height: 2.8em;
	font-size: 1.3rem !important;
	font-weight: bold;
	color: #333;
}
.carMaker ul li a:hover {
	background-color: #80c7f6;
	border: 1px solid #489dd5;
}
.carMaker .car_all {
	font-size: 1.3rem;
	color: #0378c1;
}
.carMaker .car_all:before {
	font-family: 'FontAwesome';
	content: "\f0a9";
	font-size: 1.2rem;
	margin-right: 2px;
}

/* 価格帯を選ぶ */
.s_price {}
.s_price form {
	margin-bottom: 15px;
}
.s_price p {
	display: inline-block;
	font-weight: bold;
	margin-right: 2px;
}
.s_price select {
}
.s_price .seBox {
  position: relative;
  display: inline-block;
  width: 150px;
  border: solid 1px #bfbfbf;
  border-radius: 8px;
}
.s_price .seBox:after {
  content: "\25BC";
  font-size: .8rem;
  position: absolute;
  top: 50%;
  right: 0px;
  margin-right: 8px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: -1;
}

.s_price .seBox select,
.s_price .seBox select option { 
  width: 100%;
  height: 35px;
  line-height: 35px;
  padding: 0px;
  margin: 0;
  text-indent: 1em;
  background-color: transparent;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
}
.kara {
	display: inline-block;
}
.searchBtn {
	display: inline-block;
	margin-left: 15px;
	vertical-align: top;
}
.searchBtn input[type="submit"] {
	display: block;
	width: 120px;
	height: 35px;
	text-align: center;
	text-decoration: none;
	line-height: 35px;
	outline: none;
	font-size: 1.4rem;
	font-weight: bold;
	border-radius: 4px;
	text-align: center;
	cursor: pointer;
}
.searchBtn input[type="submit"]::before,
.searchBtn input[type="submit"]::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.searchBtn input[type="submit"],
.searchBtn input[type="submit"]::before,
.searchBtn input[type="submit"]::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.searchBtn input[type="submit"] {
	background-color: #3084bc; /* #41a71b */
	color: #fff;
}
.searchBtn input[type="submit"]:hover {
	background-color: #489dd5; /* #63c63e */
}

.priceLink {
	width: 100%;
}
.priceLink li {
	display: inline-block;
	font-size: 1.3rem;
	margin-right: 10px;
}
.priceLink li a {
	color: #0378c1;
}
.priceLink li a:before {
	content: "●";
	display: inline-block;
	margin-right: 1px;
}


/* fot_total
----------------------------------------- */
/*
.fot_total span {
	display: inline-block;
}
.fot_total span:first-child {
	margin-right: 15px;
}
*/


/* Footer
----------------------------------------- */
footer {
	background-color: #efefef;
	border-top: 8px solid #e2e2e2;
	padding: 35px 10px 0;
	overflow: hidden;
	width: 100%;
	clear: both;
}
.fotnavi {
	text-align: center;
	margin-bottom: 35px;
}
.fotnavi a {
	display: inline-block;
	border-right: 1px solid #ccc;
	padding: 0 8px;
	font-size: 1.2rem;
	line-height: 1.2em;
	color: #333;
}
.fotnavi a:last-child {
	border-right: 1px none #ccc;
}
.fotnavi span {
	display: block;
	margin-top: 10px;
}
.copyright {
	text-align: center;
}
.copyright * {
	/* display: inline-block; */
}
.copyright img {
	width: 45px;
	height: auto;
	margin-bottom: 10px;
	vertical-align: bottom;
}
.copyright address {
	font-size: 1.1rem;
	font-style: normal;
	color: #555;
	line-height: 2em;
	letter-spacing: 0.05em;
}
.btm_space {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 20px 0;
	margin-bottom: 20px;
}
.p_iso_mark {
	display: block;
	text-align: center;
}
.p_iso_mark img {
	display: inline-block;
	width: 180px;
	margin: 0 5px;
	border: 1px solid #d2d2d2;
}
.hidden {
	display: none;
}


/* Form
----------------------------------------- */
/* -- Form -- */
input:focus,
button:focus,
select:focus,
textarea:focus,
a:focus,
div:focus,
aside:focus {
	outline: none;
}
/*
radio,checkbox
*/
label.radio,
label.checkbox {
	box-sizing: border-box;
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
	position: relative;
	display: inline-block;
	margin: 0 12px 0 0;
	padding: 15px;
	padding-left: 40px;
	vertical-align: middle;
	cursor: pointer;
	line-height: 1.8em !important;
	color: #333;
}
.radio:hover,
.checkbox:hover {
/*  background: #D2F7FF;*/
}
.radio:hover:after,
.checkbox:hover:after {
	border-color: #555;
}
.radio:after,
.checkbox:after {
	-webkit-transition: border-color 0.2s linear;
	transition: border-color 0.2s linear;
	position: absolute;
	top: 50%;
	left: 15px;
	display: block;
	margin-top: -10px;
	width: 16px;
	height: 16px;
	border: 1px solid #555;
	content: '';
}
.checkbox:after {
	border-radius: 5px;
}
.radio:after {
	border-radius: 50%;
}
.radio:before {
	position: absolute;
	top: 50%;
	left: 19px;
	display: block;
	margin-top: -6px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #ea5858;
	content: '';
	opacity: 0;
}
input[type=radio]:checked + .radio:before {
	opacity: 1;
}
.checkbox:before {
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	position: absolute;
	top: 50%;
	left: 19px;
	display: block;
	margin-top: -8px;
	width: 7px;
	height: 10px;
	border-right: 3px solid #ea5858;
	border-bottom: 3px solid #ea5858;
	content: '';
	opacity: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
input[type=checkbox]:checked + .checkbox:before {
	opacity: 1;
}
.check_td {
	background-color: #fff; /* #efefef */
	border-radius: 0 4px 4px 0 !important;
}
/* input */
.input {
	box-sizing: border-box;
	font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, " メイリオ", Meiryo, Osaka, " ＭＳ Ｐゴシック", MS PGothic, " sans-serif";
	border: none;
	font-weight: normal;
	width: 100%;
	height: auto;
	background-color: #fff;
	border-radius: 0 3px 3px 0;
	-webkit-transition: background-color 0.35s ease-in-out;
	transition: background-color 0.35s ease-in-out;
	color: #2d2d2d;
}
input[type=text],
input[type=email],
input[type=tel] {
	padding: 16px;
	font-size: 1.3rem;
	margin: 0 !important;
}

.input::-webkit-input-placeholder {
  color: #b2b2b2;
}
.input::-moz-placeholder {
  color: #b2b2b2;
}
.input:-ms-input-placeholder {
  color: #b2b2b2;
}
.input::placeholder {
  color: #b2b2b2;
}
.input:focus {
  background-color: #fff;
}

/* textarea */
.textarea {
	box-sizing: border-box;
	font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, " メイリオ", Meiryo, Osaka, " ＭＳ Ｐゴシック", MS PGothic, " sans-serif";
	border: 0px none black;
	width: 100%;
	height: 200px;
	line-height: 1.75em;
	border-radius: 0 3px 3px 0;
	background-color: #fff; /* #EFEFEF */
	-webkit-transition: background-color 0.35s ease-in-out;
	transition: background-color 0.35s ease-in-out;
	font-size: 1.3rem;
	padding: 12px;
	margin: 0;
	padding-bottom: -8px;
}

.textarea::-webkit-input-placeholder {
  color: #b2b2b2;
}
.textarea::-moz-placeholder {
  color: #b2b2b2;
}
.textarea:-ms-input-placeholder {
  color: #b2b2b2;
}
.textarea::placeholder {
  color: #b2b2b2;
}
.textarea:focus {
	background-color: #FFFFFF;
}
/* 
form
*/
.form {
	width: 960px;
	margin: 0 auto;
}
.form .form-table-inner {
	margin-bottom: 17px;
}
.form .form-table-inner:last-of-type {
	margin-bottom: 40px;
}
.form .form-table-row {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.form .form-table-th,
.form .form-table-td {
	display: table-cell;
	text-align: left;
	font-weight: 400;
	vertical-align: middle;
	line-height: 1.8em;
	font-size: 1.3rem;
}
.form .form-table-th {
	width: 26.5%;
	background: #cdcdcd; /* #52BAD5 */
	vertical-align: top;
	border-radius: 3px 0 0 3px;
	font-weight: bold;
	height: auto;
	padding: 16px;
}
.form .form-table-td {
	border-radius: 4px 0 0 4px;
	-webkit-transition: background-color 0.35s ease-in-out;
	transition: background-color 0.35s ease-in-out;
}
.form .tdCheck {
	background-color: #fff;
	padding: 16px;
}
.form .form-table-text {
	position: relative;
	display: inline-block;
	width: 100%;
	color: #343434;
}
.form .form-table-text .mark {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
}
.form .form-button {
	width: 100%;
	text-align: center;
}
/*
mark
*/
.mark {
	display: block;
	border-radius: 2px;
	padding: 0 5px;
	font-size: 1.1rem;
	background: #fff;
	color: #444;
}
.mark.mark-req {
	background: #ea5858;
	color: #fff;
}
/*
button
*/
.submit_bt {
	font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, " メイリオ", Meiryo, Osaka, " ＭＳ Ｐゴシック", MS PGothic, " sans-serif";
	font-weight: bold;
	color: #FFFFFF;
	display: inline-block;
	cursor: pointer;
	text-decoration: none;
	padding: 10px 40px;
	text-align: center;
	font-size: 1.8rem;
	-webkit-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border: none;
	border-radius: 3px;
	background-color: #ea5858;
}
.submit_bt .button-inner {
	position: relative;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.submit_bt:hover {
	background-color: #f66666;
}
.btn_back {
	background-color: #59a0eb;
}
.btn_back:hover {
	background-color: #64b9ee;
}
.checkPage input {
	margin: 0 8px;
}

/* for form template */
.formText_Check {
	font-size: 1.5rem;
	margin: 20px 0 50px;
	line-height: 1.8;
	color: #555;
}
.formText_Thanks {
	margin: 20px 0 50px;
	line-height: 1.8;
	color: #555;
}
.formText_Thanks h4 {
	font-size: 1.5rem;
	margin-bottom: 20px;
}
.formText_Thanks p {
	font-size: 1.3rem;
}

.formText_Thanks p span {
	font-weight: bold;
	display: block;
	width: 40%;
	margin: 0 auto 20px;
	padding: 15px;
	border: 1px solid #919191;
}
.formText_Thanks p span strong {
	color: #cc0033;
}


/*
error state
*/
.is-error {
	background-color: #fee95d !important;
}
input[type=radio], input[type=checkbox] {
	display: none;
}

/* privacy_check */
.privacy_check {
	width: 960px;
	height: 200px;
	margin: 0 auto;
	padding: 25px;
	/* border: 1px solid #a6a6a6; */
	background-color: #fff;
	overflow-y: scroll;
	overflow-x: none;
	text-align: left;
	font-size: 1.3rem;
	color: #444;
}
.privacy_check h3 {
	font-size: 1.6rem;
}
.privacy_check p {
	margin: 25px 0;
}
.privacy_check dl {
}
.privacy_check dl dt {
	font-weight: bold;
	margin-top: 20px;
}
.privacy_check dl dd {
	padding-left: 1.5em;
}
.agree_check {
	font-size: 1.3rem;
	margin-bottom: 20px;
	font-weight: bold;
}


/* WordPress second_page 設定
----------------------------------------- */
.second_page {
	overflow: hidden;
	/* margin: 40px 0 30px; */
	margin: 0;
}
.leftBox {
	float: left;
	width: 75%;
}
.rightBox {
	float: right;
	width: 20%;
}
.search h2 {
	margin-bottom: 10px !important;
}
.second_page #column {
	margin: 0;
	border: 3px none #578c44;
}
.second_page #column h2 {
	font-size: 2.2rem;
	border-bottom: 1px solid #333;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.second_page #column h2 span {
	display: inline-block;
	margin-left: 0;
	font-size: 1.2rem;
	margin-left: 10px;
}

.second_page #column .inner {
	width: 100% !important;
	height: auto;
	margin: 0 !important;
	padding: 1% 0;
	overflow-x: auto !important;
	overflow-y: auto !important;
}
.second_page #column article {
	display: block;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
}
.second_page #column article time {
	display: inline-block;
	font-size: 1.2rem;
	margin-bottom: 10px;
}
.second_page #column article h3 {
	font-size: 1.6rem;
	margin-bottom: 5px;
}
.second_page #column article h3 a {
	color: #333;
}
.second_page #column article h3 a:hover {
	color: #328532;
}
.second_page #column article:last-child {
	border-bottom: 1px none #79a968 !important;
}
.second_page #column article p {
	font-size: 1.3rem;
	margin-bottom: 5px;
}
.second_page #column article .catlist {
}
.second_page #column article .catlist a {
	color: #555;
	font-size: 1.2rem;
	display: inline-block;
}
.second_page #column article .catlist a:hover {
	color: #328532;
}
.rightBox aside {
/*
	border-top: 1px solid #777;
	margin-top: 10px;
	padding-top: 10px;
*/
}
.rightBox aside > section {
	margin-bottom: 30px;
}
.rightBox aside > section h2 {
	font-size: 1.6rem;
	border-bottom: 1px solid #5f5f5f;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.rightBox aside ul {
	padding-top: 7px;
}
.rightBox aside ul li {}
.rightBox aside ul li a {
	font-size: 1.3rem;
	color: #333;
}
.rightBox aside ul li a:hover {
	color: #328532;
}

/* post */
#entry_post {}
#entry_post .entry-header {
}
#entry_post .entry-header a {
	display: inline-block;
	font-size: 1.2rem;
	font-weight: bold;
	color: #333;
	padding: 4px 10px;
	margin-bottom: 20px;
	border: 1px solid #555;
	border-radius: 3px;
	vertical-align: middle;
}
#entry_post .entry-header a:hover {
	color: #838383;
}
#entry_post .entry-header > h1 {
	font-size: 2.3rem;
	border-bottom: 1px dashed #ccc;
	padding-bottom: 15px;
	margin-bottom: 10px;
	color: #328532;
}
#entry_post time {
	display: inline-block;
	font-size: 1.2rem;
	margin-bottom: 30px;
}
#entry_post .entry-content {
	font-size: 1.4rem;
	line-height: 2.3em;
}

/* side search */
.searchfield { 
padding: 4px;
margin-top: 10px;
font-size: 14px;
width: 75%;
margin: 0 auto;
border: 1px solid #a2a2a2;
}
.searchsubmit { 
width: 20%;
height: auto;
padding: 7px 0;
font-family: FontAwesome;
font-size: 1.2rem;
line-height: 1.45em;
text-align: center;
border: none;
background: transparent;
background-color: #333;
color: #fff;
cursor: pointer;
vertical-align: bottom;
}
/* side entries */
.widget_recent_entries ul {
}
.widget_recent_entries ul li {
	position: relative;
	padding-left:1em;
	width: 100%;
	font-size: 1.3rem;
	border-bottom: 1px dotted #bebebe;
	padding-bottom: 7px;
	margin-bottom: 7px;
}

.widget_recent_entries ul li::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: 0;
	width: 6px;
	height: 6px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* WordPress second_page 設定 */


/* -----------------------------------------
	Small Tablets
----------------------------------------- */
@media (max-width: 1200px) {
	body {
		min-width: 100%;
	}
	  #top-head .inner,
	  .baseBlock .inner {
		width: 100%;
		margin: 0;
	  }
}

@media (max-width: 900px) {
	/* CarSearch
	----------------------------------------- */
	.carType ul li {
		width: 24%;
	}
}

/* -----------------------------------------
	Small Tablets & Smart phone
----------------------------------------- */
@media (max-width: 767px) {
#top-head,
#top-head .inner {
	padding: 0;
	height: auto;
}
#top-head {
	top: 0;
	position: fixed;
	margin: 0 0 auto;
	border-top: none;
}
#top-head .headtopText {
	display: none;
}
#top-head .logo {
	margin-left: 0;
}
/* Fixed reset */
#top-head.fixed {
	padding-top: 0;
	background: transparent;
}
#mobile-head {
	background-color: #fff;
	width: 100%;
	height: 62px;
	position: relative;
	z-index: 999;
	border-top: 5px solid #009951;
	border-bottom: 1px #dedede solid;
}
#top-head .logo,
#top-head.fixed .logo {
	position: absolute;
	left: 13px;
	top: 0;
	color: #333;
	font-size: 2.6rem;
}
#top-head .logo img,
#top-head.fixed .logo img {
	width: auto;
	height: 38px;
	margin-top: 9px;
}
#global-nav {
	/* 開いてないときは画面外に配置 */
	position: absolute;
	top: -500px;
	width: 100%;
	text-align: center;
	padding: 0;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	z-index: 1;
}
#global-nav ul {
	list-style: none;
	position: static;
	right: 0;
	bottom: 0;
	font-size: 1.4rem;
	padding-left: 0 !important;
	margin: 0;
	background: #333;
}
#global-nav ul li {
	float: none;
	position: static;
	border-bottom: 1px #fff solid;
	line-height: 5.4em !important;
	margin: 0 !important;
}
#top-head #global-nav ul li a,
#top-head.fixed #global-nav ul li a {
	width: 100%;
	display: block;
	color: #fff;
	padding-left: 0;
	padding-right: 0;
}
#top-head #global-nav ul li a.active,
#top-head.fixed #global-nav ul li a.active {
	background-color: #00B2D2;
}
#nav-toggle {
	display: block;
}
/* #nav-toggle 切り替えアニメーション */
.open #nav-toggle span:nth-child(1) {
	top: 11px;
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	transform: rotate(315deg);
}
.open #nav-toggle span:nth-child(2) {
	width: 0;
	left: 50%;
}
.open #nav-toggle span:nth-child(3) {
	top: 11px;
	-webkit-transform: rotate(-315deg);
	-moz-transform: rotate(-315deg);
	transform: rotate(-315deg);
}
/* #global-nav スライドアニメーション */
.open #global-nav {
	/* #global-nav top + #mobile-head height */
	-moz-transform: translateY(556px);
	-webkit-transform: translateY(556px);
	transform: translateY(556px);
}


/* hero */
.hero {
	position: relative;
	padding: 80px 0;
	margin-top: 25px;
}
.hero h1 {
	font-size: 2.7rem;
	letter-spacing: 0;
}
dl.search2 {
	width: 85%;
}
dl.search2 dt input {
	height: 46px;
	line-height: 46px;
}
dl.search2 dd button span {
	display:block;
	width: 36px;
	height: 36px;
	margin: 2px 0;
	background:url('../images/search_ic_w.png') center center no-repeat;
	background-size: cover;
}
.hero h2 {
	color: #fff;
	font-size: 6.0vw;
	font-weight: normal;
}
.hero ruby rt {
	font-size: 2.3vw;
}
.tagline {
	font-size: 3.0vw;
}

.container header nav {
	margin: 0;
	width: 100%;
	float: none;
	overflow: auto;
	display: inline-block;
	background: #52bad5;
}
span.leadTxt {
	display: block;
	margin-left: 0;
	margin-top: 10px;
}

/* CarSearch
----------------------------------------- */

#select_form {
	margin-top: 38px;
}
#select_form dt {
	clear: both;
	float: none;
	width: 100%;
	font-weight: bold;
	background-color: #f4f4f4;
}
#select_form dd {
	float: none;
	width: 100%;
}
.carType ul li {
	width: 24%;
	margin-bottom: 1%;
}

/* メーカーを選ぶ */
.carMaker ul li {
	margin-right: 1%;
	margin-bottom: 2%;
}
.type_name {
	font-size: 1.0rem;
}
.s_price .seBox {
  width: 35%;
}

/* 価格帯で選ぶ */
.searchBtn {
	margin-left: 0;
	margin-top: 10px;
	margin: 10px auto 0;
}
.seachBox_button {
	width: 90%;
}


/* FORM
----------------------------------------- */
/*
input
*/
.input {
	border-radius: 0 0 4px 4px;
	display: block;
	padding: 10px;
}
/*
textarea
*/
.textarea {
	border-radius: 0 0 4px 4px;
	display: block;
	padding: 10px;
}
/* 
form
*/
.form {
	width: 90%;
}
.form .form-table-row {
	display: block;
}
.form .form-table-th,
.form .form-table-td {
	display: block;
	margin-left: 0;
	width: 100%;
}
.form .form-table-th {
	width: 100%;
	border-radius: 4px 4px 0 0;
	padding: 0;
}
.form .form-table-text {
	display: block;
	width: 100%;
	padding: 10px;
}
.form .form-table-td.check_td {
	background-color: #fff;
	padding: 10px 0;
}
.form .form-table-inner {
	width: 100%;
}
/*
radio
*/
.checkbox,
.radio {
	display: block !important;
	padding: 5px 0 5px 40px !important;
}
/*
button
*/
.submit_bt {
	width: 100%;
	/*
	background-color: #fff;
	color: #52BAD5;
	*/
	display: block;
}
.checkPage input {
	margin: 0 0 12px;
}
/*
mark
*/
.mark {
	right: 30px !important;
	margin: 10px auto;
}
.check_td {
	background-color: #fff;
	border-radius: 0 0 4px 4px !important;
}

/* privacy_check */
.privacy_check {
	width: 100%;
	margin-bottom: 10px;
}
.agree_check {
	font-size: 1.3rem;
	width: 26em;
	margin: 0 auto 30px;
	font-weight: bold;
}

/* Footer
----------------------------------------- */
.fotnavi {
	text-align: center;
	margin-bottom: 35px;
}
.fotnavi a {
	display: inline-block;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 0 8px;
	margin-bottom: 8px;
	font-size: 1.4rem;
	line-height: 1.2em;
	color: #333;
}
.fotnavi a:last-child {
	border-right: 1px solid #ccc;
	padding: 0 8px;
}
.copyright {
	text-align: center;
}
.copyright * {
	display: block;
}
.copyright img {
	margin-right: 0;
	margin: 0 auto 10px;
}

/* WordPress second_page 設定 */
.leftBox {
	float: none;
	width: 97%;
	/* overflow: hidden; */
	margin: 0 auto 10%;
}
.rightBox {
	float: none;
	width: 97%;
	margin: 0 auto;
}
.rightBox aside {
	margin-top: 0;
	padding-top: 25px;
}

}


/* Mobile */
@media (max-width: 320px) {
.hero {
	height: 200px;
	margin-top: 57px;
	padding:0;
	position: relative;
	height: 400px;
}
.hero > div {
	display: block;
	width: 90%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}
.hero h2 {
	font-size: 7.0vw;
}
.hero ruby rt {
	font-size: 3.0vw;
}
.container header nav {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
	float: none;
	display: none;
}
.thumbnail {
	width: 100%;
}
.tagline {
	margin-top: 20px;
	line-height: 22px;
}
.hero_header {
	padding-left: 10px;
	padding-right: 10px;
	line-height: 22px;
	text-align: center;
}
h4.logo {
	display: inline-block;
}
#top-head,
.inner {
	width: 100%;
	padding: 0;
}
#top-head {
	top: 0;
	position: fixed;
	margin-top: 0;
}
/* Fixed reset */
#top-head.fixed {
	padding-top: 0;
	background: transparent;
}
/*
#mobile-head {
	background: #fff;
	width: 100%;
	height: 56px;
	z-index: 999;
	position: relative;
}
#global-nav {
	position: absolute;
	top: -500px;
	background: #333;
	width: 100%;
	text-align: center;
	padding: 0;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
#global-nav ul {
	list-style: none;
	position: static;
	right: 0;
	bottom: 0;
	font-size: 1.4rem;
}
#global-nav ul li {
	float: none;
	position: static;
}
#top-head #global-nav ul li a,
#top-head.fixed #global-nav ul li a {
	width: 100%;
	display: block;
	color: #fff;
	padding: 18px 0;
}
#nav-toggle {
	display: block;
}
.open #nav-toggle span:nth-child(1) {
	top: 11px;
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	transform: rotate(315deg);
}
.open #nav-toggle span:nth-child(2) {
	width: 0;
	left: 50%;
}
.open #nav-toggle span:nth-child(3) {
	top: 11px;
	-webkit-transform: rotate(-315deg);
	-moz-transform: rotate(-315deg);
	transform: rotate(-315deg);
}
.open #global-nav {
	-moz-transform: translateY(556px);
	-webkit-transform: translateY(556px);
	transform: translateY(556px);
}
*/


/* FORM
----------------------------------------- */
/*
input
*/
.input {
	border-radius: 0 0 4px 4px;
	display: block;
	padding: 10px;
}
/*
textarea
*/
.textarea {
	border-radius: 0 0 4px 4px;
	display: block;
	padding: 10px;
}
/* 
form
*/
.form {
	width: 90%;
}
.form .form-table-row {
	display: block;
}
.form .form-table-th,
.form .form-table-td {
	display: block;
	margin-left: 0;
	width: 100%;
}
.form .form-table-th {
	width: 100%;
	border-radius: 4px 4px 0 0;
	padding: 0;
}
.form .form-table-text {
	display: block;
	width: 100%;
	padding: 10px;
}
.form .form-table-inner {
	width: 100%;
}
/*
button
*/
.submit_bt {
	width: 100%;
	/*
	background-color: #ea5858;
	color: #fff;
	*/
	display: block;
}
/*
mark
*/
.mark {
	text-indent: 0;
	right: 30px !important;
	margin: 10px auto;
}
.check_td {
	background-color: #fff;
	border-radius: 0 0 4px 4px !important;
}
}