@charset "UTF-8";
@import url(products/flexslider.css);

/*search*/

.listBoxB article.item:nth-child(even) .itemInner{
	background: #f2f2f2;
}
.listBoxB article.item:nth-child(even) .itemInner .imgBox{
	background: #cfcfcf;
}
.fw .listBoxB .itemInner .infoBox .txt small{
	font-size: 90%;
}

/*************************************

	tyre detail pages

*************************************/
.fw.tireDetail .breadcrumb{
	padding-top: 35px;
	padding-bottom: 0;
}
.fw #contents.contentTypeDetail{
	padding-top: 16px;
}
.fw #contents.contentTypeDetail section{
	margin-bottom: 20px;
	background: #fff;
}
.detailTop {
    padding: 30px 30px 25px 30px;
    background: #fff;
}
.innerDetailTop {
    max-width: 1400px;
    margin: 0 auto;
}
.detailTop .left,
.detailTop .right {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
@media screen and (min-width:992px){
	.detailTop .left {
	    width: 38%;
	}
	.detailTop .right {
	    width: 62%;
	}
}

/*slider*/
.flexslider {
    border: 0;
}
.flexslider .slides {
    width: 100% !important;
    white-space: nowrap !important;
}
.flexslider .slides img {
    height: auto;
    margin: auto;
}
.detailTop .left img {
    max-width: 360px;
}
.detailTop #carousel {
    margin-bottom: 20px;
    text-align: center;
    width: 80%;
    margin: auto;
    overflow: hidden;
    opacity: 0;
    transition: 0.2s;
}
.detailTop #carousel.show{
	opacity: 1;
}
.detailTop #carousel li {
    margin: 5px;
    float: none !important;
    display: inline-block !important;
    height: 75px;
}
#carousel.flexslider .slides img {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
#carousel.flexslider .flex-direction-nav {
    display: none;
}
.flex-direction-nav .flex-prev:before, .flex-direction-nav .flex-next:before {
    background-repeat: no-repeat;
    background-position: center;
    content: '' !important;
    color: #0a4e91;
    text-shadow: none;
    width: 40px;
    height: 40px;
}
.flex-direction-nav .flex-next:before {
    background-image: url(../images/products/arrow-blue-right.png);
}
.flex-direction-nav .flex-prev:before {
    background-image: url(../images/products/arrow-blue-left.png);
}

