@charset "utf-8";


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

　　個別設定：白黒設定

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


/*  TOP : トップページ 設定
--------------------------------------------------------------*/


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


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

.inverse-black .home #contentTop {
}

/* -------- メインビジュアル -------- */

/* ---- JSカスタム・SliderPro ---- */

/* -- スライダー矢印 -- */

.inverse-black #mainvisual .sp-arrow {
  background: #000;
}

.inverse-black #mainvisual .sp-previous-arrow:after {
  border-right-color: #000;
}

.inverse-black #mainvisual .sp-next-arrow:after {
  border-left-color: #000;
}

/* -- スライダーボタン -- */

.inverse-black #mainvisual .sp-selected-button,
.inverse-black #mainvisual .sp-button:hover {
  background-color: #000;
}

/* -------- ガイドナビ -------- */

.inverse-black #guidenav .boxGuideContent {
  background: #000;
}

.inverse-black #guidenav .boxGuideContent h3 {
  background: #fff;
}

.inverse-black #guidenav .boxGuideContent h3:before {
  border-top-color: #fff;
}

.inverse-black #guidenav .boxGuideContent .boxGuideList li a {
  border-color: #fff;
  background-color: #000;
  color: #fff;
}


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

.inverse-black .home #contentMain {
}

/* -------- セクション -------- */

.inverse-black .home #contentMain .boxSection {
  border-top: 1px solid #fff;
}

/* -------- セクション・検索 -------- */

.inverse-black .home #search {
}

/* -------- セクション・新着情報 -------- */

.inverse-black .home #info {
  background: none;
}

/* ------ Tab共通設定 ------ */

.inverse-black .boxTab .boxTabContentWrap {
  border-color: #fff;
  background-color: #000;
}

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

.inverse-black .boxTab .boxTabBtn li span {
  border-color: #000;
  border-bottom-color: #fff;
  background-color: #fff;
  text-shadow: none;
  color: #000;
}

.inverse-black .boxTab .boxTabBtn li.selected span,
.inverse-black .boxTab .boxTabBtn li:hover span {
  border-color: #fff;
  border-bottom-color: #000;
  background-color: #000;
  color: #fff;
}

.inverse-black .boxTab .boxTabBtn li.selected span:before,
.inverse-black .boxTab .boxTabBtn li:hover span:before {
  background: #000;
}

.inverse-black .boxTab .boxTabBtn li span:after {
  background: #fff;
}

/* ------ Tab・新着情報 ------ */

/* ---- 新着情報・下部 ---- */

.inverse-black .boxTab .boxInfoBtm .btnRSS a {
  border-color: #fff;
  background: none;
  color: #fff;
}

/* ------ Tab・ソーシャル ------ */

.inverse-black .home #info #tab-social .boxTabBtn li span:after {
  background: #fff;
}

/* -------- セクション・関連リンク -------- */

.inverse-black .home #related .boxRelated {
  border-color: #fff;
}

/* ---- スライダー ---- */

.inverse-black .home #related .boxRelated .boxRelatedSlider .bx-viewport {
  background: none;
}

/* -- PREV＆NEXTボタン -- */

.inverse-black .home #related .boxRelated .bx-controls-direction .bx-prev,
.inverse-black .home #related .boxRelated .bx-controls-direction .bx-next {
  border: 1px solid #fff;
  background: none;
}

/* ------ オンラインサービス ------ */

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

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


/*  SEARCH : サイト内検索 設定
--------------------------------------------------------------*/

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

/* ------ 検索詳細 ------ */

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

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


/*  CONTACT : お問い合わせ 設定
--------------------------------------------------------------*/

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

/* ---- お問い合わせフォーム ---- */

/* -- 必須 -- */

.inverse-black .boxContact .txtRequired {
  color: #fff;
}

.inverse-black .boxContact .txtRequired_2 {
  color: #fff;
}

/* ---- メッセージ ---- */

/* -- エラーメッセージ -- */

.inverse-black .boxContact .boxContactMessage .txtError {
  color: #fff;
}

/* お問い合わせ枠 */
.inverse-black .boxSection.frame.boxClrRed {
  background: #000;
}




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

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

　　スマホ画面 個別設定：白黒設定

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


/*  TOP : トップページ 設定
--------------------------------------------------------------*/


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


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

/* -------- セクション・関連リンク -------- */

/* ------ オンラインサービス ------ */

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


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

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

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



}