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

a:visited, a:focus {
  color: #7966ad;
}

a:hover {
  color: #888;
  opacity: 0.6;
  text-decoration: none;
}

a.txt-vl {
  color: #674498;
}

a.txt-vl:visited, a.txt-vl:focus {
  color: #674498;
}

a.txt-vl:hover {
  opacity: 0.7;
  text-decoration: none;
}

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

.page-item .page-link:hover {
  opacity: 0.6;
}

.page-item.active .page-link {
  background-color: #888;/*yellow*/
  border-color: #888;/*yellow*/
}

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

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

a.btn.btn-theme {
  color: #ffffff;
}


a.btn.btn-block.btn-theme.icon{
  /* margin:30px 0 0 0;*/
  margin: 10px 0;
  margin:0 0 0 0;
  padding:5px 0;
  background: #ff0000;
  border-color: #ff0000;
}

.btn-theme:hover {
  opacity: 0.6;
}

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

.btn-theme-ghost:hover {
  background: #888;/*yellow*/
  border-color: #888;/*yellow*/
}

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

.btn-accent:hover {
  background: #674498;/*blue*/
  border-color: #674498;/*blue*/
}

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

.btn-sample:hover {
  background: #674498;/*blue*/
  border-color: #674498;/*blue*/
}

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

.btn-files:hover {
  background: #674498;/*blue*/
  border-color: #674498;/*blue*/
}

.btn-global-nav:hover {
  background: #888;/*yellow*/
}

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

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

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

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

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

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

.box-sort .btn:hover {
  background: #674498;/*blue*/
}

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

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

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

.dropdown-wrapper:hover .box-dropdown-key {
  background: #888;/*yellow*/
}

.dropdown-wrapper:hover .box-dropdown-key::after {
  border-top-color: #888;/*yellow*/
}

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

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

#toTopBtn {
  border-color: #888;/*yellow*/
}


.nav-pills .nav-link.active, .nav-pills .show > .nav-link{
background-color: #cccccc;
color: #fff;
}