/*detailTop right*/
.detailTop .tireLogos{
	margin-bottom: 20px;
}
.detailTop .tireLogos img{
	max-height: 35px;
	width: auto;
}
.detailTop .right h1 span.en {
	display: block;
    text-transform: inherit;
    word-break: break-word;
    color: #0b1d45;
	font-family: 'FSSinclairMedium','NotoSansCJKjp-Bold',sans-serif;
	letter-spacing: 0;
	font-size: 45px;
	line-height: 90%;
	padding: 10px 0;
}
.detailTop .right h1 span.en sup{
    vertical-align: baseline;
    padding-left: 0.1em;
    font-size: 80%;
    font-family: 'NotoSansCJKjp-Bold',YuGothic, '游ゴシック', sans-serif;
}
.detailTop .right h1 span.jp{
	display: block;
	margin-bottom: 0.6em;
	color: #0b1d45;
}
.detailTop .right h1.hasAward .titleWrapper {
	display: flex;
}
.detailTop .right h1.hasAward .award {
	display: flex;
	margin-left: 10px;
	text-align: center;
	flex-shrink: 0;
}
@media screen and (max-width:767px){
	.detailTop .right h1.hasAward .award {
		display: block;
	}
	.detailTop .right h1.hasAward .award.one-item {
		flex-shrink: 0;
	}
	.detailTop .right h1.hasAward .award img {
		width: 55px;
		height: auto;
	}
	.detailTop .right h1.hasAward .label-product {
		margin-left: 0;
	}
}
.detailTop .txtLabel{
	margin: 20px 0 0;
}
.detailTop .txtLabel p{
	display: inline-block;
}
.detailTop .txtLabel p.txt{
	padding-right: 0.8em;
	padding-top: 6px;
	vertical-align: top;
}
.detailTop .txtLabel .headTxt{
	display: inline-block;
	padding: 0 4px;
	background: #888888;
	color: #fff;
	font-size: 12px;
	height: 26px;
	line-height: 24px;
	vertical-align: top;
}
.detailTop .iconImg img{
	height: 38px;
}
.detailTop .right .description{
	margin: 10px 0 20px 0;
}
.detailTop .iconBox {
    float: left;
    margin-bottom: 15px;
    width: 56%;
}
.detailTop .iconBox.prizeBox .iconTyres {
	width: 65%;
	float: left;
}
.detailTop .iconBox.prizeBox .prize {
	width: 35%;
	float: right;
	word-wrap:break-word;
	overflow-wrap:break-word;
}
.detailTop .iconBox.prizeBox .prize a {
	text-decoration: underline;
}
.detailTop .iconBox.doublePrizeBox .prizebox{
	display: inline-block;
	margin-top: 5px!important;
	margin-bottom: 5px!important;
	width: 48%;
	vertical-align: top;
	text-align: center;
}
.detailTop .iconBox.doublePrizeBox .prizebox.prize{
width: 43%;	
}
.detailTop .iconBox.doublePrizeBox .prizebox.special{
	width: 48%;
}
.detailTop .iconBox.doublePrizeBox .prizebox a {
	display: block;
}
.detailTop .iconBox.doublePrizeBox .prizebox.nolink img {
	margin-bottom: 10px;
	max-height: 100px;
}
.detailTop .iconBox.doublePrizeBox .prizebox.nolink p {
	line-height: 1.5;
}
.detailTop .iconBox.doublePrizeBox .prizebox.nolink a {
	display: inline-block;
}
.detailTop .iconBox.doublePrizeBox .prizebox a img {
	margin-bottom: 10px;
	max-height: 100px;
}
.detailTop .iconBox.doublePrizeBox .prizebox a p, .detailTop .iconBox.doublePrizeBox .prizebox.nolink a {
	line-height: 1.5;	
	color: #003783;
	text-decoration: underline;
}
@media only screen and (max-width: 1100px){
	.detailTop .iconBox.doublePrizeBox .prizebox{
		display: block;
		margin-top: 5px!important;
		margin-bottom: 20px!important;
		vertical-align: top;
		text-align: center;
	}
	.detailTop .iconBox.doublePrizeBox .prizebox.prize,
	.detailTop .iconBox.doublePrizeBox .prizebox.special{
		width: auto;
	}
	.detailTop .iconBox.doublePrizeBox .prizebox a {
		display: block;
	}
	.detailTop .iconBox.doublePrizeBox .prizebox a img, .detailTop .iconBox.doublePrizeBox .prizebox.nolink img {
		margin-bottom: 10px;
		max-height: none;
	}
	.detailTop .iconBox.doublePrizeBox .prizebox.prize a img {
		max-height: 100px;
	}
	.detailTop .iconBox.doublePrizeBox .prizebox a p {
		line-height: 1.5;	
	}
}
@media screen and (max-width: 992px){
	.detailTop .iconBox.doublePrizeBox .prizebox br.alter{
		display: none;
	}
}
.detailTop .right .description .annotation{
	padding-top: 7px;
}
.detailTop .right .description sup,
.detailTop .right .description .annotation li,
.thumbnailList .annotation li{
	font-size: 80%;
	line-height: 1.4;
}
.visibleXs, .visibleSm, .visibleMd, .visibleLg {
    display: none !important;
}
.detailTop .typeRight {
    width: 220px;
    float: right;
    padding-left: 30px;
    border-left: 1px solid #c6c8ca;
}
/*.detailTop .typeRight .btnFind:last-child{
	display: none;
}*/
.typeRight .btnFind{
	margin-bottom: 10px;
}
.detailTop .singleTyresIconBox span {
    display: inline-block;
    margin-top: 5px!important;
    margin-bottom: 5px!important;
    width: 100%;
}
.detailTop .doubleTyresIconBox span {
    display: inline-block;
    margin-top: 5px!important;
    margin-bottom: 5px!important;
    width: 48%;
    white-space: nowrap;
}
.detailTop .doubleTyresIconBox span img{
	margin-right: 10px;
}
.detailTop .doubleTyresIconBox span img,
.detailTop .singleTyresIconBox span img{
	width: 50px;
	height: 50px;
}
.typeRight .tireLogos{
	padding: 10px;
}
@media screen and (min-width: 992px)and (max-width: 1100px){
	.detailTop .doubleTyresIconBox span {
	    width: 100%;
	}
}
@media screen and (min-width: 768px)and (max-width: 1100px){
	.detailTop .tireLogos{
		padding-top: 20px;
	}
}
@media screen and (max-width:767px){
	.detailTop{
		padding: 15px 0 10px;
	}
	.detailTop .left, .detailTop .right{
		padding: 0;
	}
	.detailTop .iconBox,
  .detailTop .iconBox.doublePrizeBox,
	.detailTop .typeRight{
   		 width: 100%;
   	}
	.detailTop .right h1, .detailTop .right .description, .detailTop .iconBox,.detailTop .txtLabel,.detailTop .tireLogos {
	    padding: 0 40px;
	}
	.detailTop .tireLogos{
		padding-top: 20px;
	}
	.detailTop .right h1 span.en{
		font-size: 42px;
	}
	.typeRight .btnFind {
	    margin: 10px 5px;
	}
   	.detailTop .typeRight{
   		 padding: 0 20px 0;
   		 border-left: none;
   		 border-top: 1px solid #c6c8ca;
   		 padding-top: 10px;
   	}
	.detailTop .label-product{
		margin-left: 40px;
	}
	.typeRight .tireLogos{
		text-align: center;
	}
	.detailTop .txtLabel .headTxt{
		font-size: 10px;
	}
	.detailTop .iconImg img{
		height: 28px;
		margin-right: -2px;
	}
}
@media screen and (max-width:399px){
	.detailTop .right h1, .detailTop .right .description, .detailTop .iconBox,.detailTop .txtLabel,.detailTop .tireLogos {
	    padding: 0 20px;
	}
	.detailTop .tireLogos{
		height: 30px;
		margin-top: 30px;
	}
	.detailTop .tireLogos img{
		height: 100%;
	}
	.detailTop .right h1 span.en{
		font-size: 32px;
	}
	.detailTop .label-product{
		margin-left: 20px;
	}
	.detailTop .doubleTyresIconBox span {
	    width: 100%;
	}
	.detailTop .iconBox.prizeBox .iconTyres,
	.detailTop .iconBox.prizeBox .prize {
		width: 100%;
		float: none;
	}
	.detailTop .iconBox.prizeBox .prize {
		margin-top: 10px;
	}
}
/*navLocal*/

