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

/*****************************
* $bg-color
******************************/
/*! サイトの背景色 */
#wrapper {
  background: #FFF7EA; }

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

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

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

/*! その他の主流色 */
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: #FFFFFF;
    text-shadow: 1px 1px 5px #000000;}

/*! 下階層ページ下タイトルの色 */
body.second #wrapper #main-container .h3-second-bottom-ttl {
      color: #FFFFFF;
    text-shadow: 1px 1px 5px #000000;}

/*****************************
* $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: #5a4545; }

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

.h3-ttl-b {
  color: #5a4545;
  background: #FFF7EA !important; }

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

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

#wrapper #main-container #section-telasa_about .telasa_about {
    font-size: 80%;
}

.h3-ttl-tadakoi{
	background-color: #EC6B89;
	color:#FFFFFF;
	    padding: 10px;
    border: 2px dashed #F7F9CC;
    box-shadow: 0 0 0 7px #ec6b89;
}
.h3-ttl-batsuichi{
	background-color: #4DBAD1;
	color:#FFFFFF;
	    padding: 10px;
    border: 2px dashed #F7F9CC;
    box-shadow: 0 0 0 7px #4DBAD1;
}
.h3-ttl-tadakoi2{
	color: #EC6B89;
}
.h3-ttl-batsuichi2{
	color: #4DBAD1;
}