@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;
  color: #fff;
}


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

.inverse-black #headerTop {
  border-bottom: 2px solid #fff;
  background: #000;
}

.inverse-black #headerTop::before {
  display: none;
}

/* ------ ブロックスキップ ------ */

/* 通常時 */
.inverse-black #header #blockskip a {
  color: transparent;
  color: #000\9;/* IE8用 */
}

/* フォーカス時 */
.inverse-black #header #blockskip .focus {
  color: #fff;
}

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

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

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

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

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

.inverse-black #headerMdl {
  border-bottom: 2px solid #fff;
}

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

.inverse-black #headerBtm {
  border-bottom: 2px solid #fff;
  background: none;
}

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

.inverse-black #header .boxGlobalNav .boxMenu > ul > li::before,
.inverse-black #header .boxGlobalNav .boxMenu > ul > li:first-child + li::after {
  border-left: 1px solid #fff;
  background: #fff;
}

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


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

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


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

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

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

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

.inverse-black #footerTop {
  border-top: 2px solid #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: 2px 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 .btnLinkTxt .icnArw > *::before {
  border-left-color: #fff !important;
}


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

.inverse-black .btnLink > *,
.inverse-black .btnLink.btnBlue > *,
.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 > * {
  box-shadow: none;
  color: #fff !important;
}

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

.inverse-black #header .btnLink.btnWhite.on > *,
.inverse-black #header .btnLink.btnWhite .textresizer-active,
.inverse-black #header .btnLink > *:hover,
.inverse-black #header .btnLink > *:focus,
.inverse-black #header .btnLink.btnWhite > *:hover,
.inverse-black #header .btnLink.btnWhite > *:focus {
  background-color: #000;
}

/* ボタン・送信 */
.inverse-black .btnSubmit > * span::before {
  border-left-color: #fff;
}

.inverse-black .btnSend > * {
  border-color: #fff;
}


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

.inverse-black .boxBreadcrumb {

}

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


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

.inverse-black .boxEntryBody {
}

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

.inverse-black .boxEntryBody h1 {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left-color: #fff;
  background: none;
}

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

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

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

.inverse-black .boxEntryBody h3 {
  border: 1px solid #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 .boxPageNav {
}

.inverse-black .boxPageNav li a::before {
  border-top-color: #fff;
}


/*  インフォリスト
-------------------------- */

.inverse-black .boxInfoList {
}

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





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

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

　　ロケーションガイド スマホ画面 共通設定：白黒設定

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


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

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

/* ---- 言語切替 ---- */

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

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

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

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

.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 {
  padding: 14px 0;
  border: 1px solid #fff;
  background: #000;
}


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

　　ロケーションガイド スマホ画面 共通モジュール設定：白黒設定

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


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

.inverse-black #content {
}

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

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


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

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

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

.inverse-black .boxEntryBody table th {
  border: 1px solid #fff;
}


}