@charset "utf-8";

/* =============================================================

　　Base Setting : Colorscheme

============================================================= */


/*  Overall Setting
--------------------------------------------- */

/*  Color Setting
-------------------------- */

/* -- Common Color -- */

.inverse-black body {
  color: #fff;
}

/* -- Custom Color -- */

/* Default */
.inverse-black .txt-default,
.inverse-black a.txt-default,
.inverse-black a.txt-default:hover,
.inverse-black a.txt-default:focus,
.inverse-black .txt-default-light,
.inverse-black a.txt-default-light,
.inverse-black a.txt-default-light:hover,
.inverse-black a.txt-default-light:focus,
.inverse-black .txt-default-dark,
.inverse-black a.txt-default-dark,
.inverse-black a.txt-default-dark:hover,
.inverse-black a.txt-default-dark:focus,
.inverse-black .txt-base,
.inverse-black a.txt-base,
.inverse-black a.txt-base:hover,
.inverse-black a.txt-base:focus,
.inverse-black .txt-base-light,
.inverse-black a.txt-base-light,
.inverse-black a.txt-base-light:hover,
.inverse-black a.txt-base-light:focus,
.inverse-black .txt-base-dark,
.inverse-black a.txt-base-dark,
.inverse-black a.txt-base-dark:hover,
.inverse-black a.txt-base-dark:focus,
.inverse-black .txt-primary,
.inverse-black a.txt-primary,
.inverse-black a.txt-primary:hover,
.inverse-black a.txt-primary:focus,
.inverse-black .txt-primary-light,
.inverse-black a.txt-primary-light,
.inverse-black a.txt-primary-light:hover,
.inverse-black a.txt-primary-light:focus,
.inverse-black .txt-primary-dark,
.inverse-black a.txt-primary-dark,
.inverse-black a.txt-primary-dark:hover,
.inverse-black a.txt-primary-dark:focus,
.inverse-black .txt-accent,
.inverse-black a.txt-accent,
.inverse-black a.txt-accent:hover,
.inverse-black a.txt-accent:focus,
.inverse-black .txt-accent-light,
.inverse-black a.txt-accent-light,
.inverse-black a.txt-accent-light:hover,
.inverse-black a.txt-accent-light:focus,
.inverse-black .txt-accent-dark,
.inverse-black a.txt-accent-dark,
.inverse-black a.txt-accent-dark:hover,
.inverse-black a.txt-accent-dark:focus,
.inverse-black .txt-sub,
.inverse-black a.txt-sub,
.inverse-black a.txt-sub:hover,
.inverse-black a.txt-sub:focus,
.inverse-black .txt-sub-light,
.inverse-black a.txt-sub-light,
.inverse-black a.txt-sub-light:hover,
.inverse-black a.txt-sub-light:focus,
.inverse-black .txt-sub-dark,
.inverse-black a.txt-sub-dark,
.inverse-black a.txt-sub-dark:hover,
.inverse-black a.txt-sub-dark:focus {
  color: inherit;
}

.inverse-black .bg-default,
.inverse-black .bg-default-light,
.inverse-black .bg-default-dark,
.inverse-black .bg-base,
.inverse-black .bg-base-light,
.inverse-black .bg-base-dark,
.inverse-black .bg-primary,
.inverse-black .bg-primary-light,
.inverse-black .bg-primary-dark,
.inverse-black .bg-accent,
.inverse-black .bg-accent-light,
.inverse-black .bg-accent-dark,
.inverse-black .bg-sub,
.inverse-black .bg-sub-light,
.inverse-black .bg-sub-dark {
  background-color: transparent;
}

/* -- Form Color -- */

.inverse-black .form-control,
.inverse-black .search-input {
  border-color: #000;
  background-color: #000;
  color: #fff;
}

.inverse-black .form-control:focus,
.inverse-black .search-input:focus {
  border-color: #000;
}

/* -- Placeholder Color -- */