.fw .contentTypeDetail #navLocal {
    padding: 0 0 20px;
}
.contentTypeDetail #navLocal .j_toggleDetail a{
	position: relative;
}
@media screen and (min-width: 768px){
.contentTypeDetail #navLocal .j_toggleDetail a:before{
	content: "";
    display: block;
    border-top: solid 1px #003783;
    border-right: solid 1px #003783;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    top: inherit;
    bottom: 9px;
    left: 50%;
    margin-left: -4px;
    -ms-transform: translate(0, -50%) rotate(135deg);
    transform: translate(0, -50%) rotate(135deg);
    -webkit-transform: translate(0, -50%) rotate(135deg);
}
}
.fw .contentTypeDetail #navLocal .j_toggleDetail .bar{
	display: none !important;
}
.fw .contentTypeDetail #navLocal a.active {
    /*color: #000;*/
}
/*detailBox*/
.contentTypeDetail h2.title a {
	font-size: 15px;
    color: rgb(0, 0, 0);
    line-height: 145%;
    font-family: NotoSansCJKjp-Bold, YuGothic, 游ゴシック, sans-serif;
    font-weight: 700;
    padding: 24px 30px 20px 30px;
    display: block;
}
.contentTypeDetail .box-colspace h2 > a, h2.box-close a {
    background: url(../images/products/icon-close-mobile.png) right 30px center no-repeat #c6c8ca;
    background-size: 20px;
    text-transform: uppercase;
    text-decoration: none;
}

.contentTypeDetail h2.box-open a {
    background: url(../images/products/icon-open-mobile.png) right 30px center no-repeat #c6c8ca;
    background-size: 20px;
}
.contentTypeDetail .box-colspace-content{
	position: relative;
	padding: 30px;
}
@media screen and (min-width:1100px){
	.contentTypeDetail .box-colspace-content{
		max-width: 970px;
		margin: 0 auto;
	}
}
@media screen and (max-width:480px){
	.contentTypeDetail .box-colspace-content{
		padding: 20px;
	}
}
/*p a*/
.contentTypeDetail .txt a{
	text-decoration: underline;
}
/*thumbnailList*/
.thumbnailList li{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px 10px;
}
.thumbnailList li:nth-child(even){
	background: #f2f2f2;
}
.thumbnailList li.onePhoto{
	padding: 10px 0;
}
.thumbnailList li p{
	display: block;
	position: relative;
}
.thumbnailList li .img{
	width: 120px;
	padding: 10px;
}
.thumbnailList li .img.svgicon {
  height: 120px;
}
.thumbnailList li .img.svgicon img{
  max-width: 80%;
  max-height: 80%;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  }
