@charset "UTF-8";

body {
	font-family: 'Hiragino Sans', 'Meiryo', sans-serif;
	font-size: 16px;
	color: #333333;
}
figure {
	margin: 0;
}
a {
	text-decoration: none;
}
/*bestcar*/
.bestcar_link{
  position: fixed;
  bottom: 30px;
  right: 0px;
  width: 170px;
  height: auto;
  z-index: 999;
}
.bestcar_link img{
  width: 100%;
}

/*ヘッダー*/
.aw_header {
	background-color: #000000;
	display: block;
	padding: 10px 0 5px;
	text-align: center;
}
h1 {
	background-color: #FD0D1B;
	padding: 15px 0;
	text-align: center;
}
h1 img:nth-of-type(2) {
	display: block;
	margin: 0 auto;
	width: 18em;
}
nav.local_nav {
	background-color: #000000;
	padding: 0;
}
nav.local_nav ul li {
	align-items: center;
	background-color: #FFFFFF;
	display: flex;
	margin-bottom: 1px;
	padding: 10px;
}
nav.local_nav ul li:before {
	content: '\ea42';
	font-family: 'typicalo';
	padding: 0 10px 0 0;
}
nav.local_nav ul li a {
	color: #000000;
	/*text-decoration: none;*/
}
.blu-trac_pc {
	background :url("../img/main_blu-trac_pc_sp.jpg");
	background-size: cover;
	background-repeat: 	no-repeat;
}
.blu-trac_hp {
	background :url("../img/main_blu-trac_hp_sp.jpg");
	background-size: cover;
	background-repeat: 	no-repeat;
}
.tru-trac_su {
	background :url("../img/main_tru-trac-su_sp.jpg");
	background-size: cover;
	background-repeat: 	no-repeat;
}
.tru-trac_at {
	background :url("../img/main_tru-trac_at_sp.jpg");
	background-size: cover;
	background-repeat: 	no-repeat;
}
.tru-trac_ht {
	background :url("../img/main_tru-trac-ht_sp.jpg");
	background-size: cover;
	background-repeat: 	no-repeat;
}
header div {
	height: 245px;
	overflow: hidden;
	position: relative;
}
header div h2 img {
	bottom: 35px;
	position: absolute;
	right: 10px;
	z-index: 2;
}
header div h2 span {
	bottom: 10px;
	color: #ffffff;
	position: absolute;
	right: 10px;
	z-index: 2;
}
header div > img {
	left: 10px;
	position: relative;
	top: 15px;
}

/* コンテンツ内ナビ */
nav.contents_nav {
	margin: 0 10px;
}
nav.contents_nav ul {
	display: flex;
	justify-content: center;
}
nav.contents_nav ul li {
	flex-basis: 80%;
	padding: 10px 30px;
}
nav.contents_nav ul li a {
	align-items: center;
	color: #FFFFFF;
	display: flex;
	justify-content: center;
	/*text-decoration: none;*/
}
nav.contents_nav ul li a:after {
	content: '\ea43';
	font-family: 'typicalo';
	padding: 0 0 0 15px;
}
nav.contents_nav li:nth-child(1){
	background-color: #FD0D1B;
}
nav.contents_nav li:nth-child(2){
	background-color: rgb(85,85,89);
}

/*パターン詳細*/
.pattern section {
	align-items: flex-start;
	background-color: #000000;
	color: #FFFFFF;
	display: flex;
	flex-flow: wrap;
	margin: 10px auto;
	width: 90%;
}
.pattern section img {
	align-self: flex-start;
	padding-top: 25px;
	width: 60px;
}
.pattern section span:nth-of-type(1) {
	left: 10px;
	position: relative;
}
.pattern section span:nth-of-type(2) {
	flex-basis: 70%;
	padding-left: 10px;
}
.pattern section span h3 {
	color: #FD0D1B;
}
.seinou ul {
	background-color: #000000;
	padding: 5px;
}
.seinou ul li {
	background-color: #ffffff;
	border-radius: 10px;
	display: flex;
	justify-content: space-between;
	margin: 5px 0;
	padding: 5px 0;
	/*IE10*/
	display: -ms-flexbox;
	-ms-flex-pack: justify;
	
}
.seinou ul li img {
	padding-left: 5px;
	width: 220px;
}
.seinou ul li b {
	font-size: 0.8em;
	padding-right: 3px;
}
.seinou small {
	/* color: #ffffff; */
	display: block;
	padding: 0 10px;
}

