@import url(/product/phone/common/product_navi/floating_banner.css) screen;
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700|Roboto:400,700&display=swap');

/*===========================================================================
 tihs product original settings SmartPhone
===========================================================================*/
/*  ここに製品ページに関わるオリジナルのCSSを追加  */
body{ font-family: 'Roboto', 'Noto Sans JP', sans-serif;}

header .sp-fix-info-ttl p { display: inline-block; width: 100%; min-height: inherit; padding: 10px 35px 10px 12px !important;}
/* 購入ボタン追加時コメントアウトすること */

footer .ft-note{ font-weight:400 !important;}

.page-ttl.diff-dtl-ttl-set{ color: #000; border-color: #000; margin-top:35px; margin-left: 12px; margin-right: 12px;}
main .info-dtl .dtl-ttl.over-width { padding-left:16px; padding-right:16px;}
main .info-dtl .dtl-idt .dtl-heading01.noIMG{ background:none; padding-left:0; margin-bottom:1em; text-indent:-0.9em; margin-left:0.9em;}
main .info-dtl .dtl-idt .dtl-heading01.noIMG.plane{ text-indent:0; margin-left:0;}
main .info-dtl .dtl-idt .dtl-heading03{ text-align: center; margin-top:1.5em; font-size: 2.2rem;}
.dtl-heading04{ font-size: 2.2rem; margin-top:1.5em; line-height: 1.4; text-align: center; vertical-align: bottom; padding-left: 8px; padding-right: 8px;}

.dtl-ttl + .dtl-ttl{ margin-top:1.2em;}

.flex-block{ margin-top:2em;}
main .info-dtl .col2-conts .img{ margin-top:0;}
.col2-conts .txt { margin-top: 10px; font-size: 1.3rem; padding-left: 24px; padding-right: 24px;}
main .info-dtl .col2-conts + .col2-conts{ margin-top:2em;}

main ul.disc li ul.disc li { font-size: 100%;}

.col2-conts .img.diff-listenability-img-sp{ width:80%; max-width: 320px; height: auto; margin-left: auto; margin-right: auto;}

.bohan_box{ display: block; overflow: hidden; border:solid 1px #ccc; box-sizing: border-box; padding:20px; text-decoration: none;}
.bohan_box .bohan_mark{ text-align: center; margin: 1.5em 0;}
.bohan_box .bohan_mark-ct{ text-align: center; margin: 0 0 1.5em;}
.bohan_box .bohan_mark-ct img{ width:80%; max-width:260px; height: auto;}
.bohan_box .txt{ font-size: 1.2rem; margin-top:1em; color:#000;}
.bohan_box .txt_link-cc{ font-size: 1.2rem;text-align: center; margin:1em; text-decoration: underline;}

.bohan_box .bohan_mark-ct + .txt{ margin-left:0;}

sup{ font-size:80%;}
.mt2em{ margin-top:2em !important;}

main .btn-sec.diff-nav_none .btn-pdf-dl{ margin-top: 0 !important;}

/*-- wash --------------*/
.page_link { padding-top: 30px; padding-bottom: 0; padding-top: 10vw; padding-bottom: 0; overflow: hidden; border-bottom:none;}
.page_link ul.Category-nav { overflow:hidden; width:100%; margin:0 auto 40px;}
.page_link ul.Category-nav li{ margin: 0; display: table; float: left; width: 50%;}
.page_link ul.Category-nav li:last-child{ width:100%;}
.page_link ul.Category-nav li a{ display: table-cell; padding: 0 10px; width: 100%; height: 4em; text-align: center; border-top: solid 1px #666; border-left: solid 1px #666; color: #666; font-weight: 400 !important; text-decoration: none; vertical-align: middle; background: url(/product/phone/arrows/arrowswe_special/contents/images/parts/arrow-off.png) no-repeat 97% 50%;}
.page_link ul.Category-nav li:nth-child(2) a,
.page_link ul.Category-nav li:nth-child(4) a,
.page_link ul.Category-nav li:nth-child(5) a{border-right: solid 1px #666;}
.page_link ul.Category-nav li:nth-child(5) a{border-bottom: solid 1px #666; background: url(/product/phone/arrows/arrowswe_special/contents/images/parts/arrow-off.png) no-repeat 98.5% 50%;}
.page_link ul.Category-nav li a span{ white-space:nowrap;}
.page_link ul.Category-nav li a br{ display:none;}
.page_link ul.Category-nav li a:hover{ color:#fff; background:#666 url(/product/phone/arrows/arrowswe_special/contents/images/1/arrow-on.png) no-repeat 97% 50%;}


/*-- Design --------------*/
.product-info.diff-product-info-design{}
.product-info.diff-product-info-design .page-ttl { display:none;}

.product-info.diff-product-info-design .design-title-conts{ text-align: center; background: #000;}
.product-info.diff-product-info-design .design-headline{ color: #fff; width: 100%; padding:32px 0;}
.product-info.diff-product-info-design .design-headline h2{ font-size: 1.4rem; line-height: 1.4; padding:0 16px;}

.design-dtl.main-conts,
.design-dtl.a-block,
.design-dtl.b-block{ border:none; padding: 0;}
.design-dtl.color-block{ border-top: 1px solid #d2d2d2; padding-top: 35px; padding-bottom: 35px;}

/* a-block b-block */
section.design-dtl.a-block,
section.design-dtl.b-block{ text-align:center;}
section.design-dtl img{ width:100%; max-width: 640px; height:auto;}


/* カラーバリエーション */
.color-block .cts-inr{ overflow:hidden;}
.color-block .cts-inr .txt-box p { font-size: 1.2rem;}
.color-block img { width:100%; height:auto;}
.color-block dl { width:300px; margin:20px auto;}
.color-block dl dt,
.color-block dl dd{ text-align:center;}
.color-block .color-name { margin:12px 0; text-align:center; font-size:1.8rem;}

/* 最下部 */
.design-dtl .design-footer{ background:#eeefef;}
.design-dtl .design-footer .cts-inr{ padding:35px 12px;}
.design-dtl .design-footer .Models-photo { padding:10px 24px 19px; text-align:center; }
.design-dtl .design-footer .Models-photo img { width:120px; height:auto;}
.design-dtl .design-footer .Model-name { padding:8px 24px; text-align:center;}
.design-dtl .design-footer .Model-name img{ width:150px; height:auto;}