@charset "UTF-8";
/* 共通変数・プレースホルダー */
.clearfix:after {
  content: "";
  clear: both;
  display: block; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* タグ基本スタイル定義 */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-height: 999999px; }

form * {
  /* IE8以下用、スマホ専用サイトでは不要 */
  font-size: 16px;
  font-size: 1.6rem; }

a {
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s; }
  a:link {
    text-decoration: none; }
  a:visited {
    text-decoration: none; }
  a:hover {
    opacity: .7;
    text-decoration: underline; }
  a:active {
    text-decoration: underline; }

a[href*="tel:"] {
  pointer-events: none;
  cursor: default;
  text-decoration: none; }

img {
  max-width: 100%;
  border: none; }

em {
  font-style: normal;
  font-weight: normal; }

strong {
  font-style: normal;
  font-weight: normal; }

address {
  font-style: normal; }

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 15px 0;
  padding: 0;
  /* IE8以下用、スマホ専用サイトでは不要 */
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5; }

p {
  margin-top: 0;
  line-height: 1.75; }

p + h2, div + h2, ul + h2, table + h2,
p + h3, div + h3, ul + h3, table + h3,
p + h4, div + h4, ul + h4, table + h4,
p + h5, div + h5, ul + h5, table + h5,
p + h6, div + h5, ul + h6, table + h6 {
  margin-top: 20px; }

h2 {
  /* IE8以下用、スマホ専用サイトでは不要 */
  font-size: 30px;
  font-size: 3rem; }

h3 {
  /* IE8以下用、スマホ専用サイトでは不要 */
  font-size: 24px;
  font-size: 2.4rem; }

h4 {
  /* IE8以下用、スマホ専用サイトでは不要 */
  font-size: 20px;
  font-size: 2rem; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  border: none; }

li {
  line-height: 1.75; }

figure {
  margin: 0;
  padding: 0; }

figcaption {
  margin: 10px 0 0;
  padding: 0; }

form {
  margin: 25px 0; }

select {
  /* IE8以下用、スマホ専用サイトでは不要 */
  font-size: 18px;
  font-size: 1.8rem;
  border: 1px solid #999; }

textarea {
  width: 100%; }

input[type=radio], input[type=checkbox] {
  display: none; }

/* レイアウト：サイト基本構造  */
html {
  font-size: 62.5%; }

/*body {
	font-family:
		"Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto ,
		-apple-system,
		BlinkMacSystemFont,
		"Hiragino Kaku Gothic ProN",
		Meiryo,
		sans-serif;
}*/
body {
  margin: 0;
  padding: 0;
  color: #000;
  /* IE8以下用、スマホ専用サイトでは不要 */
  font-size: 14px;
  font-size: 1.4rem;
  font-family: -apple-system, blinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothicM, YuGothic, Meiryo, sans-serif; }

/* IE8〜11はメイリオ */
@media screen\0 {
  body {
    font-family: "Segoe UI", Meiryo, sans-serif; } }

/* Windows */
@font-face {
  font-family: YuGothicM;
  font-weight: normal;
  src: local("YuGothic-Medium"), local("Yu Gothic Medium"), local("YuGothic-Regular");
  /* Windows8.1ではMediumがないのでRegularを指定 */ }

@font-face {
  font-family: YuGothicM;
  font-weight: bold;
  src: local("YoGothic-Bold"), local("Yu Gothic");
  /* Chrome用 */ }

.pcnone {
  display: none; }

.spnone {
  display: inline-block; }

.text-orange {
  color: #e85412; }

.text-red {
  color: #E61934; }

.text-white {
  color: #fff; }

.text-black {
  color: #000; }

.text-gray {
  color: #666; }

.text-lightgray {
  color: #aaa; }

.text-themecolor {
  color: #3d0e01; }

.box-orange {
  padding: 5px 10px;
  background: #e85412;
  color: #fff; }

.box-red {
  padding: 5px 10px;
  background: #E61934;
  color: #fff; }

.box-lightred {
  padding: 5px 10px;
  background: #E84D50;
  color: #fff; }

.box-white {
  padding: 5px 10px;
  background: #fff; }

.box-black {
  padding: 5px 10px;
  background: #000;
  color: #fff; }

.box-gray {
  padding: 5px 10px;
  background: #666; }

.box-lightgray {
  padding: 5px 10px;
  background: #aaa; }

.box-lightblue {
  padding: 5px 10px;
  background: #2693FF;
  color: #fff; }

.box-blue {
  padding: 5px 10px;
  background: #002DB2;
  color: #fff; }

.box-lightgreen {
  padding: 5px 10px;
  background: #36D900; }

.box-green {
  padding: 5px 10px;
  background: #008C00;
  color: #fff; }

.box-themecolor {
  padding: 5px 10px;
  background: #3d0e01;
  color: #fff; }




/*　コンテンツ　*/
body{
	background: #EBEBEB;
}
h1{
	font-size: 150%;
}
h2{
	background:#9A9A9A;
	color: #fff;
	padding: 5px;
	font-size: 130%;
}
.header{
	padding: 40px;
	text-align: center;
}
.container{
	
}
.contents{
	padding: 40px 120px;
}
.clearblock{
	clear: both;
}
.hustler,
.tuning{
	padding: 10px;
	margin-bottom: 20px;
	background: #FFFFFF;
	width: 48%;
	height: auto;
	float: left;
}
.fiat,
.blog{
	padding: 10px;
	margin-bottom: 20px;	
	background: #FFFFFF;	
	width: 48%;
	height: auto;
	float: right;
}
.footer{
	text-align: center;
	clear: both;
}


@media only screen and (max-width: 767px) {
	.contents{
		padding: 40px 10px;
	}
	.hustler,
	.tuning{
		width: 100%;
		float: none;
	}
	.fiat,
	.blog{
		width: 100%;
		float: none;
	}
}