@charset "utf-8";

html {
	width: 100%;
	height: 100%;
}
body {
	width: 100%;
	height: 100%;
	background-color: #f2eae9;
}
body > *,
body > * > * {
	display: block;
	width: 100%;
}
body > * > * > * {
	display: block;
	position: relative;
/*	width: 100%;*/
	max-width: 960px;
	margin: 0 auto;
	padding: 20px 0;
}

header {
	background-color: #EEE9F2;
}

* { box-sizing: border-box; }

h2 > span, h3 > span, p > span { 
	display: inline-block;
}

/* nankang preset */
/* nav */
nav.zeetex_menu {
	background-color: #f37319;
    /*border-bottom: 2px solid #7abd2a;*/
    border-bottom: 2px solid #4a495c;
}
nav.zeetex_menu a {
	position: relative;
	z-index: 2;
	margin-bottom: 10px;
	display: inline-block;
}
nav.zeetex_menu img {
	padding: 0 15px;
}
nav.zeetex_menu span.zeetex_pick {
	color: #ffffff;
	font-weight: bold;
	padding: 0 15px
}
nav.zeetex_menu ul {
	position: absolute;
	top: 13px;
	display: block;
	text-align: right;
	width: 100%;
	letter-spacing: -0.4em;
}
nav.zeetex_menu ul li {
	letter-spacing: normal;
	display: inline-block;
    /*border-right: 1px solid #7abd2a;*/
    border-right: 1px solid #4a495c;
    position: relative;
    top: -2px;
}
nav.zeetex_menu ul li:first-child {
	/*border-left: 1px solid #7abd2a;*/
	border-left: 1px solid #4a495c;
}
/*nav.zeetex_menu ul:before {
	content: "";
	display: inline-block;
	height: 80px;
	width: 56px;
	background-image: url("../../img/zeetex_navi_left.png");
}
nav.zeetex_menu ul:after {
	content: "";
	display: inline-block;
	height: 80px;
	width: 56px;
	background-image: url("../../img/zeetex_navi_right.png");
}*/
nav.zeetex_menu ul li a,
nav.zeetex_menu ul li span {
    display: block;
    background-color: #ffffff;
    width: 180px;
    margin: 0;
    padding: 20px 0;
    /*color: #7abd2a;*/
    color: #4a495c;
    text-align: center;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    overflow: hidden;
    position: relative;
}
nav.zeetex_menu ul li span {
	color: #888888;
}
nav.zeetex_menu ul li a.select {
	border: 5px solid #d02a42;
}
nav.zeetex_menu ul li a.select:hover {
	color: #ffffff;
}
nav.zeetex_menu ul li a:hover {
	/*background-color: #7abd2a;*/
	background-color: #4a495c;
	color: #ffffff;
}
nav.zeetex_menu ul li a.select {
	background-color: #d02a42;
}
nav.zeetex_menu ul li a b,
nav.zeetex_menu ul li span b {
	position: relative;
	top: 0;
	display: block;
	text-align: center;
	font-size: 16px;
	letter-spacing: normal;
	padding: 5px;
}
nav.zeetex_menu ul li a small,
nav.zeetex_menu ul li span small {
/*	display: none;*/
}
nav.zeetex_menu ul li span:after {
    content: '準備中';
    position: absolute;
    top: 10px;
    right: -36%;
    width: 120%;
    background-color: rgba(255,255,255,0.8);
    transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -webkit-transform: rotate(25deg);
    text-align: center;
    display: inline-block;
    padding: 5px 15px;
    color: #40393A;
    font-size: 14px;
    font-weight: bold;
}


