@charset "utf-8";
/* CSS Document */

#headerWrapper h2.text18 {
    background: #fff;
    width: 100%;
    padding-left: 0;
    color: #000;
    height: auto;
    font-weight: bold;
    font-size: 26px;
    line-height: 3;
    /* font-family: "Arial", Gadget, "sans-serif" !important; */
}
html[lang="en"] h2.text18 {
    font-family: 'Noto Sans', sans-serif;
}
html[lang="ja"] h2.text18 {
    font-family: 'Noto Sans JP', sans-serif;
}
html[lang="zh-hans"] h2.text18 {
    font-family: 'Noto Sans SC', sans-serif;
}
html[lang="de"] h2.text18 {
    font-family: 'Noto Sans', sans-serif;
}
#headerWrapper h2.text18 span{ color:#fff; font-weight: bold;font-size: 20px;}
#headerWrapper h2.text18 span.icon{  display: inline-block;padding: 6px;background: #f86030;font-size: 14px;font-weight: normal;line-height: 1.5; vertical-align: middle}
#header_local h2{ margin-left:0; width:970px; margin-bottom:0;}
#contentsBox{ margin-top:5px !important;}
.text18.style02{ display:block !important; float:none !important;}

h2.text18{ position:relative;}
.icon_help_ver3{ padding: 0 0.3em}

#contentsBox *:after, #contentsBox *:before{ font-family: inherit}
a.fancybox{width:100%!important;}

h2.part_no {
    font-size: 26px;
    margin: 20px 0 20px 0;
}

.icon_help_ver3 {
    cursor: pointer;
    text-align: center;
    display: inline-block;
    line-height: 1.3;
    padding: 0 0.4em;
    font-weight: bold;
    border-radius: 20px;
    font-size: 1.25em;
    background: #f7ffed;
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
    color: #28801b !important;
padding: 0 0.3em;
}

ul.icon_product li span.icon_help_ver3{
    background: #28801b !important;
    color: #f7ffed !important;
padding: 0 0.3em;
}

ul.icon_product li:first-child {
vertical-align: top;
}

ul.icon_product li {
    width:15%;
}
/**-- 全体のレイアウト
------------------------------------------------------------**/
.unit_l{ float:left; width:70%; margin-bottom: 50px;}
.unit_r{ float:right; width:29%;}


