@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 #container {
  background: #000;
  color: #fff;
}

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


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

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

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

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

.inverse-black #header #sitelogo {
  width: 240px;
  padding-top: 12px;
}

.inverse-black #header #sitelogo h1 a {
  display: block;
  padding: 10px;
  background: #fff;
}

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

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

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

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

/* -- リンク -- */

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

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

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

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

.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;
  border-color: #fff;
  font-weight: bold;
  font-weight: normal\9; /* IE8用 */
}

/* ---- 文字サイズ ---- */

.inverse-black #header #fontsize .on a {
  border-color: #fff;
  background-color: #000;
  color: #fff;
  font-weight: bold;
  font-weight: normal\9; /* IE8用 */
}

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

.inverse-black #header #inverse {
  padding-right: 10px;
}

.inverse-black #header #inverse li {
  padding-left: 2px;
  font-size: 0.95em;
}

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

.inverse-black #header #inverse #inverse-btn-default a {
  border-color: #fff;
  background-color: #000;
  color: #fff;
  font-weight: bold;
  font-weight: normal\9; /* IE8用 */
}


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

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

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

/* -- タイトル＆内容 -- */

.inverse-black #header .boxInfoArea > dl > dt,
.inverse-black #header .boxInfoArea > dl > dd {
  background-color: #000;
  color: #fff;
}

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

.inverse-black #header .boxInfoArea > dl > dt {
  border-right: 5px solid #fff;
}


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

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

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

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

/* -- リスト（ホバー・フォーカス時） -- */

.inverse-black #header #globalnav .boxMenuList > ul > li:hover,
.inverse-black #header #globalnav .boxMenuList > ul > li.focused {
  background-color: #000\9; /* IE8用 */
  background: none;
  color: #fff;
}

/* -- リンクのサイドライン -- */

.inverse-black #header #globalnav .boxMenuList > ul > li > a:before,
.inverse-black #header #globalnav .boxMenuList > ul > li:last-child > a:after {
  background-color: #fff !important;
}

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

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

/* ---- サブメニューフレーム・ラップ ---- */

/* -- 吹き出し装飾・三角箇所 -- */

.inverse-black #header #globalnav .boxSubMenuFrameWrap:before {
  border-bottom-color: #fff;
}

.inverse-black #header #globalnav .boxSubMenuFrameWrap:after {
  border-bottom-color: #000;
}

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

.inverse-black #header #globalnav .boxSubMenuFrame {
  border-color: #fff;
  box-shadow: none;
  background: #000 !important;
}

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

/* -- リンク -- */

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

/* -- リンク（ホバー・フォーカス時）-- */

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


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

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


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

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


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

.inverse-black #footer {
}

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

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

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

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

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

/* ---- サイトナビ ---- */

.inverse-black #footer .boxSiteNav {
}

/* 区切り線 */
.inverse-black #footer .boxSiteNav li:before {
  border-color: #fff;
}

/* ---- モバイルサイト ---- */

.inverse-black #footer .boxMobileSite {
}

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

.inverse-black #footer .boxMobileSite dt {
  border: 1px solid #fff;
  background-color: #000;
}

/* -- 吹き出し装飾・三角箇所 -- */

.inverse-black #footer .boxMobileSite dt:before {
  border-top-color: #000;
}

.inverse-black #footer .boxMobileSite dt:after {
  display: block;
}

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

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

/* -- リンク -- */

.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 .btnAcc.icnArw span: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 .bnrArwLink a {
  border-color: #fff;
  color: #fff;
}

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

.inverse-black .bnrArwLink a:after {
  border-left-color: #000;
}

/* -- アイコンバナー -- */

.inverse-black .bnrIcnLink a {
  border: 1px solid #fff;
  background: none !important;
  color: #fff;
  text-shadow: none !important;
}


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

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

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


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

.inverse-black .boxBreadcrumb {
}


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

.inverse-black .boxPageNav {
}

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

.inverse-black .boxPager {
}

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


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

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

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

