﻿

/*** for PC Browser ***/
@media (min-width:401px)
{
@charset "UTF-8";
body.is-black {
  background-color: #000;
  color: #fff;
  /**
   * トップページ
   */
  /**
   * 第2階層以下、コンテンツ部
   */
}
body.is-black h1, body.is-black h2, body.is-black h3, body.is-black h4, body.is-black h5, body.is-black h6, body.is-black dt {
  color: #fff;
}
body.is-black #pagetop {
  background-color: transparent;
}
body.is-black #BaseTable a:link {
  color: #fff;
}
body.is-black #BaseTable a:hover {
  color: #fff;
}
body.is-black #BaseTable a:visited {
  color: #fff;
}
body.is-black #HeaderPane {
  background-color: transparent;
}
body.is-black #HeaderPane .header-inner .color-switch .color-white {
  border-color: #fff;
  background-color: transparent;
  color: #fff;
}
body.is-black #HeaderPane .header-inner .color-switch .color-white:hover {
  background-color: #fff;
  color: #000;
  opacity: 1;
}
body.is-black #HeaderPane .header-inner .color-switch .color-blue {
  border-color: #fff;
  background-color: transparent;
  color: #fff;
}
body.is-black #HeaderPane .header-inner .color-switch .color-blue:hover {
  background-color: #fff;
  color: #000;
  opacity: 1;
}
body.is-black #HeaderPane .header-inner .color-switch .color-black {
  border-color: #fff;
  background-color: transparent;
  color: #fff;
}
body.is-black #HeaderPane .header-inner .color-switch .color-black:hover {
  background-color: #fff;
  color: #000;
  opacity: 1;
}
body.is-black #HeaderPane .header-inner .fsize-switch .fsize-big {
  border-color: #fff;
  color: #fff;
}
body.is-black #HeaderPane .header-inner .fsize-switch .fsize-big:hover {
  background-color: #fff;
  color: #000;
  opacity: 1;
}
body.is-black #HeaderPane .header-inner .fsize-switch .fsize-reset {
  border-color: #fff;
  color: #fff;
}
body.is-black #HeaderPane .header-inner .fsize-switch .fsize-reset:hover {
  background-color: #fff;
  color: #000;
  opacity: 1;
}
body.is-black #HeaderPane .header-inner .search-area .button {
  color: #fff;
  background-color: transparent;
}
body.is-black #HeaderPane .global-navi {
  background-color: transparent;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
body.is-black #HeaderPane .global-navi-inner .navibar-item {
  border-left-color: #fff;
}
body.is-black #HeaderPane .global-navi-inner .navibar-item a {
  color: #fff;
}
body.is-black #HeaderPane .global-navi-inner .navibar-item a:hover {
  background-color: #fff;
  color: #000;
  opacity: 1;
}
body.is-black #HeaderPane .global-navi-inner .navibar-item:last-child {
  border-right-color: #fff;
}
body.is-black #HeaderPane .global-navi-inner .navibar-hover-menu .navibar-item-children {
  border-color: #fff;
  background-color: #000;
}
body.is-black #HeaderPane .global-navi-inner .navibar-hover-menu .navibar-item-children ul li a {
  color: #fff;
}
body.is-black #HeaderPane .global-navi-inner .navibar-hover-menu .navibar-item-children:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #000;
}
body.is-black #HeaderPane .global-navi-inner .navibar-hover-menu .navibar-item-children:before {
  border-color: rgba(0, 0, 0, 0);
  border-bottom-color: #fff;
}
body.is-black #HeaderPane .header-breadcrumb {
  background-color: transparent;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
body.is-black #HeaderPane .header-breadcrumb-inner {
  background-color: transparent;
}
body.is-black #HeaderPane .header-breadcrumb-inner .breadcrumb li a {
  color: #fff;
}
body.is-black #HeaderPane .header-breadcrumb-inner .breadcrumb li a:hover {
   color: #fff;
}
body.is-black #HeaderPane .header-breadcrumb-inner .breadcrumb li a:visited {
  color: #fff;
}
body.is-black #HeaderPane .header-breadcrumb-inner .breadcrumb li.is-active a {
  color: #fff;
}
body.is-black #HeaderPane .translation-lang a {
  border: 1px solid #fff;
  border-color: #fff;
  background-color: transparent;
  color: #fff;
}
body.is-black #HeaderPane .translation-lang a:hover {
  color: #000;
  background-color: #fff;
  opacity: 1;
}
body.is-black #HeaderPane .translation-lang a:hover:before {
  color: #000;
}
body.is-black #HeaderPane .translation-lang a:before {
  color: #fff;
}
body.is-black #FooterPane {
  background-color: transparent;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
