@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700|Roboto:400,700&display=swap');

/*****************************************************-
CSS Document : PC用
- ****************************************************/

/*===========================================================================
 tihs product original settings
===========================================================================*/
/*  ここに製品ページに関わるオリジナルのCSSを追加  */
body{ font-family: 'Roboto', 'Noto Sans JP','Noto Sans Japanese', sans-serif;}

.pc-only{ display: block;}
.sp-only{ display: none !important;}

.product-info .breadcrumb { margin-top: 0 !important;}

main .info-ttl { background:url(/product/phone/f-51a/contents/images/1/f-51a-header.png) no-repeat center top;}

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.lalasia .dtl-idt .dtl-heading01{ background: none; padding-left:0; margin-top: 50px !important;}

main ul.disc li{ padding:0 0 0.5em;}
main ul.gray-disc{ margin-top:1.5em;}
main ul.gray-disc li{ list-style:none; margin-left:10px; margin-bottom:5px;}
main ul.gray-disc li::before { content: "●"; color:#999; display: inline-block; margin-right:5px;}

.dtl-idt.note-text{ margin-top:30px;}
.dtl-idt.note-text p{ float: right;}
.dtl-idt.note-text p:first-of-type{ float: left;}

.img-list.list-col3.option-ul,
.list-col2{ display: flex; flex-wrap: wrap;}
ul.disc li{ list-style: disc;}

/*.product-nav .nav-col li p a,
.product-nav .nav-col li.stay p a,
.product-nav .nav-col li p a:hover{ padding:9px 15px 8px;}*/

main ul.disc li ul.disc li { font-size: 100%;}

/*===========================================================================
 teble style
===========================================================================*/
.col_th{width:40%;}
.col2_th{width:20%;}
.col_td{width:60%;}


/* 洗い方 */
.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/f-51a/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/f-51a/contents/images/parts/arrow-on.png) no-repeat 97% 50%;}

