@charset "UTF-8";
/* カラー用スタイル */
/* PC・SP共通 layout
 ------------------ */
a {
  color: #997300;
}

a:visited, a:focus {
  color: #997300;
}

a:hover {
  color: #ffbf00;
}

.page-item .page-link {
  color: #997300;
}

.page-item .page-link:hover {
  color: #cc9900;
}

.page-item.active .page-link {
  background-color: #ffbf00;
  border-color: #ffbf00;
}

.nav-tabs .nav-link.active {
  /* tabパネル アクティブ */
  color: #ffbf00 !important;
}

.nav-pills .nav-link.active {
  color: #ffffff !important;
  background-color: #ffbf00 !important;
}

/* btn スタイル */
.btn-theme {
  /* メインテーマ色のボタン */
  background: #ffbf00;
  border-color: #ffbf00;
}

.btn-theme:hover {
  background: #cc9900;
  border-color: #cc9900;
}

.btn-theme-ghost {
  /* メインテーマカラーのゴーストボタン */
  border-color: #ffbf00;
  color: #ffbf00 !important;
}

.btn-theme-ghost:hover {
  background: #ffbf00;
  border-color: #ffbf00;
}

.btn-accent {
  /* アクセントカラーのボタン */
  background: #2e6fc1;
  border-color: #2e6fc1;
}

.btn-accent:hover {
  background: #245798;
  border-color: #245798;
}

.btn-sample {
  /* サンプル動画再生ボタン */
  background: #2e6fc1;
  border-color: #2e6fc1;
}

.btn-sample:hover {
  background: #245798;
  border-color: #245798;
}

.btn-files {
  /* 関連ファイルダウンロードボタン */
  background: #2e6fc1;
  border-color: #2e6fc1;
}

.btn-files:hover {
  background: #245798;
  border-color: #245798;
}

.btn-global-nav:hover {
  background: #ffbf00;
}

/* フォーム フロー図 */
.box-form-flow > span + span::after {
  border-left-color: #ffbf00;
}

/* datepicker スタイル調整*/
.ui-widget-header {
  border: 1px solid #ffbf00;
  background: #ffd966;
}

/* PC用
 ------------------ */
/* お気に入りボタン */
.favorite:hover {
  background: #ffbf00;
}

/* サイドメニュー 新着動画一覧 */
.box-sidemenu .content-list-item a:hover {
  background: #ffbf00 !important;
}

/* 並べ替えボタン */
.box-sort .btn {
  color: #2e6fc1;
}

.box-sort .btn[class*="active"] {
  background: #2e6fc1;
}

.box-sort .btn:hover {
  background: #245798;
}

/* お知らせ一覧 ページ */
.news-list-item h3 a:hover {
  color: #ffbf00;
}

/* slick.js */
.js-list-slide .slick-slide a:hover {
  color: #997300;
}

/* header */
.link-list a:hover {
  background: #ffbf00;
}

.dropdown-wrapper:hover .box-dropdown-key {
  background: #ffbf00;
}

.dropdown-wrapper:hover .box-dropdown-key::after {
  border-top-color: #ffbf00;
}

/* マイコンテンツ リスト */
.mycontents-list {
  background: #fff9e6;
}

/*  footer */
.box-footer {
  border-top-color: #ffbf00;
}

#toTopBtn {
  border-color: #ffbf00;
}