/*=-======= custom style child theme =-=======*/

body, button, input, optgroup, select, textarea, .title, h1, h2, h3, h4, h5, h6 {
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}

.brand-logo {
    max-width: unset;
}

.navbar-item img {
    max-height: unset;
    max-width: 420px;
}

table td, table th {
    border: 1px solid #dbdbdb !important;
}
table tr th{
    background-color: #efefef !important;
}

.bg-white__cl-black {
    background-color: #fff !important;
    color: #000 !important;
    font-family: "Consolas", "Monaco", "andale mono", "ubuntu mono", monospace;
    font-size: 15px;
    border: 1px solid #dddddd;
    border-radius: 2px;
    padding: 1.25em 1.5em;
    display: block;
}

.bg-black__cl-white {
    background-color: #000 !important;
    color: #fff !important;
    font-family: "Consolas", "Monaco", "andale mono", "ubuntu mono", monospace;
}

.bg-blue {
    background-color: rgb(23, 155, 215);
}

.cl-blue {
    color: rgb(23, 155, 215);;
}

.bg-yellow {
    background-color: #fcf8e1;
}

.cl-yellow {
    color: rgb(246, 195, 66);
}

.bg-red {
    background-color: rgb(208, 63, 0);
}

.cl-red {
    color: rgb(208, 63, 0);;
}

.text-hightlight__yl {
    font-weight: bold;
    background-color: rgb(246, 195, 66);
}

.title.is-2{
    font-size: 22px !important;
    margin-bottom: 15px;
}

pre.cli {
    font-family: "Consolas", "Monaco", "andale mono", "ubuntu mono", monospace;
    padding: 1em 1em !important;
}

.cli {
    font-family: "Consolas", "Monaco", "andale mono", "ubuntu mono", monospace;
    padding: 1em 1em !important;
}
.breadcrumb li:first-child a{
    text-decoration: underline;
}
.breadcrumb li+li >a{
    text-decoration: underline;
}
.breadcrumb li+li a:hover{
    text-decoration: none;
}
.breadcrumb li:first-child a:hover{
    text-decoration: none;
}
.panel-icon{
    color: #60a5fa;
}
h2 {
    font-size: 20px !important;
}
.content h2{
    padding: 15px 20px 8px 20px !important;
/*    border-bottom: 2px solid #a09c9c !important;*/
    background: #e6e6e6 !important;
    border-radius: 3px;
    letter-spacing: 0.06em;
}

h3 {
    font-size: 18px !important;
    border-bottom: none;
}
.content h3{
    padding: 10px 20px 2px 15px !important;
    border-left: 6px solid #e6e6e6 !important;
    background: none !important;
}
h4{
    font-size: 16px !important;
}
.content h4 {
    margin-bottom: 0.8em !important;
    border-bottom: 1px solid #a09c9c !important;
    padding: 15px 20px 5px 0px !important;
}
.has-background-white a{
    text-decoration: underline 1px;
}
.has-background-white a:hover{
    text-decoration: none;
}

h5 {
    font-size: 15px;
    margin-bottom: 0.8em !important;
    border-bottom: 1px solid #a09c9c !important;
    padding: 15px 20px 5px 0px !important;
}
.level.is-mobile .level-left+.level-right{
    display: none !important;
}

.box-note {
	padding: 16px;
}

#comments {
    display: none;
}

@media only screen and (max-width: 768px) {
    .navbar-item img {
        max-width: 280px;
    }
    .navbar-brand{
        justify-content: space-between;
    }
}