@charset "UTF-8";
/* カラー用スタイル */
body {
  color: #fff;
  background: #0F171F;
}
a, a:visited, a:focus {
  color: #fff;
}

a:hover {
  color: #fff;
}

.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: #000;
}

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

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

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

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

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

.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: #fff;
  color: #000 !important;
}

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

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

/* PC用
 ------------------ */
/* お気に入りボタン */
.favorite {
  border: 1px solid #777;
}
.favorite:hover {
  background: #fff;
}
.favorite.active,
.favorite.active:hover {
  color: #dcdcdc;
  background: #838383;
}
.favorite.active i {
  color: #dcdcdc;
}
.favorite.user-logoff {
  opacity: 0.5;
}
/* サイドメニュー 新着動画一覧 */
.box-sidemenu .content-list-item a:hover {
  background: #fff !important;
}

/* 並べ替えボタン */
.box-sort .btn {
  color: #b3b3b3;
  border-left: 1px solid #444;
}

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

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

/* お知らせ・コース一覧ページ */
.news-list-item h3 a,
.course-list-item h3 a,
.campaign-list-item h3 a {
  color: #fff;
}

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

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

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

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

.dropdown-wrapper:hover .box-dropdown-key::after {
  content: none;
}

.dropdown-wrapper:hover .btn-global-nav {
  background: #fff;
  color: #000 !important;
}

.sub-category-list{
  background: #1B2530;
}
::placeholder{
  color: #fff;
}
/* マイコンテンツ リスト */
.mycontents-list {
  background: #fff9e6;
}

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

#toTopBtn {
  border-color: #fff;
  color: #000;
}
.TopBtn:before{
  border-color: #000;
}
/*=======追加=======*/
/*parts*/
.box-header {
  background: #1B2530;
}
.box-header .global-nav a,
.box-header .global-nav a:visited,
.box-header .global-nav a:focus {
  color: #fff;
}
.btn-global-nav {
  color: #fff;
}
.tile-inner {
  background: #0F171F;
}
#toTopBtn {
  background: #fff;
}
.content-ttl-wrap {
  background: #333;
}
.box-contentsInfo-section .accordion-box {
  /* background: #0F171F; */
}
.accordion-box{
  color: #000;
}
.detail-wrap {
  background: #333;
}
.list-breadCrumb li a {
  color: #fff;
}
#page-mypage-index .accordion-box {
  background: #eee;
}
.news-nav .news-nav-pre a {
  color: #000;
}
/*txt*/
.ttl-wrap h2:before {
  /* background: #fff; */
  background: #FEBF01;
}
.ttl-wrap a{
  color: #FEBF01!important;
}
.list-link a {
  border-bottom: 1px solid #fff;
}
.txt-gr {
  color: #b4b4b4;
}
.text-danger {
  color: #ff4c4c;
}
/*btn*/
a.btn-border {
  color: #000;
  background: #fff;
  border: 1px solid #fff;
}
a.btn-border:hover {
  color: #fff;
  background: #0F171F;
  opacity: 1;
}
.btn-toggle {
  background: #9e9e9e;
  color: #fff;
  border: none;
}
.list-btn li a {
  color: #000;
  border: 1px solid #ccc;
  background: #fff;
}
/*サムネスライダー*/
.slick-arrow {
  background: #0F171F;
}
.slick-arrow i {
  color: #fff;
}
.js-list-slide .slick-slide a {
  color: #fff;
}
.slick-dots li button:before{
  color: #fff;
}
.slick-dots li.slick-active button:before{
  color: #fff;
}
/*tag*/
.tag-wrap ul li a {
  color: #000;
  background: #fff;
}
.status-end, .status-start {
  background: #6c6c6c;
}
/* alert */
.alert-info{
  background-color: #2E4256;
  border-color: #2E4256;
  color: #fff;
}
/* 購入前モダール　ボタン */
.modal-login a.btn-border {
  color: #fff;
  background: #000;
  border: 1px solid #000;
}
.modal-login a.btn-border:hover {
  color: #000;
  background: #fff;
  opacity: 1;
}
/* 未ログイン時、コメント部分モーダル表示 */
.modal-dialog .btn-theme {
  background: #000;
  border-color: #000;
  color: #fff !important;
}
.modal-dialog .btn-theme:hover {
  color: #000 !important;
  background: #fff;
}
.modal-dialog .btn-area-center.blk .btn {
    color: #000;
}
/* お知らせ詳細　ページ送りボタン */
#page-announce-show .fa-angle-right:before {
    color: #000;
}
#page-announce-show .news-nav .news-nav-next a {
  color: #000;
}
#page-announce-show .news-nav .news-nav-next a:hover {
  color: #000;
}

.box-copyright a:hover small {
  color: #9e9e9e;
  transition: .3s;
}

/* 検索 */
#search-section .box-form .btn-theme{
  background: #000;
  color: #fff!important;
  border-color: #000;
}
#search-section .box-form .btn-theme:hover{
  background: #fff;
  color: #000!important;
}

/* マイページ内見放題詳細 */
.payment-body .btn-theme{
  background: #000;
  color: #fff!important;
  border-color: #000;
}
.payment-body .btn-theme:hover{
  background: #fff;
  color: #000!important;
}
/* キャンペーンページ */
#page-campaign_code\:\:campaigns-show .input-group .btn-theme{
  background: #000;
  color: #fff!important;
  border-color: #000;
}
#page-campaign_code\:\:campaigns-show .input-group .btn-theme:hover{
  background: #fff;
  color: #000!important;
}
#page-campaign_code\:\:campaigns-show .nav-link{
  background: none;
}
#page-campaign_code\:\:campaigns-show .nav-link:hover{
  border-color: #dee2e6 #dee2e6 #0F171F;
}
#page-campaign_code\:\:campaigns-show .nav-link.active{
  border-color: #dee2e6 #dee2e6 #0F171F;
}

/*----------------------------
チャット  202110
----------------------------*/

#page-contents-showWithChat .nav-link.active {
  /* tabパネル アクティブ */
  color: #fff !important;
  background: #0F171F !important;
  border: 1px solid #dee2e6;
  border-bottom: none;
}

#page-contents-showWithChat .nav-item .f-icon:before {
  color: #FEBF01;
}

#page-contents-showWithChat #infoArea .accordion-box{
  background:#fff;
}