/*インプレッション*/
.media {
	text-align: center;
	font-weight: bold;
	font-size: 1em;
	margin: 20px auto;
	width: 90%;
}
.media span img {
	width: 300px;
}
.video > div {/*youtube埋め込みレスポンシブ1*/
	width: 100%;
	position: relative;
	padding-top: 56.25%;
	margin: 10px 0;
}
.video > div > iframe {/*youtube埋め込みレスポンシブ2*/
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*サイズラインナップ*/
h2.size,
h2.impression {
	background-color: #FD0D1B;
	color: #FFFFFF;
	font-size: 2em;
	margin-top: 30px;
	padding: 10px;
	text-align: center;
	text-shadow: 2px 2px 1px #000000, 1px 1px #ffffff;
}
main > h3 {
	background-color: rgb(85,85,89);
	color: #ffffff;
	font-size: 1.2em;
	text-align: center;
	text-shadow: -1px -1px 1px #000000;
}
main > ul li {
	border: 2px solid;
	border-radius: 5px;
	font-size: 1.5em;
	margin: 4px;
	text-align: center;
}
main > ul li a {
	align-items: center;
	color: rgb(85,85,89);
	display: flex;
	justify-content: space-around;
}
main > ul li a span.kikaku {
	background-color: rgba(0,0,0,0.3);
	color: #FFFFFF;
	margin: 3px 0;
	padding: 0 3px;
}

/* リンク */
nav.transition_nav {
	padding: 20px;
}
nav.transition_nav ul li {
	margin: 15px 0;
}
nav.transition_nav ul li a {
	background-color: rgb(85,85,89);
	border-radius: 7px;
	color: #ffffff;
	display: block;
	padding: 10px 15px;
}
nav.transition_nav ul li a span {
	display: inline-block;
}

/*パートナーロゴ*/
#partner {
	background-color: rgb(85,85,89);
	text-align: center;
	padding: 40px 0;
}
#partner img:nth-child(2) {
	display: block;
	margin: 10px auto 25px;
	width: 55px;
}

/*フッター*/
footer nav.footer_nav {
	background-color: #FD0D1B;
	text-align: center;
	padding: 20px;
}
footer nav.footer_nav a {
	color: #FFFFFF;
	text-decoration: none;
}
footer nav.footer_nav li {
	display: inline-block;
	margin: 10px 20px;
}
footer nav.footer_nav li:first-child {
	padding: 5px 10px;
	background-color: rgb(85,85,89);
	border-radius: 5px;
}
footer small {
	display: block;
	background-color: rgb(85,85,89);
	color: #FFFFFF;
	padding: 10px 0;
	text-align: center;
}

/*メディアクエリ*/
@media screen and (min-width: 481px){}

