/*****************************************************-
CSS Document : PC用
- ****************************************************/
body{ font-weight: 400;}
section{ overflow:hidden}
sub{ font-size:60%; vertical-align:baseline;}
.product-info section.info-dtl{ border-bottom:none;}

/* フォント設定 */
/* 18px 138.4612%, 20px 153.846%, 22px 169.231%, 28px 215.385% */

section p.txt{ font-size: 153.846%;}
section p.indent-no-txt{ margin-left:2.5em; text-indent:-2.5em;}
table + .indent-no-txt{ margin-top:3em;}
dt.txt,
dd.txt{ font-size: 185%;}


.main-ttl{ display:block; background:url(/product/phone/f-04j/raku_transfer/images/3/raku_transfer01.png) no-repeat center top; width:100%; height:442px;}
.main-ttl h1 img{ position: absolute; clip: rect(1px, 1px, 1px, 1px); width: 1px; height: 1px;}

.product-info section .cts-inr .page-ttl{ font-size: 307%; color:#000; margin-top:120px; margin-bottom:40px; width:auto; border:none;}
.product-info section .cts-inr:first-child .page-ttl{ margin-top:0;}
.product-info section .sub-ttl{ width:auto; display:inline-block; font-size:269.231%; color:#000; margin-top:40px; margin-bottom:10px; padding:0; border-bottom:solid 4px #ffa033;}
.product-info section .dtl-idt .sub-ttl:first-child { margin-top:0;}

.intro-block ul{ overflow:hidden; width:815px; margin:2em auto 5em;}
.intro-block ul li{ float:left; margin-right:10px;}
.intro-block ul li:last-child{ margin-right:0;}

table{ border-collapse:collapse; border:none; width:100%;}
table th{ padding:10px; 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:10px; text-align:center; vertical-align:middle; border:solid 1px #ffa033; line-height:1.3;}
table td span{ display:block; font-size:85%;}
table td p{ text-align:left;}
table td.nobr{ white-space:nowrap;}
table caption { caption-side: bottom; text-align:left; font-size:153.846%;}
table th,
table td{ font-size:153.846%;}
table td p.img + p{ margin-top:1em;}

p.compatible-models{ margin-bottom:30px; font-size: 215.385%;}
.dl_web .img{ display:block; width:280px; height:210px; float:left; margin-bottom:30px; background:url(/product/phone/f-04j/raku_transfer/images/3/raku_transfer04.png) no-repeat left top;}
.dl_web2 .img{ display:block; width:210px; height:210px; margin:0 auto 30px; background:url(/product/phone/f-04j/raku_transfer/images/3/raku_transfer06.png) no-repeat center top;}
.dl_web .img a,
.dl_web2 .img a{ display:none;}

.dl_web dl{ margin-left:230px;}
.dl_web dl dt{ float:left;}
.dl_web dl dd{ font-size:138.4612%;}

.info-dtl ol{ margin-top:40px;}
.info-dtl ol li{ list-style:none; font-size:153.846%; padding-bottom:30px;}
.info-dtl ol li ul.note li{ list-style:none; margin:0 0 0.3em 1em; padding:0; text-indent:-1em; font-size:85%;}
.info-dtl ol li p.note{ font-size:85%;}

ol li .column-box{ border:solid 3px #7f7f7f; margin:1em 0; padding:24px; overflow:hidden; -moz-border-radius: 24px; -webkit-border-radius: 24px; border-radius: 24px;}
ol li .column-box dl{ float:left; width:48%;}
ol li .column-box dl + dl{ float:right;}
ol li .column-box dl dt{ text-align:center;}
ol li .column-box dl dd{ text-align:left;}