/*****************************************************-
製品ページ共通 PC用
- ****************************************************/
body{ font-weight:200;}
header,
footer{ font-weight:400 !important;}
footer .ft-note{ font-weight:200;}

.display-none, .read-only { display:none;}

/*===========================================================================
 ナビゲーション設定
===========================================================================*/
.floating_banner{ display: none;}

.product-nav-flex ul li{ font-weight:400 !important;}

.product-nav .nav-col > li.docomo_link_pc a,
.product-nav .nav-col > li.buy_link_pc a { background: #dc3232; border-bottom: solid 3px #b8201f; color: #fff;}
.product-nav .nav-col > li.docomo_link_pc a:hover,
.product-nav .nav-col > li.buy_link_pc a:hover{ background: #f16100; border-bottom: solid 3px #c44f00;}
.docomo_link_sp,
.buy_link_sp{ display: none !important;}

.product-nav .nav-col > li.docomo_link a,
.product-nav .nav-col > li.buy_link a { background: #dc3232; border-bottom: solid 3px #b8201f; color: #fff;}
.product-nav .nav-col > li.docomo_link a:hover,
.product-nav .nav-col > li.buy_link a:hover{ background: #f16100; border-bottom: solid 3px #c44f00;}

/*===========================================================================
 パンくず設定
===========================================================================*/
.product-info .breadcrumb { margin-top: 60px !important;}
.product-info.option-cont .breadcrumb,
.product-info.spec-cont .breadcrumb{ margin-top: 0 !important;}

.product-info .breadcrumb.js_on_breadcrumb { margin-top: 0 !important;}

/*===========================================================================
 SNSボタン
===========================================================================*/
.page-sns { width: 980px; margin-left: auto; margin-right: auto; margin-top: 13px;}
.design-sns .page-sns { margin-bottom: 13px;}
.page-sns .inr { float: right;}
.page-sns p,
.page-sns li,
.page-sns ul { float: left;}
.page-sns p { color: #888888; font-size: 85%; /*11px*/ padding-top: 9px;}
.page-sns ul { padding-left: 10px;}
.page-sns li { margin-left: 6px;}
.page-sns li img { width: 32px; height: auto;}
.is_mouse .page-sns li.btn-ln { display: none;}

/*===========================================================================
 PDFダウンロードボタン
===========================================================================*/
.btn-pdf-dl { text-align: center; font-size:120%;}
.btn-pdf-dl .txt{ font-size:100% !important;}
.btn-pdf-dl a { display: inline-block; width: 396px; line-height: 1.2; padding-top: 13px; padding-bottom: 13px; border: 1px solid #b8b8b8; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-decoration: none;}
.btn-pdf-dl.w60 a { width:60%;}

.btn-pdf-dl a .icn { margin-right: 10px;}
.btn-pdf-dl a .icn img { width: 16px; height: auto;}
.btn-pdf-dl a:hover .icn img { filter: none !important; -moz-opacity: 1 !important; opacity: 1 !important;}
.btn-pdf-dl a .size { color: #888888;}
.btn-pdf-dl a:hover .txt { text-decoration: underline;}

/*===========================================================================
 youtube
===========================================================================*/
.youtube{ text-align:center; margin-top:35px; margin-bottom: 50px;}
.youtube p{ width:853px; margin-left:auto; margin-right:auto; text-align:right;}
.product-top #pv .youtube{ margin-top:50px;}

/*===========================================================================
 ページタイトルなどテキスト関連
===========================================================================*/
main .info-ttl { display:block; width:100%; height: 120px;}
main .info-ttl p img { position: absolute; clip: rect(1px, 1px, 1px, 1px); width: 1px;height: 1px;}
main .page-ttl { text-align: center; font-size: 385%; color: #d22626; line-height: 1.2; margin-top: 25px; width: 680px; margin-left: auto; margin-right: auto; padding-bottom: 15px; border-bottom: 2px solid #d22626;}
main .page-ttl.longtxt{ width:800px;}
main .page-ttl span{ font-size:80%;}

section{ border-bottom: 1px solid #d2d2d2; padding-top: 75px; padding-bottom: 75px;}
section:last-of-type { border-bottom:none;}

main .info-dtl .dtl-ttl { line-height: 1.4; font-size: 307%; text-align: center; vertical-align: bottom;}
main .info-dtl .dtl-ttl span{ font-size: 80%; display: block; margin-bottom: 16px;}
main .info-dtl .dtl-ttl span + br{ display: none;}

main .info-dtl .dtl-ttl.line_sp_narrow { line-height: 1;}
main .info-dtl .dtl-ttl.line_sp_narrow span{ line-height:1.2; display:block; padding-bottom:20px;}
main .info-dtl .dtl-ttl.line_sp_narrow span + br{ display:none;}
main .info-dtl .dtl-ttl sub { font-size: 40%; vertical-align: middle; display: inline-block; padding-top: 6px; padding-left: 0.5em; padding-right: 0.5em;}
main .info-dtl .dtl-ttl span sub{ font-size: 48%;}
main .info-dtl p.dtl-ttl{ margin-bottom:1em;}
main .info-dtl .img { margin-top: 30px; text-align:center;}

/*===========================================================================
 画像サイズ別指定 
===========================================================================*/
main .info-dtl .img span.img_ttl{ display:block; padding:15px 0; font-size:215%; font-weight:400;}
main .info-dtl .img  span.caption_text{ display:block; text-align:left;}
main .info-dtl .dtl-icn { float: right;margin-top: 12px;}
main .info-dtl .dtl-icn li { float: left; margin-left: 17px;}
main .info-dtl .dtl-idt { /*width: 680px;*/ width: 940px; margin-left: auto; margin-right: auto;}
main .info-dtl .dtl-idt .dtl-heading01 { font-size: 182%; padding-left: 27px; margin-top: 30px; background: url(/product/phone/common/rnw2015/images/1/pc_icn_circle01.png) no-repeat left 0.4em;}
main .info-dtl .dtl-idt .dtl-heading01 sub { font-size: 50%; vertical-align: middle; display: inline-block; padding-left: 0.5em; padding-right: 0.5em; padding-top: 5px;}
main .info-dtl .dtl-idt .dtl-heading02 { font-size: 146.5%; padding-left: 25px; margin-top: 30px; background: url(/product/phone/common/rnw2015/images/1/pc_icn_circle02.png) no-repeat left 0.35em;}
main .info-dtl .dtl-idt .dtl-heading02 sub { font-size: 50%; vertical-align: middle; display: inline-block; padding-left: 0.5em; padding-right: 0.5em; padding-top: 5px;}
main .info-dtl .dtl-idt .dtl-heading03 { font-size: 182%; margin-top: 30px;}
main .info-dtl .dtl-idt .dtl-heading03 sub { font-size: 50%; vertical-align: middle; display: inline-block; padding-left: 0.5em; padding-right: 0.5em; padding-top: 5px;}

main .info-dtl .dtl-ttl sup,
main .info-dtl .dtl-heading01 sup { font-size: 65%; vertical-align: top; display: inline-block; padding-top: 0; padding-left:0; padding-right: 0.5em;}
main .info-dtl .dtl-idt .point-ttl{ font-size: 182%;}
main .info-dtl .dtl-idt .txt { margin-top: 10px; font-size: 131%;}
main .info-dtl .dtl-idt .txt sub { font-size: 69.5%; vertical-align: middle; display: inline-block; padding-left: 0.5em; padding-right: 0.5em; padding-top: 3px;}
main .info-dtl .dtl-idt .txt:first-child { margin-top: 30px;}

/*===========================================================================
 ボトムナビ　ボトムバナー関連
===========================================================================*/
main .btn-sec { border-top:1px solid #d2d2d2; padding-top: 40px; padding-bottom: 40px;}
main .btn-sec .btn-next { float: right; position:relative;}
main .btn-sec .btn-prev { float: left; position:relative;}
main .btn-sec .btn-next a,
main .btn-sec .btn-prev a { display: block; width: 450px; line-height: 1; padding: 0; background-color: #ffffff; color: #666666; border:solid 1px #B8B8B8; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-decoration: none;}
main .btn-sec .btn-next a:hover,
main .btn-sec .btn-prev a:hover { opacity:0.8;}
main .btn-sec .btn-next a span { text-align: right; line-height: 1.1; display: block; padding-top: 13px; padding-bottom: 10px; padding-right: 50px; padding-left: 15px; background: url(/product/phone/common/rnw2015/images/1/arrow-right.png) no-repeat right center; min-height:5em;}
main .btn-sec .btn-prev a span { text-align: right; line-height: 1.1; display: block; padding-top: 13px; padding-bottom: 10px; padding-right: 15px; padding-left: 50px; text-align: left; background: url(/product/phone/common/rnw2015/images/1/arrow-left.png) no-repeat left center; min-height:5em;}
main .btn-sec .btn-next a span em,
main .btn-sec .btn-prev a span em{ display:inline-block; margin-top:8px; padding:0; padding:3px 20px 5px; width:auto; color: #FFF; background-color: #d22626; font-style:normal !important; font-size:160%; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
main .btn-sec .btn-next a span em.btn-concept,
main .btn-sec .btn-prev a span em.btn-concept{ margin-bottom:8px;}
main .btn-sec .btn-prev a span em.btn-single{ position: absolute; top: 50%; margin-top: -14px; white-space: nowrap;}
main .btn-sec .btn-next a span em.btn-single { position: absolute; top: 50%; right: 50px; margin-top: -14px; white-space: nowrap;}
main .btn-sec .btn-pdf-dl { margin-top: 42px;}
main .design-dtl.btn-sec .btn-pdf-dl { margin-top: 0;}
section.design-dtl.btn-sec .cts-inr p{ text-align: center;}

/*===========================================================================
 水平線
===========================================================================*/
hr{ border:none;}
main  hr{ border-top: 1px solid #bbb; margin-top:30px; margin-bottom:20px;}

/* section内を分割する場合、sectionのclassにsection_lineを入れてhrで区切る */
main .section_line hr{ margin-top:75px; margin-bottom:75px;}

/*===========================================================================
 list style & BOX
===========================================================================*/
main .info-dtl ul li{ font-size: 131%; /*17px*/ line-height:1.5;}
main .info-dtl ul li sup{ font-size:69.5%; vertical-align: top; display: inline-block; padding-top: 0; padding-left:0; padding-right: 0.5em; position:relative; top:-2px;}
main .info-dtl ul li sub{ font-size:69.5%; vertical-align: bottom; display: inline-block; padding-top: 0; padding-left:0; padding-right: 0.5em; position:relative; bottom:0;}

main ul.disc li,
main ul.disc-list li{ list-style:disc; padding:3px 30px 3px 0; margin-left:20px;}
main .boxGray{ border: solid 1px #bbbbbb; padding: 20px; margin-top: 15px;}
main .boxGray ul,
main .list-col2 ul,
main .list-col3 ul,
main .parallelLine ul,
main .img-list{ overflow: hidden;}
main .parallelLine ul{margin-top: 10px;}
main .img-list{ margin:1.75em 0;}

main .boxGray ul li,
main .parallelLine ul li{ list-style: disc; float: left; padding: 3px 30px 3px 0; margin-left: 20px;}
main .boxGray ul.one_column li{ float:none;}
main .boxGray ul.img-list{ margin:5px 0;}
main .img-list li{ background:url(/product/phone/common/rnw2015/images/1/pc_icn_circle03.png) no-repeat left 11px; padding:3px 15px; display:block; min-height:2em;}
main .img-list.red_circle li{ background:url(/product/phone/common/rnw2015/images/1/pc_icn_circle01.png) no-repeat left 7px; padding: 3px 15px 3px 22px;}
main ul.img-list li sub{ font-size:69.5%; vertical-align: middle; display: inline-block; padding-left: 0.5em; padding-right: 0.5em; padding-top: 3px;}
main ul.img-list li:last-child,
main ul.img-list li.last-col { margin-right:0;}
main .boxGray ul.img-list li{ padding:0 0 0 15px; line-height:normal; white-space:normal; margin-left:0;}
.img-red-list ul li{ font-weight:400; list-style: none; float: left; width:47%; padding-left:23px; background: url(/product/phone/common/rnw2015/images/1/pc_icn_circle01.png) no-repeat left 11px; background-size:17px;white-space: nowrap; line-height:2.2;}
main .list-col2 li{ float:left; width:46%;}
main .list-col3 li{ float:left; width:29%;}
main .list-col2 li:nth-child(2n+0),
main .list-col3 li:nth-child(3n+2){ padding-right:0 !important;}
main .info-dtl .dtl-idt .boxGray .txt:first-child{ margin-top:0;}

/* コラム（グレー枠黄色版） */
.column{ border:solid 1px #FFC000; background:#FFFFCC; padding:15px; margin-top:30px; overflow:hidden;}
main .info-dtl .dtl-idt .column .txt:first-child{margin-top:0;}
.column .txt strong,
.column h3.dtl-ttl{ color:#D22626;}
.column .raku_app{ width:50%; float:left; display:block;}
.column .arrows_app{ width:50%; float:left; display:block;}
main .column.parallelLine ul li{ line-height:1.5em; white-space:normal;}

/* 赤2重枠 */
.captionBox{ border:solid 2px #B61F1F; margin:0 0 60px;}
.captionBox p{ margin:20px 30px; font-size:120%;}

/*===========================================================================
 teble style
===========================================================================*/
main table.standard{ width: 100%; border-collapse: collapse; border-spacing: 0px; border: 1px solid #B8B8B8; color: #333;}
main table.standard caption.dtl-ttl{ margin-bottom:1em; font-weight:normal;}
main table.standard th,
main table.standard td{ padding:10px; border-collapse: collapse; border: 1px solid #AAA; line-height: 1.6; font-size: 131%; /*17px*/ font-weight:200;}
main table.standard th sub,
main table.standard td sub{ font-size:69.5%; vertical-align: middle; display: inline-block; padding-left: 0.5em; padding-right: 0.5em; padding-top: 3px;}
main table.standard th{ background-color: #F2F2F2;}
main table.standard td img{ vertical-align:middle;}
.col_th{width:30%;}
.col2_th{width:15%;}
.col_td{width:70%;}

/*===========================================================================
 ページ内赤ボタンリンク
===========================================================================*/
.btn_red{ text-align: center; margin-top: 5em;}
.btn_red a { display: inline-block; width: 20em; line-height: 1; padding-top: 15px; padding-bottom: 18px; font-size: 153.846%; background: #d22626; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-decoration: none;}
.btn_red a:hover{ opacity:0.8;}

/*===========================================================================
 980px バナー表示
===========================================================================*/
.product-cts .btn-web{ text-align:center; margin-top:30px;}
main .btn-sec .btn-web{ text-align:center; margin-top:42px;}
.product-cts .btn-web a,
main .btn-sec .btn-web a{ -moz-opacity: 1 !important; opacity: 1 !important;}

/*===========================================================================
 その他調整
===========================================================================*/
p.txt img{ position:relative; top:-5px; margin-left:2px; margin-right:2px;}
p.txt.tcenter,
.tcenter{ text-align:center;}

/* 別窓icon用 */
a img.w-icon{ position:relative; top:-2px; margin-left:2px; margin-right:2px;}

.info-dtl .docomo_link,
.info-dtl .buy_link{ text-align: center; margin:1.5em auto;}