.inverse-black :placeholder-shown {
  color: #fff;
}

.inverse-black ::-webkit-input-placeholder {
  color: #fff;
}

.inverse-black :-moz-placeholder {
  color: #fff;
}

.inverse-black ::-moz-placeholder {
  color: #fff;
}

.inverse-black :-ms-input-placeholder {
  color: #fff;
}

.inverse-black input,
.inverse-black button,
.inverse-black select,
.inverse-black textarea {
  background: #000;
  color: #fff;
}

/*  Container Setting
--------------------------------------------- */

.inverse-black #container {
  background: #000;
  color: #fff;
}

.inverse-black #container a {
  color: #fff;
}


/*  Header Setting
--------------------------------------------- */

.inverse-black #header {
}

.inverse-black #blockskip .focus {
  border: 1px solid #fff;
  background: #000;
}

/* ------ Site Logo ------ */

.inverse-black #logo {
  background: #000;
}

.inverse-black #logo a {
  display: block;
  width: 296px;
  height: 82px;
  background: url(/share/imgs/header-logo-white.png) no-repeat center;
}

.inverse-black #logo a img {
  display: none;
}

/* -------- Site Menu -------- */

/* ------ Search ------ */

.inverse-black #menu-search:before,
.inverse-black #menu-search .search-inner,
.inverse-black #menu-search .search-inner:before {
  background: #000;
}
/* ------ Global Navi ------ */

.inverse-black #gnav:before,
.inverse-black #gnav ul,
.inverse-black #gnav ul:before {
  background: #000;
}

.inverse-black #gnav li:before {
  background-color: #fff;
}

/* ------ User Navi ------ */

/* ---- User Navi List ---- */

.inverse-black #usernav .link-list.usernav {
  background-color: #000;
  color: #fff;
}

/* -- Link Side -- */

.inverse-black #usernav .link-list.link-side li {
  margin-top: -1px;
  background: #000;
}

.inverse-black #usernav .link-list.link-side .btn {
  background-color: #000 !important;
}

/* -- Link List 1 -- */

.inverse-black #usernav .link-list.link-1 .btn {
  border-top-width: 0 !important;
  border-bottom-width: 0 !important;
}

/* ------ Inverse ------ */

.inverse-black #usernav #inverse a:before {
  border-color: #fff;
}

.inverse-black #usernav #inverse .cont-inner ul {
  background: #000;
}

.inverse-black #usernav #inverse .btn {
  background: none;
  border-color: #fff;
  color: #fff;
}

.inverse-black #usernav #inverse .btn:hover,
.inverse-black #usernav #inverse .btn:focus {
  opacity: .8;
}

/* ------ Fontsize ------ */

.inverse-black #usernav #fontsize li a:before {
  background-color: #fff;
}

/*  Content Settings
--------------------------------------------- */


/*  Footer Setting
--------------------------------------------- */

.inverse-black #footer {
  border-top-color: #fff;
}

.inverse-black #footer .inner {
  background-image: url(/share/imgs/footer-bg-map-black.png);
}

.inverse-black .footer-logo a {
  display: block;
  width: 248px;
  height: 68px;
  background: url(/share/imgs/footer-logo-white.png) no-repeat center;
}

.inverse-black .footer-logo a img {
  display: none;
}

.inverse-black #pagetop a {
  border: 1px solid #fff;
  background: #000;
}


/* =============================================================

　　Module Setting : Colorscheme

============================================================= */


/*  Text
-------------------------- */

.inverse-black .txt-note {
  background: none;
}


/*  Title
-------------------------- */

.inverse-black .ttl-style1,
.inverse-black .article-freeform h1,
.inverse-black .article-header h1 {
  border-top-color: #fff;
  border-bottom-color: #fff;
}

.inverse-black .ttl-style2,
.inverse-black .article-freeform h2 {
  color: inherit;
}

.inverse-black .ttl-style3,
.inverse-black .article-freeform h3 {
  border: 1px solid #fff;
  background: none;
}