/**-- 納入品番 用途　特徴　シリーズ
------------------------------------------------------------**/
.delivery_part_number{ border: double 3px #999; padding:5px; font-weight: bold;}
table.number_use_feature_series tr td table tr { border-bottom: solid 1px #ccc;}
table.number_use_feature_series tr th,
table.number_use_feature_series tr td{ border: none; padding: 5px;}
table.number_use_feature_series tr th{ color:#5f5f5f; font-weight: bold; width:6em; white-space:nowrap; text-align: left;}
table.number_use_feature_series tr td.text16{ font-weight: bold;}
table.number_use_feature_series tr td img{ vertical-align:middle; margin-right:10px;margin-left:0px;}
table.number_use_feature_series tr td .icon_text{/* width:6em;*/ display:inline-block !important; margin-left:0px !important;}
table.number_use_feature_series tr td a{ color:#258; text-decoration:underline; margin: 0 auto;}
table.number_use_feature_series tr td a:hover{ text-decoration:none; color:#06c}
/*table.number_use_feature_series tr td.area_img{   position: absolute; top:0; right:-239px; width:220px; background:#fff !important;}*/
/*table.number_use_feature_series tr td.area_img{   position: absolute; top:0; right:-219px; width:150px; }*/


/**-- 3Dボタン
------------------------------------------------------------**/
a.btn_3d{display: block;text-align: center; margin-top: 5px; background: #0046ad;padding: 5px;border-radius: 3px;color: #fff !important;text-decoration:none !important;text-decoration: none;box-shadow: 2px 2px 1px #999;}
a.btn_3d:hover{opacity: 0.6}

/**-- 寸法イメージ　緑アイコン
------------------------------------------------------------**/
h2.text18 ul{ position:absolute; right:0;top:-15px}
h2.text18 ul li{ float:left; margin-right:5px; width:40px;}
h2.text18 ul li img{ width:100%; vertical-align:bottom;box-shadow:rgba(56, 56, 56, 0.30) 0px 0px 2px 0px;
-webkit-box-shadow:rgba(56, 56, 56, 0.30) 0px 0px 2px 0px;
-moz-box-shadow:rgba(56, 56, 56, 0.30) 0px 0px 2px 0px;}
ul.icon_product li{ display:inline-block; margin:10px 5px 0 0;}

/**-- テーブル
------------------------------------------------------------**/
table{ width: 100%;}
table.spec_table{ margin-top:10px;}
table.spec_table tr{ border-bottom: solid 1px #5f5f5f;}
table.spec_table tr th{ background-color:#357; color:#fff; font-weight:bold;}
/*table.spec_table tr:nth-child(odd) {background-color: #f5f9fc;}*/
table.spec_table tr td{ border-right:none; border-left:none; width:50%;padding: 5px 0;}
td.heading{ width:70%; vertical-align: top;}
table.number_use_feature_series td.heading table tr td{ word-break: break-all !important; margin-left: 20px; display: block; }
td.slide_img{ width:30%; vertical-align: top; padding:0 !important;}
table.number_use_feature_series tr td.slide_img table tr{ border-bottom: none !important;}
/*table.number_use_feature_series{ position:relative; width:440px;}*/
/*.unit_l table:nth-child(2){ margin-top:80px;}*/
table.spec_table tr td table{ table-layout:fixed}
table.spec_table tr td table tr,
table.spec_table tr td table tr td{ border: none; background-color: transparent !important; width:auto; }
table.spec_table tr td:nth-child(odd){ color: #5f5f5f;}
ul.tbl3clm{display: flex; justify-content: space-between; letter-spacing: -0.5px}
ul.tbl3clm li{width: 33.33%;}
h4.tableTitle.acdTitle{border-bottom: 3px solid #5f5f5f; font-size: 1.5em; padding-bottom: 5px;
color: #5F5F5F;}

/**-- 印刷　バイナウ　お問い合わせ
------------------------------------------------------------**/
ul.unit_btn li{ padding-bottom:10px;}
ul.unit_btn li a{ width:100%; padding-left:10px; color: #fff; display:block;line-height:2.0em;box-shadow: 0 2px 2px 0 #ccc;-webkit-box-shadow:rgba(224, 224, 224, 0.79) 0px 0px 8px 3px;-moz-box-shadow:rgba(224, 224, 224, 0.79) 0px 0px 8px 3px; position:relative;font-size: 1.2em;text-decoration: none;}
ul.unit_btn li a:hover{filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;}
ul.unit_btn li.print a{ background-color: #AF2222; }
ul.unit_btn li.request a{ background-color: #da7c00; }
ul.unit_btn li.buynow a{ background-color: #0046AD; }
ul.unit_btn li.contact a{ background-color: #459337; }
ul.unit_btn li.distributor_list a{ background-color:#613b79; }

li:nth-child(1).buynow a{ box-shadow: none !important}
li.distributor table{ margin-top: 0 !important; border: solid 1px #8299ad; border-top: none; background: #f4f6f8}
li.distributor table tr td{border-right: none; border-left: none; padding: 5px 10px; border-top: none; border-bottom: solid 1px #b2c3d1}
li.distributor table tr:last-child td{ border-bottom: solid 1px #8299ad}
li.distributor table tr td:first-child{width: 30%; white-space: nowrap;color: #333; font-weight: bold}
li.distributor table tr td a{ width: auto !important; display: inline !important ; margin-left: 0; padding-left: 0; color: #0046ad !important;line-height: inherit !important; height: auto #003399; box-shadow: none}
li.distributor h4{border-left: solid 1px #8299ad; font-size: 16px; background: #f4f6f8; border-right: solid 1px #8299ad; border-bottom: solid 1px #b2c3d1; /*background-color: #357; color: #fff; */font-weight: bold;padding: 5px 10px; }
#selected_distributor_stock_list{ padding-bottom: 0;}
#selected-content{ padding-bottom: 10px;}
#other-distributors-content{ padding-bottom: 10px;}

ul.unit_btn li.buynow2 {padding-bottom: 0 }
ul.unit_btn li.buynow2 a{ height: 55px; padding-top: 7px; padding-right: 40px; line-height: 1.3; background: url(https://product.tdk.com/search/common/img/btn_buynow2.gif) 0 0 no-repeat; }
ul.unit_btn li.buynow2 a:hover{/* opacity: 1; text-decoration: none; */ cursor:pointer; }


/**-- ドキュメント
------------------------------------------------------------**/


.unit_document{ margin-bottom:10px;padding: 10px 0;border: 1px solid #ccc;}
.unit_document h4{font-size: 1.2em; color:#5f5f5f; font-weight: normal; padding:0 5px;}
.unit_document > div{ position:relative; border: solid 1px #ccc; border-top:none; padding:0 5px;}
.unit_document ul.linklist01 li a{ display:block; border-bottom: solid 1px #ccc; padding:5px; font-size:0.85em; line-height:1.5;padding-left: 2em; text-indent: -1.7em;}
.unit_document ul.linklist01 li:last-child a{ border-bottom: none; padding-bottom: 0;}
.unit_document ul.linklist01 li a span{ text-indent:0;}
.unit_document ul.linklist01 li a:hover{ background-color:#fffae4 !important;}
.unit_document ul.linklist01 li a img{ vertical-align: middle; margin-right:5px;}
.unit_document ul.linklist01 li a.pickup{ background:#f4f4f4;}

/*ドキュメントのカテゴリ表示のデザイン追加*/
.document_category {
    background:#F0F0F0;
    border: none;
}
.unit_document.document_category ul.linklist01 li a {
    border-bottom: none;
    font-size: 1.3rem;
}
.unit_document.document_category h4 {
    color: #5F5F5F;
    font-weight: bold;
}


.unit_document li.ecad_model { border-bottom:solid 1px #ccc; display: table; width: 100%;}
.unit_document li.ecad_model >div{font-size: 0.85em;display: table-cell;border: none;padding-top: 3px;padding-bottom: 3px;padding-left: 5px;vertical-align: middle;}
.unit_document li.ecad_model:last-child{border-bottom: none}
div#snap_magic_api > div#snapeda-plugin > button#btn-popup-modal{text-align: left;}

.png_taget {
    border : 1px solid #ccc;
    background: none repeat scroll 0 0 #ffffff;

}
.no_png_taget {
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding-top: 5px;
}


/**-- 右ナビ用
------------------------------------------------------------**/
.new {display:  inline-block;color: #fff;font-size: 11px; margin-left:5px; background: #d3484b;padding: 3px 7px;line-height: 1;border-radius: 3px;}
.update {display:  inline-block;color: #fff;font-size: 11px; margin-left:5px; background: #37a77c;padding: 3px 7px;line-height: 1;border-radius: 3px;}
.recommended {display:  inline-block;color: #fff;font-size: 11px; margin-left:5px;background: #375ea7;padding: 3px 7px;line-height: 1;border-radius: 3px;}
.hot {display:  inline-block;color: #fff;font-size: 11px; margin-left:5px;background: #cc6500;padding: 3px 7px;line-height: 1;border-radius: 3px;}

/*-- Buy Nowモーダル用 --*/
.fancybox-inner{width: auto !important}
.fancybox-outer{overflow-y: auto !important;}

/**-- Powered by netCOMPONENTS用 --*/
.powered_by_position{text-align: right;}
.powered_by_margin{margin-bottom: 3%;}


/*---------------------------------------------
 accordion
---------------------------------------------*/
.acdTitle,.acdElement{ box-sizing:border-box; }
.acdTitle { pointer-events: none; position:relative; }

/*一旦アコーディオンは常時表示する*/
/*@media screen and (max-width: 750px){*/
    .acdTitle{pointer-events: all;cursor: pointer;}
    .acdTitle::after {content: ''; width: 8px; height: 8px; border: 0; border-top: solid 2px #787171; border-right: solid 2px #787171; transform: rotate(135deg); position: absolute; top: 18%; right: 10px; z-index:10;}
    .acdToggle{display: block;}

    .acdTitle.active::after {content: ''; width: 8px; height: 8px; border: 0; border-top: solid 2px #787171; border-right: solid 2px #787171; transform: rotate(-45deg); position: absolute; top: 36%; right: 10px; z-index:10; }
    .acdToggle{display: block;}
/*}*/

.tableTitle {margin-top: 30px;}
.characteristic_graph {margin-top: 30px;}
p#graph_loading_msg{text-align:center;}

@media screen and (max-width: 1200px) {
    .characteristic_graph .unit_graph {
        float: none;
        margin: 0 auto 20px;
    }
}

@media screen and (max-width: 750px){
    .spNon {
        display: none;
    }

    table.number_use_feature_series td {
    display: block;
    width: 100%;
    padding: 7px 0;
}
    td.slide_img {
    width: 100% !important;
    text-align: center !important;
}
.unit_l, .unit_r {
    float: none !important;
    width: 100% !important;
    margin-bottom: 20px;
}


#headerWrapper {padding-bottom:30px;}
#headerWrapper h2.text18 { box-sizing: border-box; font-size: 20px;}
.icon_product_help,.icon_help_ver3{display:none !important;}
h2.text18 ul li {width:25px !important;}

.three_dimensions_model_canvas {max-width: 320px !important;max-height: 320px !important;}

h2.text18 ul {
    top: 20px;
    /*left: 10px;*/
    bottom: 0;
    right: 0;
    height: 50px;
    width: 100%;
}
    td.slide_img {
    width: 100% !important;
    text-align: center !important;
}
    table.number_use_feature_series td {
    display: block;
    width: 100%;
    padding: 7px 0;
}

    a.fancybox {
        height: auto !important;
    }

    .unit_general {
        margin-bottom: 30px;
    }

    h2.part_no {
        font-size: 20px;
    }

    td.slide_img table td.area_img {
        margin: 0 auto;
        width: 250px;
    }

    div.upper_free_edit {
        margin-top: 10px;
    }
}

.smith_chart_target .jqplot-target {
    width: 100%;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
}

.more {
    cursor: pointer;
}

.upper_free_edit {
    margin: 0 0 5px 10px;
}

.middle_free_edit {
    margin-top: 30px;
}