
/*
    <table class="elec">
*/
table.elec {
    border-collapse: collapse;
    width: auto;
}

table.elec td,
table.elec th {
    border: solid #494949;
    border-width: 1px;
}

table.elec tr:nth-child(even) {
    background-color: #ffffff;
}

table.elec tr:nth-child(odd) {
    background-color: #edf5fa;
}

table.elec th {
    color: #494949;
    background-color: #d9d8c2;
    font-size: 92%;
}

table.elec td {
    font-size: 90%;
}

/*
    <table class="simple2">
*/
table.simple2 {
    border-collapse: collapse;
    width: auto;
}

table.simple2 tr {

}

table.simple2 tr:first-child {
    border: solid #494949;
    border-width: 1px 0 0;
}

table.simple2 tr:last-child {
    border: solid #494949;
    border-width: 0 0 1px;
}
                     
table.simple2 th {
    background-color: #ffffff;
    border: solid #494949;
    border-width: 1px;

    color: #494949;
    font-size: 90%;
}

table.simple2 td {
    background-color: #ffffff;
    border: solid #494949;
    border-width: 0 1px;

    vertical-align: top;
    font-size: 90%;
}

table.simple2 th:first-child,
table.simple2 td:first-child {
    border-left-width: 0;
}

table.simple2 th:last-child,
table.simple2 td:last-child {
    border-right-width: 0;
}

/*
    <table class="bit">
*/
table.bit td,
table.bit th {
    font-size: 80%;
    padding: 4pt 2pt;
}

/*
    <table class="plane">
*/
table.plane {
    border-collapse: collapse;
    border-width: 0;
    width: auto;
    align: center;

    text-align: center;
    vertical-align: middle;
}

table.plane th {
    background-color: #ffffff;

    color: #494949;
    font-size: 90%;
}

table.plane td {
    background-color: #ffffff;

    font-size: 90%;
}

/*
    <table class="mem">
*/
table.mem {
    border-collapse: collapse;
    /*width: auto;*/
    /*border-width: 1px;*/
}

table.mem tbody {
    border-top-width: 0;
}

table.mem tr:first-child th,
table.mem tr:first-child td {
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    font-size: 80%;
}

table.mem tr:last-child th,
table.mem tr:last-child td {
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    font-size: 80%;
}

table.mem th,
table.mem td {
    background-color: #ffffff;
    color: #494949;
    border: solid #494949;
    min-width: 5%;
    text-align: center;
    border-width: 1px;
}

table.mem th:first-child,
table.mem td:first-child {
    border-width: 0 1px 0 0;
}

table.mem th:last-child,
table.mem td:last-child {
    border-width: 0 0 0 1px;
}

/*
    For Submitted By module
*/
.submitted-by {
    font-size: 0.92em;
    color: #898989;
    margin-top: 0.8em;
    margin-bottom: 0.5em;
}

/*
    For Custom Pagers
*/
ul.custom-pager li {
    width: 27%;
    margin: 8px 3%;
    /*
    margin: 0.5em;
    padding: 0.5em;
    border: 1px dashed #888;
    */
}

ul.custom-pager li.previous a,
ul.custom-pager li.random a,
ul.custom-pager li.next a {
    display: block;
    border: 1px solid #aaa;
    padding: 12px 12px;
    background-color: #ddd;
    overflow: hidden;
}

ul.custom-pager li.previous a {
    border-radius: 24px 0 0 24px;
}

ul.custom-pager li.next a {
    border-radius: 0 24px 24px 0;
}

ul.custom-pager li.previous a:hover,
ul.custom-pager li.random a:hover,
ul.custom-pager li.next a:hover {
    text-decoration: none;
    background-color: #eee;
}

span.submitted-by {
    display: block;
    clear: both;
}

/*
    テーマ・カテゴリーが複数あった場合に横に並べる
*/
.field-type-taxonomy-term-reference .field-item {
    display: inline;
    margin-right: 10px;
}

/*
    タクスノミーのページをViewsで作った場合、タームが2行表示されてしまうので下の方を隠す
*/
div.view-header div.taxonomy-term h2 {
    display: none;
}

/*
    色指定
*/
.fg0,
.fgK {
    color: black;
}

.fg1,
.fgB {
    color: blue;
}

.fg2,
.fgR {
    color: red;
}

.fg3,
.fgM {
    color: magenta;
}

