@charset "UTF-8";
/*****************************
* $font-base-color
******************************/
/*! フォントの色 */
#main-container {
  color: #333333; }
  #main-container a:link,
  #main-container a:visited,
  #main-container a:hover,
  #main-container a:active {
    color: #333333; }

/*****************************
* $bg-color
******************************/
/*! サイトの背景色 */
#wrapper {
  background: -webkit-linear-gradient(bottom, white 0%, #f8f7f3 2%, #f3f0ea 4%);
  background: linear-gradient(0deg, white 0%, #f8f7f3 2%, #f3f0ea 4%); }

/*****************************
* $key-color
******************************/
/*! ボタンの背景色 */
#wrapper #main-container .btn-box a, #wrapper #main-container .btn-box .btn-more-anchor {
  background-color: #00a0c6; }

/*! ニュースのカテゴリー背景色 */
#wrapper #main-container .category.news {
  background: #00a0c6; }

/*! ナビの背景色 */
#wrapper #main-container #nav-wrap .api-nav-main > div {
  background-color: #00a0c6; }

/*! その他の主流色 */
body.top #wrapper #main-container .section-mv-bottom-area .bangumi-info-wrap .bangumi-info {
  color: #00a0c6; }

body.top #wrapper #main-container .section-next .date {
  color: #00a0c6; }

body.top #wrapper #main-container .section-ticker .ticker-ttl {
  color: #00a0c6; }

body.top #wrapper #main-container .section-ticker .ticker-arrow:before {
  border-top: 2px solid #00a0c6;
  border-right: 2px solid #00a0c6; }

/*! カレンダーボタンの背景色 */
#iframe-wrapper .event .event_button {
  background-color: #f0027f; }

/*****************************
* $contents-title-color
******************************/
/*! コンテンツのタイトル色 */
#wrapper #main-container .h2-ttl {
  color: #333333; }

/*! 下階層ページ下タイトルの色 */
body.second #wrapper #main-container .h3-second-bottom-ttl {
  color: #333333; }

/*****************************
* $contents-bg-color
******************************/
/*! コンテンツの背景色 */
#wrapper #main-container .contents-bg-color {
  background: #ffffff; }

.device-type-desktop .pc-contents-bg-color {
  background: #ffffff; }

.device-type-mobile .sp-contents-bg-color {
  background: #ffffff; }

/*****************************
*  $bangumi-title-color
******************************/
/*! 番組タイトルの色 */
body.second #wrapper #main-container .bangumi-name a {
  color: #333333; }

/*****************************
*  $下階層の見出しタイトル
******************************/
/*! 下階層、見出しタイトルの色 */
#wrapper #main-container .h3-ttl-a {
  color: #00a0c6; }

.h3-ttl-b {
  color: #333333;
  background: #f3f0ea !important; }

/*****************************
*  $common-parts-ttl-bg-color
******************************/
/*! 下部共通パーツのタイトル背景色 */
#wrapper .common-parts-ttl, #wrapper .post-articles-header, #wrapper [class^="related-programs-header-"], #wrapper .h2-recommend-movie {
  background: #3e3e3e; }

/*****************************
*  $rightcolumn-title-color
******************************/
/*! 右カラムのタイトルの色 */
h3[class^="present__header--"],
h3[class^="ranking__header--"] {
  color: #333333 !important; }