/** Header color **/
.md-header {
    background-color: #84B135;
    color: #fff;
}

.md-tabs__inner {
    background-color: #84B135;
}

nav.md-tabs {
    background-color: #84B135;
}

.md-tabs--active {
    color:#ffffff !important;
}

/* Content Width */
.md-grid {
    max-width: 80%; 
}

/* Header */
.md-typeset h1 {
    /*font-size: 24pt;*/
    font-weight: bold;
    color: #494949;
    border-bottom: solid 2px #f18b21;
    padding-bottom: 5px;
  }
.md-typeset h2 {
    /*font-size: 24pt;*/
    font-weight: bold;
    color: #494949;
    border-bottom: solid 1px #45afbd;
    padding-bottom: 3px;
}
.md-typeset h3 {
    border-bottom: 1px dotted #888;
}

/*code hilight bg color*/
.md-typeset code {
    background-color: #eaf4fc;
}

/*image frame*/
.md-typeset img {
    border: solid 1px #777777; /* 色：グレー */
}


/* code tab */
.tab-wrap {
    display: flex;
    flex-wrap: wrap;
}
.tab-label {
    color: White;
    background: LightGray;
    margin-right: 5px;
    padding: 3px 3px;
    order: -1;
}
.tab-content {
    width: 100%;
    display: none;
}
/* アクティブなタブ */
.tab-switch:checked+.tab-label {
    background: #83AF33;
}
.tab-switch:checked+.tab-label+.tab-content {
     display: block;
     background: #eaf4fc;
}
/* ラジオボタン非表示 */
.tab-switch {
    display: none;
}