.inverse-black .ttl-style4:before,
.inverse-black .article-freeform h4:before {
  background-color: #fff;
}

.inverse-black .ttl-style6 {
  border-top-color: #fff;
}

/*  Button
-------------------------- */

/* -- Button Frame -- */

.inverse-black .btn.btn-frame {
}

.inverse-black .btn.btn-frame.icn-arw:before {
  border-top-color: #fff;
  border-right-color: #fff;
}

/* ---- Button Color ---- */

.inverse-black .btn {
  border: 1px solid #fff !important;
  background-color: #000 !important;
  color: #fff !important;
}

.inverse-black .btn.icn-arw:before {
  border-top-color: #fff !important;
  border-right-color: #fff !important;
}

.inverse-black .btn.btn-frame {
  background-color: transparent;
  color: #000;
}

.inverse-black a:hover .btn,
.inverse-black a:focus .btn,
.inverse-black a.btn:hover,
.inverse-black a.btn:focus,
.inverse-black input.btn:hover,
.inverse-black input.btn:focus {
  border-color: #fff;
  background-color: transparent !important;
}

/*  Tag
-------------------------- */

.inverse-black .tag {
  border-color: #fff !important;
  background: #fff !important;
}

/*  Icon
-------------------------- */

/* -- Icon Arrow -- */

.inverse-black .icn-arw:before,
.inverse-black .list-arw a:before {
  border-left-color: #fff;
}

/* -- Icon Arrow2 -- */

.inverse-black .icn-arw2 {
  position: relative;
  padding-left: 15px;
}

.inverse-black .icn-arw2:before {
  border-left-color: #fff;
}

/* -- Icon Arrow3 -- */

.inverse-black .icn-arw3 {
  position: relative;
  padding-left: 15px;
}

.inverse-black .icn-arw3:before {
  border-top-color: #fff;
  border-right-color: #fff;
}

/* -- Round & Square Icon -- */

.inverse-black .icn-rounded,
.inverse-black .icn-square {
  border-color: #fff;
}

/* -- Icon Download -- */

.inverse-black .icn-dl {
  color: #fff;
}

/* -- Icon Font Awesome -- */

.inverse-black .fa.fa-file-pdf-o {
  color: #fff;
}

.inverse-black .fa.fa-file-word-o {
  color: #fff;
}

.inverse-black .fa.fa-file-excel-o {
  color: #fff;
}


/* -- Movie Icon -- */

.inverse-black .icn-movie > *:before {
  background: #000;
}

/*  Image
-------------------------- */

.inverse-black .img-frame {
  border-color: #fff;
}


/*  List
-------------------------- */

/* -- List Line -- */

.inverse-black .list-line > ul {
  border-color: #fff;
}

.inverse-black .list-line li {
  border-color: #fff;
}

/* -- List Line Dot -- */

.inverse-black .list-line.list-line-dot > ul > li,
.inverse-black .list-dl.list-line.list-line-dot > ul > li,
.inverse-black .list-dl2.list-line.list-line-dot > ul > li,
.inverse-black .list-dl3.list-line.list-line-dot > ul > li {
  border-color: #fff;
}

/* -- List Definition -- */

.inverse-black .list-dl.list-line > ul > li {
  border-bottom-color: #fff;
}

.inverse-black .list-dl.list-line > ul > li {
  border-bottom-color: #fff;
}

/* -- List Definition Line -- */

.inverse-black .list-dl.list-line > ul > li,
.inverse-black .list-dl2.list-line > ul > li,
.inverse-black .list-dl3.list-line > ul > li {
  border-color: #fff;
}

/*  Table
-------------------------- */

.inverse-black .table th,
.inverse-black .article-freeform table th {
  background: none;
}

