@charset "utf-8";

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

　　共通設定：白黒設定

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

/*  全体　基本設定
---------------------------------------------*/

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

/* 　コンテナー　設定
---------------------------------------------*/

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

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


/*  ヘッダー 設定
---------------------------------------------*/

.inverse-black #header {
  background: none;
}

/* -------- ヘッダー上部 -------- */

/* ------ サイトロゴ ------ */

.inverse-black #header .boxSiteLogo h1 {
  background-color: #fff;
}

/* ------ サイトリンク ------ */

.inverse-black #header .boxSiteLink a {
  border: 1px solid #fff;
  background: none;
}

/* ------ ユーザーナビ ------ */

.inverse-black #header .boxUserNav .boxSearch {
  border: 1px solid #fff;
  background: none;
  color: #fff;
}

.inverse-black .boxSearch .txtSearch {
  border: 1px solid #fff;
  background: none;
  color: #fff;
}

.inverse-black .boxSearch .btnSearch {
  border: 1px solid #fff;
  box-shadow: none;
  background: #000 !important;
  color: #fff !important;
  text-shadow: none;
}

.inverse-black .boxSearch .btnSearch:hover,
.inverse-black .boxSearch .btnSearch:focus {
  background: #000 !important;
}

/* -------- ヘッダー中部 -------- */

/* ------ インフォメーション ------ */

/* ---- 緊急情報 ---- */

.inverse-black #header .boxInfoArea .boxUrgentInfo {
  border: 1px solid #fff;
  background: none;
  padding: 0;
}

.inverse-black #header .boxInfoArea .boxUrgentInfo > dl > dt {
  background: none;
  color: #fff;
}

.inverse-black #header .boxInfoArea .boxUrgentInfo > dl > dd {
  border-left: 1px solid #fff;
  background: none;
}

.inverse-black .boxUrgentInfoCont strong {
  color: #fff;
}

/* ---- ボタンエリア ---- */

/* -- 防災 -- */

.inverse-black #header .boxInfoArea .btnBousai a {
  border: 1px solid #fff;
  background: none;
  box-shadow: none;
  color: #fff;
}

.inverse-black #header .boxInfoArea .btnBousai a:hover,
.inverse-black #header .boxInfoArea .btnBousai a:focus {
  background: none;
}

/* -------- ヘッダー下部 -------- */

/* ------ グローバルナビ ------ */

.inverse-black #header .boxGlobalNav .boxMenu > ul > li {
  border: 1px solid #fff;
  background: none !important;
}

.inverse-black #header .boxGlobalNav .boxMenu > ul > li > a {
  border: none;
  background: #000 !important;
  color: #fff;
  text-shadow: none;
}

.inverse-black #header .boxGlobalNav .boxMenu > ul > li:hover,
.inverse-black #header .boxGlobalNav .boxMenu > ul > li.focused {
  background-color: #000\9;
  color: #fff;
}

.inverse-black #header .boxGlobalNav .boxMenu > ul > li:hover::before,
.inverse-black #header .boxGlobalNav .boxMenu > ul > li.focused::before {
  background: #000;
}


/* ---- サブメニュー ---- */

.inverse-black #header .boxGlobalNav .boxSubMenu {
}

/* ---- サブメニューフレーム ---- */

.inverse-black #header .boxGlobalNav .boxSubMenuFrameWrap::before {
  top: -15px;
  background-image: url(/share/imgs/main-header-gnav-bg-submenu-arw-black.png);
}

.inverse-black #header .boxGlobalNav .boxSubMenuFrame {
  border: 1px solid #fff;
  box-shadow: none;
  background: #000 !important;
  background: #000\9 !important; /* IE8用 */
}

/* IE9用 */
body:not(:target) .inverse-black #header .boxGlobalNav .boxSubMenuFrame {
  background: #000;
}

/* -- サブメニュー一覧 -- */

.inverse-black #header .boxGlobalNav .boxSubMenu ul > li > a {
  border: 1px solid #fff;
  box-shadow: none;
  background: none;
  color: #fff;
}