.fg4,
.fgG {
    color: green;
}

.fg5,
.fgC {
    color: cyan;
}

.fg6,
.fgY {
    color: yellow;
}

.fg7,
.fgW {
    color: white;
}

.bgK {
    background-color: #ddd;
}

.bgB {
    background-color: #ddf;
}

.bgR {
    background-color: #fdd;
}

.bgM {
    background-color: #fdf;
}

.bgG {
    background-color: #dfd;
}

.bgC {
    background-color: #dff;
}

.bgY {
    background-color: #ffd;
}

.small {
    font-size: 80%;
}

/*
    信号名・正負論理信号
*/
.signal,
.power {
    font-weight: bold;
    text-decoration: none;
}

.logic,
.pos-logic {
    font-weight: bold;
    text-decoration: none;
}

.neg-logic {
    font-weight: bold;
    text-decoration: overline;
}

/*
    ICピンの図
*/
table.ic-pin tr th:nth-child(1),
table.ic-pin tr td:nth-child(1) {
    text-align: right;
    min-width: 8em;
}

table.ic-pin tr th:nth-child(2),
table.ic-pin tr td:nth-child(2),
table.ic-pin tr th:nth-child(3),
table.ic-pin tr td:nth-child(3) {
    text-align: center;
}

table.ic-pin tr th:nth-child(4),
table.ic-pin tr td:nth-child(4) {
    text-align: left;
    min-width: 8em;
}

/*
    リンク集の列幅
*/
table.links {
    border-collapse: collapse;
    width: auto;
}

table.links th,
table.links td {
    border: solid #494949;
    border-width: 1px;
}

table.links tr th:nth-child(1),
table.links tr td:nth-child(1) {
    color: #ff0000;
    width: 32px;
    text-align: center;
    vertical-align: middle;
}

table.links tr th:nth-child(2),
table.links tr td:nth-child(2) {
    width: 120px;
}

/*

*/
.new-article .views-field-published-at {
    font-size: 0.92em;
    color: #898989;
}

/*
    文中に「注」を入れる
*/
div.note {
    margin: 0 2em 1.2em;
    padding: 0.5em 2em;
    border: 1px dashed #444;
    font-size: 95%;
    border-radius: 8px;
}

div.warn {
    margin: 0 2em 1.2em;
    padding: 0.5em 2em;
    border: 1px solid #c22;
    background-color: #fde;
    font-size: 95%;
    border-radius: 8px;
}

div.remark {
    margin: 0 2em 1.2em;
    padding: 0.5em 2em;
    font-size: 85%;
}

/*
    ソースコード
*/
pre.source,
pre.term,
pre.text {
    background-color: #eee;
    margin: 0 2em 1.2em;
    padding: 0.5em 2em;
    border: 1px solid #444;
    border-radius: 8px;
    font-family: monospace, serif;
    font-size: 90%;
    overflow: auto;
}

pre.source code,
pre.term code,
pre.text code,
code.source,
code.term,
code.text {
    font-family: monospace, serif;
    font-size: 100%;
}

/*
	箇条書
*/
ol.lower-alpha {
    list-style-type: lower-alpha;
}

ol.upper-alpha {
    list-style-type: upper-alpha;
}

/*
    広告
*/
div.field-name-field-ad {
    margin-top: 24px;
}
div.field-name-field-ad div.field-items div.field-item {
    margin: 5px 0px;
    padding: 10px;
    /*
    width: auto;
    border: 1px solid #494949;
    */
}

#triptych .block {
    margin-top: 1em;
    padding-top: 1em;
}

/*
    参考文献,関連項目,リンクを字下げする
*/
div.field-name-field-bib div.field-items,
div.field-name-field-files div.field-items,
div.field-name-field-reference div.field-items,
div.field-name-field-link div.field-items {
    margin-left: 1em;
}

/*
    上部に承認待ちコメントの一覧
*/
div#block-views-unmoderated-comments-block {
    font-size: 80%;
    border: 1px dashed #888;
    border-radius: 8px;
    margin: 8px 2em;
    padding-top: -1em;
    padding-left: 1em;
}

/*
    新しい記事, 新しいコメント 複数行になったとき読みやすく
*/
div.view-new-article div.views-row,
div.view-new-comment div.views-row {
    line-height: 1.4;
    margin-top: 4pt;
    margin-bottom: 4pt;
}