@media screen and (min-width: 768px){
	/*最大横幅指定*/
	main {
		max-width: 980px;
		margin: 0 auto;
	}

	main {
		/*margin: 0 20px;*/
	}
	a {
		cursor: pointer;
	}
  /*追従ボタン ベストカー*/
  .bestcar_link{
    width: 270px;
    height: auto;
  }	

	/*ヘッダー*/
	header {
		position: relative;
	}
	header h1 {
		text-align: left;
	}
	header h1 img {
		padding-left: 40px;
	}
	header h1 img:nth-of-type(2) {
		margin: inherit;
	}
	header nav.local_nav {
		position: absolute;
		right: 20px;
		top: 60px;
	}
	header nav.local_nav ul {
		background-color: #FD0D1B;
	}
	header nav.local_nav ul li:before {
		content: '';
		padding: 0;
	}
	header nav.local_nav ul li {
		background: linear-gradient(to bottom, rgb(85,85,89), #FD0D1B, rgb(85,85,89));
		display: inline-flex;
		padding: 0;
		/*IE10*/
		display: -ms-inline-flexbox;
	}
	header nav.local_nav ul li:hover {
		background-color: #ffffff;
		background: linear-gradient(to bottom, #FD0D1B, #FD0D1B, rgb(85,85,89));
	}
	header nav.local_nav ul li a {
		color: #ffffff;
		display: block;
		height: 20px;
		padding: 10px;
		text-decoration: none;
	}
	header div {
		height: inherit;
		overflow: inherit;
		padding: 0 0 60px 0;
	}
	header div:after {
		border-bottom: 3px solid #FD0D1B;
		content: '';
		display: block;
		position: relative;
		top: 0;
	}
	header div h2 img {
		left: 355px;
		position: absolute;
		top: 215px;
	}
	header div h2 span {
		bottom: inherit;
		left: 355px;
		position: absolute;
		right: inherit;
		top: 255px;
	}
	header div img {
		left: 60px;
		position: relative;
		top: 40px;
		z-index: 1;
	}
	.blu-trac_hp {
		background: url("../img/main_blu-trac_hp.jpg") #000000 top center;
		background-repeat: no-repeat;
		background-size: contain;
	}
	.blu-trac_pc {
		background :url("../img/main_blu-trac_pc.jpg") #000000 top center;
		background-repeat: no-repeat;
		background-size: contain;
	}
	.tru-trac_su {
		background :url("../img/main_tru-trac-su.jpg") #000000 top center;
		background-repeat: no-repeat;
		background-size: contain;
	}
	.tru-trac_at {
		background :url("../img/main_tru-trac_at.jpg") #000000 top center;
		background-repeat: no-repeat;
		background-size: contain;
	}
	.tru-trac_ht {
		background :url("../img/main_tru-trac-ht.jpg") #000000 top center;
		background-repeat: no-repeat;
		background-size: contain;
	}
	header .contents_nav {
		bottom: 90px;
		position: absolute;
		right: 20px;
	}
	header .contents_nav ul li {
		flex-basis: inherit;
		padding: 0;
		/*IE10*/
		-ms-flex-basis: inherit;
	}
	header .contents_nav ul li a {
		display: block;
		padding: 10px 30px;
	}
	header .contents_nav ul li:nth-child(1):after {
		border-left: 40px solid transparent;
		border-right: 40px solid transparent;
		border-top: 10px solid #FD0D1B;
		content: '';
		display: block;
		left: 50%;
		margin-left: -40px;
		position: absolute;
		top: 40px;
	}
	header .contents_nav ul li a:after {
		content: '';
		padding: 0;
	}

	/*パターン詳細*/
	.pattern {
		display: flex;
		flex-wrap: wrap;
		/*IE10*/
		-ms-flex-wrap: wrap;
		-ms-flex: 0 1 auto;
		display: -ms-flexbox;
	}
	.pattern section {
		padding: 5px;
		position: relative;
		width: 48%;
		/*IE10*/
		-ms-flex: 0 1 auto;
		display: -ms-flexbox;
	}
	.pattern section span:nth-of-type(1) {
		display: block;
		left: 0;
		padding: 0 5px;
		position: inherit;
	}
	.pattern section span:nth-of-type(2) {
		flex-basis: 57%;
		/*IE10*/
		-ms-flex-wrap: wrap;
		-ms-flex-positive: 0;
		-ms-flex-negative: 1;
		-ms-flex-preferred-size: 57%;
		display: -ms-flexbox;
	}
	.pattern section span:nth-of-type(2) h3 {
		/*IE10*/
		-ms-flex: 0 1 auto;
	}
	.pattern section span:nth-of-type(2) p {
		/*IE10*/
		-ms-flex: 0 1 auto;
	}
	.pattern section img {
		align-self: flex-start;
		width: 115px;
		/*IE10*/
		-ms-flex-item-align: start;
	}
	.seinou {
		align-items: flex-end;
		background-color: inherit;
		display: flex;
		justify-content: center;
		/*IE10*/
		-ms-flex-align: end;
		-ms-flex-pack: center;
		display: -ms-flexbox;
	}
	.seinou .evaluation + div {
		height: 240px;
		left: 46px;
		overflow: hidden;
		position: relative;
	}
	.seinou + div img {
		width: 260px;
	}

	/*インプレッション*/
	.media {
		margin: 30px auto;
	}
	.media span img {
		margin-left: 10px;
	}	
	.video {
		width: 90%;
		margin: 30px auto;
	}

	/*サイズラインナップ*/
	h2.size {
		font-size: 1.8em;
		margin-top: 50px;
		padding: inherit;
	}
	main > h3 {
		margin: 20px 5px 0;
	}
	main > ul {
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		/*IE10*/
		-ms-flex-wrap: wrap;
		-ms-flex: 0 1 auto;
		-ms-flex-pack: start;
		display: -ms-flexbox;
	}
	main > ul li {
		border: 1px solid;
		flex-basis: 48%;
		font-size: 1.1em;
		margin: 5px;
		/*IE10*/
		-ms-flex-positive: 0;
		-ms-flex-negative: 1;
		-ms-flex-preferred-size: 48%;
	}
	main > ul li a {
		align-items: center;
		display: flex;
		justify-content: space-around;
		/*IE10*/
		-ms-flex-align: center;
		-ms-flex-pack: distribute;
		display: -ms-flexbox;
	}
	main > ul li a .kikaku {
		background-color: rgba(0,0,0,0.3);
		color: #FFFFFF;
		margin: 3px 0;
		padding: 0 3px;
	}

	/* パートナーロゴ */
	#partner {
		padding: 10px 0;
	}
	#partner img:nth-child(2) {
		display: inline-block;
		margin: inherit;
		padding: 0 10px;
		width: 45px;
	}

	/* リンク */
	nav.transition_nav {
		padding: 0;
		margin: 40px 0;
	}
	nav.transition_nav ul {
		text-align: center;
	}
	nav.transition_nav ul li {
		display: inline-block;
	}
	nav.transition_nav ul li a {
		background-color: rgb(85,85,89);
		border-radius: 7px;
		color: #ffffff;
		display: block;
		padding: 10px 20px;
		text-decoration: none;
	}
}

/* add to 200507 */

body {
  line-height: inherit;
}
section, img, ul li, ul li a, .pattern section span {
  box-sizing: content-box;
}
h2, h3, strong, b, h2 span {
  font-weight: bold;
}
.pattern section span p {
  margin: 16px 0;
}
small {
  font-size: smaller;
}
main > ul li a span.tire_size {
  padding: 3px 0;
}