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

/*===========================================================================
 tihs product original settings PC
===========================================================================*/
body{ font-family: 'Roboto', 'Noto Sans JP','Noto Sans Japanese', sans-serif;}

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

main .info-ttl { background:url(/product/phone/arrows/arrowswe_special/contents/images/1/arrows-we-header.png) no-repeat center top;}

.page-ttl.diff-page-ttl-longtxt{ width:980px !important;}
.page-ttl.diff-dtl-ttl-set{ color: #000; border-color: #000; margin-top:75px;}
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;}
.dtl-heading03{ font-size: 280%; margin-top: 2em; line-height: 1.4; text-align: center; vertical-align: bottom;}
.dtl-heading04{ font-size: 230%; margin-top: 2em; line-height: 1.4; text-align: center; vertical-align: bottom;}

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

.flex-block{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.col2-conts { width:49%;}
.col2-conts.diff-pc-mt{ margin-top:30px;}
.col2-conts .txt { margin-top: 10px; font-size: 131%;}
.col2-conts .img.diff-listenability-img{ min-height: 340px; display: block; padding-top: 55px; box-sizing: border-box;}

main ul.disc li ul.disc li { font-size: 100%;}
main ul.disc li { padding: 0 0 0.5em;}

.bohan_box{ display: block; overflow: hidden; border:solid 1px #ccc; box-sizing: border-box; padding:20px; text-decoration: none;}
.bohan_box .txt{ font-size: 1rem; margin-top:1em; margin-left:280px; color:#000;}

.bohan_box .bohan_mark-ct{ text-align: center; margin:0 0 1em;}
.bohan_box .bohan_mark-ct + .txt{ margin-left:0;}
.bohan_box .txt_link-cc{ font-size: 1rem; text-align: center; margin:1em;}

.img-list.list-col3.option-ul,
.list-col2{ display: flex; flex-wrap: wrap;}
ul.disc li{ list-style: disc;}

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

.col2_th{ width: 17%;}

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

/*-- wash --------------*/
.page_link { padding-top: 40px; padding-bottom: 0; overflow: hidden; border-bottom:none;}
.page_link ul.Category-nav { width:980px; margin:0 auto; overflow:hidden; display:table; margin-bottom:40px;}
.page_link ul.Category-nav li{ float:left; margin:5px;}
.page_link ul.Category-nav li a{ display:table-cell; width:167px; padding:0 8px; height:4em; text-align:center; border: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 a span{ white-space:nowrap;}
.page_link ul.Category-nav li a:hover{ color:#fff; background:#666 url(/product/phone/arrows/arrowswe_special/contents/images/parts/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 .product-nav-flex ul li{ font-weight:400 !important;}

.design-title-conts{ text-align: center; background: #000;}
.design-headline{ color: #fff; width:980px; margin-left:auto; margin-right:auto; padding:50px 0;}
.design-headline h2{ font-size: 180%; line-height: 1.2;}

.design-dtl { overflow:hidden;}
.design-dtl p { font-size: 131%;}

section.design-dtl{ padding: 0;}
section.design-dtl.color-block{ padding-top: 75px; padding-bottom: 75px;}
.design-dtl.main-conts,
.design-dtl.a-block{ border:none;}
.design-dtl .main-img img,
.design-dtl.a-block .img,
.design-dtl.b-block .img{ display: none;}

/* メイン画像 */
.design-dtl .main-img{ min-height:674px; background: url(/product/phone/arrows/arrowswe_special/contents/images/2/design05.png) no-repeat center 50%}

/* a-block */
section.design-dtl.a-block { min-height: 550px; background: url(/product/phone/arrows/arrowswe_special/contents/images/1/design06.png) no-repeat center top;}

/* b-block */
section.design-dtl.b-block { min-height: 550px; background: url(/product/phone/arrows/arrowswe_special/contents/images/1/design07.png) no-repeat center top;}

/* カラーバリエーション */
.design-dtl.color-block .cts-inr { padding:0; overflow:hidden;}
.design-dtl.color-block .cts-inr .image_g{ margin-bottom:5em;}
section.design-dtl.color-block .cts-inr h2.dtl-ttl { text-align:center; }
section.design-dtl.color-block .cts-inr p.color-txt { text-align:center; margin-bottom:3em;}
.color-block dl { width:50%; margin:0 0 40px; float:left;}
.color-block dl:first-of-type{ width:100%;}
.color-block dl dt { text-align:center; padding-bottom:20px;}
.color-block dl dd { text-align:center; padding-bottom:0; width:80%; margin: 0 auto;}
section.design-dtl.color-block .cts-inr dl p { text-align:center;}
.color-block dl p.color-name { text-align:center; font-size:182%; margin:12px 0;}
.color-block dl p b{ font-weight:100; border-bottom:solid 1px #396; }
.color-block dl img{ width:400px; height:auto;}

/* 最下部 */
.design-dtl .design-footer { overflow:hidden; background:#eeefef; padding-bottom:50px;}
.design-dtl .design-footer .cts-inr{ width:900px; margin:0 auto; padding:50px 0;}
.design-dtl .design-footer .Models-photo { width: 51%; float:left; padding:0; text-align:center; }
.design-dtl .design-footer .Model-name { width:48%; margin-left:52%; padding:0; text-align:left;}
.design-dtl .design-footer .Model-name img{ padding:160px 0 0 50px;}

section.design-dtl .design-copy{background:#434b4c; text-align:center;}