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

section { border-bottom: 1px solid #d2d2d2; padding-top: 50px; padding-bottom: 50px; font-weight:200;}
section:first-of-type { padding-top:0;}
section.ttl_only{ padding-bottom:0; border-bottom:none;/* 次がグレーの場合下線なし */}
section:last-of-type { border-bottom:none;}
section hr.line{ display:block; height:1px; border:0; margin-top: 50px; margin-bottom: 50px; padding:0; border-top: 1px solid #d2d2d2;}

section:nth-child(2n+0) { background:#f4f5f7;}/* sectionごとの背景設定 */
section:nth-child(2n+1) { background:#ffffff;}/* sectionごとの背景設定 */

section dl { margin-bottom:1em;}
section dl dt { background:#666666; color:#fff; text-align:center; font-size:185%; padding:2px 0 3px; border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px;}
section dl dd { padding-top:5px;}

.main-ttl { display:block; width:100%; height:250px; margin-bottom:4em; text-align:center; background:url(/product/phone/atf/rnw/images/1/atf-title_bg.png) no-repeat center top;}
.ttl_only .main-ttl{ margin-bottom:0;}

.atf_top .sec-ttl { display: block; margin:0 0 3em; text-align: center;}
.atf_top .sec-ttl h2 br { display:none;}
.atf_top .sec-ttl .icn, .atf_top .sec-ttl .txt { display: block;}
.atf_top .sec-ttl .icn { margin:0 auto 1em;}

.sp_main_cnts h3{ font-size: 231%; line-height: 1.3; text-align:center; margin-bottom:1em;}
.sp_main_cnts h4,
.class_headline { background:#666666; color:#fff; text-align:center; font-size:185%; padding:2px 0 3px; border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px;}

.attention_txt{ font-size:123%;}
.point_txt{ text-align:center; line-height:1.5;}

.link_btn { clear:both;}
.link_btn a { display:block; text-decoration:none; background:#cc3333; color:#fff; text-align:center; font-size:138%; width:312px; margin:2em auto; padding:4px 0 5px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
.link_btn a:hover { opacity:0.8;}

.tcenter{ text-align:center;}

/* TOP */
.sp_contents, .mobile_contents, .atf_contents { overflow:hidden; }

.sp_contents{ display: flex;}
.sp_contents dl { display:flex; width:312px; margin:0.8em 7.3px;}
.sp_contents dl{ flex-direction: column;}
.sp_contents dl dd{ min-height: 6em;}
.sp_contents dl dd + dd{ text-align: center; }

.mobile_contents div { display:block; width:475px; float:left; margin:0.8em 15px;}
.mobile_contents div:first-of-type { margin-left:0;}
.mobile_contents div:last-of-type { margin-right:0;}
.mobile_contents h3 { font-size:185%; text-align:center; margin:0 0 0.5em;}
.mobile_contents div.carrier_inner { width:100%;}
.mobile_contents dl:last-of-type dd { padding-bottom:2em;}

.atf_contents { text-align:center;}
.atf_contents h3 { width:475px; margin:0 auto 1.5em;}
.atf_contents .attention_txt {margin:1em 0 2em;}
.atf_contents dl { display:block; width:475px; float:left; margin:0.8em 15px;}
.atf_contents dl:first-of-type { margin-left:0;}
.atf_contents dl:last-of-type { margin-right:0;}
.atf_contents dl dd:first-of-type { padding:20px 0;}
.atf_contents dl dd em { margin-bottom:10px; display:block; font-size:123%; font-weight:300; font-style:normal !important;}
.atf_contents dl dd p { line-height:2em;}
.atf_contents dl dd.qr img { margin:20px 0; width:auto; height:auto;}

.sp_main_cnts h4{ margin:2.5em auto 1em; width:312px;}
.sp_main_cnts h4.dtl_heading { width:auto; margin:1em 0; color:#333; font-size: 146.5%; text-align:left !important; padding:0 0 0 25px; margin-top: 30px; background:transparent url(/product/phone/common/rnw2015/images/1/pc_icn_circle02.png) no-repeat left 0.35em;}
.sp_main_cnts .atf_contents h4 { margin:1em auto 2em; width:30em;}

/* teble style */
.col_th { width:12%;}
.col_td { width:68%;}
.col_td_Number { width:20%;}
.td_Number { text-align:center;}

.phone-contents .sp_main_cnts table.standard,
.phone-contents .sp_main_cnts table.standard th,
.phone-contents .sp_main_cnts table.standard td { border: 1px solid #999;}
.phone-contents .sp_main_cnts table.standard th { background-color: #F2F2F2; font-weight:200; text-align:center;}
.phone-contents .sp_main_cnts table.standard.point_service th,
.phone-contents .sp_main_cnts table.standard.point_service td { font-size: 131%; /*17px*/ padding:0;}
.phone-contents .sp_main_cnts table.standard.point_service td { background:#fff;}

@media screen and (min-width: 751px) {
.phone-contents .sp_main_cnts table.standard.point_service td img{ float:left;}
.phone-contents .sp_main_cnts table.standard.point_service td img + span{ display:table-cell; margin-left:160px; height:98px; vertical-align:middle;}
}
/*.sp_contents dl dd + dd{ margin-top:auto;}*/

.sp_main_cnts ol{ margin-left:20px;}
.sp_main_cnts ol li{ list-style:decimal;}

.newinfo-ttl { margin-bottom:2em;}
.newinfo-ttl h2 { font-size:269%; color:#C33; text-align:center;}
.newinfo-ttl h2 span { font-size:60%; display:block;}
.newinfo-ttl h2 span br{ display:none;}
.newinfo-dtl-ttl { font-size:184% !important; font-weight:300; text-align:center;}

.model_txt{ text-align:center; margin-bottom:3em;}

.prezent_img{ text-align:center; font-size:185%; padding-bottom:1em;}
.prezent_img span{ font-size:70%; display:block; padding-bottom:10px;}
.prezent_img img + span { font-size:13px;}

.period { display:block; width:100%; background:#fff; border:solid 1px #999; padding:1.3em 0; margin-bottom:1em; text-align:center; font-size:169%; font-weight:300;}
.period br{ display:none;}
.period span{ font-weight:200; font-size:80%; display:block;}
.please_note { color:#c00;}
dl dd.txtbox { margin-bottom:1.5em;}



@media screen and (max-width: 750px) {
section{ font-weight:300;}
.sp_main_cnts h3 { font-size:2.2rem;}
section dl dt, .atf_contents dl dd em, .sp_main_cnts h4, .class_headline, .period { font-size:1.8rem;}
.phone-contents .sp_main_cnts table.standard.point_service th,
.phone-contents .sp_main_cnts table.standard.point_service td{ font-size:1.5rem;}

.atf_top .sec-ttl h2 br { display:block;}
.sp_main_cnts img{ width:100%; height:auto;}

.main-ttl h1 img{ display:none;}
.main-ttl{ height:0; padding-top:49.3%; background:url(/product/phone/atf/rnw/images/1/atf-smartphone-title_sp.png) no-repeat; background-size: contain;}
.atf_top .main-ttl{ height:0; padding-top:49.3%; background:url(/product/phone/atf/rnw/images/2/atf-top-title_sp.png) no-repeat; background-size: contain;}

.link_btn a { width:70%; margin:1em auto 2em;}

.point_txt{ text-align:left;}
.icon { margin:3em 0;}
.icon img{ width:100px; height:auto;}
.sp_contents{ display: block;}
.sp_contents dl dd{ min-height: 4em;}

.mobile_contents div,
.atf_contents h3,
.atf_contents dl { width:auto; float:none; margin:0.8em 0;}
.sp_contents dl { margin-bottom:1.5em;}
.sp_main_cnts .atf_contents h4{ width:auto; padding:3px 10px; border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px;}

.sp_contents dl { width:auto; margin:0.8em 8px;}
.sp_contents img { width:70%; max-width:312px; height:auto; margin-bottom:1.5em;}
/*.sp_main_cnts .sp_contents dl dd { text-align:center;}*/
.sp_main_cnts .sp_contents dl dd.txtbox { text-align:left;}

.mobile_contents dl:last-of-type dd { padding-bottom:1em;}
.original_img{ width:auto; height:auto;}
.atf_contents .attention_txt br { display:none;}

.point_service td{ text-align:center;}
.point_service img{ width:auto; height:auto; display:block; margin:0 auto;}

.newinfo-ttl h2 { font-size:2.2rem;}
.newinfo-ttl h2 br{ display:none;}
.newinfo-dtl-ttl { font-size:1.6rem !important;}
.prezent_img { font-size:1.6rem;}
.prezent_img img.s-size { width:70%; max-width:312px;}

.period br{ display:block;}

}


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

#modal-content { width: 50%; height: 60%; margin: 0; padding: 10px; border: 1px solid #d2d2d2; background: #fff; position: fixed; display: none; z-index: 100; overflow-y: scroll;}
#modal-content-innar{ margin:0 auto; width:95%; text-align:left; font-weight:200;}
#modal-content-innar .ttl{ display:block; padding:15px 10px; font-weight:300; font-size:154%;}
#modal-content-innar ul{ margin-left:20px;}
#modal-content-innar ul li{ list-style:disc; margin-bottom:0.8em;}
#modal-content-innar ul + p{ margin-top:2em;}
#modal-overlay { z-index:1; display:none; position:fixed; top:0; left:0; width:100%; height:120%; background-color: rgba(0,0,0, 0.5);}
.button-link { text-decoration: underline;}
.button-link:hover { cursor: pointer;}
.close_btn{ display:block; margin:1.5em; text-align:center;}
.close_btn .button-link { border:solid 1px #999; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; padding:2px 15px 5px; text-decoration: none;}

@media screen and (max-width: 750px) {
#modal-content { width: 85%; height: 60%;}
}