.thumbnailList li.onePhoto .img{
	-webkit-flex: none;
	flex: none;
	padding: 0 100px 30px;
	width: 100%;
}
.thumbnailList li .data{
	-webkit-flex: 1;
	flex: 1;
	padding: 10px;
}
.thumbnailList li h3{
	margin-bottom: 0.2em;
	font-weight: 700;
}
.thumbnailList li h3,
.thumbnailList li h3 a{
	color: #195d97;
}
@media screen and (max-width:767px){
	.thumbnailList li .img{
		width: 24%;
		padding: 0 10px 0 0 ;
	}
  .thumbnailList li .img.svgicon {
    width: 100px;
    height: 100px;
  }
	.thumbnailList li .data{
		-webkit-flex: 1;
		flex: 1;
		padding: 0;
	}
	.thumbnailList li.onePhoto .img{
		padding: 0 0 10px;
	}
}
@media screen and (max-width:480px){
	.thumbnailList li{
		display: block;
		padding: 20px;
	}
	.thumbnailList li .img{
		width: 40%;
		padding: 0 0 10px 0 ;
		margin: auto;
	}
	.thumbnailList li .data{
		flex: none;
		padding: 0;
		max-width: 100%;
	}
}
@media screen and (max-width:375px){
	#Movie .thumbnailList li{
		display: block;
	}
	#Movie .thumbnailList li .img,#Movie .thumbnailList li .data{
		width: 100%;
		flex: none;
	}
}
/*flexBox*/
.listBlock{
	margin-bottom: 30px;
}
.listBlock h3{
	font-weight: bold;
	font-size: 15px;
	line-height: 145%;
	margin-bottom: 10px;
    background: #f2f2f2;
    padding: 20px;
}
.listBlock h3.ttl {
	font-size: 20px;
	color: #003783;
	margin-bottom: 20px;
	background: none;
	padding: 0;
	text-align: left;
}
.listBlock h3.ttl a {
	color: #003783;
	text-decoration: underline;
}
.listBlock .flexBox{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.listBlock .flexBox .photo,
.listBlock .flexBox.imgBox.w360 .photo{
	width: 360px;
	padding: 10px;
	flex: inherit;
}
.listBlock .flexBox .data{
	-webkit-flex: 1;
	flex: 1;
	padding: 10px;
}
.listBlock .flexBox .photo.data{
	flex: inherit;
}
.listBlock .flexBox .photo.low_noise{
	width: 82px !important;
}
.listBlock .flexBox.equal .photo{
	width: 50%;
}
.listBlock .flexBox.quarter .photo{
	width: 238px;
}
.listBlock .flexBox.imgBox .photo h4,
.listBlock .flexBox.imgBox .photo{
	text-align: left;
}
.listBlock .flexBox.imgBox div{
	margin-bottom: 20px;
}
.listBlock .flexBox.imgBox div h4{
	margin-bottom: 1px;
}
.listBlock .flexBox.imgBox div .spacerH4{
	height: 23px;
	margin-bottom: 1px;
}
.listBlock .singleBox .data{
	padding: 10px;
}
.listBlock .singleBox .data .taRight{
	text-align: right;
}
.listBlock .singleBox figure figcaption {
  font-size: 11px;
  text-align: right;
}
@media screen and (max-width:767px){
  .listBlock .singleBox figure figcaption {
    text-align: left;
  }
}
.listBlock .data .small{
	padding: 10px 0;
	font-size: 90%;
}
.listBlock .singleBox .photo{
	padding: 10px;
	margin-top: 10px;
}
.listBlock .singleBox .photo.center{
	text-align: center;
}
.listBlock .data h4{
	color: #195d97;
    margin-bottom: 1.2em;
    font-weight: 700;
}
.listBlock .data li h4{
	color: #333333;
	margin-bottom: 0;
}
.listBlock .data .txt:after{
	display: block;
	clear: both;
	content: "";
}
.listBlock .data p.txt{
	margin-bottom: 1em;
}
.listBlock .data p.strong{
	font-weight: bold;
}
.listBlock .data p.red{
	color: #a00000;
}
.listBlock .data p{
	display: block;
}
.listBlock .data p:before{
	display: block;
	clear: both;
	height: 0;
	content: "";
}
.listBlock .data ol.txt{
	padding-left: 0;
	overflow: hidden;
}
.listBlock .data ol.txt li{
	list-style: none;
	padding-left: 0;
	margin-left: 0;
	margin-bottom: 1em;
}
.listBlock .data .txt li h4,
.listBlock .data .txt li h5{
	font-weight: 700;
	color: #333;
	margin-bottom: 0.2em;
}
.listBlock .data .txt li p{
	padding-left: 1.3em;
}
.listBlock .data ul.txt{
	padding: 18px 10px 10px 2.0em;
	background: #f7f7f7;
}
.listBlock .data ul.txt li{
	list-style: disc outside;
	padding-left: 0em;
	text-indent: 0em;
	margin-left: 0;
    padding-bottom: 0.8em;
    font-size: 90%;
    line-height: 1.2;
}
.listBlock .data ul.txt li h5{
	margin-bottom: 0;
}
.listBlock .data ul.txt li p{
	padding-left: 0;
}
.listBlock .data .innerImg{
	padding: 5px;
}
.listBlock .data .innerImg.center{
	text-align: center;
}
.listBlock .data .innerImg.right{
	text-align: right;
}
.listBlock .data li .flLeft{
	float: left;
	margin: 0 5px 5px 0;
}
.listBlock .data li .flRight{
	float: right;
	margin: 0 0 5px 5px;
}
@media screen and (min-width:768px) and (max-width:1100px){
	.listBlock .flexBox.equal .photo{
		width: 50%;
	}
}
@media screen and (max-width:767px){
	.listBlock .flexBox .photo,
	.listBlock .flexBox.equal .photo,
	.listBlock .flexBox.quarter .photo,
	.listBlock .flexBox .data{
		width: 100%;
		text-align: center;
	}
	.listBlock .flexBox .data{
		flex: none;
	}
}
.fw .flexBtnBox{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.fw .flexBtnBox li{
	display: block;
	-webkit-flex: 1;
	flex: 1;
	text-align: center;
	padding: 30px 20px 0;
}
.fw .flexBtnBox .btnRoll{
	width: 100%;
	max-width: 100%;
	margin: auto;
}
.fw .flexBtnBox .btnRoll.btnRoll-multiline{
  line-height: 1.2;
}
@media screen and (min-width:768px) and (max-width:1024px){
	.fw .flexBtnBox{
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	}
	.fw .flexBtnBox li{
		padding: 20px 5px 0;
		width: 33.3333%;
	}
}
@media screen and (max-width:767px){
	.fw .flexBtnBox li{
		padding: 20px 2px 0;
	}
	.listBlock .data .txt li,.listBlock .data .txt li p,.listBlock .data h4,.listBlock .data p.txt
	{
		text-align: left;
	}
}
@media screen and (max-width:693px){
	.fw .flexBtnBox{
	    display: block;
	}
	.fw .flexBtnBox li{
		padding: 10px 0px 0px;
		flex: none;
		width: 100%;
		max-width: 320px;
		margin-left: auto;
		margin-right: auto;
	}
	.fw .flexBtnBox .btnRoll{
		width: 100%;
	}
	.listBlock .data .txt li,.listBlock .data .txt li p,.listBlock .data h4,.listBlock .data p.txt
	{
		text-align: left;
	}
}
.listBlock .headingLogo.flexBox {
	height: 100%;
}
.listBlock .flexBox .convention{
	width: 306px;
	padding: 0;
	flex: inherit;
}
.listBlock .flexBox .leadTxt{
	-webkit-flex: 1;
	flex: 1;
	padding: 10px 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media screen and (max-width:767px){
	.listBlock .flexBox .convention
	.listBlock .flexBox .leadTxt{
		width: 100%;
		text-align: center;
	}
	.listBlock .flexBox .leadTxt{
		flex: inherit;
	}
}

/*annotationList*/
#products .annotation{
	padding-left: 1.1em;
}
#products .annotation li{
	padding: 0;
	background: none;
	background: none;
}
ul.annotation li{
	text-indent: -1.0em;
	padding-left: 1.3em;
}
ol.annotation li{
	text-indent: -2.1em;
	padding-left: 1em;
	list-style: none;
}
.data .annotation{
	padding-top: 0.6em;
	padding-left: 10px;
	padding-right: 10px;
}
/*caution*/
.listBlock .caution{
	background: #f2f2f2;
	padding: 10px 20px 20px;
}
.listBlock .caution h3{
	color: #a00000;
	padding-left: 30px;
	background: url(../images/products/icon_caution.png) no-repeat left center;
	background-size: 24px;
	margin-left: 10px;
}
.listBlock .caution ul{
	padding-left: 30px;
}
.listBlock .caution li{
	margin: 1em 0;
	padding-left: 0px;
	list-style-type: disc;
}
.listBlock .caution li h4{
	font-weight: 700;
}
.listBlock .caution li p{
	font-size: 90%;
}
/*table*/
.tableBox{
	padding: 0;
	margin: 0 0 20px;
	width: 100%;
}
.tableBox.sideScroll{
	position: relative;
	width: 100%;
}
.tableWrapper{
	overflow: auto;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
}
.compareVector4{
	border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    width: 910px;
}
.compareVector4.fixedItem{
	width: 181px;
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
}
.compareVector4 th,.compareVector4 td{
	border: #ccc 1px solid;
	text-align: center;
	box-sizing: border-box;
	vertical-align: middle;
}
.compareVector4 .spacer td{
	width: 110px;
	padding: 0;
	box-sizing: border-box;
}
.compareVector4 .spacer td:nth-child(1){
	width: 180px;
}
.compareVector4 .data{
	width: 110px;
	height: 90px;
	padding: 5px;
}
.compareVector4 .fixedHead{
	width: 181px;
	height: 91px;
}
.compareVector4 .tableHeader01 .fixedHead{
	background-color: #bfc0bf;
	height: 150px;
}
.compareVector4 .tableHeader01 .thead{
	background-color: #dddedc;
	height: 60px;
}
.compareVector4 .theadDetail{
	font-size: 82%;
	padding: 5px;
	height: 90px;
}
.theadDetail:nth-child(odd){
	background-color: #f0f0f0;
}
.theadDetail:nth-child(even){
	background-color: #f6f6f6;
}
.rowTire01 .fixedHead{
	background-color: #902f34;
	color: #fff;
}
.rowTire01 .data:nth-child(odd){
	background-color: #f8dbda;
}
.rowTire01 .data:nth-child(even){
	background-color: #fdeceb;
}
.rowTire02 .fixedHead{
	background-color: #045291;
	color: #fff;
}
.rowTire02 .data:nth-child(odd){
	background-color: #e3f3f7;
}
.rowTire02 .data:nth-child(even){
	background-color: #f1f9fb;
}
.rowTire03 .fixedHead{
	background-color: #face3a;
}
.rowTire03 .data:nth-child(odd){
	background-color: #fff0df;
}
.rowTire03 .data:nth-child(even){
	background-color: #fff7ee;
}
@media screen and (max-width: 480px){
	.compareVector4.fixedItem{
		width: 91px;
	}
	.compareVector4 th,.compareVector4 td{
		font-size: 11px;
		padding: 3px !important;
	}
	.compareVector4{
		width: 600px;
	}
	.compareVector4 .spacer td:nth-child(1){
		width: 90px;
	}
	.compareVector4 .data{
		width: 60px;
		height: 90px;
		padding: 5px;
	}
	.compareVector4 .fixedHead{
		width: 91px;
		line-height: 1.2;
	}
	.compareVector4 .tableHeader01 .fixedHead{
		height: 151px;
	}
	.compareVector4 .theadDetail{
		font-size: 90%;
		padding: 5px;
	}
	.compareVector4 .rowTire02 img{
		width: 90%;
	}
	.listBlock.spAdsorption{
		margin-left: -10px;
		margin-right: -10px;
	}
	.listBlock.spAdsorption table{
		xborder-right: #fff 10px solid;
	}
	.listBlock.spAdsorption table.fixedItem{
		border-right: none;
	}
}
/*SizeList*/
.tableBox .sizeList{
	width: 100%;
}
.tableBox .sizeList.roadRange{
	border-top: #999 1px solid;
}
.tableBox .sizeList th,
.tableBox .sizeList td{
	border-bottom: #999 1px solid;
	text-align: center;
	min-width: 2em;
}
.tableBox .sizeList td{
	padding: 2px 10px;
	white-space: nowrap;
}
.tableBox .sizeList th{
	background: #e3e3e3;
	vertical-align: middle;
	padding: 6px 10px;
	font-size: 13px;
}
.tableBox .sizeList td.inch{
	background: #efefef;
}
.tableBox .sizeList td.tireSize{
	min-width: 10em;
}
.tableBox .sizeList td.mark{
	text-align: left;
	width: 3em;
}
.tableBox .sizeList .tireSize{
	text-align: left;
}
.tableBox .sizeList td.green{
	color: #149648;
}
.tableBox .sizeList td.gray{
	color: #444;
}
#Conventional .headingLogo,
#Conventional01 .headingLogo{
	height: auto;
	background-color: #f2f2f2;
	padding-top: 10px;
	padding-left: 5px;
}
#Conventional .headingLogo img,
#Conventional01 .headingLogo img{
	height: auto;
}
@media screen and (max-width:880px){
	.tableBox .sizeList th{
		font-size: 12px;
	}
	.tableBox .sizeList td{
		font-size: 13px;
	}
}
@media screen and (max-width:767px){
	.tableBox .sizeList{
		width: 800px;
	}
}