/*
    参考文献・関連図書 複数行になったとき読みやすく
*/
div.field-name-field-bib div.field-item {
    line-height: 1.3;
    margin-top: 4pt;
    margin-bottom: 4pt;
}

/*
    本文リンクに下線をひく
*/
div.content div.field-name-body a {
    color: #0072b6;
    text-decoration: underline;
    /* border-bottom: 1px dashed; */
}

div.content div.field-name-body a:hover {
    color: #ff0000;
    /*
    text-decoration: none;
    border-bottom: 1px solid;
    */
}

/*
    その他
*/
thead th {
    border-bottom: #bebfb9;
}

/*

*/
.region-sidebar-second ul.menu li {
    margin: 4px 0;
}

/*
    カエレバ／ヨメレバ
*/

.field-name-body div.kaerebalink-box,
.field-name-body div.booklink-box {
    text-align: left;
    /* padding-bottom: 20px; */
    padding: 5px;
    font-size: small;
    overflow: hidden;
    border: 1px solid #aaa;
    border-radius: 8px;
}

.field-name-body div.kaerebalink-image,
.field-name-body div.booklink-image {
    float: left;
    margin: 0 15px 10px 0;
}

.field-name-body div.kaerebalink-info,
.field-name-body div.booklink-info {
    line-height: 120%;
    overflow: hidden;
}

.field-name-body div.kaerebalink-name,
.field-name-body div.booklink-name {
    margin-bottom: 10px;
    line-height: 120%;
}

.field-name-body div.kaerebalink-powered-date,
.field-name-body div.booklink-powered-date {
    font-size: 8pt;
    margin-top: 5px;
    font-family: verdana;
    line-height: 120%;
}

.field-name-body div.kaerebalink-detail,
.field-name-body div.booklink-detail {
    margin-bottom: 5px;
}

.field-name-body div.kaerebalink-link1,
.field-name-body div.booklink-link2 {
    margin-top: 10px;
}

.field-name-body div.shoplinkamazon,
.field-name-body div.shoplinkrakuten,
.field-name-body div.shoplinkrakukobo,
.field-name-body div.shoplinkyahoo,
.field-name-body div.shoplinkkindle,
.field-name-body div.shoplinkseven,
.field-name-body div.shoplinkbk1 {
    display: inline;
    margin-right: 5px;
}

.field-name-body div.booklink-footer {
    clear: left;
}

/*
   <table class="electrelic"> (For TEST)
*/
table.electrelic {
    border-collapse: collapse;
    width: auto;
}

table.electrelic td,
table.electrelic th {
    border: solid #494949;
    border-width: 1px;
}

table.electrelic tr {
    border: solid #494949;
    border-width: 1px;
}

table.electrelic th {
    /* background-color: #f5f5aa; */
    background-color: #d9d8c2;
}

/*
    後半を非表示にする
*/

.hidden_box {
}

.hidden_box label {

}

.hidden_box label:after {
    content: "を表示";
}

.hidden_box input {
    display: none;
}

.hidden_box .hidden_show {
    height: 0;
    overflow: hidden;
    opacity: 0;
    padding: 0;
    transition: 0.5s;
}

.hidden_box input:checked + label:after {
    content: "を非表示";
}

.hidden_box input:checked ~ .hidden_show {
    height: auto;
    opacity: 1;
    padding: 10px 0;
}

/*
  本文中で <h2>,<h3> を使用するとき太字に
*/

.field-name-body h2 {
    font-weight: bold;
}

.field-name-body h3 {
    font-weight: bold;
}

/*
  
*/

td.device-grid div.view-mode-block {
    height: 240px;
    /*min-height: 256px;
    max-height: 256px;*/
    vertical-align: top;
    overflow: hidden;
}

td.device-grid p.device-block-title {
    overflow: hidden;
    font-weight: bold;
    text-align: center;
}

/*
  デバイス: 絞り込み
*/

input#edit-field-device-value {
    width: 64px;
}

input#edit-field-pins-value {
    width: 48px;
}

form#views-exposed-form-device-list-page {
    overflow: scroll hidden;
}

form#views-exposed-form-device-list-page div.views-exposed-widgets {
    width: 1280px;
}

/*

*/

div.view-device-item div.view-content div div.node {
    margin: 8px 0;
    background-color:  #f8f8e0;
    border-width: 8px;
    border-color: black;
}