.inverse-black #header .boxGlobalNav .boxSubMenu ul > li > a:hover,
.inverse-black #header .boxGlobalNav .boxSubMenu ul > li > a:focus {
  background-color: #none;
}

/* -- 一覧を見る -- */

.inverse-black #header .boxGlobalNav .boxSubMenu .txtMoreLink a {
  color: #fff;
}


/*  コンテンツ 設定
---------------------------------------------*/

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


/*  Content Top
-----------------------------------*/

.inverse-black #contentTop {
}

/*  Content Main
-----------------------------------*/

.inverse-black #contentMain {
}

/*  2カラム 設定
-----------------------------------*/

/* ---- 2カラム・メインエリア ---- */

.inverse-black #main {
}

/* ---- 2カラム・サイドエリア ---- */

.inverse-black #side {
}


/*  フッター 設定
---------------------------------------------*/

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

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

/* -------- フッター上部 -------- */

.inverse-black #footerTop {
  border-top-color: #fff;
  background: none;
}

.inverse-black #footer .boxDisplaySwitchi .btnPC a {
  box-shadow: none;
}

.inverse-black #footer .boxBtnLink li a {
  box-shadow: none;
}

/* -------- フッター中部 -------- */

.inverse-black #footerMdl {
  border-top: 3px solid #fff;
  background: none;
}

.inverse-black #footer .boxBnrArea li a {
  box-shadow: none;
}

/* -------- フッター下部 -------- */

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

/* ---- コピーライト ----- */

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


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

　　共通モジュール設定：白黒設定

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


/*  コンテンツ　設定
---------------------------------------------*/


/*  アイコン　設定
-------------------------- */
    
/* -- 矢印アイコン -- */

/* 矢印 */
.inverse-black .icnArw a::before,
.inverse-black .btnAcc.icnArw span::before,
.inverse-black .ttlMain.icnArw span::before,
.inverse-black .icnArw .active > *::before {
  border-left-color: #fff !important;
}


/*  ボタン
-------------------------- */

.inverse-black .btnLink > *,
.inverse-black .btnLink.btnBlue > *,
.inverse-black .btnLink.btnLightBlue > *,
.inverse-black .btnLink.btnGrey > *,
.inverse-black .btnLink.btnWhite.on > *,
.inverse-black .btnLink.btnWhite .textresizer-active {
  border: 1px solid #fff;
  box-shadow: none;
  background: #000;
  color: #fff;
  text-shadow: none;
}

.inverse-black .btnLink.btnBlue > *,
.inverse-black .btnLink.btnLightBlue > * {
  box-shadow: none;
  color: #fff !important;
}

.inverse-black .btnLink > *:hover,
.inverse-black .btnLink.btnBlue > *:hover,
.inverse-black .btnLink.btnLightBlue > *:hover {
  box-shadow: none;
  border-color: #fff;
  background: #000;
  color: #fff;
}

/* 角丸ボタン矢印設定・戻るボタン＆PREVボタン */
.inverse-black .btnLink.btnBack.icnArw > *::before,
.inverse-black .btnLink.btnPrev.icnArw > *::before {
  border-right-color: #fff;
  border-left-color: transparent !important; 
}

/* 角丸ボタン・PREVボタン＆Nextボタン */
.inverse-black .btnLink.btnPrev.icnArw > *,
.inverse-black .btnLink.btnNext.icnArw > * {
  box-shadow: none;
}


/*  テーブル
-------------------------- */

.inverse-black .boxTable th {
  background: none;
}


/*  パンくず
-------------------------- */

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

/*  タイトル
-------------------------- */

.inverse-black .boxCategoryTitle,
.inverse-black #main .boxCategoryTitle,
.inverse-black .boxSubCategoryTitle,
.inverse-black .ttlSection {
  border: 1px solid #fff;
  background: none;
}

/*  新着情報
-------------------------- */

.inverse-black .boxInfoSection .boxSectionHead {
  border-color: #fff;
}

/*  ページ一覧
-------------------------- */

/* -- ページ一覧タイトル -- */

.inverse-black .boxPageList .ttlMain {
  border: 1px solid #fff;
  background: none;
}

.inverse-black .boxPageList .ttlMain a:hover,
.inverse-black .boxPageList .ttlMain a:focus {
  background: none;
}

