@charset "UTF-8";

:root {
  --color1: #31AA20;
  --color2: #016700;
}

.fc-col1 {
  color: var(--color1);
}

.fc-col2 {
  color: var(--color2);
}

/* カラー用スタイル */
body {
  color: #000;
  background: #fff;
}

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

a:hover {
  color: #000;
}

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

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

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

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

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

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

.btn-theme:hover {
  background: #fff;
  color: #000 !important;
  opacity: 1;
}

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

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

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

.btn-accent:hover {
  /*  background: #b69416;*/
  /*  border-color: #b69416;*/
  opacity: .7;
}

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

.btn-sample:hover {
  /*  background: #b69416;*/
  /*  border-color: #b69416;*/
  opacity: .7;
}

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

.btn-files:hover {
  /*  background: #b69416;*/
  /*  border-color: #b69416;*/
  opacity: .7;
}

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

/* フォーム フロー図 */
.box-form-flow>span.active {
  color: #000;
}

.box-form-flow>span+span::after {
  border-left-color: #000;
}

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

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

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

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

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

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

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

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

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

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

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

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

#toTopBtn {
  border-color: var(--color1);
  background: var(--color1);
}

/*=======追加=======*/
/*parts*/
.box-header .global-nav a,
.box-header .global-nav a:visited,
.box-header .global-nav a:focus {
  color: #000;
}

.box-header .global-nav a:hover {
  color: var(--color1);
  opacity: 1;
}

.content-ttl-wrap {
  background: #f5f5f5;
}

.box-contentsInfo-section .accordion-box {
  background: #fff;
}

.detail-wrap {
  background: #f5f5f5;
}

.list-breadCrumb li a {
  color: #000;
}

#page-mypage-index .accordion-box {
  background: #eee;
}

/*txt*/
.ttl-wrap h2:before {
  /*background: #C30D23;*/
  background: var(--color1);
}

.txt-gr {
  color: #808080;
}

/*btn*/
a.btn-border {
  color: #fff;
  background: #000;
  border: 1px solid #000;
}

a.btn-border:hover {
  color: #000;
  background: #fff;
  opacity: 1;
}

a.btn-border.f-contact {
  color: #fff;
  background: var(--color1);
  border: 1px solid var(--color1);
}

a.btn-border.f-contact:hover {
  color: var(--color2);
  background: #fff;
  opacity: 1;
}

.btn-toggle {
  background: #555;
  color: #fff;
  border: 1px solid #acacac;
}

.list-btn li a {
  color: #fff;
  /*border: 1px solid #777;*/
  /*background: #000;*/
  border: 1px solid var(--color1);
  background: var(--color1);
}

.list-btn li a:hover {
  color: #fff;
  /*background: #000;*/
  background: var(--color2);
  opacity: 1;
}

/*サムネスライダー*/
.slick-arrow {
  background: #fff;
}

.slick-arrow i {
  color: #000;
}

/*tag*/
.tag-wrap ul li a {
  color: #fff;
  background: #000;
}

.status-end,
.status-start {
  background: #999;
}

/* お問い合わせページ　矢印　カラー */
.box-form-flow>span+span::after {
  border-left-color: #999;
}

/* スライダーボタンカラー */
.slick-dots li button:before {
  color: #fff;
}

.slick-dots li.slick-active button:before {
  color: #fff;
}

/* No.33 */
.btn-toggle {
  background: #000;
}