@charset "shift_jis";
/*==============================================
common
============================================= */

.contentsNavi,
.pc{
display:none;}

#header {
border-bottom: #ededed solid 1px;
}
.copyRight { border-top: 1px solid #ededed; }
.pageTop {
width: 40px;
height: 40px;
right: 10px;
background-size: 40px;
border-radius: 50%;
}

img {
width: 100%;
height: auto;
}

.mtop30 {margin-top: 30px;}

/*==============================================
ŠΕ”Β
============================================= */
h1 {
padding-top: 95%;
margin: 0 auto;
background:#e8ecf5 url(https://img1.kakaku.k-img.com/images/article/tieup/26/02_dunlop/sp_title_02.jpg) no-repeat center top;
background-size: 100%;
text-indent: -999em;
font-size: 0;
}
p.lead {
padding: 20px 25px 25px;
font-size: 1.28rem;
line-height: 1.7;
}

/*---- pointbox ----*/
.pointbox {
margin: 20px 25px 0;
border: #d8d8d8 3px solid;
border-radius: 10px;
padding: 20px;
box-sizing: border-box;
display: table;}

.pointbox p {
font-size: 1.55rem;
font-weight: bold;
text-align: center;
padding-bottom: 20px;}

.pointbox ul li {
font-size: 1.28rem;
line-height: 1.5;
font-weight: bold;
background: url(https://img1.kakaku.k-img.com/images/article/tieup/26/02_dunlop/check_icon.png) left 1px no-repeat;
background-size: 20px;
padding-left: 32px;
min-height: 22px;}

.pointbox ul li + li {
margin-top: 12px;}

/*==============================================
ƒoƒi[
============================================= */
.bnr a { text-decoration: none; }

/*----@ŠΕ”Β‰Ί@----*/
.topbnr {
padding: 0 20px 25px;
}
.topbnr a{
font-size: 1.2rem;
line-height: 1.6;
font-weight: bold;
border-radius: 60px;
padding: 15px 30px 15px 20px;
display: block;
text-align: center;
border: #ffe50b 1px solid;
background:#ffe50b url(https://img1.kakaku.k-img.com/images/article/tieup/26/02_dunlop/newwindow_icon.png) 96% 50% no-repeat;
background-size: 16px;
overflow: hidden;}

.topbnr a:active{
border: #000 1px solid;
background:#fff url(https://img1.kakaku.k-img.com/images/article/tieup/26/02_dunlop/newwindow_icon.png) 460px 50% no-repeat;
background-size: 18px;}


/*----@‹LŽ–“ΰ@----*/
.innerbnr{
/*padding: 30px 0 0;*/
}
.innerbnr a{
display:block;
box-sizing:border-box;}

.innerbnr .bnr img{ width: 100% }

.innerbnr .bnr .info{
display: none;}


/*==============================================
.noto
============================================= */
/* regular */
@font-face {
font-family: 'noto';
src: url(https://img1.kakaku.k-img.com/images/fonts/noto-sans/NotoSansJP-Regular.woff);
font-weight: 400;
}
/* bold */
@font-face {
font-family: 'noto';
src: url(https://img1.kakaku.k-img.com/images/fonts/noto-sans/NotoSansJP-Bold.woff);
font-weight: 700;
}


/*==============================================
#mainContents
============================================= */
.mainTitleWrap {
background:#e8ecf5;
background-image: linear-gradient(0deg, #ffffff, #e8ecf5 34%);
}

/*----- •ΆŽš -----*/
#mainContents{
font-feature-settings: "palt" 1;
letter-spacing: 0.05em;}

.paragraph p {
font-size: 1.4rem;
line-height: 1.7;
margin-top: 30px;
}
.paragraphIn > p:first-child {
margin-top: 10px;
}
.paragraph .cap {
font-size: 1.2rem;
line-height: 1.6;
margin-top: 10px !important;
}

#mainContents em {
font-weight: bold;
background-color: #fff885;
font-style: normal;
}

/*----@paragraph@----*/
.paragraph {
border-top: 1px solid #292929;
transition: background-color .2s, border-top-color .2s;
}
#matome {
border-bottom: 1px solid #292929;
}

.paragraphIn{
padding: 0 25px 30px;}

.spAccordion {
display: none;
}
.paragraph h2 {
position: relative;
padding: 20px 20px 20px 25px;
color: #000;
font-weight: bold;
}
.paragraph h2:active {
background-color: rgba(255,255,255,0.10);
}
.paragraph.active h2 {
color: #292929;
}
.paragraph h2 span {
display: block;
padding-left: 26px;
font-size: 1.4rem;
line-height: 1.6;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.paragraph h2 span span{
padding-left: 0;	
}

.paragraph h2 .icon {
display: inline-block;
padding: 2px 10px;
background-color: #000;
color: #fff10b;}

.paragraph h2 .text {
display: block;
padding-top: 8px;}

.paragraph h2:after {
content: "";
display: inline-block;
position: absolute;
top: 1px;
bottom: 0;
left: 20px;/*----@Ά‚©‚η‚Μ–ξˆσ‚ΜˆΚ’u@----*/
width: 8px;
height: 8px;
margin: auto;
-webkit-transition: opacity .2s ease, -webkit-transform .2s ease;
transition: opacity .2s ease, -webkit-transform .2s ease;
transition: transform .2s ease, opacity .2s ease;
transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
vertical-align: middle;
border-bottom: 3px solid #000;/*----@–ξˆσ‚̐F@----*/
border-right: 3px solid #000;/*----@–ξˆσ‚̐F@----*/
}
.paragraph.active h2:after {
top: 3px;
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}

.paragraph h2 br {
display: none;
}

/*----- ‰ζ‘œ -----*/
.imgBox {margin-top: 30px;}
.imgBox div {overflow: hidden;}

.imgBox.w570{display: table;}
.imgBox.w570 .floatL,
.imgBox.w570 .floatR {display: table-cell;
width: 50%;}
.imgBox.w570 img{width: 90% !important;}

.imgBox img {width: 100%;}
.imgBox div + .cap{
margin-top: 15px;}
.imgBox a + .cap {
margin-top: 0;}

.col2 div {
display: table;}

.col2 div a,
.col2 div p.cap{
display: table-cell;
width: 49%;
vertical-align: middle;}

/*----@reviewbox@----*/
.reviewbox {
margin-top: 30px;
background-color: #f1f1f1;
padding: 20px;}

.reviewbox .title {
font-size: 1.4rem;
line-height: 1.7;
font-weight: bold;
text-align: center;
margin-bottom: 20px;}

.reviewbox .title br {
display: none;}

.reviewbox ul li {
padding: 65px 20px 20px;
font-size: 1.4rem;
line-height: 1.7;
margin-top: 20px;}

.reviewbox ul li.icon01 {background:#fff url(https://img1.kakaku.k-img.com/images/article/tieup/26/02_dunlop/user_icon01.png) center 15px no-repeat;}
.reviewbox ul li.icon02 {background:#fff url(https://img1.kakaku.k-img.com/images/article/tieup/26/02_dunlop/user_icon02.png) center 15px no-repeat;}
.reviewbox ul li.icon03 {background:#fff url(https://img1.kakaku.k-img.com/images/article/tieup/26/02_dunlop/user_icon03.png) center 15px no-repeat;}
.reviewbox ul li.icon04 {background:#fff url(https://img1.kakaku.k-img.com/images/article/tieup/26/02_dunlop/user_icon04.png) center 15px no-repeat;}

.reviewbox + p {
margin-top: 10px;
}

/*----@Q&A@----*/
/* Q */
.qbox {
margin-top: 60px;
background-color: #f1f1f1;
border-radius: 10px;
padding: 45px 20px 20px;
box-sizing: border-box;
position: relative;}

.qbox .icon {
width: 60px;
position: absolute;
top:-25px;
left: 20px;}

.qbox p{
margin-top: 0;
font-weight: 700;}

/* A */
.abox {
margin-top: 40px;
border: #e6e6e6 3px solid;
border-radius: 10px;
padding: 50px 20px 20px;
box-sizing: border-box;
position: relative;}

.abox .icon {
width: 60px;
position: absolute;
top:-25px;
left: 20px;}

.abox .imgBox {
margin-top: 30px !important;}

.abox .imgBox .subtxt {
margin-top: 0 !important;
margin-bottom: 10px;
font-weight: bold;}

.abox .imgBox .floatR {
margin-top: 15px !important;}

/*==============================================
.productBox
============================================= */
/*----- »•i˜g -----*/
.productBox {
background: url(https://img1.kakaku.k-img.com/images/article/tieup/26/02_dunlop/prd_bg.jpg) center -20px no-repeat;
background-size: 190%;
padding:35px 20px 20px;
text-align: center;}

.productBox a {
display:block;
color:#333;}

.productBox .img {
text-align: center;}

.productBox .img img {
width: 42%;}

.productBox .name img{
margin-top: -15px;
width: 70%;
margin-bottom: 20px;
}

.productBoxIn .info .btn a{
display: block;
padding: 13px 20px;
border-radius: 53px;
font-size: 1.2rem;
line-height: 1.6;
font-weight: bold;
text-align: center;
border: #ffe50b 1px solid;
background:#ffe50b url(https://img1.kakaku.k-img.com/images/article/tieup/26/02_dunlop/newwindow_icon.png) 97% 50% no-repeat;
background-size: 15px;
transition: 0.2s ease-in-out;
}

.productBoxIn .info .btn a:active{
border: #000 1px solid;
background:#fff url(https://img1.kakaku.k-img.com/images/article/tieup/26/02_dunlop/newwindow_icon.png) 97% 50% no-repeat;
background-size: 14px;
}

.productBoxIn .info .btn02 a{
display: block;
padding: 13px 20px;
border-radius: 53px;
font-size: 1.15rem;
line-height: 1.6;
font-weight: bold;
color: #fff;
text-align: center;
border: #000 1px solid;
background:#000 url(https://img1.kakaku.k-img.com/images/article/tieup/26/02_dunlop/link_arrow.svg) 97% 50% no-repeat;
transition: 0.2s ease-in-out;
}

.productBoxIn .info .btn02 a:active{
color: #000;
border: #000 1px solid;
background:#fff url(https://img1.kakaku.k-img.com/images/article/tieup/26/02_dunlop/link_arrow.svg) 97% 50% no-repeat;
}

.productBoxIn .info dd + dd {
margin-top: 15px;
}

/*==============================================
.releasedate
============================================= */
.makerBanner {
margin: 25px;}


/*==============================================
.releasedate
============================================= */
.releasedate {
font-size: 0.85rem; 
padding: 0 25px 30px;
color: #333;}

#footer {
padding-top: 30px;}