nav.zeetex_main {
    height: 0;
    padding: 0;
    background-color: #f37319;
    height: 75px;
    display: block;
    /*border-bottom: 2px solid #7abd2a;*/
    border-bottom: 2px solid #4a495c;
    max-width: 100%;
}
nav.zeetex_main ul {
	position: absolute;
	display: block;
	text-align: center;
	width: 100%;
	bottom: 0;
	letter-spacing: -0.4em;
}
nav.zeetex_main ul:before,
nav.zeetex_main ul:after {
	content: "";
	display: inline-block;
    height: 64px;
    width: 56px;
    position: relative;
    bottom: -2px;
}
/*nav.zeetex_main ul:before {
    background-image: url(../../img/zeetex_navi_left.png);
}
nav.zeetex_main ul:after {
    background-image: url(../../img/zeetex_navi_right.png);
}*/
nav.zeetex_main ul li {
	display: inline-block;
	letter-spacing: normal;
	/*border-right: 1px solid #7abd2a;*/
	border-right: 1px solid #4a495c;
}
nav.zeetex_main ul li:first-child {
	/*border-left: 1px solid #7abd2a;*/
	border-left: 1px solid #4a495c;
}
nav.zeetex_main ul li a,
nav.zeetex_main ul li span {
	display: block;
    background-color: #ffffff;
    width: 180px;
    margin: 0;
    padding: 10px 0;
    /*color: #7abd2a;*/
    color: #4a495c;
    text-align: center;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    overflow: hidden;
    position: relative;
}
nav.zeetex_main ul li span {
	color: #888888;
}
nav.zeetex_main ul li a.select:hover {
	color: #ffffff;
}
nav.zeetex_main ul li a:hover {
	/*background-color: #7abd2a;*/
	background-color: #4a495c;
	color: #ffffff;
}
nav.zeetex_main ul li a b, nav.zeetex_main ul li span b {
	display: block;
	font-size: 14px;
	padding: 5px;
}
nav.zeetex_main ul li a small, nav.zeetex_main ul li span small {
	display: block;
	font-size: 10px;
	font-weight: bold;
	padding: 5px;
}
nav.zeetex_main ul li span:after {
    content: '準備中';
    position: absolute;
    top: 10px;
    right: -36%;
    width: 120%;
    background-color: rgba(255,255,255,0.8);
    transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -webkit-transform: rotate(25deg);
    display: inline-block;
    padding: 5px 15px;
    color: #40393A;
    font-size: 20px;
    font-weight: bold;
}

/* header */
/* topbar */
#topbar { background-color: #403940; }
#topbar section { overflow: hidden; padding: 15px; }
#topbar h1 { float: left; }
#topbar p { float: right; }
#topbar a { position: relative; z-index: 3; }

/* catch */
#catch {
	background: url("../img/catch_back.jpg") center;
	background-size: cover;
}
#catch section > * {
	margin: 20px 50px;
}
#catch section img.pick_zx {
	position: absolute;
	top: 40px;
	left: 50px;
}
#catch section div {
	margin: 50px 0;
	width: 400px;
	left: 400px;
	position: relative;
}
#catch section div img{
	margin: 10px;
}
#catch section div img.product_logo {
	margin: 10px 0;
	max-width: 100%;
}
#catch section div h3 {
	display: block;
	color: #ffffff;
	font-size: 14px;
	margin-bottom: 10px;
}
#catch section div span {
	padding: 0 40px;
	font-weight: bold;
	background-color: #daca6e;
}
#catch section div h3 {
	line-height: 16px;
}
#catch section div h3 span {
	padding: 0;
	background-color: transparent;
	display: inline-block;
}
#catch section div ul {
	margin: 10px 0;
}
#catch section div ul li {
	display: inline-block;
	margin: 0;
}
#catch section h2 {
	font-size: 18px;
	line-height: 24px;
	font-style: italic;
	font-weight: normal;
	margin: 0;
}
#catch section p {
	font-size: 12px;
	line-height: 18px;
}
#intro section p br {
	display: none;
}
#catch section p:before {
	content: ' ';
	display: inline-block;
	width: 40px;
	border-bottom: 1px solid #333333;
	position: relative;
	top: -4px;
}

