@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: #c6fbf5;  }

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

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

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

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

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

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

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

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

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

#wrapper #main-container .h2-ttl .telasa {
  background: #f3970e;
  padding: 1.6rem 0.4rem 2rem;
}

#wrapper .h2-ttl .telasa {
  margin-bottom: -30px !important;
}

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


/*****************************
*  $TELASA枠
******************************/
/*! TELASA枠の色 */
#wrapper #main-container .contents-bg-color-telasa {
  border: 2px solid #323232;
  background: #FFFFFF;
}

#wrapper #main-container .h2-ttl .telasa {
  background: #f3970e;
  padding: 20px;
  border: 2px solid #323232;
  border-bottom: none;
}

#wrapper #main-container .contents-bg-color-telasa2 {
  padding: 0.5em 1em;
  margin: 1em 0;
  background: #ffffff;
  border: dashed 2px #f3970e;/*点線*/
}
#wrapper #main-container .contents-bg-color-telasa2 p {
  margin: 0; 
  padding: 0;
}


/*****************************
*  $イントロ
******************************/
/*! イントロダクションの見出し部分 */

#wrapper #main-container .intro1{
  color: #FFFFFF; 
  padding:0.5% 1%;
  background: #ed7da8;
}

#wrapper #main-container .intro2{
  color: #FFFFFF; 
  padding:0.5% 1%;
  background: #f3970e;
}

#wrapper #main-container .intro-line1{
  background: linear-gradient(transparent 85%, #f3970e 85%);}

#wrapper #main-container .intro-line2{
  background: linear-gradient(transparent 85%, #ed7da8 85%);}

.intro-fontsize-1 {
  font-size: 140%;
  line-height: 150% ;
}
  
.intro-txt {
	color: #333333;
}

.intro-pink {
	color: #ed7da8;
}

.telasa-haisin{
  background: linear-gradient(transparent 85%, #f3970e 85%);
  color: #333333;
  font-weight: bold;
  font-size: large;
}

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

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

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

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

#wrapper #main-container .h3-ttl-a .telasa{
  color: #f3970e; }

/*****************************
*  $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; }

/*****************************
*  $sns-btn
******************************/
/*!SNSフォローボタン */
#wrapper .btn-box2 a {
  position: relative;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
  padding: 4px 6px;
  display: inline-block;
  background: #d405c5;
  color: #ffffff;
  text-decoration: none;
 border-radius: 5px;
 margin: 10px 0;
 }

#wrapper .btn-box2 a:after {
  font-family: FontAwesome;
  display: block;
  width: 20px;
  height: 20px;
  font-size: 2.1rem;
  position: absolute;
  top: 4px;
  right: 10px;
  }

  #wrapper .btn-box3 a {
    position: relative;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    padding: 4px 6px;
    display: inline-block;
    background: #333333;
    color: #ffffff;
    text-decoration: none;
   border-radius: 5px;
   margin: 10px 0;
   }
  
  #wrapper .btn-box3 a:after {
    font-family: FontAwesome;
    display: block;
    width: 20px;
    height: 20px;
    font-size: 2.1rem;
    position: absolute;
    top: 4px;
    right: 10px;
    }