@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap');

@import url('https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap');

body.black {
	background-color: #000 !important;
}

body.black .container {
	color: #fff !important;
	background-color: #000 !important;
}

body.black .utility {
	color: #fff !important;
	background-color: #000 !important;
}

body.black .accessibility {
	background-color: #000 !important;
}

body.black .global-header {
	background-color: #000 !important;
}

body.black .global-header .global-nav li a {
	color: #fff !important;
	background-color: #000 !important;
}

body.black .global-header .global-nav li a:hover {
	color: #000 !important;
	background-color: #fff700 !important;
}

body.black .global-footer {
	color: #fff !important;
	background-color: #000 !important;
}

body.black .global-footer .footer-main-nav {
	background-color: #000 !important;
}

body.black .global-footer .footer-main-nav .category-title {
	color: #fff !important;
	border-bottom-color: #fff !important;
}

body.black .global-footer .footer-main-nav a {
	color: #fff !important;
}

body.black .global-footer .footer-sub-nav {
	background-color: #000 !important;
}

body.black .global-footer .footer-bottom {
	background-color: #000 !important;
}

body.black .search-form {
	background-color: #000 !important;
}

body.black .search-form input {
	color: #fff !important;
	background-color: #000 !important;
}

body.black .search-form input::placeholder {
	color: #fff;
}

body.black .search-form input:-ms-input-placeholder {
	color: #fff;
}

body.black .search-form input::-ms-input-placeholder {
	color: #fff;
}

body.black .local-nav .link-list a {
	color: #fff !important;
	background-color: #000 !important;
}

body.black .local-nav .link-list a:hover {
	color: #000 !important;
	border-bottom-color: #fff700 !important;
	background-color: #fff700 !important;
}

body.black .local-nav .link-list a:hover:before {
	background-color: #fff700 !important;
}

body.black .emergency-list a {
	color: #fff !important;
}

body.black .top-search {
	background: #000;
}

body.black .top-info a {
	color: #fff !important;
}

body.black .top-info2 a {
	color: #fff !important;
}

body.black .top-public a {
	color: #fff !important;
	background-color: #000 !important;
}

body.black .top-public a:hover {
	color: #000 !important;
	background-color: #fff700 !important;
}

body.black .top-charm .charm-title {
	color: #000 !important;
}

body.black .top-charm .charm-list a {
	color: #fff !important;
	background-color: #000 !important;
}

body.black .top-charm .charm-list a:hover {
	color: #000 !important;
	background-color: #fff700 !important;
}

body.black .sns-item {
	color: #fff !important;
}

body.black .top-pickup .catch {
	color: #fff !important;
}

body.black .link-list a {
	color: #fff !important;
}

body.black .link-text {
	color: #fff !important;
}

body.black .topic-path li:before {
	color: #fff !important;
}

body.black .topic-path a {
	color: #fff !important;
}

body.black .topic-path span {
	color: #fff !important;
}

body.black .entry-pager a {
	color: #fff !important;
}

body.black .entry-pager a:hover {
	color: #000 !important;
	background-color: #fff700 !important;
}

body.black .entry-pager a:hover::before {
	color: #000 !important;
}

body.black a[href^='tel'] {
	color: #fff !important;
}

body.yellow {
	background-color: #fff700 !important;
}

body.yellow .container {
	color: #000 !important;
	background-color: #fff700 !important;
}

body.yellow .utility {
	color: #000 !important;
	background-color: #fff700 !important;
}

body.yellow .accessibility {
	background-color: #fff700 !important;
}

body.yellow .global-header {
	background-color: #fff700 !important;
}

body.yellow .global-header .global-nav li a {
	color: #000 !important;
	background-color: #fff700 !important;
}

body.yellow .global-header .global-nav li a:hover {
	color: #fff !important;
	background-color: #0005ff !important;
}

body.yellow .global-footer {
	color: #000 !important;
	background-color: #fff700 !important;
}

body.yellow .global-footer .footer-main-nav {
	background-color: #fff700 !important;
}

body.yellow .global-footer .footer-main-nav .category-title {
	color: #000 !important;
	border-bottom-color: #000 !important;
}

body.yellow .global-footer .footer-main-nav a {
	color: #000 !important;
}

body.yellow .global-footer .footer-sub-nav {
	background-color: #fff700 !important;
}

body.yellow .global-footer .footer-bottom {
	color: #000 !important;
	background-color: #fff700 !important;
}

body.yellow .global-footer .footer-bottom .site-logo {
	background-color: #0005ff !important;
}

body.yellow .search-form {
	background-color: #fff700 !important;
}

body.yellow .search-form input {
	color: #000 !important;
	background-color: #fff700 !important;
}

body.yellow .search-form input::placeholder {
	color: #000;
}

body.yellow .search-form input:-ms-input-placeholder {
	color: #000;
}

body.yellow .search-form input::-ms-input-placeholder {
	color: #000;
}

body.yellow .local-nav .link-list a {
	color: #000 !important;
	background-color: #fff700 !important;
}

body.yellow .local-nav .link-list a:hover {
	color: #fff !important;
	border-bottom-color: #0005ff !important;
	background-color: #0005ff !important;
}

body.yellow .local-nav .link-list a:hover:before {
	background-color: #0005ff !important;
}

body.yellow .emergency-list a {
	color: #000 !important;
}

body.yellow .top-search {
	background: #fff700;
}

body.yellow .top-info a {
	color: #000 !important;
}