nav.zeetex_tire_menu {
	background-color: #eee9f2;
	max-width: 960px;
	margin: 0 auto;
}
nav.zeetex_tire_menu ul {
	width: 60%;
	margin-right: 0;
	letter-spacing: -0.4em;
	text-align: right;
}
nav.zeetex_tire_menu ul li {
	display: inline-block;
	position: relative;
	text-align: center;
    background-color: #ffffff;
    letter-spacing: normal;
}
nav.zeetex_tire_menu ul.menu1 li,
nav.zeetex_tire_menu ul.menu2 li {
    width: 50%;
}
nav.zeetex_tire_menu ul.menu3 li {
	width: 33.3%;
}
nav.zeetex_tire_menu ul li a:hover {
	opacity: 0.7;
}
nav.zeetex_tire_menu ul li.movie a {
	background: url("../../img/movie_thum_dark.jpg");
	background-size: cover;
}
nav.zeetex_tire_menu ul li.tire_size a {
	background-color: #f37319;
}
nav.zeetex_tire_menu ul li.review a {
	background-color: #4a495c;
}
nav.zeetex_tire_menu ul li a {
	position: relative;
	display: block;
	max-width: 100%;
	height: 140px;
	line-height: 20px;
	padding: 20px 0;
    color: #ffffff;
    font-weight: bold;
    font-size: 18px;
}
nav.zeetex_tire_menu ul li a span {
	display: inline-block;
}
nav.zeetex_tire_menu ul li a span.middle {
	display: table;
	width: 100%;
	height: 50px;
}
nav.zeetex_tire_menu ul li a span.middle b {
	display: table-cell;
	vertical-align: middle;
}
nav.zeetex_tire_menu ul li a:link {
	color: #ffffff;
}
nav.zeetex_tire_menu ul li a:after {
	content: "\ea43";
    position: absolute;
    font-family: "typicalo";
    font-size: 36px;
    color: #ffffff;
    margin: 0 auto;
    top: 90px;
    left: 0;
    right: 0;
    width: 40px;
    height: 40px;
    font-weight: normal;
}

/*product*/
#product {
	background-color: #3b3940;
	color: #ffffff;
	padding: 20px;
	position: relative;
	overflow: hidden;
}

#product div.seinou {
	float: left;
}
#product div.seinou ul {
	padding-bottom: 10px;
}
#product div.seinou ul li {
	background-color: #ffffff;
	max-width: 400px;
	padding: 4px 28px;
	margin: 5px 0;
	color: #3d3739;
	border-radius: 20px;
	font-size: 12px;
}
#product div.seinou ul li b {
	text-align: center;
    display: inline-block;
    width: 110px;
    line-height: 20px;
}
#product div.seinou small:before {
	content: "※";
	margin-right: 5px;

}
#product div.about {
	width: auto;
	padding: 0 20px;
	float: right;
	max-width: 480px;
	margin: 0 auto;
}
#product div.about h3 {
	font-size: 24px;
	line-height: 36px;
}
#product div.about h3 small {
	font-size: 14px;
}
#product div.about h3 span {
	display: inline-block;
}
#product div.about p {
	font-size: 14px;
	line-height: 24px;
	margin: 20px auto;
	max-width: 480px;
}
#product div.tuv,#product div.award {
	background-color: #f2eae9;
	color: #000000;
	max-width: 740px;
	padding: 0;
	border-radius: 10px;
	margin: 5px auto;
}
#product div:first-child img {
	float: left;
}
#product div img {
	float: right;
}
#product div.tuv img{
	padding: 30px;
}
#product div.tuv p {
	line-height: 22px;
	padding: 30px;
	margin: 0;
}
#product div.award img{
	padding: 30px;
}
#product div.award p {
	line-height: 22px;
	padding: 30px;
	margin: 0;
}
#product ul.about_list,
#product ul.about_list_img {
	max-width: 700px;
}
#product ul.about_list li,
#product ul.about_list_img li {
	width: 60%;
	position: relative;
	border-bottom: 1px solid #ffffff;
}
#product ul.about_list li:after,
#product ul.about_list_img li:after {
	border-bottom: solid 10px #ffffff;
}
#product ul.about_list li span {
	margin: 20px 20px 20px 40px;
	font-size: 12px;
	line-height: 20px;
	display: inline-block;
