/*
body class="blueen" にのみ適用されます
アクセントカラーを変更する場合は #259797 で検索＆置換
番宣のリンクの色は #f4b1b1 にしてあります
*/

.blueen .content--notice a {
  color: #fddf15;
}

.blueen h3:not(.archive__itemTitle):not(.article__heading--plus) {
  line-height:1.2;
}

.blueen h3:not(.archive__itemTitle):not(.article__heading--plus) span {
  display: block;
}

.blueen .archive__label--cat span{
    font-size: 11px;
}

.blueen .color {
  color: #32365f;
}

.blueen .locks {
  background-image:url(../img/locks_bg.jpg);    
  background-repeat: no-repeat, no-repeat;
  background-size: contain;    
}

/*.blueen .info {
    border-bottom: 4px solid #1c194e;
}202001*/

/*.blueen .friend {
border-bottom: 1px solid #1c194e;
}202001*/

/*.blueen .friend__heading,.blueen .friend__snsHeading{
    color: #1c194e;
}202001*/


/*.blueen .copyright__logo img {
  width: 120px;
}
.blueen .copyright {
    border-top: 1px solid #1c194e;
}

.blueen .copyright__logo {
    border-top:4px solid #1c194e;
}202001

.blueen .archive__more a,
.blueen .list-link a,
.blueen .top-link a{
background: #35318f;
}

.blueen .archive__label--new span {
background: #35318f;
border: 1px solid #35318f;
color: #fff;
}202001*/

@media screen and (min-width: 1024px) {
  .blueen h3:not(.archive__itemTitle):not(.article__heading--plus) {
    border-left: 10px #259797 solid;
    padding-left:20px;
    font-size:40px;
  }
  .blueen h3:not(.archive__itemTitle):not(.article__heading--plus) span {
    font-size: 20px;
  }  
  .blueen .locks {
    background-size:cover;    
    background-position: top center;    
  }
    
  /*.blueen .pageswitch:before{
    background: #35318f;    
    }202001*/
}

@media screen and (max-width: 1023px) and (min-width: 481px) {
  .blueen h3:not(.archive__itemTitle):not(.article__heading--plus) {
    border-left: 10px #259797 solid;
    padding-left:20px;
    font-size:20px;
  }
  .blueen h3:not(.archive__itemTitle):not(.article__heading--plus) span {
    font-size: 12px;
  }
  .blueen .locks {
    background-size:cover;    
    background-position: top center;    
  }
    
  /*.blueen .pageswitch{
    background: #35318f;    
    }202001*/
}

@media screen and (max-width: 480px) {
  .blueen h3:not(.archive__itemTitle):not(.article__heading--plus) {
    border-left: 5px #259797 solid;
    padding-left:10px;
    font-size:20px;
  }
  .blueen h3:not(.archive__itemTitle):not(.article__heading--plus) span {
    font-size: 10px;
  }
  .blueen .locks {
    background-size:cover;    
    background-position: top center;    
  }
  /*.blueen .pageswitch{
    background: #35318f;    
    }202001*/
}

@media screen and (min-width: 1024px) {
  .blueen .locks__link {
    font-size: 18px;
  }
  .notice__logo img {
    width: 130px;
  }
}

@media screen and (max-width: 1023px) {
  .blueen .locks__link {
    font-size: 14px;
  }
  .notice__logo img {
    width: 130px;
  }
}

@media screen and (max-width: 480px) {
    .blueen .locks {
    background-size: 170% 100%;
    background-position: 100%;
        
    }
}

/*header*/
/*.blueen .header {
  background: #1c194e;
}

.blueen footer {
  background: #fff;
}

.blueen .header__navItem a {
  color: #fff;
}202001

.blueen .header__navItem--twtr:before {
  content: "";
  background: url(https://podcasts.tfm.co.jp/lock/common/img/icon_menu_twtr.svg) top left no-repeat;
}
.blueen .header__navItem--bbs:before {
  background: url(https://podcasts.tfm.co.jp/lock/common/img/icon_menu_bbs-univ.svg) top left no-repeat;
}
.blueen .header__navItem--mail:before {
  background: url(https://podcasts.tfm.co.jp/lock/common/img/icon_menu_mail-univ.svg) top left no-repeat;
}*/

/*@media screen and (min-width: 1024px) {
  .blueen .header .content {
    padding: 22px 24px 22px 0;
  }
  .blueen .header__logo img {
    height: 40px;
  }
  .blueen .header__navItem--twtr {
    padding-left: 36px;
  }
  .blueen .header__navItem--twtr:before {
    position: absolute;
    top: -2px;
    left: 0;
    background-size: 30px;
    width: 30px;
    height: 24px;
  }
}

@media screen and (max-width: 1023px) and (min-width: 481px) {
  .blueen .header__navItem--twtr {
    padding-left: 24px;
  }
  .blueen .header__navItem--twtr:before {
    position: absolute;
    top: -2px;
    left: 0;
    background-size: 20px;
    width: 20px;
    height: 18px;
  }
}

@media screen and (max-width: 480px) {
  .blueen .header__navItem--twtr {
    padding-left: 24px;
  }
  .blueen .header__navItem--twtr:before {
    position: absolute;
    top: -2px;
    left: 0;
    background-size: 20px;
    width: 20px;
    height: 18px;
  }
  .blueen .copyright__logo img {
    width: 90px;
  }
}*/