/* -- リストリンク -- */

.inverse-black .boxPageList .boxLineList > ul > li:nth-child(even) {
  background: none;
}

/*  下線付きリスト
-------------------------- */

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

.inverse-black .boxLineList > ul > li > a:hover,
.inverse-black .boxLineList > ul > li > a:focus,
.inverse-black .boxLineList > ul > li.active > * {
  background: none;
}


/*  キーワード検索
-------------------------- */

.inverse-black .boxSearchSection .boxSearch {
  border-color: #fff;
  background: none;
}

/* -- 入力フォーム -- */
.inverse-black .boxSearchSection .boxSearch .txtSearch {
}


/*  タブ切り替え
-------------------------- */

/* ---- Tabボタン ---- */

.inverse-black .boxTabChange .boxBtnArea li {
  border-color: #fff;
  background: #fff;
  color: #000;
  text-shadow: none;
}

.inverse-black .boxTabChange .boxBtnArea li.selected,
.inverse-black .boxTabChange .boxBtnArea li:hover {
  border-bottom-color: #000;
  background: #000;
  color: #fff;
}

/* ---- Tab Content Wrap ---- */

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


/*  アコーディオンリスト
-------------------------- */

.inverse-black .boxAccList {
}

/* ---- アコーディオン・ヘッダー ---- */

.inverse-black .boxAccList.boxAccBlue .a11yAccordionItemHeader,
.inverse-black .boxAccList.boxAccOrange .a11yAccordionItemHeader {
  border: 1px solid #fff;
  background: none !important;
}

/* ---- アコーディオン・内容（非表示箇所） ---- */

.inverse-black .boxAccList .a11yAccordionHideArea {
  border-bottom-color: #fff;
  background: none;
}

.inverse-black .boxAccList.boxAccBlue .a11yAccordionHideArea {
  border-bottom-color: #fff;
}

/* -- サブタイトル -- */

.inverse-black .boxAccList .a11yAccordionHideArea .ttlSub {
  background: none;
}


/*  ページ詳細
-------------------------- */

.inverse-black .boxEntryBody {
}


/* ---- H1タイトル ---- */

.inverse-black .boxEntryBody h1 {
  border-top-color: #fff;
  border-bottom-color: #fff;
}

.inverse-black .boxEntryBody h1::before,
.inverse-black .boxEntryBody h1::after {
  display: none;
}

/* ---- H2タイトル ---- */

.inverse-black .boxEntryBody h2 {
  border-bottom-color: #fff;
  background: none;
}

/* ---- H3タイトル ---- */

.inverse-black .boxEntryBody h3 {
  border-color: #fff;
  background: none;
}

/* ---- H4タイトル ---- */

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


/* ---- テーブル ---- */

.inverse-black .boxEntryBody table {
  background: #fff;
}

.inverse-black .boxEntryBody table tr {
  border-top-color: #fff;
}

.inverse-black .boxEntryBody table th,
.inverse-black .boxEntryBody table td {
  background: #000;
}

.inverse-black .boxEntryBody table th {
  border-top-color: #ccc;
  border-bottom-color: #ccc;
  background: #000;
}


/* ---- この記事についてのお問い合わせ ---- */

.inverse-black .boxEntryBody .boxContactArea {
  border-color: #fff;
  background: none;
}

.inverse-black .boxEntryBody .boxContactArea h3 {
  border: 1px solid #fff;
  background: none;
}

/* ---- アンケートにご協力ください ---- */

.inverse-black .boxEntryBody .boxQuestionArea {
  border-color: #fff;
}

.inverse-black .boxEntryBody .boxQuestionArea h3 {
  border-bottom: 1px solid #fff;
}

.inverse-black .boxEntryBody .boxQuestionArea .boxQuestionForm .boxInput {
  background: none;
}

/* ---- インフォ詳細 ---- */

.inverse-black .boxInfoDetail dt {
  border-left-color: #fff;
  border-bottom-color: #fff;
}

/*  サイド 設定
-----------------------------------*/

/*  メニューパターン02
-------------------------- */