/*	max-width: 57%;*/
}
#product ul.about_list_img li span {
	margin: 20px 20px 20px 40px;
    font-size: 12px;
    line-height: 20px;
    display: inline-block;
    width: 240px;
}
/*#product ul.about_list li p,
#product ul.about_list_img li p {
	margin: 20px 20px 20px 40px;
    font-size: 12px;
    line-height: 20px;
    display: inline-block;
    width: 240px;
}*/
#product ul.about_list li strong,
#product ul.about_list_img li strong {
	position: relative;
    display: block;
    left: 40px;
    top: 15px;
    font-size: 18px;
    font-weight: normal;
    width: 260px;
    line-height: 24px;
    margin-right: 50px;
}
#product ul.about_list li img,
#product ul.about_list_img li img {
	display: inline-block;
	position: absolute;
	bottom: 10px;
	margin: auto;
	right: 10px;
}
li.about_1:before,
li.about_2:before,
li.about_3:before,
li.about_4:before,
li.about_5:before,
li.about_6:before,
li.about_7:before,
li.about_8:before,
li.about_9:before
 {
    content: "1";
    font-size: 28px;
    position: absolute;
    background-color: #e90a5e;
    width: 30px;
    border-radius: 30px;
    text-align: center;
    height: 30px;
    top: 15px;
}
li.about_2:before {
    content: "2";
}
li.about_3:before {
    content: "3";
}
li.about_4:before {
    content: "4";
}
li.about_5:before {
    content: "5";
}
li.about_6:before {
    content: "6";
}
li.about_7:before {
    content: "7";
}
li.about_8:before {
    content: "8";
}
li.about_9:before {
    content: "9";
}
#product ul.about_list small.pt_attention:before,
#product ul.about_list_img small.pt_attention:before {
	content: "※";
	margin-right: 5px;

}
#product ul.about_list small.pt_attention,
#product ul.about_list_img small.pt_attention {
	margin: 10px;
	position: relative;
	width: 55%;
	right: 10px;
	text-align: right;
	display: block;
}
#product div.patern {
	max-width: 740px;
	padding-bottom: 40px;
}
#product div.patern img.tire_pattern {
    position: absolute;
    top: 0;
    right: 0px;
    max-width: 90%;
}

#review {
	background-color: #4a495c;
	padding: 0;
	text-align: center;
	padding-top: 30px;
	margin-top: -30px;
}
#review div.wrap {
	padding: 0;
	padding-bottom: 10px;
}
h3.hukidasi {
	display: block;
	position: absolute;
	top: -30px;
	margin: 0 auto;
	font-weight: normal;
	letter-spacing: 5px;
	text-align: center;
	z-index: 1;
	width: 100%;
}
h3.hukidasi span {
	display: inline-block;
	background-color: #a1b74d;
	position: relative;
	color: #ffffff;
	padding: 20px 40px;
	border-radius: 30px;
	font-size: 18px;
	line-height: 14px;
}
h3.hukidasi span:after {
	display: block;
	content: '';
	width: 0;
	height: 0;
	position: absolute;	
}

#review h3.hukidasi span:after {
	bottom: -35px;
	left: calc(50% - 18px);
	border-color: #a1b74d transparent transparent transparent ;
	border-style: solid;
	border-width: 18px;
}
#test_info h3.hukidasi span:after,
#essn1_info h3.hukidasi span:after,
#tp3step h3.hukidasi span:after  {
	bottom: -16px;
	right: 25px;
	border-color: transparent transparent #ff1166 transparent ;
	border-style: solid;
	border-width: 18px;
	transform:rotate(45deg);
}
.review_wrap {
	max-width: 800px;
	height: 450px;
	overflow: auto;
	padding-top: 30px;
	margin: 0 auto;
}
.review_wrap li {
	display: block;
	position: relative;
	margin: 20px 10px 20px 0;
}

.review_wrap li:before {
	content: url('../../img/review_customer_icon.png');
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
}

.review_section {
	display: block;
	background-color: #ffffff;
	border-radius: 20px;
	padding: 20px;
	margin-left: 86px;
}

.review_section h4 {
	text-align: left;
	margin-bottom: 20px;
}
/*.review_score {
	display: block;
	position: absolute;
	right: 15px;
	top: 10px;
}*/
.review_score * {
	vertical-align: bottom;
}
.review_score strong {
	font-size: 34px;
	padding-left: 10px;
	color: #ff6633;
}
.review_score strong small {
	font-size: 20px;
}