.inverse-black .boxCategoryTitle {
  border-top-width: 4px;
}

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

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

.inverse-black .boxSubCategoryTitle {
  border-left-width: 7px;
}

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

/* -- セクションタイトル -- */

.inverse-black .ttlSection {
  border-top-width: 3px;
}

/* -- セクションタイトル02 -- */

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



/*  アコーディオンエリア
-------------------------- */

.inverse-black .boxAccList {
}

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

.inverse-black .boxAcc .boxAccHead {
}

/* -- 開閉リンク -- */

.inverse-black .boxAcc .boxAccHeadLinkShowLabel,
.inverse-black .boxAcc .boxAccHeadLinkHideLabel {
  background-color: #fff;
}

/* -- 開閉リンク装飾・矢印 -- */

.inverse-black .boxAcc .boxAccHeadLinkShowLabel:before {
  border-top-color: #000;
}

.inverse-black .boxAcc .boxAccHeadLinkShowLabel:after {
  border-top-color: #fff;
}

.inverse-black .boxAcc .boxAccHeadLinkHideLabel:before {
  border-bottom-color: #000;
}

.inverse-black .boxAcc .boxAccHeadLinkHideLabel:after {
  border-bottom-color: #fff;
}

/* ---- アコーディオン・内容 ---- */

.inverse-black .boxAcc .boxAccCont {
  border-bottom-color: #fff;
  background: none;
}


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

/* ---- 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 .boxAsideArea {
  border-color: #fff;
  background: none;
}


/*  検索
-------------------------- */

/* ------ 検索ボックス ------ */

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

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

/* ---- キーワード入力 ---- */

.inverse-black .boxSearch .boxKeywordSearch .boxKeywordSearchInput dt span:before {
  border-left-color: #fff;
}

/* ---- 入力エリア ---- */

/* -- 入力欄 -- */

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

/* -- ボタン -- */

.inverse-black .boxSearchForm .btnSearch {
  padding-left: 10px;
}

.inverse-black .boxSearchForm .btnSearch button {
  border: 1px solid #fff;
  background: none;
}

/* ------ カテゴリー検索 ------ */

.inverse-black .boxSearch .boxCategorySearch {
  border-top: 2px dotted #ccc;
  background: none;
}

.inverse-black .boxSearch .boxCategorySearch li a {
  border: 1px solid #fff;
  background: none;
  text-shadow: none;
}


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

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


/*  フレームエリア
-------------------------- */

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

/* ---- リンク一覧 ---- */

/* -- 日付 -- */

.inverse-black .boxSection.frame .boxLinkList li .txtDate {
  color: #fff;
}


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

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

.inverse-black .boxPageLink .ttlMain {
  border: 1px solid #fff;
  border-top-width: 3px;
  background: none;
}

/*  カレンダー
-------------------------- */

/* -- タグ -- */

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

/* -- 注意文 -- */

.inverse-black .txtNote {
  border: 1px dotted #fff;
  background: none;
  color: #fff;
}

/* -- カレンダータイトル -- */

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

/* -- 絞り込み -- */

.inverse-black .boxCalendar .boxSort {
  border: 1px solid #fff;
  border-top: none;
  background: none;
}

.inverse-black .boxCalendar .boxSort dt span:before {
  border-left-color: #fff;
}


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

.inverse-black .boxEntryBody {
}

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

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

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

.inverse-black .boxEntryBody h2 {
  border-color: #fff;
  border-bottom: 1px solid #ccc;
  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 {
  border-color: #fff;
}

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

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

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

/* ---- インフォ ---- */

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



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


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

.inverse-black .boxSideBtnLink {
}


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

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

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

.inverse-black .boxSideLinkList dt {
  border-bottom: 2px solid #fff;
  background: none !important;
}


/*  サイドカレンダー
-------------------------- */

.inverse-black .boxSideCalendar {
}

/* ---- カレンダー上部 ---- */

.inverse-black .boxSideCalendar .boxSideCalendarHead {
}

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

.inverse-black .boxSideCalendar .boxSideCalendarHead h2 {
  border: 1px solid #fff;
  background-color: #000;
}

/* ---- カレンダー内容 ---- */

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

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

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

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




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

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

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

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


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

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

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

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

.inverse-black #header #lang {
  border-radius: 0px !important;
  border: none;
  border-bottom: 2px solid #fff !important;
  background: none;
}

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

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

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

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

