@charset "utf-8";
/***************************************************
information
  filename : app_navi_dez.css;
***************************************************/

/*======== navi_parts.css ========*/
/******************************************* ナビゲーション設定 *******************************************/

/* ** navi_layout01 start ** */
/*** 01: スクロールすると上からメニューが出現するパターン ***/
:root {
  --app-scroll-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-scroll-cr: #fff; /* 背景色 */
  --app-scroll-sd: 0 0 2.0rem #cdcdcd; /* 背景影色 */
}
/* ** navi_layout01 end ** */

/* ** navi_layout02 start ** */
/*** 02: ヘッダーFix(固定)メニュー ***/
:root {
  --app-scroll-ch-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-scroll-ch-cr: #fff; /* 背景色(カラーチェンジ) */
  --app-scroll-ch-sd: 0 0 2.0rem #cdcdcd; /* 背景影色(カラーチェンジ) */
}
/* ** navi_layout02 end ** */

/* ** navi_common start ** */
/********* ドロップダウンナビ *********/
:root {
  --app-dpnav-a-cr: #171717; /* 背景色（aタグ） */
  --app-dpnav-a-txt: #fff; /* テキスト色（aタグ） */
  --app-dpnav-a-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-scrollTools-cr: #000; /* ナビ横スクロール */
}
/* ** navi_common end ** */

/* ** navi_snavi start ** */
/*** サブナビ(ヘッダー) ***/
:root {
/* サブナビ(ヘッダー)基本 */
  --app-snavi-cr: inherit; /* 背景色 */
  --app-snavi-brd: inhelit; /* ボーダー指定 */
  --app-snavi-txt: #000; /* テキスト色 */

/* サブナビ(ヘッダー)aタグ */
  --app-snavi-a-cr: inherit; /* 背景色（aタグ） */
  --app-snavi-a-txt: #000; /* テキスト色（aタグ） */
  --app-snavi-ah-cr: #e60012; /* 背景色（aタグフォーカス） */
  --app-snavi-ah-txt: #000; /* テキスト色（aタグフォーカス） */
}
/* ** navi_snavi end ** */

/* ** navi_gnavi start ** */
/*** グローバルナビ ***/
:root {
/* グローバルナビ基本 */
  --app-gnavi-cr: inherit; /* 背景色 */
  --app-gnavi-txt: #000; /* テキスト色 */
  --app-gnavi-brd: 1px solid #cdcdcd; /* ボーダー指定 */

/* グローバルナビaタグ */
  --app-gnavi-a-cr: inherit; /* 背景色（aタグ） */
  --app-gnavi-a-txt: #000; /* テキスト色（aタグ） */
  --app-gnavi-ah-cr: #e60012; /* 背景色（aタグフォーカス） */
  --app-gnavi-ah-txt: #000; /* テキスト色（aタグフォーカス） */
}
/* ** navi_gnavi end ** */

/* ** navi_gnavis start ** */
/*** グローバルナビ(シンプル) ***/
:root {
/* グローバルナビ(シンプル)基本 */
  --app-gnavis-cr: inherit; /* 背景色 */
  --app-gnavis-txt: #000; /* テキスト色 */

/* グローバルナビ(シンプル)aタグ */
  --app-gnavis-a-cr: inherit; /* 背景色（aタグ） */
  --app-gnavis-a-txt: #000; /* テキスト色（aタグ） */
  --app-gnavis-ah-cr: #e60012; /* 背景色（aタグフォーカス） */
  --app-gnavis-ah-txt: #000; /* テキスト色（aタグフォーカス） */
}
/* ** navi_gnavis end ** */

/* ** navi_fnavi start ** */
/*** 06: フッターナビ ***/
:root {
/* フッターナビ基本 */
  --app-fnavi-cr: inhelit; /* 背景色 */
  --app-fnavi-txt: #fff; /* テキスト色 */

/* フッターナビaタグ */
  --app-fnavi-a-cr: inherit; /* 背景色（aタグ） */
  --app-fnavi-a-txt: #fff; /* テキスト色（aタグ） */
}
/* ** navi_fnavi end ** */

/* ** navi_catenaviSL start ** */
/*** カテゴリナビスライダー ***/
:root {
/* カテゴリナビスライダー基本 */
  --app-catenavSl-cr: #eee; /* 背景色 */
  --app-catenavSl-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-catenavSl-txt: #000; /* テキスト色 */

/* カテゴリナビスライダーaタグ */
  --app-catenavSl-a-cr: #fff; /* 背景色（aタグ） */
  --app-catenavSl-a-txt: #000; /* テキスト色（aタグ） */
  --app-catenavSl-ah-cr: #171717; /* 背景色（aタグフォーカス） */
  --app-catenavSl-ah-txt: #fff; /* テキスト色（aタグフォーカス） */
}
/* ** navi_catenaviSL end ** */