.review_wrap p {
	text-align: left;
	font-size: 12px;
	line-height: 18px;
}

/*スクロールバー全体*/
.review_wrap::-webkit-scrollbar {
    width: 10px;
}

/*スクロールバーの軌道*/
.review_wrap::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
}

/*スクロールバーの動く部分*/
.review_wrap::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 50, .5);
	-webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .3);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, .3);
}

.review_other {
	background: url('../img/review_border_bottom.png') top center no-repeat;
	padding: 20px 120px 30px 175px;
	margin: 0 auto;
}
.review_other > div {
	background-color: #ffffff;
	border-radius: 20px;
	padding: 20px;
	margin: 20px;
	margin: 0px auto;
}
.review_other p {
	padding-bottom: 10px;
}
.review_other a {
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	background-color: #465262;
	font-size: 12px;
	line-height: 20px;
	max-width: 380px;
	padding: 10px 15px;
	display: block;
	margin: 0 auto;
	border-radius: 20px;
	letter-spacing: 2px;
	-webkit-transition: opacity 0.2s linear;
	-o-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}
.review_other a:hover {
	opacity: 0.75;
}

#movie {
	background-color: #282828;
	padding: 20px 0;
	background: url("../../img/movie_back.jpg");
	background-size: cover;
}
#movie h3 {
	background-color: #f37319;
	padding: 30px;
	font-size: 24px;
	font-weight: bold;
	color: #ffffff;
	max-width: 100%;
	text-align: center;
	font-family: 'Oswald', 'Open Sans', 'Noto Sans JP', 'NotoSansCJKjp', -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', meiryo, sans-serif;
}
#movie iframe {
	margin: 30px auto 10px;
	padding: 0;
	border: 1px solid #7f67af;
	width: 680px;
    height: 382px;
}
#movie iframe.sd{
	-webkit-box-shadow: none;
	box-shadow: none;
}
#movie p {
    color: #ffffff;
    line-height: 24px;
    text-align: left;
    max-width: 620px;
    padding-bottom: 30px;
    font-weight: bold;
    padding: 10px 20px 20px;
}
#movie div.video {
	padding: 0;
}
#lineup {
	background-color: #40393a;
}
#lineup h3 {
	background-color: #f37319;
	padding: 40px;
	font-size: 24px;
	font-weight: bold;
	color: #ffffff;
	max-width: 100%;
	text-align: center;
	font-family: 'Oswald', 'Open Sans', 'Noto Sans JP', 'NotoSansCJKjp', -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', meiryo, sans-serif;
}
#lineup  h4 {
    padding: 10px;
    margin: 0 0 10px 0;
    border-radius: 10px;
    font-size: 16px;
    text-align: center;
}
#lineup div {
	padding: 20px;
}
#lineup div {
	max-width: 780px;
}
#lineup div ul {
    padding: 0;
    height: auto;
    display: inline-block;
    max-width: none;
    width: 100%;
    letter-spacing: -0.4em;
}
#lineup div ul li {
	width: 50%;
    height: auto;
    margin: 0;
    padding: 0 5px 10px 5px;
    cursor: auto;
    letter-spacing: normal;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#lineup div ul li a {
    position: relative;
    font-weight: bold;
    background-color: #ffffff;
    display: block;
    padding: 10px;
    border-radius: 10px;
    color: #333333;
    text-align: left;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
#lineup div ul li a:hover {
	background-color: #bb2d48;
    color: #ffffff;
}
#lineup div ul li a:hover span.price,
#lineup div ul li a:hover strong,
#lineup div ul li a:hover:after {
	color: #ffffff;
}
#lineup div ul li a span.size {
	padding-left: 20px;
}
#lineup div ul li a span.kikaku {
	background-color: #40393a;
	padding: 0 10px;
	color: #ffffff;
	margin-left: 10px;
}
#lineup div ul li a span.price,
#lineup div ul li a strong {
	color: #D02A42;
    /*float: right;*/
    padding-right: 20px;
	position: absolute;
	right: 15px;
}