/*technology*/
.headingLogo{
	display: block;
	margin: 0;
	padding: 0;
}
/*ageList*/
.ageList ul{
	position: relative;
	margin: 0 0 24px 66px;
	min-height: 86px;
	border: #ccc 2px solid;
	border-radius: 7px;
	padding: 8px 10px 5px 2em;
	max-width: 640px;
}
.ageList ul:after{
	position: absolute;
	display: block;
	left: -66px;
	top: 0;
	width: 56px;
	height: 86px;
	content: "";
	background-image: url(/common/images/products/tires/eaglervf/icon_age.png);
	background-repeat: no-repeat;
}
.ageList ul:before{
	position: absolute;
	left: -8px;
	top: 33px;
	width: 14px;
	height: 14px;
	content: "";
	background-color: #fff;
	border-top: #ccc 2px solid;
	border-left: #ccc 2px solid;
	transform: rotate(-45deg);
}
.ageList ul li{
	list-style: disc outside;
	text-indent: 0em;
	padding-left: 0em;
	line-height: 1.4;
	margin-bottom: 0.4em;
	text-align: left;
}

/*equal3Plus*/
.listBlock .flexBox.equal3Plus{
    display: table;
    margin: auto;
}
.equal3Plus > div{
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}
.listBlock .flexBox.equal3Plus .photo{
	width: 225px;
	text-align: left;
}
.listBlock .flexBox.equal3Plus .photo img{
	padding: 10px;
}
.equal3Plus .plus{
	width: 50px;
}
.listBlock .flexBox.equal3Plus .photo .data{
	text-align: left;
}
@media screen and (max-width:767px){
	.listBlock .flexBox.equal3Plus{
		display: -webkit-box;
	    display: -webkit-flex;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
		flex-direction: column;
	}
	.listBlock .flexBox.equal3Plus .photo,
	.equal3Plus .plus{
		width: 100%;
	}
	.listBlock .flexBox.equal3Plus .photo{
		text-align: center;
	}
	.equal3Plus .plus{
		text-align: center;
	}

}

