/*****************************************************-
CSS Document : SP用
- ****************************************************/

body{ font-weight: 400;}
section{ overflow:hidden}
sub{ font-size:1rem; vertical-align:baseline;}
.product-info section.info-dtl{ border-bottom:none;}
.product-info .info-dtl .cts-inr{ padding-left:12px; padding-right:12px;}

/* 画像サイズ別指定 */
.product-info .info-dtl .img.w_half img { width: 70%; max-width:400px; height: auto;}
.product-info .info-dtl .img.w300 img { width: 60%; max-width:300px; height: auto;}
.product-info .info-dtl .img.w250 img { width: 50%; max-width:250px; height: auto;}
.product-info .info-dtl .img.w140 img { width: 100px; height: auto;}
.product-info .info-dtl .img.w100 img { width: 80px; height: auto;}

section p.txt{ font-size: 1.4rem;}
section p.indent-no-txt{ margin-left:2.5em; text-indent:-2.5em; margin-top:3em; font-size:1.6rem !important;}
dt.txt,
dd.txt{ font-size:  1.4rem;}

.main-ttl img{ width:100%; height:auto;}

.product-info section .page-ttl { font-size:2.8rem; color:#000; line-height:1.3; border:none; margin:40px 0 5px;}
.product-info section .cts-inr:first-child .page-ttl{ margin-top:0;}
.product-info section .sub-ttl { width:auto; display:inline-block; font-size:2.2rem; line-height:1.3 color:#000; margin-bottom:20px; border-bottom:solid 4px #ffa033;}
.product-info section .sub-ttl:first-child { margin-top:0;}
.product-info section .sub-ttl + p.indent-no-txt{ margin-top:0;}

.intro-block ul{ margin:2em auto 5em;}
.intro-block ul li{ width:auto; text-align:center;}
.intro-block ul li img{ width:65%; max-width:250px; height:auto;}

section p,
dt,
dd{ font-size: 1.4rem;}

table th,
table td{ font-size:1.4rem;}

table{ border-collapse:collapse; border:none; width:100%;}
table th{ padding:3px; text-align:center; background:#ffa033; border:solid 1px #ffa033; border-right:solid 1px #fff; color:#000; line-height:1.3;}
table th:last-child{ border-right:solid 1px #ffa033;}
table td{ padding:3px; text-align:center; vertical-align:middle; border:solid 1px #ffa033; line-height:1.3;}
table td span{ display:block; font-size:1.2rem;}
table td p{ text-align:left; padding:5px;}
table caption { caption-side: bottom; text-align:left; font-size:1.4rem;}
table td p.img + p{ margin-top:1em;}

p.compatible-models{ margin-bottom:30px; font-size: 1.6rem;}
.dl_web .img, .dl_web2 .img{ display:block;}
.dl_web .img a, .dl_web2 .img a{ display:block; width:200px; height:auto; margin:1em auto 2em;}

.dl_web dl{ width:100%; margin:0 auto; padding:0;}
.dl_web dl dt{ width:200px; margin:0 auto; padding:0;}
.dl_web dl dt img{ width:100%; height:auto;}
.dl_web dl dd{ margin:0 0 2em; padding:0; font-size:1.6rem;}

.info-dtl ol{ margin-top:2em; margin-bottom:3em;}
.info-dtl ol li{ list-style:none; font-size:1.4rem; padding-bottom:0.5em;}
.info-dtl ol li ul.note li{ list-style:none; margin:0 0 0.3em 1em; padding:0; text-indent:-1em; font-size:1.2rem;}
.info-dtl ol li p.note{ font-size:1.2rem;}
.info-dtl ol li p.img{ margin-bottom:1em;}

ol li .column-box{ border:solid 3px #7f7f7f; margin:1em 0; padding:10px 12px; -moz-border-radius: 24px; -webkit-border-radius: 24px; border-radius: 24px;}
ol li .column-box dl{ width:100%; margin-top:1em; margin-bottom:1em;}
ol li .column-box dl dt{ text-align:center;}
ol li .column-box dl dd{ text-align:left;}


img.img-icon{ width:auto; height:20px;}