.inverse-black #header .boxInfoArea > dl > dt {
  border-right: none;
  border-bottom: 5px solid #fff;
}

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

.inverse-black #headerBtm {
  border: none;
}

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

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

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

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

.inverse-black #header #globalnav .boxMenuList > ul {
  border-top: 1px solid #fff;
  border-bottom: 2px solid #fff;
}

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

.inverse-black #header #globalnav .boxMenuList > ul > li:before,
.inverse-black #header #globalnav .boxMenuList > ul > li:last-child:after {
  display: none;
}

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


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

.inverse-black #content {
}

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

.inverse-black #contentTop {
  border-bottom: none;
}


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

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

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

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

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



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

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

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


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


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

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

.inverse-black .boxCategoryTitle,
.inverse-black .ttlSection {
  border-left: none;
}

/*  スマホ用アコーディオンエリア
-------------------------- */

/* -- アコーディオン・通常：最初に閉じた状態 -- */

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

/* -- アコーディオンボタン -- */

.inverse-black .boxAccSP .boxAccHead {
  background: none;
  border-bottom-color: #fff;
}

/* 開くボタン */
.inverse-black .boxAccSP .boxAccHead:before {
  background-image: url(/share/imgs/main-content-bg-acc-white-open.png),url(/share/imgs/main-content-bg-acc-white-close.png);
}

/* 閉じるボタン */
.inverse-black .boxAccSP .boxAccHead.active:before {
  background-image: url(/share/imgs/main-content-bg-acc-white-close.png),url(/share/imgs/main-content-bg-acc-white-open.png);
}

/* -- アコーディオン内容インナー -- */

.inverse-black .boxAccSP .boxAccCont .boxAccContInner {
  padding-top: 15px;
  border-top: 1px solid #fff;
}

/* ---- アコーディオン・カラー設定 ---- */

/* -- 白色 -- */

.inverse-black .boxAccSP.boxClrWhite {
  border-top-color: #000;
  border-bottom-color: #000;
}

.inverse-black .boxAccSP.boxClrWhite .boxAccHead,
.inverse-black .boxAccSP.boxClrWhite .boxAccHead.icnAccWhite {
  background: none;
}

/* ---- アコーディオン・アイコン設定 ---- */

/* -- アイコン・矢印 -- */

.inverse-black .boxAccSP .boxAccHead.icnAccArw:before {
  background-image: url(/share/imgs/main-content-bg-acc-arw-white-open.png),url(/share/imgs/main-content-bg-acc-arw-white-close.png);
}

.inverse-black .boxAccSP .boxAccHead.icnAccArw.active:before {
  background-image: url(/share/imgs/main-content-bg-acc-arw-white-close.png),url(/share/imgs/main-content-bg-acc-arw-white-open.png);
}


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

.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 #contentTop .boxSearchForm {
  border-bottom: 1px solid #fff;
  background: none;
}


/*  フレームエリア
-------------------------- */

.inverse-black .boxSection.frame {
}


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

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

.inverse-black .boxPageLink .ttlMain {
  border-right: none;
  border-left: none;
}


/*  カレンダー
-------------------------- */

/* -- カレンダータイトル -- */

.inverse-black .boxCalendar h2 {
  border-right: none;
  border-left: none;
}

/* -- 絞り込み -- */

.inverse-black .boxCalendar .boxSort {
  border-right: none;
  border-left: none;
}

.inverse-black .boxCalendar .boxSort dt span:before {
  border-top-color: #fff;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}



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

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

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

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


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

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

.inverse-black .boxSideLinkList {
}

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

.inverse-black .boxSideLinkList dt {
  border-bottom: none;
}



}