@charset "UTF-8";

.contentsWrapper{
  margin: 0;
  padding: 18px 3.75% 0;
}
  .detailMainWarpper .content p {
    margin:10px;
  }

.introduce {
  padding: 12px 3.75% 12px;
  margin-top:10px;
}

.itemWrapper{
  padding: 0;
}

.relative{
    margin-top: 30px;
}

.btnArea{
  padding: 0;
  cursor: default;
}
  .btnArea > div {
    margin: 0;
  }
  .btnArea .btnPageBack{
    display: inline-block;
    width: auto;
    padding: 0;
    background: none;
  }
  .btnArea .btnPageBack i{
    left: 0;
  }

/* 関連する作品 */
.related {}
  .related p {
    margin-top: 20px;
    font-size: 1.2rem;
    font-weight: bold;
    color: #666666;
  }
  .related .itemModule.list{
    margin-top: 10px;
    margin-bottom: 0;
  }


/***************************************
    PCレイアウト定義
****************************************/
@media screen and (min-width: 960px) {
  .contentsWrapper {
    margin: 0 auto;
    padding: 18px 0 0;
  }
    .contentsWrapper .detailSideWrapper .itemWrapper .itemModule.list section {
      width: 264px;
    }
    .contentsWrapper .detailSideWrapper .itemWrapper .itemModule.list .textContainer .itemFooter {
      right: 12px;
      left: auto;
    }
  .introduceWrapper {
    width: 560px;
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 20px;
    float:left;
  }

  .introduce {
    width: 500px;
    padding: 26px 30px;
    background: #fff;
  }
  .contentsWrapper .btnArea{
    /*position: absolute;
    top: -50px;*/
  }
    .contentsWrapper .btnArea .btnPageBack a {
      padding: 17px 0 17px 25px;
    }

  .detailMainWarpper .itemWrapper .itemModule {
    box-shadow: none;
  }

/*  .snsNews {
    width: 560px;
    padding: 0 0 20px;
    border: none;
    float:left;
  }

    .snsNews .snsWrapper {
      float: right;
      padding: 0;
    }
      .snsNews .snsWrapper ul {
        float: right;
      }*/

  .relative{
    float:left;
    margin-top: 10px;
  }

  .btnArea .btnPageBack{
    width: 170px;
    padding: 17px 0 17px 5%;
    margin: 0;
    text-indent: 19px;
  }
  .btnArea .btnPageBack i{
    margin-top: -7px;
  }

  /* 関連する作品 */
  .related {
    width: 280px;
  }
    .related p {
      margin-top: 0;
      font-size: 1.2rem;
      font-weight: bold;
      color: #666666;
    }
    .related .itemModule.list{
      margin-top: 10px;
      margin-bottom: 0;
      width: 270px;
    }
    .related .itemModule.list:nth-child(even) {
      float: left;
    }
      .related .itemModule.list section .itemModuleIn{
        display: block;
      }
      .related .itemModule.list section .itemModuleIn .thumbnailContainer {
        position: relative;
        width: 264px;
      }
      .related .itemModule.list section .itemModuleIn .textContainer {
        float: left;
        width: 264px;
      }
        .related .itemModule.list section .itemModuleIn .textContainer h3 {
          width: 224px;
        }
        .related .itemModule.list section .itemModuleIn .textContainer h3 span {
          padding: 5px 0;
          font-size: 1.4rem;
          color: #EC552A;
        }
        .related .itemModule.list section .itemModuleIn + .check{
          position: absolute;
          right: 6px;
          bottom: 4px;
        }
        .related .itemModule.list section .itemModuleIn + .check label span{
          display: none;
        }
}
/*▲news_detail*/

/*▼移植用ハック*/
/* ▼旧お知らせ用ハック */
#iAppInfoPage {
  margin: 0 auto;
  padding: 18px 3.75% 0;
  width: 92.5%;
}

#iAppInfoPage img {
  max-width: 80%;
}

#iAppInfoPageTxt {
  margin: 0;
  padding: 8px 16px;
  margin-top: 18px;
  background: #fff;
  box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.05);
  font-size: 12px;
}

#iAppInfoPageCap > h2 {
  display: none;
}

#iAppInfoPageCap > span {
  display: block;
}

#iAppInfoPageCap {
  position: relative;
}

#iAppInfoPageCap > h2 {
  margin-top: -16px;
  padding-bottom: 24px;
}

#iAppInfoPageCap > span {
  position: absolute;
  bottom: 0;
}
/* ▲旧お知らせ用ハック */
/* ▼旧アニメトピックス用ハック */
/*#animetopics {
  padding-bottom: 16px;
}
*/
#animetopicsHead {
  display: none;
}

#animetopicsPage {
  margin: 0;
  padding: 18px 3.75% 0;
}

#animetopicsPage div:nth-of-type(n+2) {
  margin: 0;
  padding: 8px 16px;
  background: #fff;
  font-size: 12px;
}

#animetopicsPage div:nth-of-type(2) {
  margin-top: 18px;
}

#animetopicsPageCap > h2 {
  display: none;
}

#animetopicsPageCap > span {
  font-size: 1.0rem;
}

#animetopicsCopy {
  margin:  0 3.75% 0;
  padding: 8px 16px;
  background: #fff;
  font-size: 10px;
}
.animetopicsPageImg {
  text-align: center;
}
.animetopicsPageImg > img {
  width: 200px;
}
#iAppInfoPage #iAppInfoPageCap span[itemprop="name"] {
  display: none;
}
#iAppInfoPage #iAppInfoPageCap > br {
  display: none;
}
/* ▲旧アニメトピックス用ハック */
@media screen and (min-width: 960px) {
  /* ▼旧お知らせ用ハック */
  #iAppPage:before {
    font-size: 24px;
    padding: 20px 0 18px;
    padding-left: calc(50% - 430px);
    -moz-padding-left: calc(50% - 430px);
  }

  #iAppInfoPage {
    width: 860px;
    margin: 0 auto;
    padding-top: 41px;
  }

  #iAppInfoPageTxt {
    box-shadow: none;
  }

  #iAppInfoPageCap > h2 > span {
    font-size: 21px;
  }

  #iAppInfoPageCap > h2 {
    padding-bottom: 32px;
  }

  #iAppInfoPageCap > span {
    font-size: 14px;
  }

  #iAppInfoPageCap {
    margin-bottom: 25px;
  }
  /* ▲旧お知らせ用ハック */
  /* ▼旧アニメトピックス用ハック */
  #animetopicsPage {
    width: 860px;
    margin: 0 auto;
    padding-top: 30px;
  }

  #animetopicsPageCap {
    margin-bottom: 30px;
  }

  #animetopicsPageCap > span {
    font-size: 1.4rem;
  }

  #animetopicsCopy {
    margin:  0 calc(50% - 430px) 0;
    padding: 8px 16px;
  }

  .animetopicsPageImg > img {
    width: 400px;
  }
  /* ▲旧アニメトピックス用ハック */
}

/*▼SNSボタンとお知らせ一覧へ戻る*/
#newsDetailFooter {
  width: 92.5%;
  margin: 0 auto;
  padding: 18px 0;
}

@media screen and (min-width: 960px) {
  #newsDetailFooter {
    width: 860px;
    margin: 0 auto;
  }

  #newsDetailFooter .snsWrapper {
    float: right;
    padding: 0;
  }

  #newsDetailFooter .btnArea {
    float: left;
  }
}
/*▲SNSボタンとお知らせ一覧へ戻る*/
/*▲移植用ハック*/

.snsNews {
  display: none;
}