/* CSS Document プラスチック加工（機械加工・成形・光・二次加工・ハイブリッド etc） */

/*==================== テーブル基本 ====================*/
/*タイプ0*/.table100a {width:100%; margin:15px auto; border:1px solid #003; text-align:left; border-collapse:collapse;}
           .table100a th, .table100a td {padding:4px 5px; border:1px solid #003; line-height:1.5em;}
           .table100a th {font-weight:bold; background:#F0F8FF;}/*TH全青*/
/*タイプ1*/.table100a.th_ty tr:first-child th {text-align:center; font-weight:normal; background:#F3F3F3;}/*TH縦(青)横(灰fwn)*/
/*タイプ2*/.table100a.th_y tr:first-child th {text-align:center;}/*TH横(青fwb)*/
.table100a td img {vertical-align:middle;}
.table100a span:not([class]):not([style]) {font-size:11px;}
.table100a.graph th, .table100a.graph td {line-height:1.2em;}
/*---テーブル共通---*/
/*TH・TD中央*/table.tbl_c th, table.tbl_c td {text-align:center;}
/*TH・TD太字×*/table.tbl_n th, table.tbl_n td {font-weight:normal;}
/*TD中央*/table.td_c td, td.td_c {text-align:center;} 
/*TD中央最後*/table.td_lc td:last-child {text-align:center;}
/*TH太字×*/table.th_n th {font-weight:normal;}
/*TH背景色*/
.thc_h th, th.thc_h {background:#F3F3F3 !important;}
.thc_b th, th.thc_b {background:#CEE7FF !important;}
.thc_y th, th.thc_y {background:#FFF7DB !important;}
.thc_r th, th.thc_r {background:#FFF4FF !important;}
.thc_r th, th.thc_m {background:#E8FFE8 !important;}
/*TH1列目左*/table.th1_l tr th:nth-of-type(1) {text-align:left;}
/*TH2列目中*/table.th2_c tr th:nth-of-type(2) {text-align:center;}
/*TD最終列左*/table.tdz_l tr td:last-child {text-align:left;}
/*TH1行目色*/table.th1_rm tr:nth-child(1) {background-color:#E8FFE8;} table.th1_rm tr:nth-child(1) th {background-color:transparent !important;}
/*TH1行目色*/table.th1_ry tr:nth-child(1) {background-color:#FFF7DB;} table.th1_ry tr:nth-child(1) th {background-color:transparent !important;}
/*TH1行目色*/table.th1_rm tr:nth-child(1) {background-color:#E8FFE8;} table.th1_rm tr:nth-child(1) th {background-color:transparent !important;}
/*TH1行目色*/table.th1_ry tr:nth-child(1) {background-color:#FFF7DB;} table.th1_ry tr:nth-child(1) th {background-color:transparent !important;}
/*表中見出*/table h4 {margin:0.3em 0;}
/*TDフォントサイズ*/.td_f12 td {font-size:12px;} .td_f11 td {font-size:11px;}
/*横棒グラフ*/@media (max-width:800px) {.table100a.graph th:first-child span {display:none;} .table100a.graph td span {font-size:inherit;}}
/*オーバーフロー*/.tb_over {overflow-x:auto; white-space:nowrap;}
/*オーバーフロー*/.tb_over2 {overflow-x:auto;}

/*テーブル*/
.table1 {width:100%; margin:15px auto; border:1px solid #333; border-collapse:collapse;}
.table1 th, .table1 td {border:1px solid #333; padding:3px; line-height:1.2em;} 
.table1.fwn th {font-weight:normal;}
.table1 td {text-align:right; font-size:12px; font-weight:normal;}
.table1.td_c0 td {color:transparent;}
.table1.td_f11 td {font-size:11px;}
.table1.td_tc td {text-align:center;}
.table1 th.gaikei {text-align:right;}
.table1 th.naikei {border-left:0;}
.table1 th.x {border-left:0;} 
.table1 tr.x4 th,.table1 tr.x4 td {border:0;}
.table1 tr.tr_gry td {background:#F7F7F7;}
.table1 .bd_b0 {border-bottom:0;}
.table1 th.th_blu1 {background:#9CF; font-weight:normal;}
.table1 th.th_blu2 {background:#D0E8FF;}
.table1 th.th_yel1 {background:#FC9;}
.table1 th.th_yel2 {background:#F90;}
.table1 tr.tr_gry1 {background-color:#E1E1E1;}
.table1 tr:hover td, .table1 tr:hover th.naikei {background:#FCC;}
.table1 tr td:hover {background:#CF0; font-weight:bold; color:#000;}
.table1 th.center, .table1 td.center {text-align:center;}
.table1.hov_n tr:hover td, table1.hov_n td:hover {background:#FFF; font-weight:normal;}
.table1.hov_x td:hover {color:transparent;}
.table1.td_plate td {width:7.647%;}
.table1 td a {display:block;}
@media (max-width:599px) {.table1.td_f11 th, .table1.td_f11 td {font-size: 8px; font-family:'fas_r','arial narrow';}}
@media (max-width:767px) {.table1.td_f11 th, .table1.td_f11 td {font-size:10px; font-family:'fas_r','arial narrow';}}
@media (max-width;900px) {.table1.td_f11 th, .table1.td_f11 td {font-size:11px; font-family:'fas_r','arial narrow';}}

/*==================== 共通BOX ====================*/
/*色付ボックス*/
ul.box3 {width:calc(100% + 10px); height:auto; margin:15px auto; display:table; table-layout:fixed; overflow:hidden; font-size:14px;}
ul.box3 > li {display:table-cell; border-right:10px solid #FFF; background:#F3F3F3;}
ul.box3 li.b3_blu {background:#E8FFFF;}
ul.box3 li.b3_pnk {background:#FFEEFF;}
ul.box3 li.b3_grn {background:#E9FFD2;} 
ul.box3 li.b3_yel {background:#FEF5D8;}
ul.box3 li > a {position:relative;}
ul.box3 li h3 {font-size:16px; text-align:center;}
ul.box3 li p {margin:1em; line-height:1.6em; font-size:14px;}
/*オプション*/
ul.box3 li img {width:100%; z-index:-1; border-radius:0;}
/*横2列の場合*/
@media (max-width:420px) {
ul.box3 {margin:0;}
ul.box3 > li {display:block; width:calc(100% - 20px); /*border:0;*/ margin-bottom:10px; clear:both; padding:5px; border-radius:5px;}
ul.box3 li p {margin:0.5em;}
ul.box3 li:after {content:''; clear:both; display:block;}
}

/*3ボックス基本*/
.bx3 {width:100%; margin:15px 0; overflow:hidden;}
.bx3 ul {width:calc(100% + 10px); margin:0; padding:0; font-size:0;} 
.bx3 ul li {width:calc((100% - 30px) / 3); height:150px; background:#E8F4FF; margin-right:10px; padding:0; display:block; float:left; text-align:center; font-size:16px; border-radius:5px; overflow:hidden; transition:0.2s;}
.bx3 ul li[class]:hover, .bx3 ul li[class].now {background-color:#FFF8F4;}
.bx3 ul li a {width:100%; height:40px; display:block; padding:110px 0 0 0; color:#003; font-weight:bold;}
.bx3 ul li a div {width:100%; height:40px; background:rgba(0,0,51,0.1);}
.bx3 ul li a:hover div {background:rgba(0,0,51,0.1);}
.bx3 ul li div span {font-size:11px; font-weight:normal;}
/*3bxオプション（基本素材）*/
.bx3 ul li[class^="li_"] {height:130px; background:#F7F7F7; background-size:contain;}
.bx3 ul li.li_r {background:#E8F4FF url(../img/standard/pmn_r.png) no-repeat center;}
.bx3 ul li.li_s {background:#E8F4FF url(../img/standard/pmn_s.png) no-repeat center;}
.bx3 ul li.li_c {background:#E8F4FF url(../img/standard/pmn_c.png) no-repeat center; margin-right:0;}
.bx3 ul li[class^="li_"] a {height:40px; padding:90px 0 0 0; color:#036;}
.bx3 ul li[class^="li_"] a:hover, .bx3 ul li[class^="li_"].now a {color:#F30;}
.bx3 ul li[class^="li_"].now a:hover {color:#003;}
.bx3 ul li[class^="li_"] a div {height:40px; line-height:40px; font-size:16px;}
.bx3 ul li[class^="li_"] a div span {font-size:20px; vertical-align:middle; margin-right:5px;}

/*横並ボックス (マシニングetc)*/
.fixbox ul {width:100%; height:auto; margin:12px auto; display:table; table-layout:fixed;}
.fixbox ul li {display:table-cell; padding:10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; border-left:5px solid #FFF; border-right:5px solid #FFF;}
.fixbox ul li:first-child {border-left:0;}
.fixbox ul li:last-child {border-right:0;} 
.fixbox ul li.bc_b {background:#ECF5FF;}
.fixbox ul li.bc_r {background:#FEF8ED;}
@media (max-width:600px) {.fixbox ul li {float:none; width:100%; border:none; display:block; margin-bottom:5px;}}

/*UL,LI 2→1段*/
.dan2-1 > ul {display:table; width:100%; height:auto; margin:12px auto;}
.dan2-1 > ul > li {display:table-cell; width:calc((100% - 15px) / 2); border-right:15px solid #FFF; float:left;}
.dan2-1 > ul > li:nth-child(2n+1) {clear:both;}
.dan2-1 > ul > li:nth-child(2n) {border-right:0;}
@media (max-width:600px) {.dan2-1 > ul > li {float:none; width:100%; border:none; display:block; margin-bottom:5px;}}

/*規格素材の図面・型番の枠*/
.bx_zukata {margin:10px 0; border:1px solid #333; text-align:center; background:#FFF; width:100%; display:block; 
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
	-webkit-position:sticky; position:sticky; top:10px;} .bx_zukata img {width:100%; max-width:590px;}

/*製品画像*/
/*----------共通----------*/
/*各製品画像メニュー*/
.prdct_menu {margin:1em 0; width:auto; height:25px; background:#EEF7FF; text-align:center;}
.prdct_menu:after {content:""; display:block; clear:both;}
.prdct_menu ul {width:auto; margin:0 auto; height:25px; font-size:0;}
.prdct_menu ul li {display:inline-block; font-size:13px;}
.prdct_menu ul li a {display:block; line-height:25px; min-width:80px; padding:0 10px; border-right:2px solid #FFF; background:#C4E1FF;}
.prdct_menu ul li a:hover {background:#6FF; color:#F00;}
.prdct_menu ul li a.now {background:#FFC;}

/*製品画像(材料物性と同じ)*/
.p_seihin {width:100%; margin:15px auto; overflow:hidden;}
.p_seihin ul {width:calc(100% + 10px); margin:0; padding:0;}
.p_seihin ul li {margin:0 10px 20px 0; float:left; height:180px; display:block; border:1px solid #CCC; position:relative; overflow:hidden;}
.p_seihin ul li div {text-align:center; padding-top:5px; overflow:hidden; z-index:2;}
.p_seihin ul li p {font-size:12px; line-height:1.5em; height:60px; padding:5px 7px;	overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; z-index:3; width:100%; background-color:rgba(0,0,0,0.1);
	position:absolute; bottom:-6px; left:0;}
.p_seihin ul li p:hover {color:#FFF; background-color:rgba(0,0,0,0.3); transition:ease 0.5s;}
@media (min-width:1000px) {.p_seihin ul li {width:calc((100% - 48px) / 4);}}
@media (max-width:999px) {.p_seihin ul li {width:calc((100% - 36px) / 3);}}
@media (min-width:768px) and (max-width:850px) {.p_seihin ul li {width:calc((100% - 24px) / 2);}}
@media (max-width:599px) {.p_seihin ul li {width:calc((100% - 24px) / 2);}}
@media (max-width:350px) {.p_seihin ul li {width:calc(100% - 12px); height:120px; overflow:hidden;} .p_seihin ul li p {height:40px;}}
/*製品画像テキストマーク*/
.pdct_fb_y {background:rgba(255,255,153,0.7); padding:0 3px; color:#F30; border-radius:2px;}
.pdct_fb_b {background:rgba(204,255,255,0.7); padding:0 3px; color:#03C; border-radius:2px;}

/*下メニュー*/
ul.mn_ud3 {width:calc(100% + 10px); height:100px; display:table; table-layout:fixed; margin:1em auto; font-size:12px;} ul.mn_ud3 span.fwb {font-size:14px; font-weight:bold;}
ul.mn_ud3 > li {display:table-cell; vertical-align:middle; text-align:center; border-right:10px solid #FFF;}
ul.mn_ud3 > li a {display:block; line-height:1.6em; width:100%; height:100px; padding:25px 5px 5px; border:1px solid #09F; background:#DEF; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; vertical-align:middle;}
ul.mn_ud3 li ul {margin:0; padding:0; width:inherit;}
ul.mn_ud3 li ul li {border-bottom:5px solid #FFF; background:#DEF; text-align:left;}
ul.mn_ud3 li ul li:last-child {border-bottom:0;}
ul.mn_ud3 li ul li a {height:30px; line-height:30px; padding:0 10px; display:block; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
ul.mn_ud3 li a:hover {background:#FFFBEF; color:#F90;}
ul.mn_ud3 li a.now {background:#FFF5F0; color:#F66; border:1px solid #F93;}
@media (max-width:599px) {ul.mn_ud3 li ul li span {font-size:11px; font-weight:normal;}}

/*下メニュー２*/
ul.mn_ud2 {width:calc(100% + 5px); display:table; table-layout:fixed; /*height:60px;*/ margin:1em auto; overflow:hidden;}
ul.mn_ud2 li {display:table-cell; border-right:5px solid #FFF; vertical-align:middle; text-align:center; background:#FFF; color:#999; font-size:16px; font-weight:bold;}
ul.mn_ud2 li a {background:#FFF; color:#999; display:block; width:100%; height:60px; line-height:60px; border:3px solid #F3F3F3; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
ul.mn_ud2 li a:hover {background:#CCC; color:#FFF; border-color:#CCC;}
ul.mn_ud2 li a.now {background:#F0F8FF; color:#09C; border-color:#9CF;}


/*----------手加工----------*/

/*フロート左リスト*/
ul[class^="flist"] {margin:0.5em 0; font-size:0;}
ul[class^="flist"]:after {content:""; display:block; clear:both;}
ul[class^="flist"] li {display:inline-block; font-size:13px; font-weight:bold;}
ul[class^="flist"] li a {width:auto; padding:0 10px; min-width:80px; line-height:1.8em; display:block; background:#F7F7F7; margin:0 2px 2px 0;}
ul[class^="flist"] li span {font-size:10px; font-weight:normal;}
ul.flist2 li {width:auto;}
ul.flist3 li {color:#F60;}

/*加工場面*/
.sean193 {width:193px; height:auto; margin:0 11px 5px 0; float:left;}
.sean193 p {font-size:13px; line-height:1.6em;}
.sean193 img {margin-bottom:5px;}

/*規格品 ボタン（一般物性+オリジナル物性）*/
.box_50 a {width:calc((100% - 19px) * 0.5); float:left; height:38px; line-height:38px; font-size:14px; text-align:center; font-weight:bold; border:1px solid #09F; background:#DEF; display:block;}
.box_50.b50g a {border-color:#999; background:#E6E6E6; color:#666; margin-left:15px;}
.box_50 a:hover {border-color:#F90; background:#FFEEF7; text-decoration:none;}
.box_50.b50g a:hover {border-color:#666; background:#CCC; color:#FFF;}


/*詳しい内容は*/
.to_detail a {width:100%; border:#9CF 3px solid; border-radius:5px; background:#CEE7FF; display:block; text-align:center; font-size:18px; font-weight:bold; margin:15px 0; padding:15px 0; color:#039;}
.to_detail a:hover {background:#9CF; color:#FFF;}