/*ComventionalTire*/
.conventionalTire{
	background: #f2f2f2;
	margin: 0 0 20px;
	display: table;
	padding: 0px;
	vertical-align: middle;
	width: 100%;
}
.conventionalTire.listBlock{
	margin-bottom: 30px;
}
.conventionalTire h3{
    display: block;
    text-transform: inherit;
    word-break: break-word;
    color: #333;
    font-family: 'FSSinclairMedium','NotoSansCJKjp-Bold',sans-serif;
    letter-spacing: 0;
    font-size: 22px;
    line-height: 90%;
    padding: 10px 0;
}
.conventionalTire > div{
	display: table-cell;
	float: none !important;
	border-collapse: separate;
	border-spacing: 0;
}
.conventionalTire > .left{
	padding: 10px 10px 10px 20px;
	vertical-align: middle;
}
.conventionalTire > .right{
	padding: 0px 10px 0px 0px;
	vertical-align: bottom;
	width: 200px;
}
@media screen and (min-width:768px){
	.conventionalTire .right img{
		max-width: 200px !important;
	}
}
@media screen and (max-width:767px){
	.conventionalTire h3{
    	font-size: 20px;
	}
	.conventionalTire .right{
		width: 28%;
	}
	.conventionalTire .right img{
		width: 100%;
		max-width: 100% !important;
	}
}
/*
@media screen and (max-width:480px){
	.conventionalTire > .left{
		width: 100%;
		display: block;
	}
	.conventionalTire > .right{
		display: block;
		width: 100%;
		text-align: right;
	}
}*/