body.is-black #FooterPane .footer-links {
  background-color: transparent;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
body.is-black #FooterPane .footer-links ul li a {
  color: #fff;
}
body.is-black #FooterPane .footer-inner .footer-address {
  color: #fff;
}
body.is-black #FooterPane .footer-inner .footer-address-title {
  color: #fff;
}
body.is-black #FooterPane .footer-inner .footer-address .accessmap {
  border-color: #fff;
  color: #fff;
}
body.is-black #FooterPane .footer-inner .footer-address .infosection {
  border-color: #fff;
  color: #fff;
}
body.is-black #FooterPane .footer-inner .town-population * {
  color: #fff;
}
body.is-black #FooterPane .footer-inner .town-population table thead {
  border-bottom-color: #fff;
}
body.is-black #FooterPane .footer-inner .town-population table tbody {
  border-bottom-color: #fff;
}
body.is-black #FooterPane .footer-copyright {
  background-color: transparent;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  color: #fff;
}
body.is-black #page_top {
  background-color: #fff;
  opacity: 1;
  border: 1px solid #fff;
}
body.is-black #page_top a::before {
  color: #000;
  opacity: 1;
}
body.is-black #Middle {
  background-color: transparent;
}
body.is-black #Middle #ContentPane .slick-dots li button:before {
  color: #fff;
  opacity: 1;
}
body.is-black #Middle #ContentPane .box {
  background-color: transparent;
  border: 1px solid #fff;
}
body.is-black #Middle #ContentPane .box.box-colorset-red {
  background-color: transparent;
  border-color: #fff;
}
body.is-black #Middle #ContentPane .box.box-colorset-red ul li a:after {
  color: #fff;
}
body.is-black #Middle #ContentPane .box .is-title {
  border: 1px solid #fff;
  background-color: transparent;
  color: #fff;
}
body.is-black #Middle #ContentPane .box ul li a {
  border: 1px solid #fff;
  background-color: transparent;
  color: #fff;
}
body.is-black #Middle #ContentPane .box ul li a:after {
  color: #fff;
}
body.is-black #Middle #ContentPane .box ul li a:hover {
  background-color: #fff;
  color: #000;
  opacity: 1;
}
body.is-black #Middle #ContentPane #TownHeadman a {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
}
body.is-black #Middle #ContentPane #TownCouncil a {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
}
body.is-black #Middle #ContentPane .emergency-info, body.is-black #Middle #ContentPane .information {
  border-color: #fff;
}
body.is-black #Middle #ContentPane .emergency-info .is-title, body.is-black #Middle #ContentPane .information .is-title {
  background-color: transparent;
  color: #fff;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
