/*****************************************************-
CSS Document : PC Design
- ****************************************************/

/*===========================================================================
 product-info
===========================================================================*/
body, h2{ font-weight:100;}
header,
footer{ font-weight:400 !important;}

.product-info .product-nav  {}
.product-info .info-ttl { height: 120px;}
.product-info .info-ttl p { width: 980px; margin-left: auto; margin-right: auto; overflow: hidden;}
.product-info .page-ttl { display:none;}

section:nth-child(2n+1) { background:#ffffff;}
section:nth-child(2n+0) { background:#eeefef;}
section.design-dtl .design-copy{background:#434b4c; text-align:center;}

.design-dtl .cts-inr { padding:80px 0; overflow:hidden;}

.product-info .design-dtl .dtl-ttl { line-height: 1.5; font-size: 231%; /*30px*/ text-align: center; vertical-align: bottom; margin-bottom:40px;}

.color-name { margin:12px 0;}

/* SNS */
.page-sns { width: 980px; margin: 13px auto;}
.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-sec .cts-inr { padding:40px 0; overflow:hidden;}
.btn-pdf-dl { text-align: center; font-size:120%; font-weight:normal;}
.btn-pdf-dl .txt { font-size:100% !important;}
.btn-pdf-dl a { display: inline-block; width: 396px; line-height: 1; 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 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;}


/*===========================================================================
 tihs product original settings
===========================================================================*/
/* メイン画像 */
.design-dtl .main-img{ height:450px; background:#eeefef url(/product/phone/f-02h/images/1/design01.png) no-repeat 50% 0;}
.main-img .ttl-btl{ color:#ffffff; display:block;padding-top:160px; text-align:center;}
.main-img .Copy{ font-size:277%; font-weight:100;}
.main-img .subCopy{ font-size:116%; font-weight:100; padding-top:40px;}

/* 色彩 */
.color-block { border-top:solid 1px #ccc;}
.color-block .cts-inr{ width:900px; margin:0 auto;}
.color-block dl { width:270px; margin:0 45px 0 0; float:left;}
.color-block dl:last-child { margin-right:0;}
.color-block dl dt { text-align:center; padding-bottom:20px;}
.color-block dl dd p.color-name { text-align:center;  font-size:182%;}
.color-block dl dd p b{ font-weight:100; border-bottom:solid 1px #396; }
.color-block .lens-item { display:block; margin-top:20px;}
.color-block .lens-item img { float:left; }
.color-block .lens-item span { display:block; margin-left:145px;}

/* 強度・デザイン */
section.design-dtl.Strength-block .cts-inr { width:auto; height:670px; margin:0 auto;background:#eeefef url(/product/phone/f-02h/images/1/design06.png) no-repeat 50% bottom;}
section.design-dtl.Strength-block .cts-inr .txt-box { background:rgba(238,239,239,0.5); width:400px; text-align:left; margin: 0 55% 0 auto; font-size: 131%;}

/* 証 */
.design-dtl.Proof-block .cts-inr { padding-bottom:0;}
.Proof-block dl { width:880px; margin-left:auto; margin-right:auto; overflow:hidden;}
.Proof-block dl dt { float:right;}
.Proof-block dl dd { margin-right:510px;}
.Proof-block dl dd p { font-size: 131%;}
.Proof-block dl dd p:first-child {margin-bottom:1.5em;}

/* インフォメーション */
.design-dtl.Info-block .cts-inr { padding-bottom:0;}
.Info-block dl { width:880px; margin-left:auto; margin-right:auto; overflow:hidden;}
.Info-block dl dt { float:left; width:476px; text-align:center;}
.Info-block dl dd { margin-left:500px;}
.Info-block dl dd p { font-size: 131%;}

/* 形 */
section.design-dtl.Form-block .cts-inr .Form-image { text-align:center;}
section.design-dtl.Form-block .cts-inr .txt-box { font-size: 131%;}

/* 薄さ */
section.design-dtl.Thin-block .cts-inr .txt-box { font-size: 131%;}

/* 壁紙 */
section.design-dtl.Wallpaper-block .cts-inr { text-align:center;}
section.design-dtl.Wallpaper-block .cts-inr .txt-box{ font-size: 131%; text-align:left; margin-top:20px;}

/* 最下部 */
.design-dtl .design-footer { overflow:hidden;}
.design-dtl .design-footer .Models-photo { width: 51%; float:left; padding:50px 0; text-align:right; }
.design-dtl .design-footer .Model-name { width:48%; margin-left:52%; padding:0; text-align:left;}
.design-dtl .design-footer .Model-name img{ padding:200px 0 0 100px;}

/* 機体Photo切り替えJS用 */
.color-block dl:nth-child(4) { margin-right:0; }


/* Red Dot Award */
.design-dtl.rda { background:#fff;}
.design-dtl.rda .rda_img { text-align:center !important;}
.design-dtl.rda p.txt { font-size: 131%;}