/*bnrSearch.bnrShop*/
.fw .bnrSearch.bnrShop{
	margin-bottom: 16px;
	padding: 0 40px;
	background-image: url(/common/images/products/bg_search_shop.jpg);
}


/*movie*/
.fw .flexBox .techLogo{
	text-align: center;
	padding-top: 20px;
}
.fw .flexBox .techLogo img{
	width: 160px;
}


.fw #Movie .box-colspace-content{
	max-width: inherit;
	padding: 0;
}
.fw #Movie .listBoxA{
	margin-top: 0;
}
.fw #Movie .listBoxA .item{
	padding: 30px;
}
.fw #Movie .listBoxA .btnLineUnder{
	display: none;
}
@media screen and (max-width:767px){
	.fw #Movie .listBoxA .item{
		padding: 15px;
	}
}



/*-----------------------------------------

	OE

-----------------------------------------*/
/*
.fw#oe #navLocal a {
    padding: 0 24px;
}
*/
.fw .listBoxOE{
	margin-top: 10px;
}
.fw .listBoxOE .item {
    margin-bottom: 20px;
}
.fw .listBoxOE .item:last-child {
    margin-bottom: 0;
}
.fw .listBoxOE .itemInner:nth-child(odd) {
    background: #fff;
}
.fw .listBoxOE article.item:nth-child(even) .itemInner {
    background: #f2f2f2;
}
.fw .listBoxOE .itemInner {
    display: table;
    width: 100%;
    overflow: hidden;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
.fw .listBoxOE .itemInner .infoBox {
    padding: 25px 20px 10px;
}
.fw .listBoxOE .itemInner .infoBox h3 {
    color: #003783;
}
.fw .listBoxOE .itemInner .infoBox h3 .en {
    font-size: 30px;
    font-family: "FSSinclairMedium", "NotoSansCJKjp-Bold", sans-serif;
    letter-spacing: 0;
    display: block;
}
.fw .listBoxOE .itemInner .infoBox h3 .en sup{
	vertical-align: baseline;
	font-size: 50%;
	letter-spacing: -1px;
}
.fw .listBoxOE .itemInner .infoBox h3 .maker{
    padding: 0 0 10px;
    font-size: 12px;
    display: block;
}
.fw .listBoxOE .itemInner .infoBox h3 .jp {
    padding: 5px 0 10px;
    font-size: 14px;
    display: block;
    text-indent: -0.5em;
}

.fw .listBoxOE .sizeList{
    padding: 0 20px 25px;
}
.fw .listBoxOE .sizeList table{
	width: 100%;
}
.fw .listBoxOE .sizeList th,
.fw .listBoxOE .sizeList td{
	text-align: left;
    border-bottom: #999 1px solid;
}
.fw .listBoxOE .sizeList .oePattern{
	width: 50%;
}
.fw .listBoxOE .sizeList .oeInstall{
	width: 10%;
    min-width: 3em;
}
.fw .listBoxOE .sizeList th {
    background: #e3e3e3;
    vertical-align: middle;
    padding: 6px 10px;
}
.fw .listBoxOE .sizeList td {
    padding: 2px 10px;
    background: #fff;
}
.fw#oe .txtBox.annotation{
	margin-top: 20px;
	margin-bottom: 20px;
}
.fw#oe .txtBox.annotation .small{
	font-size: 84%;
	line-height: 1.2;
}
.fw#oe .txtBox.annotation .indent{
	text-indent: -1em;
	padding: 5px 1em;
}
@media screen and (max-width: 767px){

	.fw .listBoxOE .sizeList th,
	.fw .listBoxOE .sizeList td {
		padding: 2px 4px;
	}
}