body.is-black #Middle #ContentPane .emergency-info .is-title:before, body.is-black #Middle #ContentPane .information .is-title:before {
  color: #fff;
}
body.is-black #Middle #ContentPane .search-lifework .is-title:after {
  color: #fff;
}
body.is-black #Middle #ContentPane .search-lifework ul li a {
  border: 1px solid #fff;
  background-color: transparent;
  color: #fff;
}
body.is-black #Middle #ContentPane .search-lifework ul li a:hover {
  background-color: #fff;
  color: #000;
  opacity: 1;
}
body.is-black #Middle #ContentPane .bn-contents-links ul {
  border-right-color: #fff;
  border-left-color: #fff;
}
body.is-black #Middle #ContentPane .bn-contents-links ul li + li {
  border-left-color: #fff;
}
body.is-black #Middle #ContentPane .tabbox .tabs ul li.is-active a {
  background-color: #fff;
  color: #000;
  border: 1px solid #fff;
}
body.is-black #Middle #ContentPane .tabbox .tabs ul li a {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
}
body.is-black #Middle #ContentPane .tabbox .tabs ul li a:hover {
  color: #000;
  background-color: #fff;
}
body.is-black #Middle #ContentPane .tabbox .tabs-contents {
  border-color: #fff;
}
body.is-black #Middle #ContentPane .tabbox .tabs-contents .tabs-contents-body dl {
  border-bottom-color: #fff;
}
body.is-black #Middle #ContentPane .tabbox .tabs-contents .tabs-contents-body dl * {
  color: #fff;
}
body.is-black #Middle #ContentPane .tabbox .tabs-contents .tabs-contents-body a:visited {
  color: #fff;
}
body.is-black #Middle #ContentPane .tabbox .tabs-contents .tabs-contents-body .new {
  color: #fff;
  background-color: transparent;
  border: 1px solid #fff;
}
body.is-black #Middle #ContentPane .tabbox .tabs-contents .tabs-contents-footer {
  background-color: #fff;
}
body.is-black #Middle #ContentPane .tabbox .tabs-contents .tabs-contents-footer a {
  color: #000;
}
body.is-black #Middle #ContentPane .tabbox#top_tab2 .tabs-contents .tabs-contents-footer a.show-list-link {
  color: #fff;
}
body.is-black #Middle #ContentPane .tabbox#top_tab2 .tabs-contents .tabs-contents-footer a.show-list-link:before {
  color: #fff;
}
body.is-black #Middle #ContentPane .tabbox#top_tab2 .tabs-contents .tabs-contents-footer a.show-list-link.next-link:after {
  color: #fff;
}
body.is-black #FooterPane .related-links {
  background-color: transparent;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
body.is-black #FooterPane .banner-koukoku {
  background-color: transparent;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
body.is-black #FooterPane .slick-prev:before, body.is-black #FooterPane .slick-next:before {
  color: #fff;
}
body.is-black #HeaderPane .printout_btn a {
  border-color: #fff;
  background-color: transparent;
  border: 1px solid #fff;
}
body.is-black #Middle #ContentPane {
  /**
   * コンテンツ部のデフォルトスタイル設定
   */
  /**
   * 第2階層
   */
}
body.is-black #Middle #ContentPane ul li:before {
  color: #fff;
}
body.is-black #Middle #ContentPane table tr th {
  color: #fff !important;
  border-color: #fff !important;
  background-color: #000 !important;
}
body.is-black #Middle #ContentPane table tr td {
  color: #fff !important;
  border-color: #fff !important;
  background-color: #000 !important;
}
body.is-black #Middle #ContentPane h2 {
  color: #fff;
  border-bottom-color: #fff;
}
body.is-black #Middle #ContentPane h3 {
  border: 1px solid #fff;
  color: #fff;
  background-color: transparent;
  border-top: 5px solid #fff;
}
body.is-black #Middle #ContentPane h4 {
  border: 1px solid #fff;
  color: #fff;
  background-color: transparent;
  border-top: 2px solid #fff;
}
body.is-black #Middle #ContentPane h5 {
  color: #fff;
  border-left-color: #fff;
}
body.is-black #Middle #ContentPane h6 {
  color: #fff;
  border-left-color: #fff;
}
body.is-black #Middle #ContentPane .contact_us {
  border-color: #000;
  border: 1px solid #fff;
}
body.is-black #Middle #ContentPane .contact_us .is-title {
  border: 1px solid #fff;
  background-color: transparent;
  color: #fff;
}
body.is-black #Middle #ContentPane .contact_us dt {
  color: #fff;
}
body.is-black #Middle #ContentPane .contents-pickup {
  border: 1px solid #fff;
  background-color: #000;
}
body.is-black #Middle #ContentPane .contents-pickup ul {
  background-color: #000;
}
body.is-black #Middle #ContentPane .contents-pickup dl * {
  color: #fff;
}
body.is-black #Middle #ContentPane .contents-pickup a:visited {
  color: #fff;
}
body.is-black #Middle #ContentPane .contents-pickup .new {
  color: #000;
  background-color: #fff;
}
body.is-black #Middle #ContentPane .contents-pickup .is-title {
  background-color: transparent;
  color: #fff;
}
body.is-black #Middle #ContentPane .contents-pickup .is-title + .column {
  border: 1px solid #fff;
}
body.is-black #Middle #ContentPane .contents-pickup .pickup-contents-footer {
  background-color: #000;
}
body.is-black #Middle #ContentPane .contents-pickup .pickup-contents-footer a.show-list-link:before {
  color: #fff;
}
body.is-black #Middle #ContentPane .contents-pickup .pickup-contents-footer a.show-list-link.prev-link:before {
  color: #fff;
}
body.is-black #Middle #ContentPane .contents-pickup .pickup-contents-footer a.show-list-link.next-link:after {
  color: #fff;
}
body.is-black #Middle #ContentPane .list-menu .is-title {
  border-bottom-color: #fff;
}
body.is-black #Middle #RightPane .left-link-menu {
  border-color: #fff;
}
body.is-black #Middle #RightPane .left-link-menu ul li:before {
  color: #fff;
}
body.is-black #Middle #RightPane .left-link-menu ul li + li {
  border-top-color: #fff;
}
body.is-black  #Middle #ContentPane a {
  color:#fff;
}
body.is-black  #Middle #ContentPane a:hover {
  color:#fff;
}
body.is-black  #Middle #ContentPane a:visited{
  color:#fff;
}
body.is-black  strong {
  color: #fff;
}
body.is-black .CustomItemList .toggle-all:after {
    color: #fff;
}
body.is-black .CustomItemList .rss-link:before {
    color: #fff;
}
body.is-black .CustomItemListTitle .new {
  color: #000;
  background-color: #fff;
}
body.is-black .CustomItemListTitle dl {
    border: 1px solid;
    border-color: #fff;
    background-color: transparent;
}
body.is-black .BorderDashed .CustomItemListTitle dl {
    border: none;
    border-bottom: 1px dashed;
}
body.is-black .CustomItemListTitle .toggle-this:after {
    color: #fff;
}
body.is-black .CustomItemList .prev-link:before {
    color: #fff;
}
body.is-black .CustomItemList .next-link:after {
    color: #fff;
}
/** Google Search Color Set **/
body.is-black .styleable-rootcontainer {
    background-color: transparent;
}
body.is-black .gsc-control-cse,
body.is-black .cse_block_container {
    background-color: transparent;
    border-color: transparent;
}