.inverse-black .table > thead > tr,
.inverse-black .table > tbody > tr,
.inverse-black .table > tfoot > tr,
.inverse-black .article-freeform table > thead > tr,
.inverse-black .article-freeform table > tbody > tr,
.inverse-black .article-freeform table > tfoot > tr {
  border-top-color: #fff;
  border-right-color: #fff;
  border-left-color: #fff;
}

.inverse-black .table > thead > tr > th,
.inverse-black .table > tbody > tr > th,
.inverse-black .table > tfoot > tr > th,
.inverse-black .table > thead > tr > td,
.inverse-black .table > tbody > tr > td,
.inverse-black .table > tfoot > tr > td,
.inverse-black .article-freeform table > thead > tr > th,
.inverse-black .article-freeform table > tbody > tr > th,
.inverse-black .article-freeform table > tfoot > tr > th,
.inverse-black .article-freeform table > thead > tr > td,
.inverse-black .article-freeform table > tbody > tr > td,
.inverse-black .article-freeform table > tfoot > tr > td {
  border-color: #fff;
}

.inverse-black .table > thead > tr > td.active,
.inverse-black .table > tbody > tr > td.active,
.inverse-black .table > tfoot > tr > td.active,
.inverse-black .table > thead > tr > th.active,
.inverse-black .table > tbody > tr > th.active,
.inverse-black .table > tfoot > tr > th.active,
.inverse-black .table > thead > tr.active > td,
.inverse-black .table > tbody > tr.active > td,
.inverse-black .table > tfoot > tr.active > td,
.inverse-black .table > thead > tr.active > th,
.inverse-black .table > tbody > tr.active > th,
.inverse-black .table > tfoot > tr.active > th {
  background-color: transparent;
}


/*  Grid
-------------------------- */


/*  Column
-------------------------- */

.inverse-black .column.column-line2 > * > * .column-inner {
  border-color: #fff;
}

/*  Box Decoration
-------------------------- */

.inverse-black .line-frame {
   border-color: #fff;
}

.inverse-black .line-top {
  border-top-color: #fff;
}

.inverse-black .line-top-style2 {
  border-top-color: #fff;
}

.inverse-black .line-bottom {
  border-bottom-color: #fff;
}

/*  Pagination
-------------------------- */

.inverse-black .pagination div > * {
  border-color: #fff;
  background: none;
  color: #fff;
}

.inverse-black .pagination a:hover,
.inverse-black .pagination a:focus,
.inverse-black .pagination .current {
  background: none;
  color: #fff;
}

.inverse-black .pagination a:hover,
.inverse-black .pagination a:focus {
  border-color: #fff;
  background: none;
}


/*  Pager
-------------------------- */

.inverse-black .pager .btn {
  border-color: #fff;
}

.inverse-black .pager .btn a:hover,
.inverse-black .pager .btn a:focus {
  background: none;
}

/*  Mail Form
-------------------------- */

.inverse-black .form-btn input {
  border-color: #fff;
  background: none;
}

.inverse-black .form-btn input:hover,
.inverse-black .form-btn input:focus {
  border-color: #fff;
  background: none;
}

.inverse-black .form-btn input.back {
  border-color: #fff;
  background: none;
}

.inverse-black .form-btn input.back:hover,
.inverse-black .form-btn input.back:focus {
  border-color: #fff;
  background: none;
}

/*  Search Form
-------------------------- */

.inverse-black .search-form .search-input {
  border: 1px solid #fff;
  background: none;
  color: #fff;
}

.inverse-black .search-form .search-btn {
  background-image: url(/share/imgs/icn-search-white.png);
}

.inverse-black .search-style2 .search-input {
  border-color: #fff;
}

.inverse-black .search-style2 .search-input:focus { 
}

.inverse-black .search-style2 .search-btn {
  border: 1px solid #fff;
  background: none;
}


/*  Embed
-------------------------- */

.inverse-black .embed {
}

/* -- Embed Map -- */

.inverse-black .embed-map {
  border-color: #fff;
}

/*  Mega Header 
-------------------------- */

