@charset "UTF-8";
/* CSS Document */
/***********************
カラーテーマ

// ベースカラー
$base_color: #e1eaef;
// サブカラー１
$sub_color1: #2c61a5;
// サブカラー２
$sub_color2: #0a3265;
// サブカラー３
$sub_color3: #ff8484;
// アクセントカラー
$accent_color: #2c61a5;
// お知らせのラベル色
$label_color: #ff9007;
*************************/
body {
  background-color: #e1eaef;
}

/*
 header
----------------------------*/
#header {
  background-color: #2c61a5;
}
#header .order .btn-sm {
  color: #0a3265;
}
#header .order .btn-sm.btn-active {
  border-color: #0a3265;
  background-color: #0a3265;
  color: #ffffff;
}
#header .search .btn {
  color: #ffffff;
  border-color: #0a3265;
  background-color: #0a3265;
}
@media screen and (max-width: 880px) {
  #header .header_left {
    background: #2c61a5;
  }
}

/*
 footer
----------------------------*/
#copy {
  background-color: #2c61a5;
  color: #ffffff;
}

/*
 btn
----------------------------*/
.btn-primary {
  color: #ffffff;
  background: #2c61a5;
  border-color: #2c61a5;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
  color: #ffffff;
  background: #2c61a5;
  border-color: #2c61a5;
}

.btn-option {
  color: #ffffff;
  background: #0a3265;
  border-color: #0a3265;
}
.btn-option:hover, .btn-option:focus, .btn-option:active, .btn-option.active {
  color: #ffffff;
  background: #0a3265;
  border-color: #0a3265;
}

/*
 label
----------------------------*/
.label-info {
  background-color: #ff9007;
}

/*
 fav_btn
----------------------------*/
.rcms_fav_btn, .rcms_fav_btn a {
  color: #cccccc !important;
}
.rcms_fav_btn.added, .rcms_fav_btn.added a {
  color: #ff8484 !important;
}

/*
 動画一覧
----------------------------*/
.movie_summary .movie_actions a.copied {
  color: #ff8484;
}
.movie_summary .movie_actions .rcms_fav_btn.added a {
  color: #ff8484;
}

/*
 動画詳細
----------------------------*/
.movie_entry .movie_actions a.copied {
  color: #ff8484 !important;
}
.movie_entry .movie_actions .added a {
  color: #ff8484 !important;
}