#lineup div li a:after {
    font-family: 'typicalo';
    content: '\ea42';
    position: absolute;
    right: 10px;
    color: #999;
}
#lineup div.lineup_bt {
	max-width: 960px;
}
#lineup div.lineup_bt ul {
	letter-spacing: -0.4em;
}
#lineup div.lineup_bt ul li {
	width: 33.33%;
	display: inline-block;
	letter-spacing: normal;
	text-align: center;
}
#lineup div.lineup_bt ul li a {
	background-color: #ffffff;
	padding: 20px;
	border-radius: 50px;
	text-align: center;
	line-height: 20px;
	color: #cd276a;
}
#lineup div.lineup_bt ul li a span {
	display: inline-block;
}
#lineup div.lineup_bt ul li a:hover {
	background-color: #d02a42;
	cursor: pointer;
	color: #ffffff;
}
#lineup div.lineup_bt ul li a:after {
	display: none;
}
#partner {
	background-color: #efe9f2;
}
#partner section {
	text-align: center;
	padding: 50px 0;
}
#partner section > * {
	display: inline-block;
	margin: 15px;
}

footer {
	clear: both;
}
#footer {
	background-color: #40393a;
}
#footer nav {
	z-index: 1;
}
#footer nav ul {

}
#footer section {
	text-align: center;
}
#footer section li {
	display: inline-block;
	margin: 5px;
}
#footer section li a {
	display: block;
	color: #ffffff;
	font-weight: bold;
	padding: 10px 20px;
	-webkit-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
	-o-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
	transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
	border-radius: 20px;
}
#footer section li a:hover {
	background-color: #ffffff;
	color: #333333;
}
address {
	background-color: #201d1d;
	color: #ffffff;
	font-style: normal;
	font-size: 14px;
	line-height: 50px;
	text-align: center;
}

@media screen and (max-width: 980px){
	#product div.about {
		padding: 0 10px;
		max-width: 440px;
	}
	#product div.about p {
		font-size: 12px;
	}
}
@media screen and (max-width: 900px){
	nav.zeetex_tire_menu ul {
		text-align: center;
		margin: 0 auto;
		width: 100%;
	}	
	#catch section {
		overflow: hidden;
		height: 350px;
	}
	#catch section div {
		left: 0;
		margin: 0 auto;
		text-align: center;
		max-width: 100%;
		padding: 0 10px;
	}
	#catch section div img {
		margin: 5px;
	}
	#catch section img.pick_zx {
		top: 210px;
	    left: 0;
	    right: 0;
	    margin: 0 auto;
	}
	#product div.wrap {
		text-align: center;
	}
	#product div.about {
		float: none;
		max-width: 460px;
	}
	#product div.about h3 span {
		display: inline-block;
	}
	#product div.wrap {
		padding: 0;
	}
	#product div.seinou {
		margin: 20px 0 30px;
		float: none;
		text-align: center;
		display: block;
	}
	#product div.seinou ul li {
		margin: 5px auto;
	}
	#product ul.about_list,
	#product ul.about_list_img {
		margin-bottom: 440px;
	}
	#product ul.about_list li,
	#product ul.about_list_img li {
		width: auto;
		text-align: left;
		padding-left: 20px;
	}
	#product ul.about_list_img li span {
	    width: 65%;
    	text-align: left;
	}
	#product ul.about_list small.pt_attention,
	#product ul.about_list_img small.pt_attention {
		width: 100%;
	}
	#product ul.about_list li strong,
	#product ul.about_list_img li strong {
		width: auto;
	}
	#product div.patern img.tire_pattern {
		left: 0;
		right: 0;
		margin: 0 auto;
		top: auto;
		bottom: -180px;
	}
	.review_wrap {
		margin: 0 20px;
	}
	#movie div.video {
		position: relative;
		padding-bottom: 56.25%;
		max-width: 678px;
	}
	#movie div.video iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	#movie p {
		padding-top: 60px;
	}
	#partner img {
		display: block;
		margin: 0 auto;
		max-width: 100%;
	}
}
@media screen and (max-width: 740px){
	nav.zeetex_menu div {
		padding: 15px 0 0 0;
	}
	nav.zeetex_menu ul {
		position: relative;
		top: 2px;
		padding: 15px 0 0;
		letter-spacing: -0.4em;
	}
	nav.zeetex_menu ul:before,
	nav.zeetex_menu ul:after {
		display: none;
	}
	nav.zeetex_menu ul li {
		width: 50%;
		letter-spacing: normal;
		/*border-left: 1px solid #7abd2a;*/
		border-left: 1px solid #4a495c;
		border-right: none;
	}
	nav.zeetex_menu ul li.cam {
		display: none;
	}
	nav.zeetex_menu ul li a,
	nav.zeetex_menu ul li span {
		display: block;
		width: auto;
		border-radius: 0;
		border: solid #ffffff;
		border-width: 1px 0 1px 0;
		margin: 0;
		height: auto;
		font-size: 14px;
		padding: 20px 0;
		text-align: center;
	}
	nav.zeetex_menu ul li:first-child a {
		border: solid #ffffff;
		border-width: 1px 1px 1px 0px;
	}
	nav.zeetex_menu ul li a.select {
		border: solid #ffffff;
		border-width: 1px 0 1px 0;
	}
	nav.zeetex_menu ul li a:hover {
		/*border: solid #7abd2a;*/
		border: solid #4a495c;
		border-width: 1px 0 1px 0;
	}
	nav.zeetex_menu ul li a b,
	nav.zeetex_menu ul li span b {
		top: auto;
		padding: 0;
		margin: 5px;
	}
	nav.zeetex_menu ul li a small,
	nav.zeetex_menu ul li span small {
		display: inline-block;
		margin: 5px;
		font-weight: bold;
		font-size: 12px;
	}
	#movie div.video {
		max-width: 100%;
	}
	#movie iframe {
		border: none;
	}
	.review_score {
		position: static;
		top: 0;
		text-align: left;
		margin-bottom: 10px;
	}
	.review_section h4 {
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 680px){
	nav.zeetex_tire_menu ul li a {
		font-size: 18px;
	}
}