.inverse-black .mega-header h1 {
  background: #000;
}

/*  SNS
-------------------------- */

.inverse-black .list-sns li {
  height: 26px;
  border: 1px solid #fff;
}

.inverse-black .list-sns img {
  margin-top: -25px;
}

/*  Breadcrumb
-------------------------- */

/*  Detail Page
-------------------------- */

.inverse-black .article-freeform .list-row a {
  color: #fff;
}

/* -- Notes -- */

.inverse-black .notes-contact {
  border: 1px solid #fff;
}

/*  Article List
-------------------------- */

/*  Page Navi
-------------------------- */

.inverse-black .pagenav-section {
  background: none;
}

/*  Side Navi
-------------------------- */

/*  Side About
-------------------------- */

.inverse-black .sideabout-section a {
  color: #fff;
}

/* ---- Prev,Next ---- */

.inverse-black .sideabout-list .slick-arrow {
  border: 1px solid #fff;
  background: none;
}

.inverse-black .sideabout-list .slick-arrow.slick-disabled {
  background: none;
}


/* =============================================================

　　Plugins Setting : Colorscheme

============================================================= */


/*  Accordion
-------------------------- */

.inverse-black .acc {
  background: none;
}

.inverse-black .acc-head .acc-icn:before {
  border-color: #fff transparent transparent transparent;
}

.inverse-black .acc-head .acc-icn:after {
  border-color: #000 transparent transparent transparent;
}

/* Minus Icon */
.inverse-black .acc-head.acc-active .acc-icn:before {
  border-color:  transparent transparent #fff transparent;
}

.inverse-black .acc-head.acc-active .acc-icn:after {
  border-color: transparent transparent #000 transparent;
}


/*  Mobile Accordion
-------------------------- */

/*  Modal
-------------------------- */

.inverse-black .mfp-fade.mfp-bg.mfp-ready {
  background: #000;
}

.inverse-black .mfp-arrow:before {
  border-color: #fff;
}

/* -- Bottom Bar -- */

.inverse-black .mfp-title {
  color: #fff;
}




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

/* =============================================================

　　Mobile - Base Setting : Colorscheme

============================================================= */


/*  Overall Setting
--------------------------------------------- */


/*  Header Setting
--------------------------------------------- */

/* -------- Site Logo -------- */

.inverse-black #logo {
  background: #000;
}

.inverse-black #logo h1 {
}

.inverse-black #logo a {
  width: 100%;
  height: 100%;
  background-size: 100%;
}

/* ------ Menu Button ------ */

.inverse-black #sitemenu #menu-btn {
  background: #000;
}

/* ------ Menu Content ------ */

.inverse-black #sitemenu #menu {
  border-left: 1px solid #fff;
  background-color: #000;
}

/* ---- Menu Inner ---- */

.inverse-black #sitemenu .menu-inner {
  background-color: #000;
}

/* ------ Search ------ */

.inverse-black #menu-search .search-inner {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

/* ------ Global Navi ------ */

.inverse-black #gnav {
  color: #fff;
}

.inverse-black #sitemenu .menu-list li {
  border-bottom-color: #fff;
}

/* Button Arrow */
.inverse-black #sitemenu .menu-list li a:before,
.inverse-black #sitemenu .menu-list li a:after {
  border-color: transparent transparent transparent #fff;
}

.inverse-black #sitemenu .menu-list li a:before {
  border-left-color: #fff;
}

.inverse-black #sitemenu .menu-list li a:after {
  right: 8px;
  border-left-color: #000;
}

/* -- User Navi -- */

.inverse-black #usernav .link-list.usernav {
  border-bottom-width: 0;
}

.inverse-black #usernav .link-list.usernav > ul > li > a {
  border-color: #fff;
}

/* -- Link List 1 -- */

.inverse-black #usernav .link-list.link-1 .btn {
  border-top-width: 1px !important;
  border-bottom-width: 1px !important;
}