/* ** navi_catenaviY start ** */
/*** カテゴリナビ横 ***/
:root {
/* カテゴリナビ横基本 */
  --app-catenavY-rod: 0.2em; /* 角丸 */
  --app-catenavY-cr: inhelit; /* 背景色 */
  --app-catenavY-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-catenavY-txt: #000; /* テキスト色 */

/* カテゴリナビ横aタグ */
  --app-catenavY-a-cr: #fff; /* 背景色（aタグ） */
  --app-catenavY-a-txt: #000; /* テキスト色（aタグ） */
  --app-catenavY-ah-cr: #171717; /* 背景色（aタグフォーカス） */
  --app-catenavY-ah-txt: #fff; /* テキスト色（aタグフォーカス） */
}
/* ** navi_catenaviY end ** */

/* ** navi_catenavi start ** */
/*** カテゴリナビ縦(アコーディオン無し) ***/
:root {
/* カテゴリナビ縦基本 */
  --app-catenav-rod: 0.2rem; /* 角丸 */
  --app-catenav-cr: inhelit; /* 背景色 */
  --app-catenav-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-catenav-txt: #000; /* テキスト色 */
  --font-catenav: 1.6rem; /* フォントサイズ */

/* カテゴリナビ縦aタグ */
  --app-catenav-a-cr: #fff; /* 背景色（aタグ） */
  --app-catenav-a-txt: #000; /* テキスト色（aタグ） */
  --app-catenav-ah-cr: #171717; /* 背景色（aタグフォーカス） */
  --app-catenav-ah-txt: #fff; /* テキスト色（aタグフォーカス） */
}
/* ** navi_catenavi end ** */

/* ** navi_catenaviT start ** */
/*** カテゴリナビ縦(アコーディオン有) ***/
:root {
/* アコーディオンメニュー基本 */
  --app-widget-cr: inhelit; /* 背景色 */
  --app-widget-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-widget-txt: #000; /* テキスト色 */

/* アコーディオンメニュー所属カテゴリタイトル */
  --app-widget-ti-cr: #000; /* 背景色 */
  --app-widget-ti-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-widget-ti-txt: #fff; /* テキスト色 */

/* アコーディオンメニューaタグ */
  --app-widget-a-cr: #fff; /* 背景色（aタグ） */
  --app-widget-a-txt: #000; /* テキスト色（aタグ） */
  --app-widget-ah-cr: #fff9c7; /* 背景色（aタグフォーカス） */
  --app-widget-ah-txt: #000; /* テキスト色（aタグフォーカス） */

/* アコーディオンメニューボタン */
  --app-widget-ab-brd: none; /* ボーダー指定 */
  --app-widget-ab-cr: #fafafa; /* 背景色 */

/* 背景がダークなパターン */
  --app-widget-w-a-cr: #000; /* 背景色（aタグ） */
  --app-widget-w-a-txt: #fff; /* テキスト色（aタグ） */
  --app-widget-w-ah-cr: #fff9c7; /* 背景色（aタグフォーカス） */
  --app-widget-w-ah-txt: #fff; /* テキスト色（aタグフォーカス） */
  --app-widget-ab-w-brd: none; /* ボーダー指定 */
  --app-widget-ab-w-cr: inhelit; /* 背景色 */
}
/* ** navi_catenaviT end ** */

/* ** navi_drawer start ** */
/*** ドロワメニュー ***/
:root {
/* ドロワメニュー色指定 */
  --sp-slnavi-cs: rgba(255,255,255,0.9); /* スライドメニュー背景白 */
  --sp-slnavi-csb: rgba(33,33,33,0.9); /* スライドメニュー背景黒 */
  --sp-slnavi-cs-bd: #bdbdbd; /* スライドメニュー背景白ボーダー */
  --sp-slnavi-csb-bd: #535353; /* スライドメニュー背景黒ボーダー */

/* ドロワメニューサイズ指定 */
  --sp-drawer-size: 50%; /* ドロワーウィンドウサイズ */
  --sp-modal-size: 90%; /* 検索ウィンドウサイズ */
}
@media screen and (max-width: 600px) {
	:root {
	  --sp-drawer-size: 90%; /* ドロワーウィンドウサイズ */
	  --sp-modal-size: 90%; /* 検索ウィンドウサイズ */
	}
}
/* ** navi_drawer end ** */

/* ** navi_panlink start ** */
/*** パンくずリンク ***/
:root {
/* パンくずリンク基本 */
  --app-panlink-cr: inherit; /* 背景色 */
  --app-panlink-txt: #999; /* テキスト色 */

/* パンくずリンクaタグ */
  --app-panlink-a-txt: #171717; /* テキスト色（aタグ） */
}
/* ** navi_panlink end ** */

/* ** navi_pagenum start ** */
/*** ページナンバーナビ ***/
:root {
/* ページナンバーナビaタグ */
  --app-pagenum-rod: 0.4em; /* 角丸 */
  --app-pagenum-a-cr: #fff; /* 背景色（aタグ） */
  --app-pagenum-a-txt: #000; /* テキスト色（aタグ） */
  --app-pagenum-brd: 2px solid #171717; /* ボーダー指定 */
  --app-pagenum-ah-cr: #171717; /* 背景色（aタグフォーカス） */
  --app-pagenum-ah-txt: #fff; /* テキスト色（aタグフォーカス） */
}
/* ** navi_pagenum end ** */

/* ** navi_footer_set start ** */
/* ** navi_footer_set end ** */