/*listBoxPettern*/
.fw section.contentPettern{
	padding: 0;
	background: #fff;
}
.fw section.contentPettern .listBlock{
	padding: 0 20px 0;
}
.fw section.contentPettern .txtBox.small{
	padding: 15px 20px;
	background: #f2f2f2;
}
.fw section.contentPettern .txtBox.small p{
	font-size: 80%;
	line-height: 1.2;
}
.fw .listBoxPettern{
	position: relative;
	background: #fff;
}
.fw .listBoxPettern .item{
	background: #fff;
	display: inline-block;
	width: 50%;
	padding: 15px;
}
.fw .listBoxPettern .item .itemInner{
	display: table;
	width: 100%;
	margin: 0;
}
.fw .listBoxPettern .item .imgBox{
	vertical-align: bottom;
	display: table-cell;
}
.fw .listBoxPettern .item .infoBox{
	display: table-cell;
	padding-left: 10px;
	vertical-align: middle;
}
.fw .listBoxPettern .item .infoBox h3 .en{
	color: #333;
	font-size: 14px;
	font-weight: 800;
	font-style: italic;
	display: block;
	border-bottom: #333 1px solid;
}
.fw .listBoxPettern .item .infoBox h3 .jp{
	color: #333;
	font-size: 10px;
	line-height: 1.2;
	display: block;
}
.fw .listBoxPettern .item .infoBox h3 .symbolMS{
	position: relative;
	padding-right: 30px;
}
.fw .listBoxPettern .item .infoBox h3 .symbolMS span{
	position: absolute;
	display: inline-block;
	border: #333 1px solid;
	color: #333;
	font-size: 10px;
	line-height: 1;
	padding: 1px;
	bottom: 3px;
	right: 0;
	font-style: normal;
}
.fw .listBoxPettern .item .subBox{
	display: table-cell;
	width: 70px;
	vertical-align: bottom;
}
.fw .listBoxPettern .item .subBox h4{
	font-size: 10px;
	letter-spacing: -0.05px;
	text-align: center;
	line-height: 1.2;
}
.fw #Symbols{
	background: #f2f2f2;
	padding: 10px 5px 5px;
	margin: 20px;
}
.fw #Symbols p.txt{
	padding-left: 10px;
	font-size: 90%;
}

.fw .symbolBox .imgs p{
	padding: 0 5px 10px;
}
.fw .symbolBox h3{
	border-bottom: #333 2px dotted;
	margin: 5px;
	padding: 5px 0;
	letter-spacing: -0.02px;
	font-size: 100%;
}
.fw .symbolBox h3 span{
	white-space: nowrap;
	font-size: 80%;
}
@media screen and (min-width: 1101px){
	.fw .listBoxPettern .item .imgBox{
		width: 20%;
		max-width: 180px;
	}
	.fw .listBoxPettern .item .infoBox h3 .en{
		font-size: 1.2vw;
	}
	.fw .listBoxPettern .item .infoBox h3 .jp{
		font-size: 0.6vw;
	}
	.fw .symbolBox{
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: -ms-flexbox;
		display: flex;
	}
	.fw .symbolBox > div{
		width: 14.285%;
	}
	.fw .symbolBox > div.double{
		width: 28.57%;
	}
	.fw .symbolBox > div.double .imgs{
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: -ms-flexbox;
		display: flex;
	}
	.fw .symbolBox > div.double .imgs p{
		width: 50%;
	}
	.fw .listBoxPettern .item .infoBox h3 .symbolMS span{
		font-size: 0.9vw;
	}
	.fw .symbolBox h3{
		height: 53px;
	}
	.fw .symbolBox h3 span{
		display: block;
		text-indent: -0.5em;
	}

}

@media screen and (min-width: 1px) and (max-width: 1100px){
	.fw .symbolBox{
		display: block;
	}
	.fw .symbolBox > div .imgs p{
		width: 200px;
		max-width: 40%;
		display: inline-block;
	}
	.fw .symbolBox h3{
		margin-bottom: 10px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1100px){
	.fw .listBoxPettern .item .imgBox{
		width: 20%;
	}
}
@media screen and (max-width: 767px) {
	.fw .listBoxPettern .item{
		display: block;
		width: 100%;
	}
	.fw .listBoxPettern .item .imgBox{
		width: 20%;
	}
}
@media screen and (max-width: 480px){
	.detailTop .flexslider .slides{
		width: auto !important;
		max-width: 100%;
		margin: 0 20px;

	}
	.detailTop .flexslider .flex-viewport .slides{
		margin: 0;
	}
	.flex-direction-nav a{
		width: 30px;
		height: 30px;
	}
	.flex-direction-nav .flex-prev:before, .flex-direction-nav .flex-next:before{
		background-size: contain !important;
		width: 30px;
		height: 30px;
	}
	.flex-direction-nav .flex-prev{
		left: 0;
	}
	.flex-direction-nav .flex-next{
		right: 0;
	}
	.flexslider:hover .flex-direction-nav .flex-prev {
	  opacity: 0.7;
	  left: 3px;
	}
	.flexslider:hover .flex-direction-nav .flex-prev:hover {
	  opacity: 1;
	}
	.flexslider:hover .flex-direction-nav .flex-next {
	  opacity: 0.7;
	  right: 3px;
	}
	.flexslider:hover .flex-direction-nav .flex-next:hover {
	  opacity: 1;
	}
}

.cargopro__attention {
	background-color: #f2f2f2;
	padding: 20px;
}
.cargopro__attention__title {
    font-size: 15px;
    line-height: 145%;
    font-family: NotoSansCJKjp-Bold, YuGothic, 游ゴシック, sans-serif;
	font-weight: 700;
	margin-bottom: 10px;
}
.cargopro__attention__list {
	margin-bottom: 10px;
}
.cargopro__attention__table {
	background-color: #fff;
	table-layout: fixed;
}
.cargopro__attention .tableBox {
	margin-bottom: 0;
}
@media screen and (max-width:767px){
	.cargopro__attention .tableBox .sizeList.cargopro__attention__table{
		width: 100%;
		min-width: 400px;
	}
}