#content{
/* padding-top: 47px; */
padding-top: 85px;
}
.index #contentBG{
background:url(/product/tire/img/contentbg_bg_sp1.png) center -5% no-repeat;
background-size:100%;
}
#index_search{
width:95%;
margin:0 auto;
color:#fff;
}
#index_search .L{
background:url(/product/tire/img/index_search_lbg.png) #000 left top repeat-x;
padding:5%;
border-top:#dc0a0b solid 3px;
}
#index_search .L div.titleBox{
float:left;
width:60%;
margin-left:3%;
}
#index_search .L div.titleBox img{
float:left;
width:27%;
margin-left:3%;
}
#index_search .L div.titleBox p.title{
background:url(/product/tire/img/arrow_red.png) left 13px no-repeat;
background-size:7px 9px;
font-size: 130%;
line-height: 1.4em;
margin-left:5%;
padding-left:17px;
float:left;
}
#index_search .L div.titleBox p.title a,
#index_search .R a{
color:#fff;
text-decoration:none;
}
#index_search .L div.titleBox p.title a:hover,
#index_search .R a:hover{
text-decoration: underline;
}
#index_search .L div.titleBox p.description{
font-size: 95%;
line-height: 1.4em;
margin-top:5%;
}
#index_search .L img.tire{
float:right;
width:28%;
margin-right:5%;
}
#index_search .L p.van{
margin-top:3%;
text-align:center;
}
#index_search .L p.van a{
background:url(/product/tire/img/arrow_red.png) left center no-repeat;
background-size:5px 7px;
color:#fff;
padding-left:10px;
}
#index_search .L p.btn:before{
display: inline-block;
min-height: 1%; /* for IE 7*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#index_search .L p.btn a{
background:#3b3b3b;
display:block;
text-decoration:none;
color:#fff;
font-size:120%;
padding:4%;
margin-top:3%;
text-align:center;
}
#index_search .L p.btn a:hover{
background-color:#a60510;
}
#index_search .L p.btn a span{
background:url(/product/tire/img/arrow_red.png) left center no-repeat;
background-size:7px 9px;
padding-left:17px;
}
#index_search .L p.btn a:hover span{
background:url(/product/tire/img/arrow_white.png) left center no-repeat;
background-size:7px 9px;
}
#index_search .R{
background:url(/product/tire/img/index_search_rbg.png) left top repeat-x;
padding:2% 5% 0;
border-top:#dc0a0b solid 3px;
margin-top:5%;
}
#index_search .R img.shop{
width:20%;
float:left;
margin:8% 0 0 4%;
}
#index_search .R .clearfix{
width:70%;
float:left;
}
#index_search .R p.title{
background:url(/product/tire/img/arrow_red.png) left center no-repeat;
background-size:7px 9px;
font-size: 130%;
line-height: 1em;
margin:12% 0 0 8%;
padding-left:17px;
float:left;
}
#index_search .R p.signboard{
width:30%;
margin:0;
float:right;
}
#index_brandBNR{
margin-top:10%;
}
#indexInfo{
margin:10% auto 0;
width:95%;
}
#indexInfo h2{
background:url(/product/tire/img/index_info_h2.gif) left top no-repeat;
background-size:55px 55px;
font-size:120%;
line-height:55px;
padding:0% 3% 6% 65px;
}
#InfoBox .InfoBoxIn div.img{
float:left;
width:47%;
vertical-align:top;
}
#InfoBox .InfoBoxIn div.text{
float:left;
width:45%;
color:#fff;
padding:3% 4%;
}
#InfoBox .InfoBoxIn div.text a{
color:#fff;
}
#InfoBox .InfoBoxIn div.text p{
margin-bottom:2%;
font-size:90%;
}
#InfoBox .InfoBoxIn.Big,
#InfoBox .InfoBoxIn.Small div.clearfix{
margin-top:3%;
background:#000;
}
#indexNews{
margin:7% 0 0;
background:#f2f2f2;
}
#indexNews p.title{
background:#e6e6e6;
font-size:110%;
font-weight:bold;
padding:3% 5%;
}
#indexNews ul.indexNewsBox{
padding:0 5% 3%;
}
#indexNews ul.indexNewsBox li{
background:url(/product/tire/img/arrow_red.png) left 6px no-repeat;
background-size:7px 9px;
margin-top:4%;
}
#indexNews ul.indexNewsBox li span{
background:url(/product/tire/img/icon_newlink.png) right center no-repeat;
background-size:13px 12px;
display:block;
padding-left:15px;
margin-bottom:1%;
font-size:90%;
width: 10.5em;
}
#indexNews a.btn{
background:url(/product/tire/img/arrow_red.png) #000 25px center no-repeat;
background-size:7px 9px;
display:block;
padding:3% 0% 3% 10%;
color:#fff;
text-decoration:none;
margin:5% auto;
width:4em;
}
#indexNews a.btn:hover{
background-color:#333;
text-decoration:none;
}
p.indexBNRmatchinggallery{
margin: 7% auto 0;
width: 95%;
}
p.indexBNRchelsea{
margin: 3% auto 0;
width: 95%;
}
/* 熊本地震 */
#Notice{
margin:5% 5% 7%;
padding:8% 5%;
background:#fff;
border:#ccc solid 1px;
text-align:center;
font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝体","Yu Mincho","HG明朝E","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ",Meiryo,"","ＭＳ Pゴシック",sans-serif;
color:#333;
line-height:2em;
}
#Notice p{
font-size:120%;
line-height:1em;
margin-bottom:5%;
}
/* タイヤ詳細
------------------------------------------------*/
#brandTitleContent #Name #R{
display:none;
}
#brandTitleIn{
background-size:100% !important;
}
#brandTitleContent{
padding-top:28%;
text-align:center;
}
.NoBrand #brandTitleContent{
padding-top: 7%;
}
#brandTitleContent #Name #L .Description{
font-size:120%;
line-height:1.5em;
text-align: left;
padding: 0 25px;
}
#brandTitleContent #Name #L .ruby{
margin-top:2%;
}
#brandTitleContent #Name #L .logo{
width:80%;
margin:2% auto 0;
font-size: 22px;
font-family: "Roboto Condensed", sans-serif;
font-style: italic;
font-weight: bold;
}
.productTire #PerformanceIn{
width:90%;
margin:10% auto 0;
}
.productTire #PerformanceIn #PerformanceBox #L{
}
.productTire #PerformanceIn #PerformanceBox #L p.patternNumber{
color:#fff;
padding:1% 5%;
}
.productTire #PerformanceIn #PerformanceBox #L p.patternNumber span{
font-size:120%;
vertical-align:middle;
}
.productTire #PerformanceIn #PerformanceBox #L p.img{
background:url(/product/tire/img/brandtire_photo_bg.jpg) center top no-repeat;
background-size:100%;
text-align:center;
overflow:hidden;
position:relative;
}
.productTire #PerformanceIn #PerformanceBox #L p.img img.new{
width: 25%;
position: absolute;
top: 0;
left: 0;
margin-top: 0;
}
.productTire #PerformanceIn #PerformanceBox #L p.img img{
width:50%;
margin-top:5%;
}
.productTire #PerformanceIn #PerformanceBox #L p.img span{
position:absolute;
bottom:3%;
left:3%;
font-size:80%;
line-height:1.3em;
text-align:left;
}
.productTire #PerformanceIn #PerformanceBox #L p.img span img{
width:30%;
margin: 0 0 2%;
}
.productTire #PerformanceIn #PerformanceBox #L ul{
margin-top:5%;
}
.productTire #PerformanceIn #PerformanceBox #L ul li{
list-style:disc;
line-height:1.7em;
margin-left:5%;
}
.productTire #PerformanceIn #PerformanceBox #R{
margin-top:5%;
}
ul.GenreIcon li{
float:left;
font-size:110%;
margin-right: 10px;
padding: 3px 10px;
}
ul.GenreIcon li.GenreIconSport{
border:#bb192f solid 1px;
color:#bb192f;
}
ul.GenreIcon li.GenreIconComfort{
border:#9f7819 solid 1px;
color:#9f7819;
}
ul.GenreIcon li.GenreIconEco{
border:#009a44 solid 1px;
color:#009a44;
}
ul.GenreIcon li.GenreIconStudless{
border:#345385 solid 1px;
color:#345385;
}
ul.GenreIcon li.GenreIconStudless{
border:#345385 solid 1px;
color:#345385;
}
ul.GenreIcon li.GenreIconOe{
border:#000 solid 1px;
color:#fff;
background:#000;
}
.PerformanceFeature{
display: none;
/* margin-top:5%;
position:relative; */
}
.PerformanceFeature#feature39,
.PerformanceFeature#feature40,
.PerformanceFeature#feature41,
.PerformanceFeature#feature42,
.PerformanceFeature#feature43,
.PerformanceFeature#feature44,
.PerformanceFeature#feature45,
.PerformanceFeature#feature46,
.PerformanceFeature#feature48,
.PerformanceFeature#feature143,
.PerformanceFeature#feature37,
.PerformanceFeature#feature23{
height:0;
display: none;
}
.PerformanceFeature ul{
position:absolute;
top:0;
left:3%;
}
.PerformanceFeature ul li{
line-height:1em;
margin:0 0 8px;
padding:11px 0;
font-size:90%;
color:#fff;
}
.PerformanceFeature img{
height:250px;
width:100%;
}
table.productTireDetail{
margin-top:5%;
}
.searchbytirebrandBox table.productTireDetail {
border-top: 1px solid #000;
}
table.productTireDetail th,
table.productTireDetail td{
vertical-align:middle;
padding:3% 0;
border-bottom:#000 solid 1px;
}
table.productTireDetail th{
width:7em;
font-weight:normal;
}
table.productTireDetail td .caricon{
width:20%;
margin-right:3%;
display:block;
float:left;
}
table.productTireDetail td .inchicon{
width:10%;
margin-right:2%;
display:block;
float:left;
height:auto;
}
table.productTireDetail div.label{
padding:0 10px;
}
table.productTireDetail div.label p{
font-size:10px;
line-height:1.3em;
}
table.productTireDetail div.label p span{
display:block;
margin-top:2%;
}
table.productTireDetail div.label p.L{
}
table.productTireDetail div.label p.R{
margin-top:3%;
}
#Introduction_SizeList{
margin:10% auto;
}
#Introduction_SizeList #Menu p{
width:90%;
margin:0 auto;
}
#Introduction_SizeList #Menu p a{
display:block;
float:left;
text-align:center;
text-decoration:none;
font-size:110%;
width:48%;
padding:3% 0 2%;
}
#Introduction_SizeList #Menu p a span{
position:relative;
margin-left: 7%;
}
#Introduction_SizeList #Menu p a span:before{
background:url(/product/tire/img/arrow_red.png) left center no-repeat;
transform:rotate(90deg);
position:absolute;
top:8px;
left:-14px;
content: "";
background-size:5px 7px;
width:5px;
height:7px;
}
#Introduction_SizeList #Menu p a:first-child{
margin-right:4%;
}
#Introduction_SizeList #Menu p a.on,
#Introduction_SizeList #Menu p a:hover{
color:#fff;
}
#Introduction_SizeList #Box{
width:90%;
margin:5% auto 0;
}
#Introduction_SizeList #Introduction,
#Introduction_SizeList #SizeList{
margin-top:-15%;
padding-top:15%;
}
#Introduction_SizeList #Introduction .IntroductionTitle{
border-bottom:#aaa solid 2px;
padding-bottom:2%;
font-size:120%;
line-height:1.2em;
margin:7% 0 3%;
}
#Introduction_SizeList #Introduction .IntroductionTitle.mT0{
margin-top:0;
}
#Introduction_SizeList #Introduction .IntroductionBox div.R{
display:block;
width:60%;
margin:5% auto 0;
}
#Introduction_SizeList #Introduction .IntroductionBox div.R img{
margin-bottom:3%;
}
.w100{
width:100px;
}
#Introduction .IntroductionBox2{
margin:3% auto 0;
}
#Introduction .IntroductionBox2 img{
margin-bottom:3%;
}
#Introduction .IntroductionBox2 div{
width:95%;
margin:0 auto;
}
#Introduction .IntroductionBox2 div.R,
div.IntroductionBox2 div.R p.f16{
margin-top:5%;
}
#Introduction .IntroductionBox2 div img{
width:300px;
}
#Introduction_SizeList #SizeList ul.PerformanceIcon{
margin:3% 0 0;
}
#Introduction_SizeList #SizeList ul.PerformanceIcon li{
color:#009944;
font-weight:bold;
margin-bottom:2%;
}
#Introduction_SizeList #SizeList ul.PerformanceIcon li img{
width:22px;
vertical-align:middle;
margin-right:2%;
}
#Introduction_SizeList #SizeList .Size{
background:#55984b;
color:#fff;
padding:2px 20px;
font-size:16px;
text-align:left;
border-left:#959595 solid 1px;
border-right:#959595 solid 1px;
border-top:#959595 solid 1px;
}
div.SizeListTable{
overflow-x: scroll;
width:100%;
border-bottom:#959595 solid 1px;
}
div.SizeListTable.clearfix:after{
display: none;
}
div.SizeListTable div{
display:table;
width:900px;
border-left:#959595 solid 1px;
border-right:#959595 solid 1px;
}
div.SizeListTable div:nth-child(2n){
background:#efefef;
}
div.SizeListTable div p{
display:table-cell;
text-align:center;
vertical-align:middle;
line-height:1.2em;
padding:7px 5px;
table-layout: fixed;
border-left:#e7e7e7 solid 1px;
border-top:#959595 solid 1px;
width:60px;
font-size:12px;
}
div.SizeListTable div p.inch{
width:30px;
background:#fff;
color:#fff;
border-top:none;
}
div.SizeListTable div p.oblateness{
width:42px;
background:#fff;
color:#fff;
border-top:none;
}
div.SizeListTable div p.tiresize{
width:135px;
}
div.SizeListTable div p.icon{
width:25px;
color:#009944;
}
div.SizeListTable div p.icon img{
width:22px;
}
div.SizeListTable div p.first{
border-top:#959595 solid 1px;
color:#000;
}
div.SizeListTable div p.mark{
width:14px;
}
div.SizeListTable div p.code{
width:85px;
}
div.SizeListTable div p.money{
width:88px;
}
div.SizeListTable div:first-child p{
border-top:none;
}
.OETireTable{
margin-top:3%;
border-bottom:#ccc solid 1px;
}
.OETireTable tr th,
.OETireTable tr td{
padding:3%;
vertical-align:top;
border-top:#ccc solid 1px;
font-size:90%;
line-height:1.5em;
}
.OETireTable tr th{
width:7em;
font-weight:normal;
}
#Introduction_SizeList #Introduction .IntroductionTitle_geolandar{
font-size:120%;
font-weight:bold;
color:#08308f;
line-height:1.3em;
margin:7% 0 3%;
}
#Introduction_SizeList #Introduction .IntroductionTitle_geolandar.mT0,
#Introduction_SizeList #Introduction .IntroductionTitle_ecos.mT0{
margin-top:0;
}
#Introduction_SizeList #Introduction .IMGNote{
font-size:90%;
margin-top:2%;
}
#Introduction_SizeList #Introduction .IntroductionTitle_ecos{
font-size:120%;
font-weight:bold;
color:#008a4f;
line-height:1.3em;
margin:7% 0 3%;
}
#Introduction_SizeList #Introduction .IntroductionTitle_parada{
font-size:105%;
font-weight:bold;
color:#cc0000;
line-height:1.3em;
margin:3% 0;
}
ul.styleDisc li{
line-height: 1.7em;
list-style: disc;
margin:0 0 2% 5%;
}
.centerSP{
text-align:center;
}
/* SizeListTable */
div#SizeListTableNo1 div p:nth-of-type(6),
div#SizeListTableNo1 div p:nth-of-type(7),
div#SizeListTableNo1 div p:nth-of-type(8),
div#SizeListTableNo1 div p:nth-of-type(9){width:45px;}
div#SizeListTableNo1 div p.tiresize {width:140px;}
div#SizeListTableNo1 div p.money {width:80px;}
div#SizeListTableNo1 div p.code {width:63px;}
div#SizeListTableNo2 div p.tiresize {width:142px;}
div#SizeListTableNo2 div p.tirerim {width:69px;}
div#SizeListTableNo2 div p.code {width:85px;}
div#SizeListTableNo3 div p.tiresize {width:150px;}
div#SizeListTableNo3 div p.weight{width:80px;}
div#SizeListTableNo3 div p.tirerim {width:73px;}
div#SizeListTableNo3 div p.money {width:130px;}
div#SizeListTableNo3 div p.code {width:109px;}
div#SizeListTableNo4 div p.tiresize {width:137px;}
div#SizeListTableNo4 div p.tirerim {width:68px;}
div#SizeListTableNo4 div p.code {width:70px;}
div#SizeListTableNo4 div p.icon {width:28px;}
div#SizeListTableNo5 div p.tiresize {width:160px;}
div#SizeListTableNo5 div p.code {width:63px;}
div#SizeListTableNo5 div p.weight{width:60px;}
div#SizeListTableAdvanSports div p:nth-of-type(7),
div#SizeListTableAdvanSports div p:nth-of-type(8),
div#SizeListTableAdvanSports div p:nth-of-type(9),
div#SizeListTableAdvanSports div p:nth-of-type(10){width:51px;}
div#SizeListTableAdvanSports div p.tiresize{width:151px;}
div#SizeListTableAdvanSports div p.money{width:90px;}
div#SizeListTableAdvanSports div p.code {width:65px;}
div#SizeListTableAdvanA021R div p.tiresize{width:145px;}
div#SizeListTableAdvanA021R div p.weight{width:60px;}
div#SizeListTableAdvanA021R div p.tirerim{width:86px;}
div#SizeListTableAdvanA021R div p.code{width:107px;}
div#SizeListTableAdvanA035 div p.tiresize{width:151px;}
div#SizeListTableAdvanA035 div p.tirerim{width:78px;}
div#SizeListTableAdvanA035 div p.code{width:61px;}
div#SizeListTableAdvanA048 div p:not([class]) {width:60px;}
div#SizeListTableAdvanA048 div p.inch {width:25px;}
div#SizeListTableAdvanA048 div p.tiresize{width:109px;}
div#SizeListTableAdvanA048 div p.code{width:63px;}
div#SizeListTableAdvanA048 div p.weight{width:60px;}
div#SizeListTableAdvanA050 div p {width:50px;}
div#SizeListTableAdvanA050 div p.tiresize {width:137px;}
div#SizeListTableAdvanA050 div p.mark {width:30px;}
div#SizeListTableAdvanA050 div p.code {width:55px;}
div#SizeListTableAdvanA050 div p.inch {width:22px;}
div#SizeListTableAdvanA050 div p.oblateness {width:40px;}
div#SizeListTableAdvanA053 div p.inch {width:25px;}
div#SizeListTableAdvanA053 div p.tiresize{width:135px;}
div#SizeListTableAdvanA053 div p.tirerim{width:73px;}
div#SizeListTableAdvanA053 div p.code{width:62px;}
div#SizeListTableDnaEcos div p.tiresize {width:159px;}
div#SizeListTableDnaEcos div p.code {width:70px;}
div#SizeListTableDnaEcos div p.icon {width:40px;}
div#SizeListTableBluearthRv02 div p:nth-of-type(6),
div#SizeListTableBluearthRv02 div p:nth-of-type(7),
div#SizeListTableBluearthRv02 div p:nth-of-type(8){width:50px;}
div#SizeListTableBluearthRv02 div p:nth-of-type(9){width:80px;}
div#SizeListTableBluearthRv02 div p.tiresize {width:124px;}
div#SizeListTableBluearthRv02 div p.code{width:60px;}
div#SizeListTableBluearthRv02 div p.airtex {width: 50px;}
div#SizeListTableBluearthRv02 div p.tread{width:48px;}
div#SizeListTableGeolandarAts div p.tiresize {width:170px;}
div#SizeListTableGeolandarAts div p.tirepr {width:73px;}
div#SizeListTableGeolandarAts div p.tirerim{width:70px;}
div#SizeListTableGeolandarAts div p.code {width:65px;}
div#SizeListTableGeolandarHts div p.tiresize {width:183px;}
div#SizeListTableGeolandarHts div p.tirepr {width:90px;}
div#SizeListTableGeolandarHts div p.tirerim{width:74px;}
div#SizeListTableGeolandarHts div p.code {width:120px;}
div#SizeListTableGeolandarMt div p.tiresize {width:180px;}
div#SizeListTableGeolandarMt div p.tirepr {width:40px;}
div#SizeListTableGeolandarMt div p.tirerim{width:73px;}
div#SizeListTableGeolandarMt div p.code {width:76px;}
div#SizeListTableDnaMapEs340 div p.tirerim{width:67px;}
div#SizeListTableDnaMapEs340 div p.code{width:68px;}
div#SizeListTableDnaEarth1 div p.tiresize{width:150px;}
div#SizeListTableDnaEarth1 div p.tirerim{width:64px;}
div#SizeListTableDnaEarth1 div p.code{width:82px;}
div#SizeListTableDnadBEs501 div p.tiresize{width:151px;}
div#SizeListTableDnadBEs501 div p.tirerim{width:72px;}
div#SizeListTableS208 div p.tiresize{width:206px;}
div#SizeListTableS208 div p.tirerim{width:77px;}
div#SizeListTableS208 div p.tiresize{width:173px;}
div#SizeListTableS208 div p.code{width:90px;}
div#SizeListTableSdrive div p.tiresize {width:130px;}
div#SizeListTableSdrive div p.tirerim{width:61px;}
div#SizeListTableSdrive div p.code{width:75px;}
div#SizeListTableG056 div p.tiresize {width:173px;}
div#SizeListTableG056 div p.tirerim {width:72px;}
div#SizeListTableG056 div p.code {width:85px;}
div#SizeListTableIceguard div p.tiresize {width:181px;}
div#SizeListTableIceguard div p.tirerim {width:72px;}
div#SizeListTableIceguard div p.code {width:65px;}
div#SizeListTableIceguard div p.mark{width:18px;}
div#SizeListTableIceguard div p.mark2{width:22px;}
div#SizeListTableGeolandarITS div p.tiresize {width:169px;}
div#SizeListTableGeolandarITS div p.tirerim {width:60px;}
div#SizeListTableGeolandarITS div p.code {width:65px;}
div#SizeListTableGeolandarITS div p.mark{width:18px;}
div#SizeListTableGeolandarITS div p.mark2{width:23px;}
div#SizeListTableGeolandarITS div p.tirepr{width:48px;}
div#SizeListTableADVANHFTypeD div p.tiresize {width:213px;}
div#SizeListTableADVANHFTypeD div p.tirerim,
div#SizeListTableADVANHFTypeD div p.code {width:100px;}
/* advan */
.advan #PerformanceIn #PerformanceBox #L p.patternNumber{
background:#000;
}
.advan #Introduction_SizeList #Menu p a{
background-color:#cbcbcb;
}
.advan #Introduction_SizeList #Menu p a.on,
.advan #Introduction_SizeList #Menu p a:hover{
background-color:#000;
color:#fff;
}
.advan #Introduction_SizeList #Menu{
border-bottom:#000 solid 3px;
}
.advan div.SizeListTable{
border-top:#959595 solid 1px;
}
/* BluEarth */
.BluEarth #PerformanceIn #PerformanceBox #L p.patternNumber{
background:#013e8e;
}
.BluEarth #Introduction_SizeList #Menu p a{
background-color:#bed0e7;
}
.BluEarth #Introduction_SizeList #Menu p a.on,
.BluEarth #Introduction_SizeList #Menu p a:hover{
background-color:#013e8e;
color:#fff;
}
.BluEarth #Introduction_SizeList #Menu{
border-bottom:#013e8e solid 3px;
}
.BluEarth div.SizeListTable{
border-top:#959595 solid 1px;
}
/* geolandar */
.geolandar #PerformanceIn #PerformanceBox #L p.patternNumber{
background:#333;
}
.geolandar #Introduction_SizeList #Menu p a{
background-color:#c2c2c2;
}
.geolandar #Introduction_SizeList #Menu p a.on,
.geolandar #Introduction_SizeList #Menu p a:hover{
background-color:#333;
color:#fff;
}
.geolandar #Introduction_SizeList #Menu{
border-bottom:#333 solid 3px;
}
.geolandar div.SizeListTable{
border-top:#959595 solid 1px;
}
/* NoBrand */
.NoBrand #PerformanceIn #PerformanceBox #L p.patternNumber{
background:#4d4d4d;
}
.NoBrand #Introduction_SizeList #Menu p a{
background-color:#adddf7;
}
.NoBrand #Introduction_SizeList #Menu p a.on,
.NoBrand #Introduction_SizeList #Menu p a:hover{
background-color:#4d4d4d;
color:#fff;
}
.NoBrand #Introduction_SizeList #Menu{
border-bottom:#4d4d4d solid 3px;
}
.NoBrand div.SizeListTable{
border-top:#959595 solid 1px;
}
.ecos div.SizeListTable{
border-top:#959595 solid 1px;
}
/* ecos */
.ecos #PerformanceIn #PerformanceBox #L p.patternNumber{
background:#008a4f;
}
.ecos #Introduction_SizeList #Menu p a{
background-color:#c8dfc3;
}
.ecos #Introduction_SizeList #Menu p a.on,
.ecos #Introduction_SizeList #Menu p a:hover{
background-color:#008a4f;
color:#fff;
}
.ecos #Introduction_SizeList #Menu{
border-bottom:#008a4f solid 3px;
}
/* parada */
.parada #PerformanceIn #PerformanceBox #L p.patternNumber{
background:#f6ac0f;
}
.parada #Introduction_SizeList #Menu p a{
background-color:#feda8d;
}
.parada #Introduction_SizeList #Menu p a.on,
.parada #Introduction_SizeList #Menu p a:hover{
background-color:#f6ac0f;
color:#fff;
}
.parada #Introduction_SizeList #Menu{
border-bottom:#f6ac0f solid 3px;
}
.parada div.SizeListTable{
border-top:#959595 solid 1px;
}
/* iceGUARD */
.iceGUARD #PerformanceIn #PerformanceBox #L p.patternNumber{
background:#7a8eaf;
}
.iceGUARD #Introduction_SizeList #Menu p a{
background-color:#cbcbcb;
}
.iceGUARD #Introduction_SizeList #Menu p a.on,
.iceGUARD #Introduction_SizeList #Menu p a:hover{
background-color:#7a8eaf;
color:#fff;
}
.iceGUARD #Introduction_SizeList #Menu{
border-bottom:#7a8eaf solid 3px;
}
.iceGUARD div.SizeListTable{
border-top:#959595 solid 1px;
}
/* searchbytirebrand
------------------------------------------------*/
.SPwidth{
width:95%;
margin:0 auto;
}
p.LinkBtn a,
a.productDetailLink,
#searchbycartype .LinkBtn2 a,
#searchbytiresize a.searchBtn{
background:#3b3b3b;
display:block;
text-decoration:none;
color:#fff;
font-size:120%;
padding:4%;
margin-top:3%;
text-align:center;
}
a.productDetailLink.Pdetail{
margin: 8% auto 5%;
width: 100%;
font-size: 110%;
padding: 8% 0;
}
p.LinkBtn.w480{
width:94%;
margin:10% auto 0;
}
.CS,
.CS02{
position: relative;
margin:0 auto;
}
.CS02 a.productDetailLink.Pdetail{
margin-top:0;
}
.CSTxt{
text-align: center;
font-weight: bold;
margin: 8% 0 2%;
font-size: 110%;
}
.CS p,
.CS02 p{
background-color: rgba(0,0,0,0.5);
position: absolute;
top:0;
left:0;
width:101%;
height:100%;
z-index: 10000;
color:#fff;
text-align:center;
font-size:110%;
text-shadow:2px 2px 3px #000;
font-weight: bold;
display: table;
}
.CS p span{
display: table-cell;
vertical-align: middle;
}
#PerformanceBox .CS{
width:60%;
}
#PerformanceBox .CS p{
padding:8% 0 7%;
}
.searchbytirebrandBox .CS,
#searchbytiresize .CS{
width:58%;
}
.searchbytirebrandBox .CS p,
#searchbytiresize .CS p{
padding:7% 0 6%;
}
.searchbytirebrandBox .CS a,
#searchbytiresize .CS a{
width:100% !important;
padding:7% 0%;
}
a.productDetailLink,
#searchbycartype .LinkBtn2 a,
#searchbytiresize a.searchBtn{
background:#000;
}
/* p.LinkBtn a:hover,
a.productDetailLink:hover,
#searchbycartype .LinkBtn2 a:hover,
#searchbytiresize a.searchBtn:hover{
background-color:#a60510;
} */
p.LinkBtn a span,
a.productDetailLink span,
#searchbycartype .LinkBtn2 a span,
#searchbytiresize a.searchBtn span{
background:url(/product/tire/img/arrow_red.png) left center no-repeat;
background-size:7px 9px;
padding-left:17px;
}
/* p.LinkBtn a:hover span,
a.productDetailLink:hover span,
#searchbycartype .LinkBtn2:hover a span,
#searchbytiresize a.searchBtn:hover span{
background:url(/product/tire/img/arrow_white.png) left center no-repeat;
background-size:7px 9px;
} */
#searchbytirebrand{
margin:5% 0 7%;
}
#searchbytirebrand p.brandBnr{
position:relative;
margin-bottom:3%;
}
#searchbytirebrand p.brandBnr a{
position:absolute;
top:10%;
right:3%;
color:#fff;
text-decoration: none;
font-size:100%;
line-height:1em;
}
#searchbytirebrand p.brandBnr a:hover{
text-decoration:underline;
}
.searchbytirebrandBox{
position: relative;
padding: 5% 3% 7%;
border-bottom:#000 solid 2px;
}
.searchbytirebrandBox img.new{
width:15%;
position:absolute;
top:0;
left:0;
}
.searchbytirebrandBox .L{
width:60%;
margin:0 auto;
}
.searchbytirebrandBox .L p.product{
text-align:center;
margin-top:6%;
}
.searchbytirebrandBox .L p.product img{
width:50%;
}
.searchbytirebrandBox .R{
width:95%;
margin:0 auto;
}
.searchbytirebrandBox .R p.catch{
font-size:115%;
line-height:1.5em;
}
.searchbytirebrandBox ul.GenreIcon{
margin-top:3%;
}
a.productDetailLink,
#searchbytiresize a.searchBtn{
width:50%;
margin:5% auto 0;
}
#searchbytirebrand,
#searchbycartype,
#searchbytiresize{
margin-bottom:7%;
}
/* searchbycartype
------------------------------------------------*/
#searchbycartype h3{
background:#333;
padding:3%;
border-top:#dc0a0b solid 3px;
font-size:120%;
color:#fff;
font-weight:normal;
line-height: 2.3em;
margin-bottom: 3%;
}
#searchbycartype h3 img{
width:15%;
margin-right:3%;
vertical-align: middle;
}
/* searchbytiresize
------------------------------------------------*/
#searchbytiresize div.searchSizeBox{
background:url(/product/tire/img/searchbytiresize_bg.jpg) #ddd right top no-repeat;
margin-top:5%;
padding:3% 3% 7%;
}
#searchbytiresize div.searchSizeBox div.tireType{
background:#fff;
padding:5% 3% 3%;
}
#searchbytiresize div.searchSizeBox div.tireType p.Description{
text-align:center;
margin-bottom:2%;
}
#searchbytiresize div.searchSizeBox div.tireType ul li{
text-align:center;
width:45%;
display:inline-block;
margin:4% 2%;
}
#searchbytiresize div.searchSizeBox div.tireType ul li p{
display: inline-block;
line-height: 1.5em;
text-indent: 0;
vertical-align: top;
}
#searchbytiresize div.searchSizeBox div.tireType ul li img{
width:70%;
margin-bottom:10px;
}
#searchbytiresize div.searchSizeBox div.tireType ul li input{
margin-right:5px;
}
#searchbytiresize div.searchSizeBox table{
margin:2% auto 0;
}
#searchbytiresize div.searchSizeBox table tr th,
#searchbytiresize div.searchSizeBox table tr td{
line-height:1.3em;
display:block;
}
#searchbytiresize div.searchSizeBox table tr th{
font-weight:normal;
padding:5% 0 2%;
}
#searchbytiresize div.searchSizeBox table tr th span{
color:#f00;
}
#searchbytiresize div.searchSizeBox table tr td select{
padding:8px;
width:100%;
background: #fff;
}
#searchbytiresize a.searchBtn{
font-size:115%;
width:60%;
padding:5% 0;
}
/* 検索結果画面 */
#searchbytiresize .numberBox{
border:#000 solid 1px;
padding:5% 0;
text-align:center;
font-size:110%;
}
#searchbytiresize .numberBox p{
font-size:120%;
margin-bottom:3%;
}
#searchbytiresize .numberBox p span{
font-size:130%;
color:#f00;
margin-right:3%;
}
#searchbytiresize .numberBoxNote{
font-size:110%;
text-align:center;
margin:5% 0;
}
#searchbytiresize .container{
width:95%;
margin:0 auto;
}
#searchbytiresize .container div.mix{
border-left:#000 solid 1px;
border-right:#000 solid 1px;
border-bottom:#000 solid 1px;
padding:2% 3% 5%;
margin:5% 0 0;
position:relative;
width:93%;
border-top:#000 solid 5px;
}
#searchbytiresize .container div.mix ul.GenreIcon li{
margin-right: 0;
margin-left: 10px;
}
#searchbytiresize .container div.advan{
border-top:#bb192f solid 5px;
}
#searchbytiresize .container div.bluearth{
border-top:#013e8e solid 5px;
}
#searchbytiresize .container div.geolandar{
border-top:#333 solid 5px;
}
#searchbytiresize .container div.ecos{
border-top:#008a4f solid 5px;
}
#searchbytiresize .container div.parada{
border-top:#f6ac0f solid 5px;
}
#searchbytiresize .container div.iceguard{
border-top:#7a8eaf solid 5px;
}
#searchbytiresize .container div.mortorsports{
border: none;
height: 0;
margin: 0;
padding: 0;
width: 0;
}
#searchbytiresize .container div.mortorsports img{
display:none;
}
#searchbytiresize .container div.mortorsports .Description,
#searchbytiresize .container div.mortorsports .productDetailLink{
display:none;
}
#searchbytiresize ul.GenreIcon{
float:right;
}
#searchbytiresize .container div.mixIn{
width:90%;
margin:5% auto 0;
text-align:center;
}
#searchbytiresize .container div.mixIn img.logo{
width:80%;
margin-bottom:5%;
}
#searchbytiresize .container div.mixIn p.photo{
position:relative;
}
#searchbytiresize .container div.mixIn p.photo{
position:relative;
}
#searchbytiresize .container div.mixIn p.photo img.eco{
position:absolute;
bottom:5%;
right:-2%;
width:20%;
}
#searchbytiresize .container div.mixIn p.Description{
font-size:110%;
line-height:1.5em;
margin-top:5%;
text-align:left;
}
#searchbytiresize .container div.mixIn div.PerformanceFeature{
/* position:relative; */
display: none;
}
#searchbytiresize .container .studless div.mixIn div.PerformanceFeature,
#searchbytiresize .container .historic div.mixIn div.PerformanceFeature{
height:0;
margin-top:0;
display: none;
}
#searchbytiresize .container div.mixIn div.PerformanceFeature ul li{
text-align:left;
}
#searchbytiresize .container div.mixIn div.PerformanceFeature img{
float:none;
}
#searchbytiresize .container div.mix img.new{
position:absolute;
top:-5px;
left:-1px;
width: 15%;
}
#searchbytiresize .container.fail .fail-message {
position: relative;
font-size: 110%;
}
/* モータースポーツ
------------------------------------------------*/
#MS_sizeList{
width:95%;
margin: 5% auto;
}
#MS_sizeList a{
margin:2% 0;
display:block;
}
/* tireseminar
------------------------------------------------*/
#tireseminar{
width:95%;
margin:0 auto 7%;
}
#tireseminar ul.tireseminarMenu{
}
#tireseminar ul.tireseminarMenu li{
margin-bottom:3%;
}
#tireseminar ul.tireseminarMenu li a{
font-size:110%;
z-index: 2;
background-color: #333;
color: #fff;
text-indent:-2.6em;
display:block;
padding:3% 3% 3% 3.1em;
text-decoration:none;
}
#tireseminar ul.tireseminarMenu li a:hover{
background:#a60510;
}
p.toStorage{
margin-top:3%;
font-size:105%;
}
p.toStorage a{
color:#a60510;
}
.mix p.toStorage{
margin: 3% auto 0;
width: 95%;
}
#Container + p.toStorage{
margin: 7% auto 0;
width: 95%;
}
#tireseminar div.tireseminarIn{
margin-top:-5%;
padding-top:5%;
}
#tireseminar h3{
background:#000;
text-align:center;
color:#fff;
font-size:120%;
font-weight:normal;
padding:5% 3%;
margin-bottom:3%;
}
#tireseminar h3 span{
color:#000;
display:inline-block;
background:#fff;
padding:2% 3%;
margin-top:3%;
line-height:1.3em;
font-size:90%;
}
#tireseminar .tireseminarBox{
border:#000 solid 2px;
position:relative;
margin-top:5%;
}
#tireseminar .tireseminarBox.mT0{
margin-top:0;
}
#tireseminar .tireseminarBoxIn{
padding:5%;
}
#tireseminar .tireseminarBox h4{
background:#ddd;
font-size:110%;
font-weight:normal;
text-align:center;
padding:3% 15%;
line-height:1.5em;
}
#tireseminar .tireseminarBox img.check{
position:absolute;
top:-2px;
left:-2px;
width:15%;
}
#tireseminar div.tireseminarIn .Box01 .img02{
margin-top:5%;
}
#tireseminar div.tireseminarIn p.Note{
font-size:120%;
text-align:center;
margin:7% 0 3%;
}
#tireseminar div.tireseminarIn p.Note img{
width:10%;
margin-top:3%;
}
#tireseminar div.tireseminarIn ul.List01 li{
margin-top:3%;
}
#tireseminar div.tireseminarIn ul.List01 li p,
#tireseminar div.tireseminarIn .Description span,
#tireseminar div.tireseminarIn ul.List02 li p{
margin-bottom:2%;
font-size:110%;
display:block;
text-indent:-1em;
padding-left:1em;
}
#tireseminar div.tireseminarIn .Box01 .img05{
width:74%;
margin:7% 0 0;
}
#tireseminar .Balloon,
#tirestandard .Balloon{
color:#1e51a2;
border:#1e51a2 solid 2px;
margin:4% auto 0;
font-size:110%;
position:relative;
border-radius:3px;
padding:5%;
}
#tireseminar .Balloon p.txt01,
#tireseminar .Balloon p.txt02{
text-indent:-1em;
padding-left:1em;
}
#tireseminar .Balloon p.txt02{
margin-top:2%;
}
#tireseminar div.tireseminarIn .Box02{
margin:0 auto;
}
#tireseminar div.tireseminarIn .Box02 ul.List02{
}
#tireseminar div.tireseminarIn .Box02 ul.List02 li{
margin-top:3%;
}
#tireseminar div.tireseminarIn .Box02 .img07{
margin-top:5%;
}
#tireseminar div.tireseminarIn .Box01.mT50{
margin-top:5%;
}
#tireseminar div.tireseminarIn ul.discList{
margin:3% 0;
}
#tireseminar div.tireseminarIn ul.discList li{
list-style:disc;
margin:0 0 1% 5%;
}
#tireseminar div.tireseminarIn .Cause{
margin:5% 0 0;
}
#tireseminar div.tireseminarIn .Cause p.title{
font-size:120%;
}
#tireseminar div.tireseminarIn .Cause ul.discList{
margin-top:5px;
}
#tireseminar div.tireseminarIn .Box03{
border:#000 solid 1px;
padding:3%;
margin-top:5%;
}
#tireseminar #content07_adjust{
padding-top: 10%;
margin-top: -5%;
}
#tireseminar div.tireseminarIn#content07{
background:#ddd;
padding:3% 5%;
margin-top: 0%;
}
#tireseminar div.tireseminarIn#content07 h3{
background:none;
text-align:left;
padding:0;
color:#000;
margin-top:3%;
padding-bottom:1em;
}
#tireseminar div.tireseminarIn#content07 h4{
font-size:100%;
margin:3% 0;
font-weight:normal;
line-height:1.3em;
}
#tireseminar div.tireseminarIn#content07 .NoteBox{
background:#fff;
position:relative;
}
#tireseminar div.tireseminarIn#content07 .NoteBox p.title{
background:#000;
color:#fff;
padding:2% 5%;
font-size:110%;
line-height:1.3em;
}
#tireseminar div.tireseminarIn#content07 .NoteBox p.txt{
padding:5%;
line-height:1.7em;
}
#tireseminar div.tireseminarIn .img15{
margin-top:5%;
}
#tireseminar div.tireseminarIn#content07 .discList{
margin-top:5%;
}
/* faq
------------------------------------------------*/
#faq{
width:95%;
margin:0 auto;
}
#faq div.Q,
#faq a.QLink{
background:url(/product/tire/img/faq_icon_off.png) #ddd right center no-repeat;
background-size:30px 18px;
margin-bottom:3%;
padding:3% 10% 3% 4%;
}
#faq a.QLink{
background:url(/product/tire/img/faq_icon_off_02.png) #ddd right center no-repeat;
background-size:30px 18px;
color: #000;
text-decoration: none;
}
#faq div.Q.on{
background-image:url(/product/tire/img/faq_icon_on.png);
background-size:30px 18px;
}
#faq div.Q:first-child{
margin-top:5%;
}
#faq div.Q p.Q,
#faq div.A p.A,
#faq a.QLink p.Q{
font-size:150%;
vertical-align:middle;
display:block;
float:left;
width:6%;
line-height:1em;
}
#faq div.Q:hover{
cursor:pointer;
}
#faq div.Q p.txt{
float:right;
width:92%;
}
#faq div.A{
padding:0 4% 3% 4%;
margin-bottom:5%;
}
#faq div.A span.A{
display:block;
margin-right:0;
}
#faq div.A div.txt{
float:right;
width:92%;
}
#faq div.A div.txt img{
width:100%;
max-width:100%;
}
#faq a{
color:#c33;
}
/* 追加分 */
#faq .grayBox {
background: #ddd;
padding: 3%;
}
#faq .displaytorule .grayBoxIn {
margin-top: 3%;
text-align: center;
}
#faq .displaytorule {
width: 95%;
margin: 0 auto;
}
#faq .grayBoxIn {
background: #fff;
padding: 3%;
position: relative;
}
#faq .displaytorule .grayBoxIn .img01 {
width: 70%;
}
#faq .displaytorule .grayBoxIn .img02 {
width: 90%;
margin-top: 5%;
}
#faq .displaytoruleBoxIn .L{
float: left;
line-height: 1.5em;
}
#faq .displaytoruleBoxIn .R{
float: right;
margin-top: 10px;
}
#faq .displaytorule .grayBoxIn p.Description {
margin-top: 3%;
text-align: left;
}
#faq .faqBoxIn_textL_3 .R{
margin-top: 20px;
}
#faq .txt .disc li{
list-style: disc;
margin-left: 1.5em;
}
#faq .txt .txttitle{
font-weight: bold;
}
#faq .txt .flL_pc{
border: 1px solid #000;
padding: 1em;
}
#faq .NoteBox{
background: #ddd;
position: relative;
margin: 10px 0;
}
#faq .NoteBox p.title{
background: #000;
color: #fff;
padding: 2% 5%;
font-size: 110%;
line-height: 1.3em;
}
#faq .NoteBox p.txt{
padding: 5%;
line-height: 1.7em;
}
#faq .img15{
margin-top: 5%;
}
#faq div.txt .Box01{
margin: 30px 0;
}
/* tirestandard
------------------------------------------------*/
#tirestandard{
margin:5% 0;
}
#tirestandardSP{
margin:0 auto;
width:95%;
}
#tirestandard #Menu{
border-bottom: 3px solid #333;
margin-bottom:7%;
}
#tirestandard #Menu p{
width:90%;
margin:0 auto;
}
#tirestandard #Menu p a{
display:block;
float:left;
text-align:center;
text-decoration:none;
font-size:110%;
width:48%;
padding:3% 0 2%;
background:#ddd;
}
#tirestandard #Menu p a span{
position:relative;
margin-left: 7%;
}
#tirestandard #Menu p a span:before{
background:url(/product/tire/img/arrow_red.png) left center no-repeat;
transform:rotate(90deg);
position:absolute;
top:8px;
left:-14px;
content: "";
background-size:5px 7px;
width:5px;
height:7px;
}
#tirestandard #Menu p a:first-child{
margin-right:4%;
}
#tirestandard #Menu p a.on,
#tirestandard #Menu p a:hover{
color:#fff;
background:#333;
}
#tirestandard .grayBox{
background:#ddd;
padding:3%;
}
#tirestandard .grayBoxIn{
background:#fff;
padding:3%;
position:relative;
}
#tirestandard .grayBoxIn ul.DescriptionList li{
margin-top:5%;
}
#tirestandard .grayBoxIn ul.DescriptionList li:first-child{
margin-top:0;
}
#tirestandard .grayBoxIn ul.DescriptionList li .picture01{
width:54%;
}
#tirestandard .grayBoxIn ul.DescriptionList li p{
margin-bottom:3%;
}
#tirestandard .tirestandardBox{
border:#000 solid 2px;
position:relative;
margin-top:5%;
}
#tirestandard .tirestandardBox.mT0{
margin-top:0;
}
#tirestandard .tirestandardBoxIn{
padding:5%;
}
#tirestandard .tirestandardBox h4{
background:#ddd;
font-size:110%;
font-weight:normal;
text-align:center;
padding:3% 15%;
line-height:1.5em;
}
#tirestandard .tirestandardBox img.check{
position:absolute;
top:-2px;
left:-2px;
width:15%;
}
#tirestandard .tirestandardBox .Description{
font-size:130%;
line-height:1.3em;
text-indent:-1em;
padding-left:1em;
margin-top:7%;
}
#tirestandard .tirestandardBox .Description span{
font-size:70%;
display:block;
}
#tirestandard .tirestandardBox .Box01{
margin:3% auto 0;
}
#tirestandard p.tableBoxTitle{
background:url(/product/tire/img/tirestandard_icon_off.png) #333 right center no-repeat;
background-size:30px 18px;
color:#fff;
font-size:120%;
padding:3% 10% 3% 3%;
line-height:1.5em;
margin-bottom:5%;
}
#tirestandard p.tableBoxTitle.on{
background-image:url(/product/tire/img/tirestandard_icon_on.png);
background-size:30px 18px;
}
#tirestandard p.tableBoxTitle.line01{
margin-top:5%;
padding:3% 8% 3% 3%;
}
#tirestandard p.tableBoxTitle.line01 span{
display:block;
font-size:90%;
}
/* displaytorule
------------------------------------------------*/
.displaytorule{
width:95%;
margin:0 auto;
}
.displaytorule .grayBox{
margin-top:3%;
text-align:center;
}
.displaytorule .grayBox .img01{
width:70%;
}
.displaytorule .grayBox .img02{
width:90%;
margin-top:5%;
}
.displaytorule .grayBox p.Description{
text-align:left;
margin-top:5%;
}
.displaytorule .displaytoruleBox{
margin-top:7%;
}
.displaytorule .displaytoruleBox ul.otherRule li{
margin:5% 0 0;
}
.displaytorule .displaytoruleBox ul.otherRule li p.title{
background:#ddd;
font-size:110%;
padding:2% 5%;
margin-bottom:2%;
}
.displaytorule .displaytoruleBox ul.otherRule li:first-child{
margin-top:3%;
}
.displaytorule .displaytoruleBox ul.otherRule li p.txt{
padding:2% 5%;
font-size:95%;
}
.displaytorule .displaytoruleBoxIn{
margin-top:7%;
}
.displaytorule .displaytoruleBoxIn .L{
float:left;
line-height:1.5em;
}
.displaytorule .displaytoruleBoxIn .L.WA{
width:auto;
}
.displaytorule .displaytoruleBoxIn .L p{
margin-bottom:1%;
}
.displaytorule .displaytoruleBoxIn .R{
margin-top:3%;
}
.displaytorule .displaytoruleBoxIn ul.decimalList{
margin:3% 0;
}
.displaytorule .displaytoruleBoxIn ul.decimalList li{
list-style:decimal;
margin-left:5%;
margin-bottom:2%;
}
/* tvcm
------------------------------------------------*/
#tvcm{
width:95%;
margin:0 auto 10%;
}
#tvcm div.movie{
width:100%;
position: relative;
padding-top: 56.25%;
margin:3% 0;
}
#tvcm div.movie iframe{
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
#tvcm .TOPcm div.txt{
}
#tvcm .TOPcm div.txt p.title{
font-size:110%;
}
#tvcm .toYoutubeBtn{
margin-top:5%;
}
#tvcm .toYoutubeBtn img{
width:48%;
}
#tvcm .toYoutubeBtn img.mL20{
margin-left:4%;
}
#tvcm ul.ListCM{
}
#tvcm ul.ListCM li{
margin-top:10%;
font-size:110%;
}
#tvcm ul.ListCM li:nth-of-type(3n){
margin-right:0;
}
/* sitemap
------------------------------------------------*/
#sitemap,
#attention,
#infomation{
width:95%;
margin:0 auto;
}
#sitemap h3{
font-size:110%;
padding-bottom:3%;
margin-bottom:3%;
}
#sitemap .sitemapL{
}
#sitemap .sitemapL ul{
margin-left:3%;
}
#sitemap .sitemapL ul li{
background:url(/product/tire/img/arrow_red.png) left 8px no-repeat;
background-size:5px 7px;
padding-left:14px;
margin-bottom:3%;
}
#sitemap .sitemapR{
margin-top:10%;
}
#sitemap .sitemapR ul li{
margin:10% 0 0;
text-align:center;
}
#sitemap .sitemapR ul li h3{
text-align:left;
}
#sitemap .sitemapR ul li:nth-of-type(1){
margin-top:0;
}
#sitemap .sitemapR ul li img{
width:300px;
}
/* attention
------------------------------------------------*/
#attention .attentionBox {
margin-top:10%;
}
#attention .attentionBox .attentionBoxIn{
margin:0 0 10% 0;
}
#attention p.title{
background:url(/product/tire/img/faq_icon_off.png) #ddd right center no-repeat;
background-size:30px 18px;
margin-bottom:3%;
padding:3% 10% 3% 4%;
font-size:110%;
}
#attention p.title.on{
background-image:url(/product/tire/img/faq_icon_on.png);
background-size:30px 18px;
}
#attention p.title:first-child{
margin-top:5%;
}
#attention .attentionBox ul li{
list-style:decimal;
margin:0 0 5% 5%;
line-height:1.5em;
position:relative;
}
#attention .attentionBox ul li ul{
margin-top:5px;
}
#attention .attentionBox ul li ul li{
list-style: disc;
margin-left:3%;
margin-bottom:3%;
}
#attention .attentionBox ul li.fred{
padding-top:6%;
}
#attention .attentionBox ul li.fblack{
color:#000;
}
#attention .attentionBox ul li span{
background:url(/product/tire/img/attention_mark_note.gif) left center no-repeat;
background-size:24px 19px;
font-weight:bold;
color:#f00;
position:absolute;
top:0;
left:-4%;
padding-left: 26px;
}
#attention .attentionBox .rotation{
width:4%;
vertical-align:top;
}
#attention .attentionBox ul li table{
margin-top:3%;
}
#attention .attentionBox ul li table tr th{
background:#ddd;
}
#attention .attentionBox ul li table tr th,
#attention .attentionBox ul li table tr td{
font-weight:normal;
padding:2%;
border:#000 solid 1px;
text-align:center;
}
#attention .attentionBox ul li.fred table tr th,
#attention .attentionBox ul li.fred table tr td{
border:#f00 solid 1px;
}
#attention .attentionBox ul li.fred table tr th{
background:#fee;
}
#attention .attentionBox .handlingBox{
margin-top:10%;
border:#2b71b8 double 4px;
padding:4%;
}
#attention .attentionBox .handlingBox p.title{
font-size:110%;
color:#2b71b8;
margin-bottom:2%;
}
/* inchup
------------------------------------------------*/
#inchup{
width:95%;
margin:0 auto;
}
#inchup div.title{
background:url(/product/tire/img/faq_icon_off.png) #ddd right center no-repeat;
background-size:30px 18px;
margin-bottom:3%;
padding:3% 10% 3% 4%;
font-size:110%;
}
#inchup div.title.on{
background-image:url(/product/tire/img/faq_icon_on.png);
background-size:30px 18px;
}
#inchup div.title:first-child{
margin-top:5%;
}
#inchup div.title:hover{
cursor:pointer;
}
#inchup div.title .arrow{
width:6%;
vertical-align:text-bottom;
margin:0 3%;
}
#inchup .content{
margin-bottom:5%;
}
#inchup p.pdfDL{
margin-bottom:5%;
}
#inchup p.pdfDL a{
display:block;
text-decoration:none;
border:#dc0a0d solid 1px;
padding:3% 5%;
}
#inchup p.pdfDL a:hover{
background:#ffe9e9;
}
#inchup p.pdfDL a img{
width:5%;
vertical-align:middle;
margin-right:3%;
}
/* advan_db */
#Introduction_SizeList #Introduction .IntroductionBox.imgW365 .R{
margin-top:3%;
}
/* bluearth_ae01 */
div.ae01Box{
margin:5% 0 0;
border:#0070b3 solid 2px;
}
div.ae01Box p.title{
background:#0070b3;
color:#fff;
text-align:center;
font-size:110%;
padding:2% 0;
line-height:1.5em;
}
div.ae01BoxIn{
padding:5%;
}
div.ae01BoxIn div.ae01BoxBox{
margin:7% auto 0;
}
div.ae01BoxIn div.ae01BoxBox p{
background:#0070b3;
color:#fff;
text-align:center;
margin:0 0 3%;
padding:2% 0;
}
/* geolandar_htg015 */
.geolandar_htg015_sizenote .BoxL{
margin:5% 5% 0 0;
}
.geolandar_htg015_sizenote .BoxL p{
margin:3% 3% 2% 0;
}
.geolandar_htg015_sizenote .BoxL img{
width:30%;
vertical-align:middle;
}
/* infomation
------------------------------------------------*/
#infomation div#side{
display:none;
}
/* インフォメーション */
div.info_parts{
background:#000;
color:#fff;
position: relative;
margin-top:3%;
overflow: hidden;
}
div.info_parts a{
color:#fff;
}
div.info_parts:nth-of-type(7),
div.info_parts:nth-of-type(8),
div.info_parts:nth-of-type(9),
div.info_parts:nth-of-type(10),
div.info_parts:nth-of-type(11),
div.info_parts:nth-of-type(12),
div.info_parts:nth-of-type(13),
div.info_parts:nth-of-type(14),
div.info_parts:nth-of-type(15),
div.info_parts:nth-of-type(16),
div.info_parts:nth-of-type(17),
div.info_parts:nth-of-type(18),
div.info_parts:nth-of-type(19),
div.info_parts:nth-of-type(20),
div.info_parts:nth-of-type(21),
div.info_parts:nth-of-type(22),
div.info_parts:nth-of-type(23),
div.info_parts:nth-of-type(24),
div.info_parts:nth-of-type(25),
div.info_parts:nth-of-type(26),
div.info_parts:nth-of-type(27),
div.info_parts:nth-of-type(28),
div.info_parts:nth-of-type(29),
div.info_parts:nth-of-type(30),
div.info_parts:nth-of-type(31),
div.info_parts:nth-of-type(32),
div.info_parts:nth-of-type(33),
div.info_parts:nth-of-type(34),
div.info_parts:nth-of-type(35),
div.info_parts:nth-of-type(36),
div.info_parts:nth-of-type(37),
div.info_parts:nth-of-type(38),
div.info_parts:nth-of-type(39),
div.info_parts:nth-of-type(40),
div.info_parts:nth-of-type(41),
div.info_parts:nth-of-type(42),
div.info_parts:nth-of-type(43),
div.info_parts:nth-of-type(44),
div.info_parts:nth-of-type(45),
div.info_parts:nth-of-type(46),
div.info_parts:nth-of-type(47),
div.info_parts:nth-of-type(48),
div.info_parts:nth-of-type(49),
div.info_parts:nth-of-type(50),
div.info_parts:nth-of-type(51),
div.info_parts:nth-of-type(52),
div.info_parts:nth-of-type(53),
div.info_parts:nth-of-type(54),
div.info_parts:nth-of-type(55),
div.info_parts:nth-of-type(56),
div.info_parts:nth-of-type(57),
div.info_parts:nth-of-type(58),
div.info_parts:nth-of-type(59),
div.info_parts:nth-of-type(60){
display:none;
}
#InfoBox .info_parts p.Thumbnail {
width:47%;
}
#InfoBox .info_parts p.Thumbnail.movie{
position: relative;
padding-top: 31.25%;
margin-top:3%;
}
#InfoBox .info_parts p.Thumbnail.img{
padding:0;
}
#InfoBox .info_parts p.Thumbnail img{
width:100%;
height:auto;
}
#InfoBox .info_parts p.Thumbnail.movie iframe{
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
#InfoBox .info_parts p.f12px {
font-size: 90%;
margin-bottom: 2%;
left: 50%;
position: absolute;
top: 10%;
}
#InfoBox .info_parts p.txt{
left: 50%;
position: absolute;
top: 26%;
padding-right:3%;
font-size: 90%;
}
/* advan_fleva_v701 */
.advan_fleva_Box01{
margin:3% 0 0;
border:#000 solid 1px;
}
.advan_fleva_Box01 .title{
background:#000;
color:#fff;
font-weight:bold;
text-align:center;
padding:2% 3%;
font-size:120%;
}
.advan_fleva_Box01 ul{
margin: 0 auto;
padding: 3%;
}
.advan_fleva_Box01 ul li{
list-style:disc;
margin:0 0 2% 7%;
}
.advan_fleva_Box02{
margin:3% 0 0;
border:#bb1a30 solid 1px;
}
.advan_fleva_Box02 .title{
background:#bb1a30;
color:#fff;
font-weight:bold;
text-align:center;
padding:2% 3%;
font-size:120%;
}
.advan_fleva_Box02 ul{
margin: 0 auto;
padding: 3%;
}
.advan_fleva_Box02 ul li{
list-style:square;
margin:0 0 2% 7%;
color:#bb1a30;
}
.advan_fleva_Box03{
margin:3% 0 0;
border:#c9c9ca solid 1px;
}
.advan_fleva_Box03 .title{
background:#c9c9ca;
color:#fff;
font-weight:bold;
text-align:center;
padding:2% 3%;
font-size:120%;
}
.advan_fleva_Box03 .advan_fleva_Box03In{
padding:5%;
}
.advan_fleva_Box03 .advan_fleva_Box03In p{
margin:0 auto 5%;
}
/* BE RV-01
------------------------------------------------*/
.rv01Table{
width: 100%;
margin: 20px auto 0;
}
.rv01Table span{
color: #8c1c18;
display: block;
}
.rv01Table td{
border-spacing: 10px !important;
}
.rv01Table td{
padding: 0 10px;
background: #ededed;
border-bottom: #fff 4px solid;
width: 50%;
}
.rv01Table td img{
width: 100%;
}
.rv01Table th{
background: #ededed;
border-bottom: #fff 4px solid;
border-right: #fff 4px solid;
}
.rv01sTitle{
font-size: 16px;
color: #0099DA;
}
#rv01Box{
margin: 0 auto;
width: 100%;
}
.plus{
display: none;
}
#rv01Box dl{
width: 100%;
margin-top: 8%;
}
#rv01Box dl img{
width: 204px;
margin: 0 auto;
display: block;
}
#rv01Box dl dd{
background: #ededed;
padding: 15px;
}
#rv01Box dl dd span{
color: #8c1c18;
}
#rv01Box dl dt{
margin-bottom: 1%;
padding: 15px;
background: #ededed;
}
/* 製品紹介部分css */
#Introduction_SizeList #Introduction .borderBlackBox{
border:#000 solid 1px;
padding:3%;
margin:30px 0 0;
}
#Introduction_SizeList #Introduction .IntroductionTitleBig{
margin:7% 0 3%;
font-size: 130%;
font-weight: bold;
line-height: 1.3em;
}
#Introduction_SizeList #Introduction .IntroductionTitle.mT20{
margin-top:3%;
}
#Introduction_SizeList #Introduction .IntroductionTitleMin{
font-size:110%;
margin:5% 0 2%;
font-weight:bold;
}
#Introduction_SizeList #Introduction .IntroductionTitleMin.mT0{
margin-top:0;
}
#Introduction_SizeList #Introduction .IntroductionTabBox{
margin-bottom:2%;
}
#Introduction_SizeList #Introduction .IntroductionTabBox li{
float:left;
margin-right:3%;
padding:1% 2%;
color:#fff;
}
#Introduction_SizeList #Introduction .IntroductionBox .R{
margin:3% auto 0;
width:80%;
display:block;
}
#Introduction_SizeList #Introduction .IntroductionBox .R.styleSP{
float:right;
margin:0;
width:30%;
}
#Introduction_SizeList #Introduction .IntroductionBox .disc{
margin-left:5%;
}
#Introduction_SizeList #Introduction .IntroductionBox .disc li{
list-style:disc;
margin-top:1%;
}
/* ADVAN A052 */
#SizeList div.EuropeGrading{
background:url(/product/tire/img/faq_icon_off.png) #ddd right center no-repeat;
background-size:30px 18px;
margin-bottom:3%;
padding:3% 10% 3% 4%;
font-size:110%;
margin-top:7%;
}
#SizeList div.EuropeGrading.on{
background-image:url(/product/tire/img/faq_icon_on.png);
background-size:30px 18px;
}
#SizeList div.EuropeGradingTitle{
border:none;
display:block;
margin-left: 2px;
background:#fff;
}
#SizeList div.EuropeGradingTitle p{
border-left: 1px solid #959595;
border-right: 1px solid #959595;
border-top: 1px solid #959595;
font-size: 12px;
line-height: 1.2em;
padding: 7px 5px;
text-align:center;
float: right;
width: 521px;
}
div.SizeListTable.a050 div:nth-child(2n+1){
background:#efefef;
}
div.SizeListTable.a050 div:nth-child(2n){
background:#fff;
}
/* 20170104追加 */
.indexInfoSizeAdd{
margin-bottom: 8%;
}
.indexInfoSizeAdd li{
background: url(/product/tire/img/arrow_red.png) left 8px no-repeat;
background-size:5px 6px;
padding-left: 10px;
margin-top: 5px;
color: #333;
}
.indexInfoSizeAdd li p.date{
margin-top: 4%;
font-size: 90%;
line-height: 1.3em;
}
.indexInfoSizeAdd li p.title{
margin-top: 1%;
line-height: 1.3em;
}
.indexInfoSizeAdd li p a{
color: #333;
text-decoration: none;
}
.indexInfoSizeAdd li p a:hover{
text-decoration: underline;
}
.indexInfoSizeAdd li .newTab{
width: 13px;
margin-left: 10px;
vertical-align: text-top;
}
#contentBG .bx-wrapper{
margin-bottom: 7% !important;
position: relative;
}
#contentBG .bx-controls{
position: absolute;
margin: 0 auto;
bottom:-20px;
left:0;
right: 0;
}
#contentBG .bx-pager{
text-align: center;
}
#contentBG .bx-pager-item{
display: inline-block;
margin:0 5px;
}
#contentBG .bx-pager-item a{
display: block;
height: 10px;
text-indent: -9999px;
width: 10px;
background: #bbb;
border-radius: 20px;
}
#contentBG .bx-pager-item a:hover,
#contentBG .bx-pager-item a.active{
background: #f0001f;
}
.indexBannerBox{
margin-top:3%;
}
/* .indexBannerBox img{
width:48.5%;
}
.indexBannerBox a:nth-of-type(2) img{
margin-left: 3%;
} */
.indexBannerBox .L{
margin-top: 3%;
position: relative;
width: 100%;
padding-top: 0%;
}
.indexBannerBox .R{
margin-top: 3%;
position: relative;
width: 100%;
padding-top: 0%;
}
.indexBannerBox .R iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
/* 20170510追記 */
#IntroductionMovie{
margin-bottom: 10%;
}
#IntroductionMovie ul li{
margin-top: 5%;
}
#IntroductionMovie ul li:nth-of-type(1){
margin-top: 0;
}
#IntroductionMovie ul li .title{
line-height: 1.5em;
margin-top: 2%;
}
#IntroductionMovie ul li div {
position: relative;
width: 100%;
padding-top: 56.25%;
}
#IntroductionMovie ul li div iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
#YellowMarkerTxt{
display:none;
margin-bottom:10px;
background:#ff0;
}
#RedTxt{
display:none;
margin-bottom:10px;
color:#f00;
}
a.SalePauseBtn:link{
display:none;
background: #cbcbcb;
background-size:5px 7px;
text-align:center;
padding:10px 10px 10px 20px;
margin-bottom:3%;
text-decoration: none;
border-radius: 3px;
}
.advan_fleva_v701_table a.SalePauseBtn,
.bluearth_a_table a.SalePauseBtn,
.geolandar_htg056_table a.SalePauseBtn,
.geolandar_hts_table a.SalePauseBtn,
.geolandarAtg015 a.SalePauseBtn{
display:block;
}
.advan_fleva_v701_table #RedTxt,
.bluearth_a_table #RedTxt,
.geolandar_htg056_table #RedTxt,
.geolandar_hts_table #RedTxt,
.geolandarAtg015 #RedTxt{
display:block;
}
.advan_fleva_v701_table #YellowMarkerTxt{
display:inline-block;
margin-top:-10px;
}
/*
.advan_fleva_v701_table div.SizeListTable div:nth-child(30),
.advan_fleva_v701_table div.SizeListTable div:nth-child(31),
.advan_fleva_v701_table div.SizeListTable div:nth-child(42){
background: #ff0;
}
.advan_fleva_v701_table div.SizeListTable div:nth-child(16),
.advan_fleva_v701_table div.SizeListTable div:nth-child(17),
.advan_fleva_v701_table div.SizeListTable div:nth-child(18),
.advan_fleva_v701_table div.SizeListTable div:nth-child(19),
.advan_fleva_v701_table div.SizeListTable div:nth-child(20),
.advan_fleva_v701_table div.SizeListTable div:nth-child(21),
.advan_fleva_v701_table div.SizeListTable div:nth-child(22),
.advan_fleva_v701_table div.SizeListTable div:nth-child(23),
.advan_fleva_v701_table div.SizeListTable div:nth-child(24),
.advan_fleva_v701_table div.SizeListTable div:nth-child(25),
.advan_fleva_v701_table div.SizeListTable div:nth-child(26),
.advan_fleva_v701_table div.SizeListTable div:nth-child(27),
.advan_fleva_v701_table div.SizeListTable div:nth-child(28),
.advan_fleva_v701_table div.SizeListTable div:nth-child(29),
.advan_fleva_v701_table div.SizeListTable div:nth-child(32),
.advan_fleva_v701_table div.SizeListTable div:nth-child(33),
.advan_fleva_v701_table div.SizeListTable div:nth-child(34),
.advan_fleva_v701_table div.SizeListTable div:nth-child(35),
.advan_fleva_v701_table div.SizeListTable div:nth-child(36),
.advan_fleva_v701_table div.SizeListTable div:nth-child(37),
.advan_fleva_v701_table div.SizeListTable div:nth-child(38),
.advan_fleva_v701_table div.SizeListTable div:nth-child(39),
.advan_fleva_v701_table div.SizeListTable div:nth-child(40),
.advan_fleva_v701_table div.SizeListTable div:nth-child(41),
.advan_fleva_v701_table div.SizeListTable div:nth-child(43),
.advan_fleva_v701_table div.SizeListTable div:nth-child(44),
.bluearth_a_table div.SizeListTable div:nth-child(27),
.bluearth_a_table div.SizeListTable div:nth-child(40),
.geolandar_htg056_table div.SizeListTable div:nth-child(3),
.bluearth_a_table div.SizeListTable div:nth-child(27),
.bluearth_a_table div.SizeListTable div:nth-child(36),
.bluearth_a_table div.SizeListTable div:nth-child(37),
.bluearth_a_table div.SizeListTable div:nth-child(38),
.bluearth_a_table div.SizeListTable div:nth-child(41),
.bluearth_a_table div.SizeListTable div:nth-child(26),
*/
.bluearth_a_table div.SizeListTable div:nth-child(36),
.bluearth_a_table div.SizeListTable div:nth-child(37),
.bluearth_a_table div.SizeListTable div:nth-child(38),
.bluearth_a_table div.SizeListTable div:nth-child(41),
.geolandar_htg056_table div.SizeListTable div:nth-child(2),
.geolandar_hts_table div.SizeListTable div:nth-child(3),
.geolandarAtg015 div.SizeListTable div:nth-child(2),
.geolandarAtg015 div.SizeListTable div:nth-child(4){
color:#f00;
}
/* 20170628追記 */
#bluearthA_distinguish{
border: #0070b2 solid 2px;
margin-top:5%;
}
#bluearthA_distinguish .title{
color: #fff;
background: #0070b2;
font-weight: bold;
font-size: 120%;
text-align: center;
padding: 3% 0;
}
#bluearthA_distinguishIn{
padding: 3%;
}
#bluearthA_distinguishIn .Description01{
color: #0070b2;
font-weight: bold;
}
#bluearthA_distinguishIn .AaTitle{
color: #fff;
background: #0070b2;
font-weight: bold;
font-size: 110%;
text-align: center;
padding: 2% 0;
margin: 3% 0 0;
border-radius: 5px;
}
#bluearthA_distinguishIn .Landmark{
margin-top: 3%;
}
#bluearthA_distinguishIn .Landmark .LandmarkIn .AaTitle{
width: 8em;
margin: 8% 0 0;
}
#bluearthA_distinguishIn .Landmark .LandmarkIn:nth-of-type(2){
margin-top: 5%;
}
#bluearthA_distinguishIn .Landmark .LandmarkIn.Ab + .LandmarkIn{
margin-top: 0;
}
#bluearthA_distinguishIn .Landmark .LandmarkIn img{
margin: -15% 0 3%;
}
#bluearthA_distinguishIn .Landmark .LandmarkIn.Ab img{
margin: 0 0 3%;
}
#bluearthA_distinguishIn .AbTitle{
color: #0070b2;
border: #0070b2 solid 2px;
font-weight: bold;
font-size: 110%;
text-align: center;
padding: 2% 0;
margin: 5% 0 2%;
border-radius: 5px;
}
/* 20170721追記 */
#content03 .Box02 .title{
font-size: 110%;
}
#tireseminar #content03 .img09-2 ,#tireseminar #content03 .imgFF ,#tireseminar #content03 .imgFR {margin:2% 5% 5% 5%;}
/* 20170822 アイスガード */
/* iceGUARD 5 PLUS */
#iceguard_5plus #pattern-box {
width: 100%;
margin-bottom: 10px;
}
#iceguard_5plus #pattern-box .left-box {
float: left;
text-align: right;
width: 50%;
}
#iceguard_5plus #pattern-box .right-box {
float: right;
width: 50%;
}
#iceguard_5plus #pattern-box .left-box .box1 {
width: 100%;
border-right: #ccc solid 1px;
}
#iceguard_5plus #pattern-box .left-box .lead,
#iceguard_5plus #pattern-box .right-box .lead {
width: 95%;
margin: 0 auto;
text-align: left;
}
#iceguard_5plus #pattern-box {
width: 100%;
margin-bottom: 10px;
}
#iceguard_5plus #mechanism-box .img {
margin-bottom: 10px;
}
#iceguard_5plus #mechanism-box .unit01,
#iceguard_5plus #mechanism-box .unit02,
#iceguard_5plus #mechanism-box .unit03 {
margin: 0 auto 10px;
display: block;
color: #fff;
padding: 10px;
height: auto;
}
#iceguard_5plus #mechanism-box .unit01 {
background-color: #008bc5;
}
#iceguard_5plus #mechanism-box .unit02 {
background-color: #7b6a3b;
}
#iceguard_5plus #mechanism-box .unit03 {
background-color: #5ab651;
}
#iceguard_5plus #mechanism-box .title {
margin-bottom: 10px;
text-align: center;
border-bottom: #fff solid 1px;
padding-bottom: 7px;
}
#Introduction_SizeList #Introduction #iceguard_5plus .IntroductionBox2 div img{
width:100%;
}
/* iceGUARD TRIPLE PLUS */
#iceguard_tripleplus .iceguard3patternBox{
border: #033364 solid 1px;
padding: 3%;
margin: 3% auto 0;
}
#iceguard_tripleplus .iceguard3patternBox li{
color: #003366;
font-weight: bold;
list-style: decimal;
margin:3% 0 0 7%;
}
#iceguard_tripleplus .iceguard3patternBox li:first-child{
margin-top: 0;
}
#iceguard_tripleplus .iceguard3patternBox li p{
color: #000;
font-weight: normal;
line-height: 1.5em;
margin-top: 5px;
}
#Introduction_SizeList #Introduction .iceguard .IntroductionBox2 div{
width: 100%;
}
#Introduction_SizeList #Introduction .iceguard .IntroductionBox div.R{
display: block;
width:100%;
margin: 3% auto 0;
}
#Introduction_SizeList #Introduction .iceguard .IntroductionBox2 div.R{
margin-top: 2%;
}
/* iceGUARD TRIPLE Z・P・S */
#iceguard_triplezps .iceguard3zpsBox{
text-align: center;
border: #b3b3b3 solid 1px;
padding: 3%;
margin-top: 3%;
}
/* iceGuard6 */
.iceGuard6 #PerformanceIn #PerformanceBox #L p.patternNumber{
background:#013e8e;
}
.iceGuard6 #Introduction_SizeList #Menu p a{
background-color:#cbcbcb;
}
.iceGuard6 #Introduction_SizeList #Menu p a.on,
.iceGuard6 #Introduction_SizeList #Menu p a:hover{
background-color:#000;
color:#fff;
}
.iceGuard6 #Introduction_SizeList #Menu{
border-bottom:#013e8e solid 3px;
}
.iceGuard6 div.SizeListTable{
border-top:#959595 solid 1px;
}
.iceGuard6 #brandTitleIn{
background:url(/product/tire/img/iceguard_6_head_bg_sp.jpg) center top no-repeat;"
}
.iceGuard6 .imgTitle{
width:50%;
margin-top:50px;
margin-bottom:10px;
}
.iceGuard6 .IntroductionSubTitle{
color: #a71e28;
font-weight:bold;
font-size: 20px;
}
.iceGuard6 .IntroductionImgTitle{
font-size:16px;
font-weight:bold;
margin-top:10px;
}
.iceGuard6 .labelR{
background: #a71e28;
color: #fff;
font-size: 14px;
padding:5px 20px;
}
.iceGuard6 .reason {
position: relative;
margin-top: 60px;
}
.iceGuard6 .reason:before {
content: "";
display: block;
border-top: solid 2px #CCCCCC;
width: 90%;
margin-left:10%;
height: 1px;
position: absolute;
top: 50%;
}
.iceGuard6 .reason p{
position: relative;
width: 82px;
height: 24px;
text-align: center;
background:url(/product/tire/img/iceguard_6_img_back_reason.png);
background-repeat: no-repeat;
background-size:contain;
font-weight: bold;
z-index: 5;
}
.iceGuard6 .box_2col .box_img{
text-align:center;
}
.iceGuard6 .box_2col div img{
width: 80%;
}
.iceGuard6 .note{
font-size: 12px;
margin-top: 10px;
}
.iceGuard6 img{ width: 100%;}
.iceGuard6 ol li{
margin-top: 5px;
font-size: 12px;
list-style-type:none;
list-style-position:inside;
counter-increment: cnt;
text-indent:-20px;
margin-left:24px;
}
.iceGuard6 ol li:before{
display: marker;
content: "※" counter(cnt) " ";
}
#iceGuard_Tit01{
margin-top:-47px;
padding-top:47px;
}
#iceGuard_Tit02,
#iceGuard_Tit03,
#iceGuard_Tit04,
#iceGuard_Tit05{
margin-top:-47px;
padding-top:97px;
}
/* GEOLANDAR M/T G003 */
.mtg003Box01{
border: #eea17f solid 1px;
background: #f4f6f4;
padding: 3%;
margin-top: 5%;
}
.mtg003PhotoList01{
margin-top: 3%;
}
.mtg003PhotoList01 li{
margin-top: 5%;
font-size: 12px;
line-height: 1.3em;
}
.mtg003PhotoList01 li:first-child{
margin-top: 0;
}
.mtg003PhotoList01 li img{
margin-bottom: 7px;
}
#Introduction_SizeList #Introduction .mtg003Box01 .R {
width: 100% !important;
}
.mtg003PhotoList02{
margin-top: 3%;
}
.mtg003PhotoList02 li{
background: #fff;
border: #768b8f solid 2px;
border-radius: 3px;
font-size: 110%;
font-weight: bold;
padding: 3% 0;
text-align: center;
margin-top: 3%;
}
.IntroductionTitleMin.mtg003{
border-bottom: #000 solid 2px;
padding-bottom: 2%;
line-height: 1.3em;
margin: 0 0 3% !important;
}
.IntroductionTitleMin.mtg003.mT15{
margin-top: 3% !important;
}
.IntroductionTitleMin.mtg003 span{
font-size: 90%;
display: block;
margin-top: 1%;
}
.mtg003Box02{
margin-top: 5%;
}
.mtg003Box02:first-child{
margin-top: 0;
}
.mtg003Box02 .Left{
float: left;
width: 70%;
}
.mtg003Box02 .Right{
float: right;
width: 25%;
}
.geolandarMTG003 .IntroductionBox div.R{
width: 100% !important;
}
.mtg003QA{
margin-top: 20px;
}
.mtg003QA .L{
float: left;
width: 15%;
border: #de0616 solid 1px;
font-size: 20px;
text-align: center;
font-weight: bold;
color: #de0616;
}
.mtg003QA .R{
float: right;
margin-left: 5%;
width: 78%;
}
.mtg003QA .R .Q{
font-size: 110%;
font-weight: bold;
line-height: 1.3em;
}
.mtg003QA .R .A{
margin-top: 3%;
}
.mtg003QA .R.photo{
}
.mtg003QA img{
float: right;
width: 78%;
margin-top: 3%;
}
.mtg003Performance01 p,
.mtg003Performance02 p{
margin-top: 5%;
}
.mtg003Performance01 p:first-child{
margin-top: 0;
}
.geolandarMTG003 .mT15{
margin-top: 5%;
}
/* ADVAN HF Type-D */
.AdvanHFBox01In{
background: #545253;
padding: 5% 3%;
color: #fff;
margin-top: 5%;
}
.AdvanHFBox01In:first-child{
margin-top: 0;
}
.AdvanHFBox01In .title{
text-align: center;
font-size: 110%;
font-weight: bold;
margin-bottom: 3%;
}
.AdvanHFBox01In img{
margin-bottom: 3%;
}
.AdvanHFDevelopVoice{
background: url(/product/tire/img/adavn_hf_typed_introduction07.jpg) center top repeat-y;
background-size: 100% auto;
color: #fff;
padding: 5%;
margin-top: 7%;
}
.AdvanHFDevelopVoice .title,
.AdvanHFUserVoice .title{
border-bottom: #bb1a2f solid 2px;
padding-bottom: 2%;
font-weight: bold;
font-size: 110%;
margin-bottom: 3%;
}
.AdvanHFDevelopVoice .R{
}
.AdvanHFDevelopVoice .L{
margin-top: 7%;
}
.AdvanHFDevelopVoice .L img{
margin-bottom: 2%;
}
.AdvanHFDevelopVoice .subTitle{
font-size: 110%;
font-style: italic;
border-left: #bb1a2f solid 5px;
padding-left: 3%;
margin: 7% 0 3%;
}
.AdvanHFDevelopVoice .subTitle:first-child{
margin-top: 0;
}
.AdvanHFUserVoice{
background: #181617;
color: #fff;
padding: 5% 5% 8%;
margin-top: 7%;
}
.AdvanHFUserVoiceIn{
margin-top: 5%;
}
.AdvanHFUserVoiceIn:first-child{
margin-top: 0;
}
.AdvanHFUserVoiceIn .UserName{
font-size: 105%;
font-weight: bold;
margin-bottom: 3%;
}
.AdvanHFUserVoiceIn .L{
float: left;
width: 20%;
text-align: center;
}
.AdvanHFUserVoiceIn .L span{
display: block;
margin-top: 7%;
font-size: 75%;
}
.AdvanHFUserVoiceIn .R{
float: right;
width: 60%;
background: #fff;
padding: 5%;
color: #000;
position: relative;
}
.AdvanHFUserVoiceIn .R:after {
content: " ";
position: absolute;
top:22px;
left: -20px;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 30px 10px 0;
border-color: transparent #fff transparent transparent;
}
.AdvanHFUserVoiceIn .R .UserTitle{
font-size: 16px;
color: #bb1a2f;
margin-bottom: 10px;
}
.AdvanHF .IntroductionBox div.R{
width: 100% !important;
}
.AdvanHFBox01In .IntroductionTitleMin{
font-size: 100% !important;
}
.AdvanHFBox02In{
margin-top: 3%;
}
/* BluEarth-air EF21 */
#BluEarthAirEF21 .List01{
margin-left: 0 !important;
}
#BluEarthAirEF21 .List01 li{
margin: 3% 0 0 7%;
color: #013e8e;
font-weight: bold;
font-size: 110%;
}
#BluEarthAirEF21 .List01.disc li{
list-style: disc;
}
#BluEarthAirEF21 .List01.decimal li{
list-style: decimal;
}
#BluEarthAirEF21 .List01 li ul{
margin-top: 3%;
}
#BluEarthAirEF21 .List01 li li{
color: #000;
font-weight: normal;
margin: 0 0 0 5%;
font-size: 100%;
list-style: disc !important;
}
#BluEarthAirEF21 .List01 li p{
color: #000;
font-weight: normal;
font-size: 100%;
}
#BluEarthAirEF21 .R p.f12{
font-size: 90%;
text-align: center;
margin-top: 3%;
}
#Introduction #BluEarthAirEF21 .IntroductionBox2{
margin-top: 3%;
}
#Introduction #BluEarthAirEF21 .IntroductionBox2 div img{
width: 100%;
margin-top: 3%;
}
#BluEarthAirEF21 .R,
#Introduction #BluEarthAirEF21 .IntroductionBox2 div{
width: 100% !important;
}
#BluEarthAirEF21 .R.w80p{
width: 80% !important;
}
#BluEarthAirEF21 .bluearth21Box01{
margin-bottom: 5%;
}
#BluEarthAirEF21 .bluearth21Box01In{
background: #013e8e;
padding: 5% 3%;
color: #fff;
margin-top: 5%;
}
#BluEarthAirEF21 .bluearth21Box01In:first-child{
margin-top: 0;
}
#BluEarthAirEF21 .bluearth21Box01In .title{
text-align: center;
font-size: 110%;
font-weight: bold;
margin-bottom: 3%;
}
#BluEarthAirEF21 .bluearth21Box01In .sub{
text-align: center;
font-size: 90%;
border: 1px solid #fff;
width: 60%;
margin: 0 auto 4%;
}
#BluEarthAirEF21 .bluearth21Box01In img{
margin-bottom: 3%;
}
#BluEarthAirEF21 .IntroductionTitleMin.Style02{
font-size: 115% !important;
border-bottom: #aaa solid 1px;
padding-bottom: 2%;
margin:7% 0 3% !important;
}
/* 探すボックスレイアウト修正 */
#TileSearchBox{
background:url(/product/tire/img/index_search_lbg.png) #000 left top repeat-x;
background-size: auto 100%;
border-top:#dc0a0b solid 3px;
color:#fff;
width: 95%;
margin: 15% auto 0;
}
#content + #TileSearchBox{
margin-top: 0;
}
#TileSearchBox #TileSearchTop{
width: 95%;
margin: 0 auto;
padding: 5% 0 0;
}
#TileSearchBox #TileSearchTop .Title{
font-size: 120%;
margin-bottom: 3%;
}
#TileSearchBox #TileSearchTop .Title img {
width: auto;
height: 40px;
margin-right: 3%;
vertical-align: middle;
}
#TileSearchBox #TileSearchTop .Title span.disc{
font-size: 80%;
line-height: 1.4em;
margin-top: 5%;
display: block;
}
#TileSearchBox #TileSearchTop .Title .arrow{
position: relative;
color: #fff;
text-decoration: none;
margin-left: 15px;
line-height: 1em;
}
#TileSearchBox #TileSearchTop .Title .arrow:before{
content: "▶";
color: #f0001e;
font-size: 6px;
position: absolute;
top: 0;
bottom:0;
margin: auto;
left: -15px;
height: 8px;
line-height: 1em;
}
#TileSearchBox #TileSearchTop .mainTitle .Title{
float: left;
width: 65%;
margin-left: 3%;
}
#TileSearchBox #TileSearchTop .mainTitle .tire{
float: right;
width: 28%;
margin-right: 3%;
}
#TileSearchBox #TileSearchTopIn{
border-bottom:#595959 solid 1px;
}
/* #TileSearchBox #TileSearchTopIn .tire{
display: none;
} */
#TileSearchBox #TileSearchTopIn .tire{
margin-bottom: 3%;
}
#TileSearchBox #TileSearchTopIn .tire img{
width: 20%;
vertical-align: middle;
margin-right: 10%;
}
#TileSearchBox #TileSearchTopIn .SearchBtn{
padding: 0 0 5%;
vertical-align: middle;
}
#TileSearchBox #TileSearchTopIn .SearchBtn ul li{
margin-top: 3%;
}
#TileSearchBox #TileSearchTopIn .SearchBtn ul li:first-child{
margin-top: 0;
}
#TileSearchBox #TileSearchTop a.btn{
display:inline-block;
padding:5% 0;
font-size:110%;
line-height:1em;
text-decoration:none;
color:#fff;
position: relative;
z-index: 2;
text-align: center;
background: #3b3b3b;
width: 100%;
}
#TileSearchBox #TileSearchTop .tire a.btn{
padding:3% 0;
}
#TileSearchBox #TileSearchTop a.btn span{
position: relative;
background: url(/product/tire/img/arrow_red.png) left center no-repeat;
background-size: 7px 9px;
padding-left: 17px;
}
/* #TileSearchBox #TileSearchTop a.btn span:before{
content: "▶";
color: #f0001e;
font-size: 10px;
position: absolute;
top: 0;
bottom:0;
margin: auto;
left: -15px;
height: 8px;
line-height: 1em;
} */
#TileSearchBox #TileSearchTop .sub{
margin: 0 auto;
}
#TileSearchBox #TileSearchTop .sub a.btn{
font-size:90%;
padding:4% 0;
width: 100%;
margin-top: 3%;
}
#TileSearchBox #TileSearchTop .TileSearchTopFS{
padding: 0 0 3%;
background:url(/product/tire/img/index_search_rbg.png) left top repeat-x;
background-size: auto 100%;
}
#TileSearchBox #TileSearchTop .TileSearchTopFS .Title{
margin-bottom: 0;
font-size: 110%;
}
#TileSearchBox #TileSearchTop .TileSearchTopFS .Title img{
height: 30px;
}
#TileSearchBox #TileSearchTop .TileSearchFAQ{
border-bottom:#595959 solid 1px;
text-align: center;
padding: 5% 0;
}
#TileSearchBox #TileSearchTop .TileSearchShop{
position: relative;
padding: 2% 0 0;
}
#TileSearchBox #TileSearchTop .TileSearchShopIn{
margin: 0 auto;
}
#TileSearchBox #TileSearchTop .TileSearchShop .Title{
margin:4% 0 0 7%;
width: 63%;
float: left;
}
#TileSearchBox #TileSearchTop .TileSearchShop .Title .arrow{
margin-left: 25px;
}
#TileSearchBox #TileSearchTop .TileSearchShop .signboard{
width: 23%;
margin-right: 7%;
float: right;
}
#SearchFaqShopBox{
width: 95%;
margin: 5% auto 0;
}
#SearchFaqShopBox p.LinkBtn a{
background: #ddd;
color: #333;
font-size:100%;
}
#SearchFaqShopBox .LinkBtn img{
width: 40px;
margin-right: 5%;
vertical-align: middle;
}
/* #searchTirePressure
------------------------------------------------*/
#searchTirePressure div.searchSizeBox{
background:url(/product/tire/img/searchbytiresize_bg.jpg) #ddd right top no-repeat;
margin-top:5%;
padding:3% 3% 7%;
}
#searchTirePressure a.searchBtn{
font-size: 110%;
width: 40%;
padding: 4% 0;
margin:0 auto;
float: none;
min-width: 220px;
}
#searchTirePressure table,
table.searchTirePressure{
width: auto;
margin-left: 0;
margin-bottom: 1em;
margin-top:3%;
}
table.searchTirePressure{
width: 100%;
}
#searchTirePressure table th,
table.searchTirePressure th{
font-weight: normal;
line-height: 1;
padding: 2px 4px;
}
#searchTirePressure table th{
font-weight: normal;
font-size: 10px;
line-height: 1;
}
table.searchTirePressure th{
width: 9em;
}
#searchTirePressure table td,
table.searchTirePressure td{
padding: 2px 4px;
line-height: 1;
}
.airpressureNote{
background-color: #fee;
border:#f00 solid 1px;
padding:3%;
margin-bottom:5%;
}
.airpressureNote .title{
font-size:110%;
margin-bottom:1%;
font-weight: bold;
color:#f00;
}
.airpressureNote ul li{
list-style: disc;
margin:2% 0 0 20px;
}
.airpressureNote a span{
position: relative;
margin-left: 17px;
}
.airpressureNote a span:before{
content: "▶";
color: #000;
font-size: 6px;
position: absolute;
top: -3px;
bottom: 0;
margin: auto;
height: 20px;
left: -15px;
}
.searchTirePressureResult table th {
font-size: 12px !important;
font-weight: bold !important;
padding-right: 10px;
}
#searchTirePressure .errorBox {
padding: 5px;
background-color: #fee;
border: 1px solid #a00;
margin-bottom: 1em;
color: #f00;
font-size: 12px;
}
#searchTirePressure .errorBox li:before{
content: '・';
}
#searchTirePressure input {
width: 30px;
font-size: 12px;
}
#searchTirePressure .errorInput {
background-color: #fee;
border: 1px solid #a00;
}
#searchTirePressure h4{
margin-bottom: 10px;
}
/* 推奨空気圧 */
#searchTirePressure h3{
margin:5% 0 3%;
font-size:115%;
font-weight:normal;
line-height: 1.5;
padding-bottom: 15px;
}
#searchTirePressure .numberBox{
border:#000 solid 1px;
padding:30px 0;
text-align:center;
font-size:16px;
margin-bottom: 20px;
}
#searchTirePressure .numberBox p{
font-size:18px;
}
#searchTirePressure .numberBox p span{
font-size:28px;
color:#f00;
margin-right:25px;
}
.ADVANSportV105Note .R{
margin-top: 3%;
}
/* ADVAN HF Type Dの連載企画 */
#AdvanHFGalleryBox{
background: url(/product/tire/img/searchbytiresize_bg.jpg) #ddd right top no-repeat;
background-size: 100% auto;
padding: 5% 3%;
}
#AdvanHFGalleryBox .title{
color: #bb1a2f;
border-bottom: #aaa solid 2px;
padding-bottom: 2%;
font-size: 120%;
line-height: 1.2em;
margin: 0 0 3%;
}
.AdvanHFGallery li{
margin-top: 5%;
}
.AdvanHFGallery li:first-child{
margin-top: 0;
}
.AdvanHFGallery li a:nth-of-type(2),
.AdvanHFGallery li a:nth-of-type(3),
.AdvanHFGallery li a:nth-of-type(4),
.AdvanHFGallery li a:nth-of-type(5),
.AdvanHFGallery li a:nth-of-type(6),
.AdvanHFGallery li a:nth-of-type(7),
.AdvanHFGallery li a:nth-of-type(8),
.AdvanHFGallery li a:nth-of-type(9),
.AdvanHFGallery li a:nth-of-type(10){
display: none;
}
.AdvanHFGallery li p.caption{
font-size: 90%;
text-align: center;
margin-top: 3%;
line-height:1.3em;
}
.AdvanHFGallery li.CS{
display: none;
}
/* ADVAN dB V552 */
.AdvandBV552Box .AdvandBV552Chart{
margin-top: 3%;
}
.AdvandBV552Box .AdvandBV552Box01{
margin-top: 5%;
}
.AdvandBV552Box .AdvandBV552Box01In{
border: #ccc solid 1px;
padding: 5% 3%;
margin-top: 5%;
}
.AdvandBV552Box .AdvandBV552Box01In:first-child{
margin-top: 0;
}
.AdvandBV552Box .AdvandBV552Box01In .title{
font-size: 110%;
font-weight: bold;
margin-bottom: 3%;
}
.AdvandBV552Box .AdvandBV552Box01In img{
margin-top: 3%;
}
.AdvandBV552Box .AdvandBV552Box02{
margin-top: 7%;
font-size: 90%;
line-height: 1.5em;
}
.AdvandBV552Box .AdvandBV552Box02 p{
line-height: 1.5em;
}
.AdvandBV552Box .AdvandBV552Box02 p.rate{
margin-bottom: 3%;
}
#Introduction_SizeList #Introduction .AdvandBV552Box .IntroductionBox div.R,
#Introduction_SizeList #Introduction .AdvandBV552Box .IntroductionBox2 div{
width: 100%;
}
#Introduction_SizeList #Introduction .AdvandBV552Box .IntroductionBox2{
font-size: 100%;
}
#Introduction_SizeList #Introduction .AdvandBV552Box .IntroductionBox div.R .mT10{
margin-top: 0;
}
p.img em{
font-size:1.8em;
color:#013E8E;
position:absolute; top:0px; left:0px ;
top: 45%;
right: 0;
bottom: 0;
left: 0;
margin: auto;
z-index: 2;
text-shadow: white 1px 1px 0px, white -1px 1px 0px,
white 1px -1px 0px, white -1px -1px 0px;
}
/* 20180125 新サイズリスト用 */
/* div.SizeListTable.New{
overflow-x: scroll;
width: 100%;
display: block;
overflow-y: hidden;
}
div.SizeListTable.New p.inch{
width:30px;
}
div.SizeListTable.New div p.oblateness{
width:50px;
}
div.SizeListTable.New div p.tiresize{
width:200px;
}
div.SizeListTable.New div p.mark {
width: 20px;
}
div.SizeListTable.New div p.tirerim,
div.SizeListTable.New div p.weight,
div.SizeListTable.New div p.tread{
width: 70px;
}
div.SizeListTable.New div p.code,
div.SizeListTable.New div p.tirepr{
width: 85px;
}
div.SizeListTable.New div p.money {
width: 140px;
}
div.SizeListTable.New div p.icon {
width: 25px;
}
div.SizeListTable.New div:last-child{
border-bottom:#959595 solid 1px;
}
div#SizeListTableNo001.SizeListTable.New div{
width:1247px;
}
div#SizeListTableNo002.SizeListTable.New div{
width:1096px;
}
div#SizeListTableNo003.SizeListTable.New div{
width:988px;
}
div#SizeListTableNo004.SizeListTable.New div{
width:992px;
} */
/* 20180125 新サイズリスト用 */
#fixedTableArea {
width: 100%;
max-height: 414px;
margin: 0 auto 7%;
font-size: 14px;
overflow-x: scroll;
position: relative;
overflow-y: hidden;
}
#topLeftArea {
/*position: absolute;
top:0;
left:0;*/
background: #fff;
}
#topRightArea {
/*position: absolute;
top:0;
right:0;*/
background: #fff;
}
.SPBox01{
position: relative;
top:0;
left:0;
height: 65px;
z-index: 1;
/* border-bottom: #959595 solid 1px;*/
display: flex;
}
#fixedTableArea .SPBox01 p{
background: #333 !important;
color: #fff;
padding: 15px 5px !important;
height:34px;
min-height:34px;
}
#bottomLeftArea {
/*float: left;
overflow: hidden;*/
max-width: 312px;
}
#bottomRightArea {
max-height: 350px;
/*float: right;*/
}
.SPBox02{
position: relative;
top: 0;
left: 0;
max-height: 350px;
overflow-y: auto;
display: flex;
}
.fixedTable {
border-collapse: collapse;
}
#fixedTableArea p {
display: table-cell;
text-align: center;
vertical-align: middle;
line-height: 1.2em;
padding: 7px 5px;
table-layout: fixed;
border-left: #e7e7e7 solid 1px;
border-top: #959595 solid 1px;
width: 60px;
font-size: 14px;
}
.fixedTable .dummyColumn {
width: 17px;
min-width: 17px;
border: 0px;
}
.fixedTable .dummyRow {
height: 18px !important;
border: 0px;
}
#fixedTableArea .inch{
width:33px;
min-width:33px;
border-left: #959595 solid 1px;
background: #cbcbcb !important;
border-top:#cbcbcb solid 1px;
color: #cbcbcb;
}
#fixedTableArea .oblateness{
width:50px;
min-width:50px;
background: #cbcbcb !important;
border-top:#cbcbcb solid 1px;
color: #cbcbcb;
}
#fixedTableArea .first{
border-top: #959595 solid 1px;
color: #000;
}
#fixedTableArea .tiresize{
width:197px;
min-width:197px;
}
#fixedTableArea .mark {
width: 20px;
min-width: 20px;
}
#fixedTableArea .tirerim{
width: 75px;
min-width: 75px;
}
#fixedTableArea .weight{
width: 70px;
min-width: 70px;
}
#fixedTableArea .tread{
width: 60px;
min-width: 60px;
}
#fixedTableArea .code,
#fixedTableArea .tirepr{
width: 85px;
min-width: 85px;
}
#fixedTableArea .tirepr{
display: none;
}
#fixedTableArea .money {
width: 145px;
min-width: 145px;
display: none;
}
#fixedTableArea .icon {
width: 32px;
min-width: 32px;
color: #009944;
}
.fixedTable .icon.bR{
border-right: #959595 solid 1px;
}
#fixedTableArea .icon.lownoise{
color: #20aee5;
display: none;
}
.SizeListTemple008 #fixedTableArea .icon.lownoise,
.SizeListTemple009 #fixedTableArea .icon.lownoise,
.SizeListTemple010 #fixedTableArea .icon.lownoise{
display: table-cell !important;
}
.SizeListTemple008 #fixedTableArea .code,
.SizeListTemple009 #fixedTableArea .code,
.SizeListTemple010 #fixedTableArea .code{
border-right: #e7e7e7 solid 1px !important;
}
#topLeftTable p,
#topRightTable p{
border-top: #959595 solid 1px;
border-bottom: #959595 solid 1px;
}
#topRightTable p.dummyColumn,
#bottomLeftArea p.dummyRow{
border: none;
display: none;
}
#bottomLeftArea .dummy{
border-top: #959595 solid 1px;
height: 0;
}
#bottomRightTable div:last-child p{
border-bottom: #959595 solid 1px;
}
#bottomLeftTable div:nth-child(2n) .tiresize,
#bottomRightTable div:nth-child(2n) p{
background: #efefef;
}
.SizeListTemple001 .SPBox01,
.SizeListTemple001 .SPBox02{
width: 1283px;
}
.SizeListTemple002 .SPBox01,
.SizeListTemple002 .SPBox02{
width: 1126px;
}
.SizeListTemple003 .SPBox01,
.SizeListTemple003 .SPBox02{
width: 999px;
}
.SizeListTemple004 .SPBox01,
.SizeListTemple004 .SPBox02{
width: 1034px;
}
.SizeListTemple005 .SPBox01,
.SizeListTemple005 .SPBox02{
width: 505px;
}
.SizeListTemple006 .SPBox01,
.SizeListTemple006 .SPBox02{
width: 1084px;
}
.SizeListTemple007 .SPBox01,
.SizeListTemple007 .SPBox02{
width: 863px;
}
.SizeListTemple008 .SPBox01,
.SizeListTemple008 .SPBox02{
width: 1170px;
}
.SizeListTemple009 .SPBox01,
.SizeListTemple009 .SPBox02{
width: 1042px;
x
}
.SizeListTemple010 .SPBox01,
.SizeListTemple010 .SPBox02{
width: 1077px;
}
#fixedTableArea #bottomLeftTable p,
#fixedTableArea #bottomRightTable p{
height:25px;
min-height:25px;
}
#fixedTableArea #bottomRightTable p img{
height:25px;
width:auto;
}
.SizeListTemple001 #fixedTableArea #bottomLeftTable p,
.SizeListTemple001 #fixedTableArea #bottomRightTable p,
.SizeListTemple006 #fixedTableArea #bottomLeftTable p,
.SizeListTemple006 #fixedTableArea #bottomRightTable p{
height:34px;
min-height:34px;
}
.SizeListTemple001 #fixedTableArea .money,
.SizeListTemple004 #fixedTableArea .tirepr,
.SizeListTemple010 #fixedTableArea .tirepr,
.SizeListTemple007 #fixedTableArea .tirepr{
display: table-cell;
}
.SizeListTemple003 #fixedTableArea .icon,
.SizeListTemple009 #fixedTableArea .icon,
.SizeListTemple004 #fixedTableArea .icon,
.SizeListTemple010 #fixedTableArea .icon,
.SizeListTemple004 #fixedTableArea .oblateness,
.SizeListTemple010 #fixedTableArea .oblateness,
.SizeListTemple003 .PerformanceIcon,
.SizeListTemple004 .PerformanceIcon,
.SizeListTemple005 .PerformanceIcon,
.SizeListTemple005 .tirerim,
.SizeListTemple005 .weight,
.SizeListTemple005 .tread,
.SizeListTemple005 .icon,
.SizeListTemple006 #topRightTable div p:nth-of-type(13),
.SizeListTemple006 #bottomRightTable div p:nth-of-type(13),
.SizeListTemple007 #fixedTableArea .icon,
.SizeListTemple007 #fixedTableArea .oblateness,
.SizeListTemple007 .PerformanceIcon,
.SizeListTemple007 #topRightTable div p:nth-of-type(7),
.SizeListTemple007 #bottomRightTable div p:nth-of-type(7),
.SizeListTemple007 #topRightTable div p:nth-of-type(8),
.SizeListTemple007 #bottomRightTable div p:nth-of-type(8){
display: none !important;
}
.SizeListTemple009 .PerformanceIcon li:nth-of-type(1),
.SizeListTemple009 .PerformanceIcon li:nth-of-type(2),
.SizeListTemple009 .PerformanceIcon li:nth-of-type(3),
.SizeListTemple010 .PerformanceIcon li:nth-of-type(1),
.SizeListTemple010 .PerformanceIcon li:nth-of-type(2),
.SizeListTemple010 .PerformanceIcon li:nth-of-type(3),
.SizeListTemple002 .PerformanceIcon li:nth-of-type(4){
display: none !important;
}
.SizeListTemple006 .PerformanceIcon li:first-child{
display: none;
}
.SizeListTemple003 #fixedTableArea .code,
.SizeListTemple009 #fixedTableArea .code,
.SizeListTemple004 #fixedTableArea .code,
.SizeListTemple010 #fixedTableArea .code,
.SizeListTemple007 #fixedTableArea .code{
border-right: #959595 solid 1px;
}
.NewTemplateNoteBox{
display: none;
margin-bottom:7%;
}
#fixedTableArea .note{
display: none;
}
.mTSizeNote{
margin-top:23px;
}
.SizeListTemple005 .code{
border-right: #959595 solid 1px;
}
/* クルマからタイヤを探す */
.searchbycar .searchSizeBox_innar {
background-color: #fff;
position: relative;
padding: 20px;
margin-bottom: 40px;
}
.searchbycar .searchSizeBox_innar:before{
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -15px;
border: 20px solid transparent;
border-top: 20px solid #fff;
}
.searchbycar .searchSizeBox_innar .innar_L {
}
.searchbycar .searchSizeBox_innar .innar_R {
margin-top:3%;
}
.searchbycar .searchSizeBox_innar .innar_L h3.search_ttl {
padding-bottom: 0px !important;
margin-bottom: 0px !important;
border-bottom: none !important;
}
.searchbycar select {
width: 100%;
border: solid 1px #ccc;
background:#fff;
}
.searchbycar #searchTirePressure h3{
margin-top:0;
}
.searchbycar p.LinkBtn a{
background:#000;
}
.searchbycarNote{
margin-top:5%;
}
.searchbycarresult div.container div.resultbox {
overflow-x: auto;
width: 100%;
margin:5% 0 10%;
}
.searchbycarresult .searchbycarNote{
margin:5% auto 0;
width:95%;
}
.searchbycarresult div.container div.resultbox p {
display: table-cell;
text-align: left;
vertical-align: middle;
line-height: 1.5em;
padding: 7px 0 7px 5px;
table-layout: fixed;
}
.searchbycarresult div.resultbox_header {
padding: 8px 0;
font-weight: bold;
background-color: #333;
color: #fff;
}
.searchbycarresult p.modelyear {
width: 85px;
min-width: 85px;
text-align: center !important;
}
.searchbycarresult p.grade {
width: 200px;
min-width:200px;
line-height: 1.3em !important;
}
.searchbycarresult .resultbox_header p.grade{
text-align: center !important;
}
.searchbycarresult p.position{
width: 90px;
min-width:90px;
text-align: center !important;
}
.searchbycarresult p.drive{
width: 90px;
min-width:90px;
text-align: center !important;
}
.searchbycarresult p.model {
width: 70px;
min-width:70px;
text-align: center !important;
}
.searchbycarresult p.oe {
width: 85px;
min-width:85px;
text-align: center !important;
}
.searchbycarresult p.bodytype{
width: 130px;
min-width:130px;
text-align: center !important;
}
.searchbycarresult p.tiresize {
width: 175px;
min-width:175px;
text-align: center !important;
}
.searchbycarresult p.tiresize a:hover {
text-decoration: none;
}
.searchbycarresult div.line {
padding: 10px 0;
border-bottom: solid 1px #959595;
}
.searchbycarresult .resultbox_in {
width: 970px;
max-height:400px;
overflow-y: hidden;
}
.searchbycarresult div.resultbox::-webkit-scrollbar {
height: 5px;
}
.searchbycarresult div.resultbox::-webkit-scrollbar-track {
border-radius: 5px;
background: #eee;
}
.searchbycarresult div.resultbox::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #666;
}
.searchbycarresult div.resultbox_header {
font-size: 14px;
width:970px;
}
.searchbycarresult div.line {
border-bottom: dotted 1px #E4E4E4;
padding: 1% 0;
}
.searchbycarresult div.container div.resultbox p {
display: table-cell;
text-align: left;
vertical-align: middle;
line-height: 1.5em;
padding: 3px 0 3px 5px;
table-layout: fixed;
}
.searchbycarresult #searchbytiresize h3 {
padding-left: 3%;
}
.searchbycarresult .numberBox {
margin: 0 2%;
}
#searchbytiresize.searchbycarresult .numberBox{
margin-bottom:7%;
}
/* 20180620 メニュー追従 */
#TileSearchBox #TileSearchTop .menuClose{
display: none;
}
#gNaviSPBox #TileSearchBox{
background: #333;
z-index: 0;
top: 80px;
display: none;
width: auto;
border-top: none;
margin-top: 0;
}
#gNaviSPBox #TileSearchBox #TileSearchTop{
padding-top: 2%;
}
#gNaviSPBox #TileSearchBox #TileSearchTop a.btn{
background: #5c5c5c;
}
#gNaviSPBox #TileSearchBox #TileSearchTopIn{
border-bottom: none;
}
#gNaviSPBox #SearchFaqShopBox,
#gNaviSPBox #TileSearchBox #TileSearchTop .mainTitle .tire,
#gNaviSPBox #TileSearchBox #TileSearchTop .mainTitle .Title{
display: none;
}
#pageLink{
margin-top: -100px;
padding-top: 100px;
}
/* 20180807 geolandar_xmt */
#geolandar_xmt #Introduction .IntroductionTitle {
color:#cf8b00;
}
#geolandar_xmt #Introduction ul li{
margin-top: 1em;
}
#geolandar_xmt #Introduction .head {
font-weight: bold;
}
#geolandar_xmt #Introduction span {
color:#4b2b00;
}
#geolandar_xmt #Introduction .indent {
padding-left: 1em;
}
#geolandar_xmt #Introduction .design {
margin-top: 30px;
}
#geolandar_xmt #Introduction .box {
border: 1px solid #4b2b00;
width: 100%;
margin: 0 auto;
}
#geolandar_xmt #Introduction .box {
margin-top: 20px;
}
#geolandar_xmt #Introduction .boxtitle {
color: #fff;
font-weight: bold;
font-size: 18px;
background-color: #4b2b00;
padding: .2em 0;
text-align: center;
}
#geolandar_xmt #Introduction .boxinner {
width: 94%;
margin: .5em auto 0;
}
#geolandar_xmt #Introduction .sbox {
display: flex;
justify-content: space-between;
}
#geolandar_xmt #Introduction .sbox img {
width: 50%;
height: 100%;
}
/* 20180807 BluEarth RV-02CK */
#BluEarthRV02CK #Introduction .IntroductionBox.flex {
display: flex;
flex-direction: column;
}
#BluEarthRV02CK #Introduction .IntroductionBox.flex .w335.db {
order: 1;
-webkit-order: 1;
}
#BluEarthRV02CK #Introduction .IntroductionBox.flex .box:nth-of-type(1) {
order: 2;
-webkit-order: 2;
}
#BluEarthRV02CK #Introduction .IntroductionBox.flex .box:nth-of-type(2) {
order: 3;
-webkit-order: 3;
}
#BluEarthRV02CK #Introduction .sbox {
border: 3px solid #013e8e;
}
#BluEarthRV02CK #Introduction .sbox {
margin-top: 10px;
}
#BluEarthRV02CK #Introduction .box:nth-of-type(2) .sbox {
display: flex;
flex-direction: column;
}
#BluEarthRV02CK #Introduction .sbox .catch {
order: 2;
-webkit-order: 2;
}
#BluEarthRV02CK #Introduction .sbox .inner {
order: 1;
-webkit-order: 1;
}
#BluEarthRV02CK #Introduction .sbox .inner {
display: flex;
justify-content: space-between;
padding: 4%;
}
#BluEarthRV02CK #Introduction .sbox .inner .Left {
width: 76%;
}
#BluEarthRV02CK #Introduction_SizeList #Introduction .IntroductionBox .disc {
margin-left: 1.5em;
}
#BluEarthRV02CK #Introduction_SizeList #Introduction .IntroductionBox .disc li {
list-style: disc;
}
#BluEarthRV02CK #Introduction .sbox .inner .Right {
width: 20%;
}
#BluEarthRV02CK #Introduction .sbox .catch {
background-color: #013e8e;
color: #fff;
font-weight: bold;
padding-top: 3px;
}
#BluEarthRV02CK #Introduction .IntroductionBox div.R,
#BluEarthRV02CK #Introduction .IntroductionBox2 .w100per,
#BluEarthRV02CK #Introduction .IntroductionBox2 div img {
width: 100%;
}
#BluEarthRV02CK #Introduction_SizeList #Introduction .IntroductionBox2 img {
margin-top: 3%;
}
/* bluearthgt ae51 */
.ecocar_icon {
width: 22px;
margin-right: 3px;
}
table.productTireDetail div.label .bluearthgt_label_note {
width: 100%;
line-height: 22px;
}
:root {
--bluearth-color: #013e8e;
}
.bluearth_color {
color: var(--bluearth-color);
}
#Introduction_SizeList #Introduction .IntroductionTitleBold {
font-size: 24px;
font-weight: bold;
color: #08308f;
line-height: 1.3em;
margin: 50px 0 20px;
border-bottom: 0;
}
.bluearthgt .flex {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.bluearthgt .flex.reserve {
flex-direction: column-reverse;
}
.bluearthgt .comparison_comment {
margin-right: 25px;
margin-bottom: 5px;
}
.bluearthgt .comparison_comment img {
width: 75px;
}
.bluearthgt .comparison_comment span {
margin-left: 10px;
font-size: 13px;
line-height: 25px;
}
.bluearthgt .comparison_note {
width: 100%;
text-align: left;
}
.bluearthgt .flex02 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.bluearthgt .flex02 .fig {
width: 100%;
order: 1;
height: 100%;
}
.bluearthgt .flex02 .desc {
position: relative;
text-align: justify;
width: 46%;
}
.bluearthgt .flex02 .desc img {
display: block;
width: 80px;
margin: 20px auto 10px;
}
.bluearthgt .flex02 .desc-01 {
order: 2;
}
.bluearthgt .flex02 .desc-02 {
order: 3;
}
.bluearthgt_schematic {
display: block;
width: 100%;
max-width: 600px;
height: 100%;
margin: 20px auto;
}
.bluearthgt_structure_txt {
width: 100%;
}
.bluearthgt_structure {
width: 100%;
margin-bottom: 20px;
}
.bluearthgt_structure div {
padding: 0 5px;
}
.bluearthgt_ttl {
color: #ffffff;
background-color: var(--bluearth-color);
padding: 5px 10px;
font-weight: bold;
font-size: 16px;
}
.bluearthgt_parts {
color: var(--bluearth-color);
font-weight: bold;
font-size: 16px;
margin-top: 5px;
}
.bluearthgt_structure:nth-last-child(1) {
margin-bottom: 0;
}
.bluearthgt_grade {
background-color: #dff2fc;
border: 2px solid #003d85;
padding: 3%;
}
.bluearthgt_grade_photo {
width: 100%;
height: 100%;
margin-top: 20px;
}
/* 20200526追記 */
.NoBrand #brandTitleContent #Name #L .Description{
font-size: 14px;
line-height: 1.0em;
}