@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: rgb(255,243,223);
  background: linear-gradient(34deg, rgba(255,243,223,1) 0%, rgba(255,243,223,1) 0%, rgba(232,251,255,1) 100%); }

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

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

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

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

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

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

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

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

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

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

/*****************************
* $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: #3f3f3f; }

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

.h3-ttl-b {
  color: #757575;
  background: #ffdce0 !important; }

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

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

/*****************************
*  $ナビ・イントロ調整
******************************/

#nav-wrap .api-nav-main > div a {
	color:#414141;
	border-bottom: 1px solid rgb(225 218 212);
}

#nav-wrap .api-nav-main > div a.active,#nav-wrap .api-nav-main > div a:hover{
	background: #ffdce0 !important;
    color: #757575 !important;
}

#nav-wrap .api-nav-main > div a:hover:before, #nav-wrap .api-nav-main > div a.active:before{
	background: rgb(255 255 255 / 0%);
}


#nav-wrap .api-nav-main > div a:after {
	border-right: solid 1px #dbdbdb;
}

#wrapper #main-container .btn-box a:after, #wrapper #main-container .btn-box .btn-more-anchor:after {
    color: #757575 !important;
}

.red {
        font-size: 120%;
	color: #ffacb6;
}

.red2 {
	color: #ffacb6;
}

.blue {
	color: #83bcff;
}

.large {
        font-size: 110%;
}