body.yellow .top-info2 a {
	color: #000 !important;
}

body.yellow .top-public a {
	color: #000 !important;
	background-color: #fff700 !important;
}

body.yellow .top-public a:hover {
	color: #fff !important;
	background-color: #0005ff !important;
}

body.yellow .top-charm .charm-title {
	color: #000 !important;
}

body.yellow .top-charm .charm-list a {
	color: #000 !important;
	background-color: #fff700 !important;
}

body.yellow .top-charm .charm-list a:hover {
	color: #fff !important;
	background-color: #0005ff !important;
}

body.yellow .sns-item {
	color: #000 !important;
}

body.yellow .top-pickup .catch {
	color: #000 !important;
}

body.yellow .link-list a {
	color: #000 !important;
}

body.yellow .link-text {
	color: #000 !important;
}

body.yellow .topic-path li:before {
	color: #000 !important;
}

body.yellow .topic-path a {
	color: #000 !important;
}

body.yellow .topic-path span {
	color: #000 !important;
}

body.yellow .entry-pager a {
	color: #000 !important;
}

body.yellow .entry-pager a:hover {
	color: #fff !important;
	background-color: #0005ff !important;
}

body.yellow .entry-pager a:hover::before {
	color: #fff !important;
}

body.yellow a[href^='tel'] {
	color: #000 !important;
}

body.blue {
	background-color: #0005ff !important;
}

body.blue .container {
	color: #fff !important;
	background-color: #0005ff !important;
}

body.blue .utility {
	color: #fff !important;
	background-color: #0005ff !important;
}

body.blue .accessibility {
	background-color: #0005ff !important;
}

body.blue .global-header {
	background-color: #0005ff !important;
}

body.blue .global-header .global-nav li a {
	color: #fff !important;
	background-color: #0005ff !important;
}

body.blue .global-header .global-nav li a:hover {
	color: #0005ff !important;
	background-color: #fff700 !important;
}

body.blue .global-footer {
	color: #fff !important;
	background-color: #0005ff !important;
}

body.blue .global-footer .footer-main-nav {
	background-color: #0005ff !important;
}

body.blue .global-footer .footer-main-nav .category-title {
	color: #fff !important;
	border-bottom-color: #fff !important;
}

body.blue .global-footer .footer-main-nav a {
	color: #fff !important;
}

body.blue .global-footer .footer-sub-nav {
	background-color: #0005ff !important;
}

body.blue .global-footer .footer-bottom {
	background-color: #0005ff !important;
}

body.blue .search-form {
	background-color: #0005ff !important;
}

body.blue .search-form input {
	color: #fff !important;
	background-color: #0005ff !important;
}

body.blue .search-form input::placeholder {
	color: #fff;
}

body.blue .search-form input:-ms-input-placeholder {
	color: #fff;
}

body.blue .search-form input::-ms-input-placeholder {
	color: #fff;
}

body.blue .local-nav .link-list a {
	color: #fff !important;
	background-color: #0005ff !important;
}

body.blue .local-nav .link-list a:hover {
	color: #0005ff !important;
	border-bottom-color: #fff700 !important;
	background-color: #fff700 !important;
}

body.blue .local-nav .link-list a:hover:before {
	background-color: #fff700 !important;
}

body.blue .emergency-list a {
	color: #fff !important;
}

body.blue .top-search {
	background: #0005ff;
}

body.blue .top-info a {
	color: #fff !important;
}

body.blue .top-info2 a {
	color: #fff !important;
}

body.blue .top-public a {
	color: #fff !important;
	background-color: #0005ff !important;
}

body.blue .top-public a:hover {
	color: #0005ff !important;
	background-color: #fff700 !important;
}

body.blue .top-charm .charm-title {
	color: #000 !important;
}

body.blue .top-charm .charm-list a {
	color: #fff !important;
	background-color: #0005ff !important;
}

body.blue .top-charm .charm-list a:hover {
	color: #0005ff !important;
	background-color: #fff700 !important;
}

body.blue .sns-item {
	color: #fff !important;
}

body.blue .top-pickup .catch {
	color: #fff !important;
}

body.blue .link-list a {
	color: #fff !important;
}

body.blue .link-text {
	color: #fff !important;
}

body.blue .topic-path li:before {
	color: #fff !important;
}

body.blue .topic-path a {
	color: #fff !important;
}

body.blue .topic-path span {
	color: #fff !important;
}

body.blue .entry-pager a {
	color: #fff !important;
}

body.blue .entry-pager a:hover {
	color: #0005ff !important;
	background-color: #fff700 !important;
}

body.blue .entry-pager a:hover::before {
	color: #0005ff !important;
}

body.blue a[href^='tel'] {
	color: #fff !important;
}

body.black .common-table th,
body.yellow .common-table th,
body.blue .common-table th {
	background: none !important;
}

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

body.black .global-footer .footer-main-nav .main-nav-close {
	color: #000 !important;
	background-color: #fff !important;
}

body.black .global-footer .footer-main-nav a {
	color: #000 !important;
}

body.yellow .global-footer .footer-main-nav .main-nav-close {
	color: #000 !important;
	background-color: #fff !important;
}

body.yellow .global-footer .footer-main-nav a {
	color: #000 !important;
}

body.blue .global-footer .footer-main-nav .main-nav-close {
	color: #000 !important;
	background-color: #fff !important;
}

body.blue .global-footer .footer-main-nav a {
	color: #000 !important;
}

}