.inverse-black .boxSideMenuPtn02 .a11yAccordionItemHeader {
  border: 1px solid #fff;
  background: none;
  text-shadow: none;
}

.inverse-black .boxSideMenuPtn02 .a11yAccordionSearchDiv + li .a11yAccordionItemHeader,
.inverse-black .boxSideMenuPtn02 li:first-child .a11yAccordionItemHeader {
  border-top: 1px solid #fff;
}

.inverse-black .boxSideMenuPtn02 .a11yAccordionHideArea {
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  background: none;
}

.inverse-black .boxSideMenuPtn02 .a11yAccordionHideArea a::before {
  background: #fff;
}

.inverse-black .boxSideMenuPtn02 .a11yAccordionHideArea a::after {
  color: #fff;
}


/*  広告欄
-------------------------- */

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

.inverse-black .boxSideBnrArea dd a {
  box-shadow: none;
}


/*  ボタンリンク
-------------------------- */

.inverse-black .boxSideBtnLink {
}


/*  リンクリスト
-------------------------- */

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

.inverse-black .boxSideLinkList dt {
  border-top-color: #fff;
  border-bottom-color: #fff;
  background: none;
}

.inverse-black .boxSideLinkList .boxLineList .txtNum {
  color: #fff;
}


/*  バナーリスト
-------------------------- */

.inverse-black .boxSideBnrList {
}




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

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

　　スマホ画面 共通設定：白黒設定

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


/*  ヘッダー 設定
---------------------------------------------*/

/* -------- ヘッダー中部 -------- */

/* ------ インフォメーション ------ */

/* ---- 緊急情報 ---- */

.inverse-black #header .boxInfoArea .boxUrgentInfo > dl > dt {
  border-bottom: 1px solid #fff;
}

/* -- お問い合わせ -- */

.inverse-black #header .boxInfoArea .btnContactBnr {
  border-top-color: #fff;
}

.inverse-black #header .boxInfoArea .btnContactBnr a {
  color: #fff;
}

/* -------- ヘッダー下部 -------- */

/* ------ グローバルナビ ------ */

/* ---- メニュー開閉 ---- */

.inverse-black #header .boxGlobalNav .btnMenuOpen {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background: none;
}

/* ---- メニューリスト ---- */

.inverse-black #header .boxGlobalNav .boxMenu > ul {
  border: 1px solid #fff;
}

.inverse-black #header .boxGlobalNav .boxMenu > ul > li {
  background: none !important;
}

.inverse-black #header .boxGlobalNav .boxMenu > ul > li > a {
  border-color: #fff;
  background: none;
}


/*  フッター 設定
---------------------------------------------*/

/* -------- フッター上部 -------- */

.inverse-black #footerTop {
  border-top: none;
}

/* ---- 表示切替 ----- */

.inverse-black #footer .boxDisplaySwitchi {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background: none;
}

.inverse-black #footer .boxDisplaySwitchi .btnSP a {
  padding: 8px 0;
  border: 1px solid #fff;
  background: #000;
}

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

　　スマホ画面 共通モジュール設定：白黒設定

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


/*  コンテンツ　設定
---------------------------------------------*/

.inverse-black #content {
}

/*  新着情報
-------------------------- */

.inverse-black .boxInfoSection .boxSectionHead h2 {
  border-top-color: #fff;
  border-bottom-color: #fff;
}


/*  タブ切り替え
-------------------------- */

.inverse-black .boxTabChange .boxBtnArea dt {
  border-top-color: #fff;
  border-bottom-color: #fff;
  background: none;
  text-shadow: none;
}


/* ---- Tabボタン ---- */

.inverse-black .boxTabChange .boxBtnArea li {
  border-color: #000;
  background: #fff;
  color: #000;
  text-shadow: none;
}

.inverse-black .boxTabChange .boxBtnArea li.selected,
.inverse-black .boxTabChange .boxBtnArea li:hover {
  border-bottom-color: #fff;
  background: #000;
  color: #fff;
}


/*  アコーディオン・メニュー
-------------------------- */

.inverse-black .boxAcc .btnAccWhite {
  border: 1px solid #fff;
  background: none;
}



}