/*  Content Settings
--------------------------------------------- */


/*  Footer Setting
--------------------------------------------- */

.inverse-black .footer-logo a {
  display: block;
  width: 100%;
  height: 100%;
  background-size: 100%;
}


/* =============================================================

　　Mobile - Module Setting : Colorscheme

============================================================= */


/*  SNS
-------------------------- */

.inverse-black .list-sns li {
  height: 20px;
}

.inverse-black .list-sns img {
  margin-top: -21px;
}

/*  Column
-------------------------- */

.inverse-black .column.column-line > * > * {
  border-top-color: #fff;
  border-bottom-color: #fff;
}

/*  Table
-------------------------- */

/* ---- Responsive2 ---- */

.inverse-black .table-responsive2 table > thead > tr > th,
.inverse-black .table-responsive2 table > tbody > tr > th,
.inverse-black .table-responsive2 table > tfoot > tr > th {
  border-bottom: 1px solid #fff !important;
}

/*  Search Form
-------------------------- */

.inverse-black .search-style2 .search-input {
  border-color: #fff;
}

/* -- Search Style2 -- */

.inverse-black .search-style2 .search-input {
  border-color: #fff;
}



}

/* 202203 */
.inverse-black .tag {
  color: #000;
}

.inverse-black .c-button {
  background: #000;
  border-color: #fff;
}

.inverse-black .tab-select span {
  background-color: #000;
}

.inverse-black .tab-select span:before {
  border-color: #fff transparent transparent transparent;
}

.inverse-black .tab-select li:hover span,
.inverse-black .tab-select li:focus span,
.inverse-black .tab-select .current span {
  background-color: #fff;
  color: #000;
}

.inverse-black #container .ttl-style9 {
  border-color: #fff;
}

.inverse-black #container .ttl-style9 a {
  background: #000;
}

.inverse-black #pagetop a:after {
  border-bottom-color: #000;
}

@media screen and (max-width: 768px) {
  .inverse-black .l-footer__map {
    background: url(/share/imgs/img_footer_map_black.png) no-repeat 95% center;
    background-size: 100% auto;
  }
  .inverse-black .l-footer__map img {
    visibility: hidden;
  }
}

@media (min-width: 769px) {
  .inverse-black #logo a {
    width: 210px;
    height: 60px;
    background-size: cover;
  }
  .inverse-black #usernav .link-list.link-side li {
    margin-top: 0;
  }
  .inverse-black #usernav .link-list.link-side li + li {
    margin-top: 6px;
  }
  .inverse-black #usernav .link-list.link-side .btn {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
  }
  .inverse-black #gnav .menu-list.inner {
    background: #000;
  }
  .inverse-black #gnav li:last-child::after {
    background: #fff;
  }
  .inverse-black .c-button:hover {
    opacity: 0.8;
    background: #000;
  }
  .inverse-black #menu-search .search-inner {
    bottom: -89px;
  }
  .inverse-black #menu-search .c-search__btn {
    background-image: url(/share/imgs/icon_search_black.svg);
  }
  .inverse-black #menu-search._show .c-search__btn {
    background-image: url(/share/imgs/icon_close_black.svg);
  }
  .inverse-black #footer .inner {
    background-image: url(/share/imgs/footer-bg-map-black.png);
  }
  .inverse-black #pagetop a:hover {
    background: #666;
  }
  .inverse-black #pagetop a:hover:after {
    border-bottom-color: #666;
  }
}

/* ------ Fontsize ------ */

.inverse-black #usernav #fontsize a:before {
  border-color: #fff;
}

.inverse-black #usernav #fontsize .cont-inner ul {
  background: #000;
}

.inverse-black #usernav #fontsize .btn {
  background: none;
  border-color: #fff;
  color: #fff;
}

.inverse-black #usernav #fontsize .btn:hover,
.inverse-black #usernav #fontsize .btn:focus {
  opacity: .8;
}