@charset "utf-8";

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

　　共通設定：白黒設定

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


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

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

/*  フォーム 基本設定
-------------------------- */

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

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

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

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


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

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

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


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

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

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

.inverse-black #header #sitelogo a {
  padding: 2px 3px 2px 2px;
  background: #fff;
}

/* ---- ボタン共通設定 ---- */

.inverse-black #header #fontsize li a,
.inverse-black #header #inverse li a,
.inverse-black #header #voice a,
.inverse-black #header #kana a,
.inverse-black #header #fontsize #fontsize-normal.on + #fontsize-enlarge.on a {
  background-color: #000 !important;
  border-color: #fff !important;
  color: #fff !important;
  font-weight: bold;
  font-weight: normal\9; /* IE8用 */
}

/* ---- 配色 ---- */

/* -- 標準ボタン -- */

.inverse-black #header #inverse #inverse-btn-default a {
  font-weight: bold;
}

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

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

.inverse-black #header #lang a {
  background: none !important;
}



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

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

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

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

/* ------ メインロゴ ------ */

.inverse-black #mainlogo {
}

.inverse-black #mainlogo h1 {
  color: #fff;
}


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

.inverse-black #contentMain { 
}


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

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

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

.inverse-black #footerTop,
.inverse-black #footerBtm {
  background: none;
}

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

/* -- リンク -- */

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

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

.inverse-black #footerTop {
  border-top: 1px solid #fff;
}

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

.inverse-black #footer .boxAddress .imgFooterMainLogo,
.inverse-black #footer .imgFooterSiteLogo a {
  background: #fff;
}

.inverse-black #footer .imgFooterSiteLogo a {
  padding: 2px 3px 2px 2px;
}

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

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

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

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

/* ---- ページトップ ---- */

.inverse-black #footer #pagetop {
}

/* -- リンク -- */

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




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

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

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


/*  全体・コンテナー 設定
---------------------------------------------*/

/*  フォーム 設定
-------------------------- */

@media (min-width: 1px) { /* IE8以下除外 */
  .inverse-black .boxInput input[type=radio]:checked + label:before {
    border-color: #fff;
    border-width: 3px;
    background: #000;
  }
}

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

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



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


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

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

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

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

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

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


/*  バナー
-------------------------- */


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

.inverse-black .boxTable,
.inverse-black .boxTable th {
  border-color: #fff;
}

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


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

.inverse-black .boxBreadcrumb {
  border-bottom: 1px dotted #ddd;
  background: none;
}


/*  ページナビ
-------------------------- */

.inverse-black .boxPageNav {
}

/* ---- ページャー ---- */

.inverse-black .boxPager {
}

.inverse-black .boxPager .txtCurrent {
  color: #fff;
}


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

.inverse-black .boxCategoryTitle,
.inverse-black .boxSubCategoryTitle,
.inverse-black .ttlSection {
  background: none;
}

/* -- カテゴリータイトル -- */

.inverse-black .boxCategoryTitle,
.inverse-black .boxCategoryTitle:before {
  border-top-color: #fff;
  border-bottom-color: #fff;
}

.inverse-black .boxCategoryTitle h1 {
  background: none;
}


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

/* -- リスト -- */

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


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

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

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


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

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

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

.inverse-black .boxEntryBody .boxEntryHead,
.inverse-black .boxEntryBody .boxEntryHead:before {
  border-top-color: #fff;
  border-bottom-color: #fff;
}

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

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

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

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

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

.inverse-black .boxEntryBody h3:before,
.inverse-black .ttlSection03:before {
  border-color: #fff;
}

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

.inverse-black .boxEntryBody h4 {
  background: none;
}

.inverse-black .boxEntryBody h4 span {
  background: none;
}

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

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

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

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

.inverse-black #side {
}

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

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

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

.inverse-black .boxSideLinkList dt {
  border-top: 3px solid #fff;
  border-bottom: 1px solid #fff;
  background: none;
}




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

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

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

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


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

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

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

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

.inverse-black #header #sitelogo {
  width: auto;
  background-color: #000;
}

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

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

.inverse-black #header #lang {
  border-top: none;
  border-right: none;
  border-left: none;
  background: #000;
}

.inverse-black #header #lang li a {
  border: 1px solid #fff;
}


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

.inverse-black #content {
}

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

.inverse-black #contentTop {
}

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

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


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

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

.inverse-black #footer #displayswitch a {
  border-top: none;
  border-bottom: none;
}

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

.inverse-black #footerTop {
  border-top-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 .boxEntryBody table {
  border-color: #fff;
  background: none;
}

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




}

.inverse-black .boxPageLink > .boxPageListTitle h2 {
  background: none;
}