@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');

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

/*===========================================================================
 tihs product original settings
===========================================================================*/
/*  ここに製品ページに関わるオリジナルの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;}
/* 購入ボタン追加時コメントアウトすること */

.fw_strong{ font-weight:700 !important;}
.ttl_block{ background:#eeefef;}

.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/f-02l/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/f-02l/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/f-02l/images/1/arrow-on.png) no-repeat 97% 50%;}

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 ul.disc li{ padding:0 0 0.5em;}
main .info-dtl.lalasia .dtl-idt .dtl-heading01{ background: none; padding-left:0;}
.youtube.jq-conts{ margin-top:0; margin-bottom: 35px;}

main .info-dtl .dtl-ttl.over-width { padding-left:16px; padding-right:16px;}

main .info-dtl .cts-inr{ padding:10px 0;}
.info-dtl .cts-inr:last-child .btn_red{ margin-bottom:0;}/* 今回セクション最後のパーツなので調整 */

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

main .page-ttl.deff-color_black{ color: #000; border-bottom: 2px solid #000;}
main .page-ttl.deff-color_black sub{ font-size:40%;}

.img.deff-plr-12{ padding-left:12px; padding-right:12px;}

.bohan_box{ display: block; overflow: hidden; border:solid 1px #ccc; box-sizing: border-box; padding:20px; text-decoration: none;}
a.bohan_box{ text-decoration: none;}
.bohan_box h2{ text-align: center; color:#000; font-size: 1.8rem;}
.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 img,
.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,
.bohan_box .txt_link-cc{ font-size: 1.2rem;text-align: center; margin:1em; text-decoration: underline;}
.bohan_box .txt_link:after{ content:""; display: inline-block; margin-left: 10px; margin-bottom: -3px; width: 18px; height: 18px; background: #666 url(/product/phone/f-41a/images/parts/top_arrow01-on.png) no-repeat 78% 50%; -webkit-border-radius: 18px; -ms-border-radius: 18px; border-radius: 18px;}

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


/*===========================================================================
 product-top
===========================================================================*/
.product-top section{ padding-top: 0; padding-bottom: 0;}
.product-top a{text-decoration: none;}
.product-top a .flex-box .text-box{ color:#333 !important;}
.product-top section.product-cts a{text-decoration: none;}
.product-top section.info-col a,
.product-top .ft-note a{text-decoration: underline;}
.product-top section.info-col a:hover,
.product-top .ft-note a:hover{text-decoration: none;}
.product-top a.area_link{ display: block; height: 600px; width: auto;}

.more-text{ margin-top: 2em; font-size: 131%;}
.more-text em{ text-decoration: underline; font-style: normal !important; font-weight: 400;}
.more-text span{ position: relative; display: inline-block; vertical-align: bottom; margin-left:1.5em; width:20px; height: 20px; background: #b61f1f; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; opacity: 1;}
.more-text span::after{ position: absolute; top: 5px; left: 3px; width: 7px; height: 7px; content: ""; border-bottom:solid 3px #fff;border-right:solid 3px #fff; transform: rotate(-45deg);}

.container { max-width: 100%;}

.clearfix:after, .container:after { content:""; display:block; clear:both;}

section .container h3{ font-size:180%; line-height:1.2; margin-bottom: 12px; margin-bottom: 3vw;}
section .container h3 span{ display:inline-block; font-size:50%; margin-right:-3vw;}
section .container p{ font-size:120%;}

.product-top a section{ border-bottom: 1px solid #d2d2d2;}
.product-top sub{ font-size:50%; padding-left:0.3em; padding-right: 0.3em; position:relative; top:-2px;}
.text-box span{ font-size:80%;}

/*div[id*="feature-"] .text-box{ margin-left:12px; margin-right:12px; margin-left:5vw; margin-right:5vw;}*/

.text-box ul.category-link { margin-top:5vw;}
.text-box ul.category-link li a { color:#333; background:url(/product/phone/f-41a/images/parts/top_arrow01-off.png) no-repeat right center; padding-right:12px; padding-right:5vw; font-size:120%;}
.text-box .item{ margin:30px 0 0;}


/* メイン ----------------------------------------*/
.main-image img{ width:100%; height: auto;}
.main-image + .copy_txt{ margin:8px 0; text-align: center; font-size:2.2rem; font-weight: bold;}

.accessory{ background:#fff url(/product/phone/f-41a/images/parts/top_cont_bg.png) repeat-x left bottom; padding-bottom:30px; padding-bottom:10vw;}
.accessory .category-nav ul li{ margin:8px; margin:2vw;}
.accessory .category-nav ul li a span{ display:none;}
.accessory .category-nav ul li a img{ width: 100%; height:auto;}


/* カテゴリー ----------------------------------------*/
.category-cnts{box-sizing: border-box; background:#fff url(/product/phone/f-41a/images/1/f-41a-top_02sp.png) no-repeat center top;}
.category-box{ display: block;}

.cat-ttl{ font-size: 2.2rem; line-height: 1.2; padding: 20px 0 0 0; margin-bottom:10px;}
.cat-ttl#mij{ padding-right:25%; background: url(/product/phone/f-41a/images/1/f-41a-top_03.png) no-repeat right center; background-size: 25% auto;}

.cat-item{ width:100%; max-width: 450px; margin: 0 auto 30px;}
.cat-item img{ width:100%; height: auto;}
.link-panel{ background: rgba(231,204,185,1.00) ; text-align: center; font-size:1.6rem; padding:8px 8px 16px;}
.link-panel a { text-decoration: none; padding: 3px 15px; background: #666; color: #fff; font-size: 80.49%; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}
.link-panel a:hover{ background: #696394;}

.various-functions{ background: rgba(231,204,185,1.00) ; margin-bottom:30px; padding:30px;}
.various-functions .sub-ttl{ font-size:1.8rem;}
.various-functions ul{ width: 270px; margin:0 auto; display: flex; flex-wrap: wrap;}
.various-functions ul li{ padding-top:30px;}
.various-functions ul li:nth-child(2n+1){ margin-right:30px;}
.various-functions ul li a,
.various-functions ul li div.wallet{ display: block; width:120px; height: 120px;}
.various-functions ul li a span,
.various-functions ul li div.wallet span{ display:none;}
.various-functions ul li a.nuisance-call{ background:url(/product/phone/f-41a/images/1/f-41a-top_08.png) no-repeat; background-position:center top;}
.various-functions ul li a.fingerprint{ background:url(/product/phone/f-41a/images/1/f-41a-top_09.png) no-repeat; background-position:center top;}
.various-functions ul li a.display{ background:url(/product/phone/f-41a/images/1/f-41a-top_10.png) no-repeat; background-position:center top;}
.various-functions ul li div.wallet{ background:url(/product/phone/f-41a/images/1/f-41a-top_11.png) no-repeat; background-position:center top;}
.various-functions ul li a:hover.nuisance-call,
.various-functions ul li a:hover.fingerprint,
.various-functions ul li a:hover.display{ background-position:center bottom;}
.various-functions ul li a:hover.wallet{ }


/* トップページ下部ナビゲーション ----------------------------------------*/
.product-top .product-cts { padding-top: 30px; padding-bottom: 30px; padding-top: 10vw; padding-bottom: 10vw; overflow: hidden;}
.product-top .product-cts ul.index-Category-nav { overflow:hidden; width:100%; max-width:350px; margin:0 auto 40px;}
.product-top .product-cts ul.index-Category-nav li{ margin: 3px; display: table; float: left; width: 162px;}
.product-top .product-cts ul.index-Category-nav li a{ display: table-cell; padding: 0 10px; width: 100%; 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/f-41a/images/parts/top_arrow01-off.png) no-repeat 97% 50%;}
.product-top .product-cts ul.index-Category-nav li a span{ white-space:nowrap;}
.product-top .product-cts ul.index-Category-nav li a:hover{ color:#fff; background:#666 url(/product/phone/f-41a/images/parts/top_arrow01-on.png) no-repeat 97% 50%;}

.product-top .info-col { margin:30px 8px; margin:10vw 4vw;}
.product-top .info-col .link-list-col h2 { font-size: 138.5%; /*18px*/ background: url(/product/phone/common/rnw2015/images/1/pc_icn_circle02.png) no-repeat left 0.2em; padding-left: 23px; line-height: 1.3;}