#pan {
    background: #000;
}

#pan ul li {
    color: #fff;
}

#pan ul li a span {
    color: #fff;
}

.widget_sitemap {
    background: #000;
}

.widget_sitemap li a {
    color: #fff !important;
}

header#pattern4 {
    z-index: 9999;
}

header.nofixed {
    position: fixed !important;
}

header .sp_menu a div span, header .sp_menu a div:before, header .sp_menu a div:after {
    background: #fff;
}

header.open:after, header .header_contents {
   background: rgba(0, 0, 0, 0.9);
 }

header#pattern4 .header_contents .header_col2 .add {
    color: #fff;
}

header#pattern4 .header_contents .header_col1 {
    border: none;
}

header#pattern4 .header_contents .header_col1 .tel a {
    color: #fff !important;
}

header#pattern4 nav ul.nav_1st > li:last-child:before {
    content: none;
}

header#pattern4 nav ul.nav_1st > li:after{
    content: none;
}

header#pattern4 nav ul.nav_1st li {
    border-bottom: 1px solid var(--i_border_color);
}

header#pattern4 nav ul.nav_1st li {
    border-bottom: 1px solid var(--i_border_color);
}

header#pattern4 nav ul.nav_1st > li.current {
    background: #222;
 }

header#pattern4 nav ul.nav_1st > li{
    border-top: 1px solid rgba(255, 255, 255, 0.2);
 }

header .btn > a {
    background: none !important;
    padding: 0;
    width: auto;
    font-size: 1.8rem;
    color: #fff !important;
}

header#pattern4 .header_contents .header_col1 .btn {
    min-height: auto !important;
}

header .btn > a:hover {
    opacity: 0.6;
}

header#pattern4 .header_contents {
  position: fixed;
    top: 70px;
    left: 0;
    width: 300px;
    height: 100vh;
    transform: translateX(-100%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
}

header#pattern4.open .header_contents {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 1000;
    left: 0 !important;
}

header:after {
    left: 0px !important;
    transition: 0.4s ease-in-out;
}

header#pattern4.open .header_contents .btn {
    display: none;
}


#lv_outer {
    border-top: 0 !important;
}

#main {
    background: #000 !important;
}

main#main {
    z-index: 100;
}

.news_archive .heading.block_header_2 p {
    color: #fff !important;
}

.news_archive .heading.block_header_2 .h a{
    color: #fff !important;
    transition: 0.2s ease-in-out;
}

.news_archive .heading.block_header_2 .h a:hover{
    opacity: 0.8;
}

.widget_news02 .heading.block_header_5 .h {
    color: #fff !important;
}

#sidebar .widget_news02 li p:nth-of-type(1) {
    color: #fff !important;
}

#sidebar .widget_news02 li a p {
    color: #fff !important;
}

.news_single .heading.block_header_2 .h {
    color: #fff !important;
}

.news_single .heading.block_header_2 p {
    color: #fff !important;
}

.news_single .inner_item_txt *{
    color: #fff !important;
}

.news_single .pager2 li.prev a, .news_single .pager2 li.next a {
    color: #fff !important;
}

header.open ~ main#main {
    z-index: 10;
}

header#pattern4 .burger {
    z-index: 1000;
}

header .sp_menu a div {
    margin-top: 0;
}

header#pattern4 .logo {
    display: none;
}

header#pattern4 .inner>.btn {
    display: -webkit-box;
    display: -ms-flexbox;display: flex;
    position: absolute;
    right: 30px;
}

header#pattern4 .burger {
    position: absolute;
    left: 19px important!;
    right: initial;
}

header#pattern4 .logo a {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.block_table_1 table th {
    background: #000000;
    color: #fff;
}

.block_table_1 table td {
    background: #000000;
    color: #fff;
}

.block_table_1 table td a{
    color: #fff !important;
}

.block_news_2 ul li a {
    background: #434343;
    color: #fff;
}

.block_news_2 li p:nth-of-type(1):before, .widget_news02 li p:nth-of-type(1):before {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}

.block_news_2 li p {
    color: #fff;
}

@media screen and (max-width: 900px) {

    header#pattern4 .header_contents {
        top: 40px;
  }

    header nav ul.nav_1st > li > a:hover span {
        color: #fff;
  }

    header#pattern4 .header_contents .inner>div:nth-of-type(2) {
        padding-top: 0;
        border: none;
  }
}