@media screen and (max-width: 600px){
	#lineup div.lineup_bt ul li {
		width: auto;
		display: block;
	}
	#lineup div.lineup_bt ul li a {
		padding: 20px 10px;

	}
}

@media screen and (max-width: 580px){
	nav.zeetex_tire_menu ul li a {
		line-height: 22px;
	}
	nav.zeetex_tire_menu ul li a:after {
		top: 90px;
	}
	#lineup div ul li {
		width: 100%;
		display: block;
	}
	#lineup div.lineup_size ul {
		/*display: none;*/
		overflow: hidden;
		opacity: 0;
		height: 0;
		-webkit-transition: opacity 0.3s ease, height 0.3s ease;
		-o-transition: opacity 0.3s ease, height 0.3s ease;
		transition: opacity 0.3s ease, height 0.3s ease;
	}
	#lineup div ul.sp_current {
		/*display: block;*/
		opacity: 1;
		height: auto;
	}
	.lineup_size h4:hover {
		cursor: pointer;
	}
}

@media screen and (max-width: 540px){
	nav.zeetex_menu ul li{
		width: 100%;
		/*border-bottom: 1px solid #7abd2a;*/
		border-bottom: 1px solid #4a495c;
		border-left: none;
	}
	nav.zeetex_menu ul li:first-child {
		/*border-top: 1px solid #7abd2a;*/
		border-top: 1px solid #4a495c;
		border-left: none;
	}
	nav.zeetex_menu ul li a,
	nav.zeetex_menu ul li span {
		padding: 10px 0;
	}
	nav.zeetex_menu ul li a b:before {
		content: '\ea42';
	    font-family: 'typicalo';
	    margin: 0 10px;
	    font-weight: normal;
	}
	nav.zeetex_menu ul li a b {
		text-align: left;
	}
	nav.zeetex_menu ul li a small {
		display: none;
	}
	.review_wrap {
		margin: 0 10px;
	}
	.review_wrap li:before {
		content: "";
	}
	.review_section {
		margin-left: 20px;
	}
	nav.zeetex_main ul {
		position: relative;
		/*border-bottom: 2px solid #7abd2a;*/
		border-bottom: 2px solid #4a495c;
	}
	nav.zeetex_main ul:before,
	nav.zeetex_main ul:after {
		display: none;	
	}
	nav.zeetex_main ul li {
		display: block;
    	border-width: 0 0 1px 0;
	}
	nav.zeetex_main ul li:first-child {
		border-left: 0;
	}
	nav.zeetex_main ul li a,
	nav.zeetex_main ul li span {
		width: auto;
		display: block;
		border-radius: 0;
		padding: 10px 0;
		height: auto;
		width: auto;
		margin: 0;
		border: none;
	}
	nav.zeetex_main ul li a.select {
		border: none;
	}
	nav.zeetex_main ul li a:hover {
		color: #ffffff;
		border: none;
	}
	nav.zeetex_main ul li span {
		display: none;
	}
	nav.zeetex_main ul li a,
	nav.zeetex_main ul li span {
		text-align: left;
	}
	nav.zeetex_main ul li a b,
	nav.zeetex_main ul li span b {
		font-size: 16px;
		display: inline-block;
	}
	nav.zeetex_main ul li a b:before,
	nav.zeetex_main ul li span b:before {
	    content: '\ea42';
	    font-family: 'typicalo';
	    margin: 0 10px;
	    font-weight: normal;
	}
	nav.zeetex_main ul li a small,
	nav.zeetex_main ul li span small {
		display: none;
	}
	nav.zeetex_tire_menu ul {
		letter-spacing: -0.4em;
	}
	nav.zeetex_tire_menu ul li a {
		max-width: 100%;
		font-size: 16px;
		line-height: 16px;
	}
	nav.zeetex_tire_menu ul li a:after {
		font-size: 28px;
	}
	#product {
		padding: 20px 10px 10px 10px;
	}
	#product div.about {
		padding: 0;
	}
	#product div.about p {
		margin: 20px;
		text-align: left;
	}
	#product div.about p br {
		display: none;
	}
	#product div.seinou ul li {
		padding: 5px;
		margin: 1px auto;
	}
	#product div.seinou ul li b {
		width: 90px;
		line-height: 15px;
	}
	#product div.seinou ul li img {
		width: 170px
	}
	#product div.tuv img,#product div.award img {
		display: block;
		margin: 0 auto;
		float: none;
		padding: 20px 0 0 0;
	}
	#product div.tuv p,#product div.award p {
		margin: 0;
		padding: 20px;
		font-size: 12px;
		line-height: 18px;
	}
	#product ul.about_list_img li span {
		width: 50%;
	}
	#catch section div img {
 		margin: 5px 0px;
	}
	h3.hukidasi span {
		padding: 20px;
		font-size: 14px;
	}
	.review_other {
		padding: 0;
		margin: 30px;
	}
	.review_other a {

	}
	#movie h3 {
		padding: 20px 0;
	}
	#lineup h3 {
		padding: 20px 0;
	}
	#partner section {
		padding: 30px 50px;
	}
	#footer nav ul {
		top: 0;
	}
	#footer section {
		padding-top: 50px;
	}
}

@media screen and (max-width: 540px){
	nav.zeetex_tire_menu ul li a {
		font-size: 14px;
	}
}

@media screen and (max-width: 520px){
	div#movie p br {
		display: none;
	}
}

@media screen and (max-width: 480px){
	#product div.about h3 {
		font-size: 16px;
		line-height: 24px;
	}
}

@media screen and (max-width: 420px){
	nav.zeetex_tire_menu ul li a {
		height: 110px;
		padding: 10px 0;
	}
	nav.zeetex_tire_menu ul li a:after {
		font-size: 20px;
		top: 70px;
	}
	#product div.about p {
		margin: 10px;
	}
	#product ul.about_list li,
	#product ul.about_list_img li {
		padding-left: 10px;
	}
	#product ul.about_list li img,
	#product ul.about_list_img li img {
		right: 20px;
	}
	#product ul.about_list small.pt_attention:before,
	#product ul.about_list_img small.pt_attention:before {
		margin-right: 2px;
	}
	address {
		font-size: 12px;
	}
}

@media screen and (max-width: 400px) {
	#product ul.about_list_img li span {
		width: 45%;
	}
}

@media screen and (max-width: 320px) {
	#product div.patern img.tire_pattern {
		bottom: -170px;
	}
}