body.is-black .styleable-title {
    color: #fff;
}

body.is-black .styleable-rootcontainer {
    color: #fff;
}

body.is-black .si15 {
    color: #fff;
}

body.is-black .si22 {
    color: #000;
}

body.is-black .si126 {
    color: #000;
}

body.is-black .styleable-visurl {
    color: #fff;
}

body.is-black .si24 {
    color: #fff;
}

body.is-black .si25 {
    background: transparent;
    border-color: #fff;
    color: #fff;
}

body.is-black .si21 {
    background-color: #fff;
}

body.is-black .gsc-tabHeader.gsc-tabhActive {
    color: #fff;
    border-color: #fff;
}
body.is-black .gsc-webResult.gsc-result {
    border-color: #fff;    
}
body.is-black .gs-result .gs-title *,
body.is-black .gsc-cursor-page,
body.is-black .gs-spelling a,
body.is-black .gsc-results .gsc-cursor-box .gsc-cursor-page,
body.is-black .gsc-results .gsc-cursor-box .gsc-cursor-current-page,
body.is-black .gcsc-find-more-on-google,
body.is-black .gsc-tabHeader.gsc-tabhInactive,
body.is-black .gsc-result-info,
body.is-black .gs-webResult .gs-visibleUrl,
body.is-black .gs-webResult .gs-snippet,
body.is-black .gs-fileFormatType,
body.is-black .gs-fileFormat {
    color: #fff;
}
body.is-black .gcsc-find-more-on-google-magnifier {
    fill: #fff;
}
body.is-black .gs-no-results-result .gs-snippet,
body.is-black .gs-error-result .gs-snippet {
    background-color: transparent;
    border-color: #fff;
    color: #fff;
}
body.is-black #HeaderPane .header-inner .header-logo a {
    background: url(/images/logo-header-white.png);
    background-size: 269px  90px;
}
}
