@charset "UTF-8";
/*----------------------------------------------

	「アイドル事変」公式サイト
	http://idoljihen.jp

----------------------------------------------*/
@media only screen and (max-width: 767px) {
  /*
	basic
----------------------------------------------*/
  html {
    font-size: 62.5%; }
  body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-text-size-adjust: 100%;
    background: url(../images/sp/bg_idoljihen.png) 0 0 no-repeat #faf9f9;
    background-size: contain; }
  * {
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
  a {
    outline: none; }
  a:link,
  a:visited {
    color: #08b5e0;
    text-decoration: underline; }
  a:hover,
  a:focus,
  a:active {
    color: #9bbdc6;
    text-decoration: underline; }
  strong, b {
    font-weight: bold; }
  img {
    max-width: 100%;
    width: auto;
    height: auto; }
  .pc_n {
    display: none; }
  .pc_b {
    display: none; }
  .pc_i {
    display: none; }
  .sp_n {
    display: none; }
  .sp_b {
    display: block; }
  .sp_i {
    display: inline; }
  .nav-inner {
    width: 94%;
    margin: 0 auto; }
  .inner {
    width: 94%;
    margin: 0 auto; }
  .font-hiragino {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif; }
  .font-poppins {
    font-family: 'Poppins', sans-serif; }
  .font-yumincho {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; }
  .font-yugothic {
    font-family: "游ゴシック", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
  .bold {
    font-weight: bold; }
  .red {
    color: #f00; }
  /*
	clearfix
----------------------------------------------*/
  .clearfix:after, header .nav-inner:after, header .nav-inner nav.header-menu ul.header-menu-list:after, #top-project .inner .project-list:after, #character .inner .mediaList:after, #character .inner ul.characterList:after, #character-detail .inner .contents .profile:after, #broadcast .inner .contents ul li:after, #anime-character .inner .mediaList:after, #anime-character02 .inner .mediaList:after, #anime-character-detail .inner .contents .profile:after, #anime-episode .inner .episode-list:after, #anime-staff-cast .inner .contents .staff-cast-list:after, #bd_dvd .inner .bd_dvd-list:after, #game .inner .contents article .gameCharacter ul:after, #game .inner .contents article .download ul:after, footer .nav-inner:after, footer .nav-inner nav.footer-menu ul.footer-menu-list:after, .news-list:after, .cd-list:after {
    display: block;
    clear: both;
    content: ""; }
  /*
	header
----------------------------------------------*/
  header {
    width: 100%;
    margin: 0 0 0 0;
    padding: 6px 0 0 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5; }
    header:before {
      content: "";
      width: 200%;
      height: 500%;
      background: #fde74c;
      position: absolute;
      top: -480%;
      left: -30%;
      -webkit-transform: rotate(-6.3deg);
      transform: rotate(-6.3deg); }
    header .nav-inner {
      padding: 0 0 0 0;
      position: relative; }
      header .nav-inner .logo {
        width: 80%;
        margin: 0 0 0 0;
        float: left; }
        header .nav-inner .logo h1 {
          width: 120px;
          display: inline-block;
          vertical-align: middle; }
        header .nav-inner .logo p {
          width: 110px;
          margin: 0 0 0 3%;
          display: inline-block;
          vertical-align: middle; }
      header .nav-inner nav.header-menu {
        width: 100%;
        height: 100%;
        padding: 0 3%;
        position: fixed;
        top: 0;
        left: 0;
        background: rgba(253, 232, 81, 0.97);
        display: none; }
        header .nav-inner nav.header-menu ul.header-menu-list {
          width: 94%;
          margin: 0 auto;
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          right: 0;
          left: 0; }
          header .nav-inner nav.header-menu ul.header-menu-list:before {
            content: "MENU";
            font-size: 18px;
            font-size: 1.8rem;
            font-weight: bold;
            font-family: 'Poppins', sans-serif;
            position: absolute;
            top: -32.5px;
            right: 0;
            left: 0;
            text-align: center;
            letter-spacing: 5px;
            color: #333; }
          header .nav-inner nav.header-menu ul.header-menu-list li {
            width: 33.333%;
            padding: 5% 0 4.75% 0;
            float: left;
            background: #fff9d1;
            text-align: center; }
            header .nav-inner nav.header-menu ul.header-menu-list li a {
              font-size: 12px;
              font-size: 1.2rem;
              color: #000000;
              text-decoration: none;
              position: relative;
              display: block; }
            header .nav-inner nav.header-menu ul.header-menu-list li:nth-child(1) {
              border-bottom: 1px solid rgba(253, 232, 81, 0.97);
              width: 100%; }
            header .nav-inner nav.header-menu ul.header-menu-list li:nth-child(2), header .nav-inner nav.header-menu ul.header-menu-list li:nth-child(3), header .nav-inner nav.header-menu ul.header-menu-list li:nth-child(4) {
              border-top: 1px solid rgba(253, 232, 81, 0.97); }
            header .nav-inner nav.header-menu ul.header-menu-list li:nth-child(5), header .nav-inner nav.header-menu ul.header-menu-list li:nth-child(8), header .nav-inner nav.header-menu ul.header-menu-list li:nth-child(11) {
              border-left: none; }
            header .nav-inner nav.header-menu ul.header-menu-list li:nth-child(16) {
              text-decoration: line-through;
              font-size: 12px;
              font-size: 1.2rem;
              color: #000000;
              position: relative; }
          header .nav-inner nav.header-menu ul.header-menu-list li + li {
            border-bottom: 1px solid rgba(253, 232, 81, 0.97);
            border-left: 1px solid rgba(253, 232, 81, 0.97); }
    header .menu-trigger {
      display: inline-block;
      -webkit-transition: all .4s;
      transition: all .4s;
      box-sizing: border-box;
      width: 44px;
      height: 44px;
      margin: 0 -3% 0 0;
      z-index: 3;
      position: relative;
      float: right; }
      header .menu-trigger:before {
        content: "menu";
        position: absolute;
        top: 0;
        right: 1px;
        left: 0;
        font-size: 10px;
        font-size: 1.0rem;
        text-align: center;
        color: #000;
        text-shadow: 0 0 2px #fff,0 0 2px #fff,0 0 2px #fff; }
      header .menu-trigger span {
        display: inline-block;
        -webkit-transition: all .4s;
        transition: all .4s;
        box-sizing: border-box;
        position: absolute;
        left: 0;
        right: 0;
        width: 58%;
        margin: 0 auto;
        height: 3px;
        background-color: #000;
        border-radius: 4px;
        box-shadow: 0 0 2px #fff,0 0 2px #fff,0 0 2px #fff; }
        header .menu-trigger span:nth-of-type(1) {
          top: 22px; }
        header .menu-trigger span:nth-of-type(2) {
          top: 30px; }
        header .menu-trigger span:nth-of-type(3) {
          top: 14px; }
    header .menu-trigger.active {
      position: relative;
      z-index: 4; }
      header .menu-trigger.active:before {
        content: "close";
        position: absolute;
        top: 0;
        right: 1px;
        left: 0;
        font-size: 10px;
        font-size: 1.0rem;
        text-align: center;
        color: #000; }
      header .menu-trigger.active span:nth-of-type(1) {
        -webkit-transform: translateY(7px) rotate(-45deg);
        transform: translateY(7px) rotate(-45deg);
        box-shadow: none;
        top: 14px; }
      header .menu-trigger.active span:nth-of-type(2) {
        opacity: 0; }
      header .menu-trigger.active span:nth-of-type(3) {
        -webkit-transform: translateY(0) rotate(45deg);
        transform: translateY(0) rotate(45deg);
        box-shadow: none;
        top: 21px; }
  /*
	wrapper
----------------------------------------------*/
  #wrapper {
    overflow: hidden;
    position: relative; }
  /*
	main-visual
----------------------------------------------*/
  #main-visual {
    margin: 0 auto 10% auto;
    padding: 109% 0 0 0;
    background: url(../images/sp/main-visual_idoljihen.png) 50% 10px no-repeat;
    background-size: contain;
    position: relative; }
    #main-visual:before {
      content: "";
      width: 20.5%;
      height: 100%;
      background: url(../images/sp/txt_main-visual.png) 0 0 no-repeat;
      background-size: contain;
      position: absolute;
      top: 8%;
      left: 3%; }
    #main-visual aside {
      width: 94%;
      max-width: 440px;
      margin: 0 auto; }
      #main-visual aside p.ann-anime {
        margin: 0 0 5% 0; }
      #main-visual aside .pickup {
        margin: 0 0 12.5% 0; }
        #main-visual aside .pickup .heading {
          width: 130px;
          height: 20px;
          padding: 0 0 0 8px;
          font-size: 12px;
          font-size: 1.2rem;
          line-height: 22px;
          font-weight: bold;
          color: #FFF;
          display: block;
          background: #000;
          letter-spacing: 2px;
          position: relative; }
          #main-visual aside .pickup .heading:after {
            content: "";
            width: 14px;
            height: 10px;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            right: 10px;
            background: url(../images/pc/icon_arrow-r.png) 0 0 no-repeat; }
        #main-visual aside .pickup .slider ul li {
          background: #000; }
          #main-visual aside .pickup .slider ul li a img {
            -webkit-transition: 0.3s;
            transition: 0.3s; }
          #main-visual aside .pickup .slider ul li a:hover img {
            opacity: 0.9; }
        #main-visual aside .pickup .slider .bx-prev {
          width: 26px;
          height: 26px;
          left: 2%;
          background-size: cover;
          z-index: 1; }
        #main-visual aside .pickup .slider .bx-next {
          width: 26px;
          height: 26px;
          right: 2%;
          background-size: cover;
          z-index: 1; }
        #main-visual aside .pickup .slider .bx-wrapper .bx-pager {
          bottom: -20px; }
        #main-visual aside .pickup .slider .bx-wrapper .bx-pager.bx-default-pager a {
          width: 12px;
          height: 12px; }
        #main-visual aside .pickup .slider .bx-wrapper .bx-controls-direction a {
          margin-top: 0;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }
      #main-visual aside .twitter .heading {
        width: 130px;
        height: 20px;
        padding: 0 0 0 8px;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 22px;
        font-weight: bold;
        color: #FFF;
        display: block;
        background: #479adb;
        letter-spacing: 2px;
        position: relative; }
        #main-visual aside .twitter .heading:after {
          content: "";
          width: 14px;
          height: 10px;
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          right: 10px;
          background: url(../images/pc/icon_arrow-r.png) 0 0 no-repeat; }
        #main-visual aside .twitter .heading a {
          color: #fff;
          text-decoration: none; }
      #main-visual aside .twitter iframe {
        min-height: 150px !important; }
  /*
	top-news
----------------------------------------------*/
  #top-news {
    padding: 10% 0 13% 0;
    -webkit-transform: skewY(-6.3deg);
    transform: skewY(-6.3deg);
    position: relative;
    background: url(../images/pc/bg_top-news.png) rgba(254, 252, 224, 0.9);
    -webkit-backface-visibility: hidden; }
    #top-news .inner {
      -webkit-transform: skewY(6.3deg);
      transform: skewY(6.3deg);
      -webkit-backface-visibility: hidden; }
      #top-news .inner h2 {
        margin: 0 0 25px 0;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: bold;
        letter-spacing: 5px;
        color: #333;
        text-align: center;
        position: relative; }
        #top-news .inner h2:after {
          content: "ニュース";
          font-size: 10px;
          font-size: 1.0rem;
          font-weight: normal;
          font-family: "メイリオ", Meiryo, Osaka, sans-serif;
          letter-spacing: 4px;
          position: absolute;
          right: 0;
          bottom: -12px;
          left: 0; }
      #top-news .inner .btn-to-news {
        width: 200px;
        height: 40px;
        margin: 8% auto 0 auto;
        text-align: center;
        line-height: 40px;
        background: #000;
        border: 1px solid #000; }
        #top-news .inner .btn-to-news a {
          font-size: 12px;
          font-size: 1.2rem;
          color: #FFF;
          text-decoration: none;
          display: block;
          position: relative;
          letter-spacing: 2px; }
          #top-news .inner .btn-to-news a:after {
            content: "";
            width: 12px;
            height: 8px;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            right: 13px;
            background: url(../images/pc/icon_arrow-r.png) 0 0 no-repeat;
            background-size: contain; }
  /*
	top-project
----------------------------------------------*/
  #top-project {
    padding: 10% 0 13% 0;
    -webkit-transform: skewY(-6.3deg);
    transform: skewY(-6.3deg);
    position: relative;
    -webkit-backface-visibility: hidden; }
    #top-project .inner {
      -webkit-transform: skewY(6.3deg);
      transform: skewY(6.3deg);
      -webkit-backface-visibility: hidden; }
      #top-project .inner h2 {
        margin: 0 0 25px 0;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: bold;
        letter-spacing: 5px;
        color: #333;
        text-align: center;
        position: relative; }
        #top-project .inner h2:after {
          content: "プロジェクト";
          font-size: 10px;
          font-size: 1.0rem;
          font-weight: normal;
          font-family: "メイリオ", Meiryo, Osaka, sans-serif;
          letter-spacing: 4px;
          position: absolute;
          right: 0;
          bottom: -12px;
          left: 0; }
      #top-project .inner .project-list li {
        width: 48.5%;
        padding: 3.8% 2%;
        background: #FFF;
        float: left; }
        #top-project .inner .project-list li a {
          display: block;
          text-decoration: none; }
        #top-project .inner .project-list li h3 {
          margin: 0 0 20px 0;
          font-size: 15px;
          font-size: 1.5rem;
          letter-spacing: 2px;
          position: relative; }
          #top-project .inner .project-list li h3:after {
            font-size: 10px;
            font-size: 1.0rem;
            font-weight: normal;
            font-family: "メイリオ", Meiryo, Osaka, sans-serif;
            color: #333;
            position: absolute;
            left: 0;
            bottom: -13px; }
        #top-project .inner .project-list li figure {
          margin: 0 0 3% 0;
          text-align: center;
          overflow: hidden; }
        #top-project .inner .project-list li p {
          font-size: 12px;
          font-size: 1.2rem;
          line-height: 18px;
          color: #222; }
        #top-project .inner .project-list li:nth-child(2n+1) {
          margin: 3% 0 0 0; }
        #top-project .inner .project-list li:first-child {
          margin: 0 0 0 0; }
        #top-project .inner .project-list li:nth-child(2) {
          margin: 0 0 0 3%; }
      #top-project .inner .project-list li + li {
        margin: 3% 0 0 3%; }
      #top-project .inner .project-list .anime {
        border-top: 4px solid #e94f75; }
        #top-project .inner .project-list .anime h3 {
          color: #e94f75; }
          #top-project .inner .project-list .anime h3:after {
            content: "アニメーション"; }
      #top-project .inner .project-list .game {
        border-top: 4px solid #ed6227; }
        #top-project .inner .project-list .game h3 {
          color: #ed6227; }
          #top-project .inner .project-list .game h3:after {
            content: "ゲーム"; }
      #top-project .inner .project-list .comic {
        border-top: 4px solid #8752a1; }
        #top-project .inner .project-list .comic h3 {
          color: #8752a1; }
          #top-project .inner .project-list .comic h3:after {
            content: "コミック"; }
      #top-project .inner .project-list .cd {
        border-top: 4px solid #2d32b0; }
        #top-project .inner .project-list .cd h3 {
          color: #2d32b0; }
          #top-project .inner .project-list .cd h3:after {
            content: "音楽"; }
      #top-project .inner .project-list .broadcast {
        border-top: 4px solid #39c5a6; }
        #top-project .inner .project-list .broadcast h3 {
          color: #39c5a6; }
          #top-project .inner .project-list .broadcast h3:after {
            content: "生放送"; }
      #top-project .inner .project-list .event {
        border-top: 4px solid #97bf2a; }
        #top-project .inner .project-list .event h3 {
          color: #97bf2a; }
          #top-project .inner .project-list .event h3:after {
            content: "イベント"; }
      #top-project .inner .project-list .blu-ray_dvd {
        border-top: 4px solid #479adb; }
        #top-project .inner .project-list .blu-ray_dvd h3 {
          color: #479adb; }
          #top-project .inner .project-list .blu-ray_dvd h3:after {
            content: "ブルーレイ"; }
      #top-project .inner .project-list .goods {
        border-top: 4px solid #ac6a00; }
        #top-project .inner .project-list .goods h3 {
          color: #ac6a00; }
          #top-project .inner .project-list .goods h3:after {
            content: "グッズ"; }
  /*
	news
----------------------------------------------*/
  #news {
    position: relative; }
    #news .inner {
      padding: 65px 0 10% 0; }
      #news .inner h2 {
        margin: 0 0 25px 0;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: bold;
        letter-spacing: 5px;
        color: #333;
        text-align: center;
        position: relative; }
        #news .inner h2:after {
          content: "ニュース";
          font-size: 10px;
          font-size: 1.0rem;
          font-weight: normal;
          font-family: "メイリオ", Meiryo, Osaka, sans-serif;
          letter-spacing: 4px;
          position: absolute;
          right: 0;
          bottom: -12px;
          left: 0; }
      #news .inner .pagenation {
        margin: 5% 0 0 0;
        text-align: center; }
  /*
	news-detail
----------------------------------------------*/
  #news-detail {
    position: relative; }
    #news-detail .inner {
      padding: 65px 0 10% 0; }
      #news-detail .inner h2 {
        margin: 0 0 25px 0;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: bold;
        letter-spacing: 5px;
        color: #333;
        text-align: center;
        position: relative; }
        #news-detail .inner h2:after {
          content: "ニュース";
          font-size: 10px;
          font-size: 1.0rem;
          font-weight: normal;
          font-family: "メイリオ", Meiryo, Osaka, sans-serif;
          letter-spacing: 4px;
          position: absolute;
          right: 0;
          bottom: -12px;
          left: 0; }
      #news-detail .inner .contents {
        margin: 0 auto 5% auto;
        padding: 5% 3%;
        background: rgba(255, 255, 255, 0.9); }
        #news-detail .inner .contents .date {
          margin: 0 0 0 0;
          font-size: 10px;
          font-size: 1.0rem;
          color: #000;
          display: inline-block; }
        #news-detail .inner .contents .category {
          margin: 0 0 3% 5px;
          padding: 2px 4px 2px 4px;
          display: inline-block;
          position: relative;
          top: -1px;
          border-radius: 5px;
          font-size: 10px;
          font-size: 1.0rem;
          color: #fff; }
        #news-detail .inner .contents .info {
          background: #707070; }
        #news-detail .inner .contents .anime {
          background: #e94f75; }
        #news-detail .inner .contents .game {
          background: #8752a1; }
        #news-detail .inner .contents .comic {
          background: #383DB4; }
        #news-detail .inner .contents .cd {
          background: #2d32b0; }
        #news-detail .inner .contents .broadcast {
          background: #39c5a6; }
        #news-detail .inner .contents .event {
          background: #97bf2a; }
        #news-detail .inner .contents .blu-ray_dvd {
          background: #479adb; }
        #news-detail .inner .contents .goods {
          background: #ac6a00; }
        #news-detail .inner .contents .title {
          margin: 0 0 3% 0;
          font-size: 15px;
          font-size: 1.5rem;
          font-weight: bold;
          color: #fff;
          line-height: 25px; }
          #news-detail .inner .contents .title span {
            padding: 2px 5px 2px 5px;
            background: #000; }
        #news-detail .inner .contents .thumbnail {
          margin: 0 0 3% 0;
          text-align: center; }
        #news-detail .inner .contents .sentence {
          margin: 0 0 30px 0;
          font-size: 12px;
          font-size: 1.2rem;
          line-height: 22px; }
        #news-detail .inner .contents .sns-share {
          text-align: left; }
          #news-detail .inner .contents .sns-share li {
            display: inline-block; }
            #news-detail .inner .contents .sns-share li:nth-child(2) {
              position: relative;
              top: -2px; }
          #news-detail .inner .contents .sns-share li + li {
            margin: 0 0 0 10px; }
          #news-detail .inner .contents .sns-share .social-balloon {
            position: relative;
            display: inline-block;
            vertical-align: top;
            margin-left: 5px;
            background: #fff;
            border: 1px solid #ccc;
            border-radius: 2px; }
          #news-detail .inner .contents .sns-share .social-balloon:after,
          #news-detail .inner .contents .sns-share .social-balloon:before {
            position: absolute;
            right: 100%;
            top: 50%;
            height: 0;
            width: 0;
            pointer-events: none;
            border: solid transparent;
            content: " "; }
          #news-detail .inner .contents .sns-share .social-balloon:after {
            border-color: rgba(255, 255, 255, 0);
            border-right-color: #fff;
            border-width: 4px;
            margin-top: -4px; }
          #news-detail .inner .contents .sns-share .social-balloon:before {
            border-color: rgba(192, 192, 192, 0);
            border-right-color: #ccc;
            border-width: 5px;
            margin-top: -5px; }
          #news-detail .inner .contents .sns-share .social-balloon a {
            height: 18px;
            line-height: 18px;
            font-size: 10px !important;
            padding: 0 6px 0 5px;
            margin: 0;
            color: #4e5665 !important;
            text-decoration: none; }
            #news-detail .inner .contents .sns-share .social-balloon a:hover {
              text-decoration: underline; }
      #news-detail .inner .pagenavi {
        width: 270px;
        margin: 0 auto;
        text-align: center;
        position: relative; }
        #news-detail .inner .pagenavi li {
          height: 25px;
          line-height: 23px;
          background: #000;
          border: 1px solid #000; }
          #news-detail .inner .pagenavi li a {
            display: block;
            font-size: 12px;
            font-size: 1.2rem;
            color: #fff;
            text-decoration: none; }
        #news-detail .inner .pagenavi .page-prev {
          width: 75px;
          position: absolute;
          top: 0;
          left: 0; }
        #news-detail .inner .pagenavi .page-topics {
          width: 90px;
          margin: 0 auto;
          display: inline-block; }
        #news-detail .inner .pagenavi .page-next {
          width: 75px;
          position: absolute;
          top: 0;
          right: 0; }
  /*
	about
----------------------------------------------*/
  #about {
    position: relative; }
    #about .inner {
      padding: 65px 0 10% 0; }
      #about .inner h2 {
        margin: 0 0 25px 0;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: bold;
        letter-spacing: 5px;
        color: #333;
        text-align: center;
        position: relative; }
        #about .inner h2:after {
          content: "アイドル事変とは";
          font-size: 10px;
          font-size: 1.0rem;
          font-weight: normal;
          font-family: "メイリオ", Meiryo, Osaka, sans-serif;
          letter-spacing: 4px;
          position: absolute;
          right: 0;
          bottom: -12px;
          left: 0; }
      #about .inner .contents {
        margin: 0 auto 5% auto;
        padding: 5% 3%;
        background: rgba(255, 255, 255, 0.9);
        position: relative; }
        #about .inner .contents .outline {
          position: relative;
          z-index: 1; }
          #about .inner .contents .outline p:nth-child(1) img {
            width: 65.83333%; }
          #about .inner .contents .outline p:nth-child(2) {
            margin: 5% 0 0 0; }
            #about .inner .contents .outline p:nth-child(2) img {
              width: 66.428571%; }
          #about .inner .contents .outline p:nth-child(3) {
            margin: 10% 0 0 0; }
            #about .inner .contents .outline p:nth-child(3) img {
              width: 68.035714%; }
          #about .inner .contents .outline p:nth-child(4) {
            margin: 10% 0 0 0; }
            #about .inner .contents .outline p:nth-child(4) img {
              width: 76.071429%; }
        #about .inner .contents figure {
          width: 49.5%;
          position: absolute;
          top: 10px;
          right: -15px; }
  /*
	character
----------------------------------------------*/
  #character {
    position: relative; }
    #character .inner {
      padding: 65px 0 10% 0; }
      #character .inner h2 {
        margin: 0 0 45px 0;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: bold;
        letter-spacing: 5px;
        color: #333;
        text-align: center;
        position: relative; }
        #character .inner h2:after {
          content: "キャラクター";
          font-size: 10px;
          font-size: 1.0rem;
          font-weight: normal;
          font-family: "メイリオ", Meiryo, Osaka, sans-serif;
          letter-spacing: 4px;
          position: absolute;
          right: 0;
          bottom: -12px;
          left: 0; }
      #character .inner .mediaList {
        text-align: center;
        margin: 0 auto 35px auto; }
        #character .inner .mediaList li {
          width: 48.5%;
          display: inline-block;
          float: left; }
          #character .inner .mediaList li:nth-child(1) a {
            width: 100%;
            padding: 10% 0;
            background: #e94f75;
            display: block;
            font-size: 12px;
            font-size: 1.2rem;
            color: #fff;
            letter-spacing: 1px;
            text-decoration: none;
            border-radius: 100px;
            border: 1px solid #e94f75; }
          #character .inner .mediaList li:nth-child(2) {
            padding: 5% 0;
            background: #fff;
            font-size: 12px;
            font-size: 1.2rem;
            color: #e94f75;
            letter-spacing: 1px;
            text-decoration: none;
            border-radius: 100px;
            border: 1px solid #e94f75; }
        #character .inner .mediaList li + li {
          margin: 0 0 0 3%; }
      #character .inner ul.characterList {
        margin: 0 auto 5% 0; }
        #character .inner ul.characterList li {
          width: 48.5%;
          float: left; }
          #character .inner ul.characterList li a {
            text-decoration: none; }
            #character .inner ul.characterList li a figure {
              line-height: 0;
              overflow: hidden; }
              #character .inner ul.characterList li a figure img {
                image-rendering: -moz-crisp-edges;
                image-rendering: -o-crisp-edges;
                image-rendering: -webkit-optimize-contrast;
                image-rendering: crisp-edges;
                -webkit-transition: 0.3s;
                transition: 0.3s; }
            #character .inner ul.characterList li a .information .name {
              padding: 5px 0 5px 0;
              font-size: 14px;
              font-size: 1.4rem;
              font-weight: bold;
              text-align: center;
              color: #FFF; }
            #character .inner ul.characterList li a .information .prefecture {
              margin: 1px 0 0 0;
              padding: 7px 0 7px 0;
              font-size: 11px;
              font-size: 1.1rem;
              font-weight: bold;
              text-align: center;
              color: #000;
              background: #FFF; }
            #character .inner ul.characterList li a .information .cv {
              margin: 1px 0 0 0;
              padding: 7px 0 7px 0;
              font-size: 11px;
              font-size: 1.1rem;
              font-weight: bold;
              text-align: center;
              color: #000;
              background: #FFF; }
            #character .inner ul.characterList li a .information .party {
              margin: 1px 0 0 0;
              padding: 7px 0 7px 0;
              font-size: 11px;
              font-size: 1.1rem;
              font-weight: bold;
              text-align: center;
              color: #000;
              background: #FFF; }
          #character .inner ul.characterList li:nth-child(2n+1) {
            margin: 3% 0 0 0; }
          #character .inner ul.characterList li:nth-child(2) {
            margin: 0 0 0 3%; }
          #character .inner ul.characterList li:nth-child(1) {
            margin: 0 0 0 0; }
        #character .inner ul.characterList .heroine a .information .name {
          background: #e60012; }
        #character .inner ul.characterList .sanrai a .information .name {
          background: #ff9c23; }
        #character .inner ul.characterList .star-ligh a .information .name {
          color: #000;
          background: #fff45c; }
        #character .inner ul.characterList .bisyojo a .information .name {
          background: #ea68a2; }
        #character .inner ul.characterList .wakaba a .information .name {
          background: #009944; }
        #character .inner ul.characterList .subcul a .information .name {
          background: #4ab4e0; }
        #character .inner ul.characterList .sos a .information .name {
          background: #7a459a; }
        #character .inner ul.characterList li + li {
          margin: 3% 0 0 3%; }
      #character .inner p {
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: bold;
        text-align: center; }
  /*
	character-detail
----------------------------------------------*/
  #character-detail {
    position: relative; }
    #character-detail .inner {
      padding: 65px 0 10% 0; }
      #character-detail .inner h2 {
        margin: 0 0 25px 0;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: bold;
        letter-spacing: 5px;
        color: #333;
        text-align: center;
        position: relative; }
        #character-detail .inner h2:after {
          content: "キャラクター";
          font-size: 10px;
          font-size: 1.0rem;
          font-weight: normal;
          font-family: "メイリオ", Meiryo, Osaka, sans-serif;
          letter-spacing: 4px;
          position: absolute;
          right: 0;
          bottom: -12px;
          left: 0; }
      #character-detail .inner .contents {
        margin: 0 auto 5% auto;
        padding: 5% 3%;
        background: rgba(255, 255, 255, 0.9);
        position: relative; }
        #character-detail .inner .contents .profile {
          width: 100%;
          margin: 0 0 0 0; }
          #character-detail .inner .contents .profile .party {
            width: 30%;
            height: 25px;
            font-size: 12px;
            font-size: 1.2rem;
            text-align: center;
            line-height: 25px;
            color: #fff;
            float: left; }
          #character-detail .inner .contents .profile .catchcopy {
            width: 70%;
            height: 25px;
            font-size: 10px;
            font-size: 1.0rem;
            text-align: center;
            line-height: 25px;
            color: #000;
            float: left; }
          #character-detail .inner .contents .profile .prefecture-name {
            margin: 0 auto 5% auto;
            padding: 5% 0 25px 0;
            clear: both;
            display: table; }
            #character-detail .inner .contents .profile .prefecture-name .prefecture {
              padding: 10px 20px 0 0;
              font-size: 10px;
              font-size: 1.0rem;
              display: table-cell;
              vertical-align: middle; }
              #character-detail .inner .contents .profile .prefecture-name .prefecture span {
                border-bottom: 1px solid #000; }
            #character-detail .inner .contents .profile .prefecture-name .name {
              padding: 0 0 0 0;
              display: table-cell;
              vertical-align: middle;
              position: relative; }
              #character-detail .inner .contents .profile .prefecture-name .name rb {
                font-size: 32px;
                font-size: 3.2rem;
                font-weight: bold;
                letter-spacing: 5px; }
                #character-detail .inner .contents .profile .prefecture-name .name rb span {
                  letter-spacing: 0; }
                #character-detail .inner .contents .profile .prefecture-name .name rb span.kana {
                  letter-spacing: -5px; }
              #character-detail .inner .contents .profile .prefecture-name .name rt {
                font-size: 10px;
                font-size: 1.0rem; }
              #character-detail .inner .contents .profile .prefecture-name .name dl {
                margin: 0 auto;
                position: absolute;
                bottom: -25px;
                left: 50%;
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
                display: table; }
                #character-detail .inner .contents .profile .prefecture-name .name dl dt {
                  padding: 2px 5px 0 5px;
                  border-radius: 5px;
                  font-size: 10px;
                  font-size: 1.0rem;
                  color: #fff;
                  background: #000;
                  display: table-cell;
                  vertical-align: middle; }
                #character-detail .inner .contents .profile .prefecture-name .name dl dd {
                  padding: 3px 0 0 5px;
                  font-size: 12px;
                  font-size: 1.2rem;
                  display: table-cell;
                  vertical-align: middle;
                  letter-spacing: 2px;
                  position: relative;
                  top: -1px; }
            #character-detail .inner .contents .profile .prefecture-name .saionji-eleanor-name {
              font-size: 22px !important;
              font-size: 2.2rem !important; }
              #character-detail .inner .contents .profile .prefecture-name .saionji-eleanor-name span {
                letter-spacing: -1px !important; }
            #character-detail .inner .contents .profile .prefecture-name .kosasa-villamaine-name {
              font-size: 22px !important;
              font-size: 2.2rem !important; }
              #character-detail .inner .contents .profile .prefecture-name .kosasa-villamaine-name span {
                letter-spacing: -1px !important; }
          #character-detail .inner .contents .profile .visual {
            width: 100%;
            margin: 0 0 50px 0;
            text-align: center;
            position: relative; }
            #character-detail .inner .contents .profile .visual img {
              max-height: 400px; }
            #character-detail .inner .contents .profile .visual dl {
              margin: 0 auto;
              position: absolute;
              bottom: -30px;
              left: 50%;
              -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
              #character-detail .inner .contents .profile .visual dl dt {
                padding: 2px 5px 0 5px;
                border-radius: 5px;
                font-size: 10px;
                font-size: 1.0rem;
                color: #fff;
                background: #000;
                display: table-cell;
                vertical-align: middle; }
              #character-detail .inner .contents .profile .visual dl dd {
                padding: 3px 0 0 5px;
                font-size: 12px;
                font-size: 1.2rem;
                display: table-cell;
                vertical-align: middle;
                letter-spacing: 2px;
                position: relative;
                top: -1px; }
          #character-detail .inner .contents .profile table {
            width: 100%;
            margin: 0 0 0 0;
            border-collapse: separate;
            /* セルの間隔を空ける */
            border-spacing: 2px 0; }
            #character-detail .inner .contents .profile table th {
              width: 33.3333333%;
              height: 30px;
              font-size: 12px;
              font-size: 1.2rem;
              line-height: 30px;
              text-align: center;
              border-collapse: separate;
              border-spacing: 0 0 0 5px; }
            #character-detail .inner .contents .profile table td {
              padding: 15px 0 15px 0;
              font-size: 12px;
              font-size: 1.2rem;
              text-align: center; }
            #character-detail .inner .contents .profile table .manifest {
              padding: 20px 0 20px 0;
              font-size: 15px;
              font-size: 1.5rem;
              font-weight: bold;
              text-align: center;
              letter-spacing: 1px; }
        #character-detail .inner .contents .heroin .party {
          background: #ff0000; }
        #character-detail .inner .contents .heroin .catchcopy {
          background: #ffeeef; }
        #character-detail .inner .contents .heroin table th {
          background: #ffeeef; }
        #character-detail .inner .contents .sanrai .party {
          background: #ff9c23; }
        #character-detail .inner .contents .sanrai .catchcopy {
          background: #fef5eb; }
        #character-detail .inner .contents .sanrai table th {
          background: #fef5eb; }
        #character-detail .inner .contents .star-ligh .party {
          color: #000;
          background: #fff45c; }
        #character-detail .inner .contents .star-ligh .catchcopy {
          background: #fffeec; }
        #character-detail .inner .contents .star-ligh table th {
          background: #fffeec; }
        #character-detail .inner .contents .bisyojo .party {
          background: #ea68a2; }
        #character-detail .inner .contents .bisyojo .catchcopy {
          background: #ffecf4; }
        #character-detail .inner .contents .bisyojo table th {
          background: #ffecf4; }
        #character-detail .inner .contents .wakaba .party {
          background: #009944; }
        #character-detail .inner .contents .wakaba .catchcopy {
          background: #e8f9f0; }
        #character-detail .inner .contents .wakaba table th {
          background: #e8f9f0; }
        #character-detail .inner .contents .subcul .party {
          background: #4ab4e0; }
        #character-detail .inner .contents .subcul .catchcopy {
          background: #edfaff; }
        #character-detail .inner .contents .subcul table th {
          background: #edfaff; }
        #character-detail .inner .contents .sos .party {
          background: #7a459a; }
        #character-detail .inner .contents .sos .catchcopy {
          background: #f8f2fb; }
        #character-detail .inner .contents .sos table th {
          background: #f8f2fb; }
      #character-detail .inner .btn-to-character {
        width: 200px;
        height: 40px;
        margin: 8% auto 0 auto;
        text-align: center;
        line-height: 40px;
        background: #000;
        border: 1px solid #000; }
        #character-detail .inner .btn-to-character a {
          font-size: 12px;
          font-size: 1.2rem;
          color: #FFF;
          text-decoration: none;
          display: block;
          position: relative;
          letter-spacing: 2px; }
          #character-detail .inner .btn-to-character a:after {
            content: "";
            width: 12px;
            height: 8px;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            left: 13px;
            background: url(../images/pc/icon_arrow-l.png) 0 0 no-repeat;
            background-size: contain; }
  /*
	broadcast
----------------------------------------------*/
  #broadcast {
    position: relative; }
    #broadcast .inner {
      padding: 65px 0 10% 0; }
      #broadcast .inner h2 {
        margin: 0 0 25px 0;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: bold;
        letter-spacing: 5px;
        color: #333;
        text-align: center;
        position: relative; }
        #broadcast .inner h2:after {
          content: "生放送";
          font-size: 10px;
          font-size: 1.0rem;
          font-weight: normal;
          font-family: "メイリオ", Meiryo, Osaka, sans-serif;
          letter-spacing: 4px;
          position: absolute;
          right: 0;
          bottom: -12px;
          left: 0; }
      #broadcast .inner .contents {
        margin: 0 auto 5% auto;
        padding: 5% 3%;
        background: rgba(255, 255, 255, 0.9);
        position: relative; }
        #broadcast .inner .contents ul {
          width: 94%;
          margin: 0 auto; }
          #broadcast .inner .contents ul li a {
            text-decoration: none; }
            #broadcast .inner .contents ul li a figure {
              width: 30%;
              max-width: 128px;
              float: left;
              box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); }
            #broadcast .inner .contents ul li a .information {
              width: 67%;
              margin: 0 0 0 3%;
              padding: 0 0 0 3%;
              float: left; }
              #broadcast .inner .contents ul li a .information .title {
                margin: 0 0 5px 0;
                font-size: 12px;
                font-size: 1.2rem;
                font-weight: bold;
                line-height: 16px;
                color: #000; }
              #broadcast .inner .contents ul li a .information .date {
                margin: 0 0 5px 0;
                font-size: 10px;
                font-size: 1.0rem;
                color: #666;
                line-height: 14px; }
              #broadcast .inner .contents ul li a .information .outline {
                font-size: 10px;
                font-size: 1.0rem;
                color: #666;
                line-height: 14px; }
          #broadcast .inner .contents ul li + li {
            margin: 10px 0 0 0;
            padding: 10px 0 0 0;
            border-top: 1px solid #f3f3f3; }
  /*
	anime
----------------------------------------------*/
  #anime {
    position: relative; }
    #anime .inner {
      padding: 65px 0 10% 0; }
      #anime .inner h2 {
        margin: 0 0 25px 0;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: bold;
        letter-spacing: 5px;
        color: #333;
        text-align: center;
        position: relative; }
        #anime .inner h2:after {
          content: "アニメ";
          font-size: 10px;
          font-size: 1.0rem;
          font-weight: normal;
          font-family: "メイリオ", Meiryo, Osaka, sans-serif;
          letter-spacing: 4px;
          position: absolute;
          right: 0;
          bottom: -12px;
          left: 0; }
      #anime .inner .contents {
        margin: 0 auto 5% auto;
        padding: 80% 0 5% 0;
        background: url(../images/pc/bg_anime.png) 0 0 no-repeat rgba(254, 254, 247, 0.8);
        background-size: contain;
        position: relative; }
        #anime .inner .contents:before {
          content: "";
          width: 13%;
          height: 100%;
          background: url(../images/pc/txt_anime-catchcopy.png) 0 0 no-repeat;
          background-size: contain;
          position: absolute;
          top: 0.6%;
          left: 5%; }
        #anime .inner .contents:after {
          content: "";
          width: 49%;
          height: 100%;
          background: url(../images/pc/txt_anime-announce.png) 100% 0 no-repeat;
          background-size: contain;
          position: absolute;
          top: 0;
          right: 0; }
        #anime .inner .contents article {
          width: 90%;
          margin: 0 auto;
          padding: 5% 3%;
          background: rgba(255, 255, 255, 0.94); }
          #anime .inner .contents article .onair {
            margin: 0 0 25px 0;
            font-size: 22px;
            font-size: 2.2rem;
            font-weight: bold;
            line-height: 32px;
            text-align: center; }
            #anime .inner .contents article .onair span {
              font-size: 20px;
              font-size: 2.0rem; }
          #anime .inner .contents article .movie {
            margin: 0 0 30px 0;
            text-align: center; }
            #anime .inner .contents article .movie h3 {
              margin: 0 0 20px 0;
              font-size: 12px;
              font-size: 1.2rem;
              color: #fff;
              letter-spacing: 3px; }
              #anime .inner .contents article .movie h3 span {
                padding: 2.5px 15px;
                background: #e94f75; }
            #anime .inner .contents article .movie div {
              padding: 56.65% 0 0 0;
              position: relative; }
              #anime .inner .contents article .movie div iframe {
                width: 100%;
                height: 100%;
                margin: 0 auto;
                position: absolute;
                top: 0;
                left: 0;
                right: 0; }
          #anime .inner .contents article .animation-studio {
            margin: 0 0 25px 0;
            text-align: center; }
            #anime .inner .contents article .animation-studio h3 {
              margin: 0 0 10px 0;
              font-size: 12px;
              font-size: 1.2rem;
              color: #fff;
              letter-spacing: 3px; }
              #anime .inner .contents article .animation-studio h3 span {
                padding: 2.5px 15px;
                background: #e94f75; }
            #anime .inner .contents article .animation-studio p {
              font-size: 18px;
              font-size: 1.8rem;
              font-weight: bold;
              line-height: 30px;
              text-align: center;
              letter-spacing: 2px; }
          #anime .inner .contents article .staff {
            margin: 0 0 25px 0;
            text-align: center; }
            #anime .inner .contents article .staff h3 {
              margin: 0 0 13px 0;
              font-size: 12px;
              font-size: 1.2rem;
              color: #fff;
              letter-spacing: 3px; }
              #anime .inner .contents article .staff h3 span {
                padding: 2.5px 15px;
                background: #e94f75; }
            #anime .inner .contents article .staff p {
              font-size: 12px;
              font-size: 1.2rem;
              font-weight: bold;
              line-height: 24px;
              text-align: center;
              letter-spacing: 0.5px; }
          #anime .inner .contents article .sound-produce h3 {
            margin: 0 0 17.5px 0;
            font-size: 12px;
            font-size: 1.2rem;
            color: #fff;
            letter-spacing: 3px;
            text-align: center; }
            #anime .inner .contents article .sound-produce h3 span {
              padding: 2.5px 15px;
              background: #e94f75; }
          #anime .inner .contents article .sound-produce .name {
            margin: 0 0 15px 0;
            font-size: 20px;
            font-size: 2.0rem;
            font-weight: bold;
            letter-spacing: 5px;
            text-align: center; }
          #anime .inner .contents article .sound-produce figure {
            text-align: center; }
            #anime .inner .contents article .sound-produce figure img {
              width: 85%;
              max-width: 230px; }
          #anime .inner .contents article .sound-produce .profile p {
            font-size: 12px;
            font-size: 1.2rem;
            line-height: 22px; }
          #anime .inner .contents article .sound-produce .profile P + p {
            margin: 5% 0 0 0; }
          #anime .inner .contents article .sound-produce .message {
            margin: 25px 0 0 0; }
            #anime .inner .contents article .sound-produce .message h4 {
              margin: 0 0 7% 0;
              font-size: 12px;
              font-size: 1.2rem;
              color: #fff;
              letter-spacing: 3px;
              text-align: center; }
              #anime .inner .contents article .sound-produce .message h4 span {
                padding: 2.5px 15px;
                background: #333; }
            #anime .inner .contents article .sound-produce .message p.title {
              font-size: 14px;
              font-size: 1.4rem;
              font-weight: bold;
              line-height: 24px; }
            #anime .inner .contents article .sound-produce .message p {
              font-size: 12px;
              font-size: 1.2rem;
              line-height: 22px; }
            #anime .inner .contents article .sound-produce .message P + p {
              margin: 5% 0 0 0; }
  /*
	anime-top
----------------------------------------------*/
  #anime-top {
    position: relative; }
    #anime-top .inner {
      width: 100%;
      padding: 0 0 5% 0; }
      #anime-top .inner .center-column {
        margin: 0 0 5% 0; }
        #anime-top .inner .center-column img.visual {
          width: 150%;
          max-width: none;
          margin: 8% -20% -80% -28%; }
        #anime-top .inner .center-column .ann-anime {
          width: 94%;
          margin: -10% auto 0 auto; }
      #anime-top .inner .right-column .news {
        width: 94%;
        margin: 0 auto 8% auto; }
        #anime-top .inner .right-column .news .heading {
          width: 130px;
          height: 20px;
          padding: 0 0 0 8px;
          font-size: 12px;
          font-size: 1.2rem;
          line-height: 22px;
          font-weight: bold;
          color: #FFF;
          display: block;
          background: #000;
          letter-spacing: 2px;
          position: relative; }
          #anime-top .inner .right-column .news .heading:after {
            content: "";
            width: 14px;
            height: 10px;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            right: 10px;
            background: url(../images/pc/icon_arrow-r.png) 0 0 no-repeat; }
        #anime-top .inner .right-column .news ul li {
          position: relative; }
          #anime-top .inner .right-column .news ul li a {
            height: 100%;
            padding: 3% 5%;
            display: block;
            text-decoration: none;
            background: #fff; }
            #anime-top .inner .right-column .news ul li a .date {
              margin: 0 0 0 0;
              font-size: 10px;
              font-size: 1.0rem;
              color: #000;
              display: inline-block; }
            #anime-top .inner .right-column .news ul li a .category {
              margin: 0 0 3% 0;
              padding: 3px 2px 2px 2px;
              display: inline-block;
              position: relative;
              top: -1px;
              border-radius: 5px;
              font-size: 10px;
              font-size: 1.0rem;
              color: #fff; }
            #anime-top .inner .right-column .news ul li a .info {
              width: auto;
              background: #707070; }
            #anime-top .inner .right-column .news ul li a .anime {
              width: auto;
              background: #e94f75; }
            #anime-top .inner .right-column .news ul li a .game {
              width: auto;
              background: #8752a1; }
            #anime-top .inner .right-column .news ul li a .comic {
              width: auto;
              background: #383DB4; }
            #anime-top .inner .right-column .news ul li a .cd {
              width: auto;
              background: #2d32b0; }
            #anime-top .inner .right-column .news ul li a .broadcast {
              width: auto;
              background: #39c5a6; }
            #anime-top .inner .right-column .news ul li a .event {
              width: auto;
              background: #97bf2a; }
            #anime-top .inner .right-column .news ul li a .blu-ray_dvd {
              width: auto;
              background: #479adb; }
            #anime-top .inner .right-column .news ul li a .goods {
              width: auto;
              background: #ac6a00; }
            #anime-top .inner .right-column .news ul li a .thumbnail {
              width: auto;
              margin: 0 0 3% 0;
              text-align: center;
              overflow: hidden; }
            #anime-top .inner .right-column .news ul li a .title {
              font-size: 10px;
              font-size: 1.0rem;
              line-height: 16px;
              color: #222;
              text-decoration: none; }
            #anime-top .inner .right-column .news ul li a .icon-new {
              width: 15%;
              max-width: 70px;
              position: absolute;
              top: 0;
              right: 0; }
        #anime-top .inner .right-column .news ul li + li {
          border-top: 1px solid #ddd; }
      #anime-top .inner .right-column .twitter {
        width: 94%;
        margin: 8% auto 0 auto; }
        #anime-top .inner .right-column .twitter .heading {
          width: 130px;
          height: 20px;
          padding: 0 0 0 8px;
          font-size: 12px;
          font-size: 1.2rem;
          line-height: 22px;
          font-weight: bold;
          color: #FFF;
          display: block;
          background: #479adb;
          letter-spacing: 2px;
          position: relative; }
          #anime-top .inner .right-column .twitter .heading:after {
            content: "";
            width: 14px;
            height: 10px;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            right: 10px;
            background: url(../images/pc/icon_arrow-r.png) 0 0 no-repeat; }
          #anime-top .inner .right-column .twitter .heading a {
            color: #fff;
            text-decoration: none; }
        #anime-top .inner .right-column .twitter iframe {
          min-height: 150px !important; }
      #anime-top .inner .right-column .blu-ray_dvd,
      #anime-top .inner .right-column .event {
        width: 94%;
        margin: 8% auto 0 auto; }
        #anime-top .inner .right-column .blu-ray_dvd .heading,
        #anime-top .inner .right-column .event .heading {
          width: 130px;
          height: 20px;
          padding: 0 0 0 8px;
          font-size: 12px;
          font-size: 1.2rem;
          line-height: 22px;
          font-weight: bold;
          color: #FFF;
          display: block;
          background: #000;
          letter-spacing: 2px;
          position: relative; }
          #anime-top .inner .right-column .blu-ray_dvd .heading:after,
          #anime-top .inner .right-column .event .heading:after {
            content: "";
            width: 14px;
            height: 10px;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            right: 10px;
            background: url(../images/pc/icon_arrow-r.png) 0 0 no-repeat; }
        #anime-top .inner .right-column .blu-ray_dvd div,
        #anime-top .inner .right-column .event div {
          position: relative; }
          #anime-top .inner .right-column .blu-ray_dvd div img,
          #anime-top .inner .right-column .event div img {
            width: 100%; }
        #anime-top .inner .right-column .blu-ray_dvd div + div,
        #anime-top .inner .right-column .event div + div {
          margin: 3% 0 0 0; }
      #anime-top .inner .right-column .movie {
        width: 94%;
        margin: 8% auto 0 auto; }
        #anime-top .inner .right-column .movie .heading {
          width: 130px;
          height: 20px;
          padding: 0 0 0 8px;
          font-size: 12px;
          font-size: 1.2rem;
          line-height: 22px;
          font-weight: bold;
          color: #FFF;
          display: block;
          background: #000;
          letter-spacing: 2px;
          position: relative; }
          #anime-top .inner .right-column .movie .heading:after {
            content: "";
            width: 14px;
            height: 10px;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            right: 10px;
            background: url(../images/pc/icon_arrow-r.png) 0 0 no-repeat; }
        #anime-top .inner .right-column .movie div {
          padding-top: 56.25%;
          position: relative; }
          #anime-top .inner .right-column .movie div iframe {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0; }
  /*
	anime-character
----------------------------------------------*/
  #anime-character {
    position: relative; }
    #anime-character .inner {
      padding: 65px 0 10% 0; }
      #anime-character .inner h2 {
        margin: 0 0 45px 0;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: bold;
        letter-spacing: 5px;
        color: #333;
        text-align: center;
        position: relative; }
        #anime-character .inner h2:after {
          content: "キャラクター";
          font-size: 10px;
          font-size: 1.0rem;
          font-weight: normal;
          font-family: "メイリオ", Meiryo, Osaka, sans-serif;
          letter-spacing: 4px;
          position: absolute;
          right: 0;
          bottom: -12px;
          left: 0; }
      #anime-character .inner .mediaList {
        text-align: center;
        margin: 0 auto 35px auto; }
        #anime-character .inner .mediaList li {
          width: 48.5%;
          display: inline-block;
          float: left; }
          #anime-character .inner .mediaList li:nth-child(1) {
            padding: 5% 0;
            background: #fff;
            font-size: 12px;
            font-size: 1.2rem;
            color: #e94f75;
            letter-spacing: 1px;
            text-decoration: none;
            border-radius: 100px;
            border: 1px solid #e94f75; }
          #anime-character .inner .mediaList li:nth-child(2) a {
            width: 100%;
            padding: 10% 0;
            background: #e94f75;
            display: block;
            font-size: 12px;
            font-size: 1.2rem;
            color: #fff;
            letter-spacing: 1px;
            text-decoration: none;
            border-radius: 100px;
            border: 1px solid #e94f75; }
        #anime-character .inner .mediaList li + li {
          margin: 0 0 0 3%; }
      #anime-character .inner .contents {
        letter-spacing: -0.5em;
        word-spacing: 0.1em; }
      #anime-character .inner .party h3 {
        margin: 0 0 30px 0;
        position: relative;
        text-align: center; }
        #anime-character .inner .party h3 img {
          width: auto;
          height: 20px; }
        #anime-character .inner .party h3:after {
          content: "";
          width: 20px;
          height: 1px;
          margin: 0 auto;
          position: absolute;
          right: 0;
          bottom: -15px;
          left: 0; }
      #anime-character .inner .party ul {
        margin: 0 auto 0 auto;
        letter-spacing: -0.5em;
        word-spacing: 0.1em;
        text-align: center; }
        #anime-character .inner .party ul li {
          width: 48.5%;
          display: inline-block;
          letter-spacing: normal; }
          #anime-character .inner .party ul li a {
            text-decoration: none; }
            #anime-character .inner .party ul li a .unit {
              width: 100%;
              margin: 0 0 3% 0;
              display: table; }
              #anime-character .inner .party ul li a .unit ul {
                width: 100%;
                display: table-cell;
                vertical-align: middle; }
                #anime-character .inner .party ul li a .unit ul li {
                  width: 100%; }
                  #anime-character .inner .party ul li a .unit ul li img {
                    width: 76.5%; }
                  #anime-character .inner .party ul li a .unit ul li .with {
                    width: 42.5%; }
                  #anime-character .inner .party ul li a .unit ul li .ais {
                    width: 33.5%; }
                  #anime-character .inner .party ul li a .unit ul li .kirakira {
                    width: 50%; }
                  #anime-character .inner .party ul li a .unit ul li .honey-trap {
                    width: 52.5%; }
                  #anime-character .inner .party ul li a .unit ul li .carbuncle {
                    width: 52.5%; }
                  #anime-character .inner .party ul li a .unit ul li .mikarina {
                    width: 36%; }
                #anime-character .inner .party ul li a .unit ul li + li {
                  margin: 2% 0 0 0; }
            #anime-character .inner .party ul li a figure {
              line-height: 0;
              overflow: hidden; }
              #anime-character .inner .party ul li a figure img {
                image-rendering: -moz-crisp-edges;
                image-rendering: -o-crisp-edges;
                image-rendering: -webkit-optimize-contrast;
                image-rendering: crisp-edges;
                -webkit-transition: 0.3s;
                transition: 0.3s; }
            #anime-character .inner .party ul li a .information .name {
              max-width: 180px;
              margin: -5% auto 7.5px auto;
              padding: 5px 0 5px 0;
              font-size: 14px;
              font-size: 1.4rem;
              font-weight: bold;
              text-align: center;
              color: #FFF;
              border-radius: 100px;
              position: relative;
              z-index: 1; }
            #anime-character .inner .party ul li a .information .cv {
              margin: 0 0 0 0;
              font-size: 10px;
              font-size: 1.0rem;
              font-weight: bold;
              text-align: center;
              color: #000; }
      #anime-character .inner .heroine h3:after {
        background: #FF0101; }
      #anime-character .inner .heroine ul li a .information .name {
        background: #FF0101; }
      #anime-character .inner .heroine ul li:nth-child(3) {
        margin: 8% 0 0 0; }
      #anime-character .inner .heroine ul li + li {
        margin: 0 0 0 3%; }
      #anime-character .inner .sanrai {
        margin: 10% 0 0 0; }
        #anime-character .inner .sanrai h3:after {
          background: #F05923; }
        #anime-character .inner .sanrai ul li a .information .name {
          background: #F05923; }
        #anime-character .inner .sanrai ul li:nth-child(2) {
          margin: 0 0 0 3%; }
        #anime-character .inner .sanrai ul li:nth-child(3) {
          margin: 8% 0 0 0; }
        #anime-character .inner .sanrai ul li:nth-child(4) {
          margin: 8% 0 0 2%; }
        #anime-character .inner .sanrai ul li:nth-child(5) {
          margin: 8% 0 0 2%; }
      #anime-character .inner .star-ligh {
        margin: 10% 0 0 0; }
        #anime-character .inner .star-ligh h3:after {
          background: #FAAF3B; }
        #anime-character .inner .star-ligh ul li a .information .name {
          background: #FAAF3B; }
        #anime-character .inner .star-ligh ul li:nth-child(2) {
          margin: 0 0 0 3%; }
        #anime-character .inner .star-ligh ul li:nth-child(3) {
          margin: 8% 0 0 0; }
      #anime-character .inner .bisyojo {
        margin: 10% 0 0 0; }
        #anime-character .inner .bisyojo h3:after {
          background: #FF7AAB; }
        #anime-character .inner .bisyojo ul li a .information .name {
          background: #FF7AAB; }
        #anime-character .inner .bisyojo ul li:nth-child(2) {
          margin: 0 0 0 3%; }
        #anime-character .inner .bisyojo ul li:nth-child(3) {
          margin: 8% 0 0 0; }
        #anime-character .inner .bisyojo ul li:nth-child(4) {
          margin: 8% 0 0 3%; }
      #anime-character .inner .wakaba {
        margin: 10% 0 0 0; }
        #anime-character .inner .wakaba h3:after {
          background: #54BE63; }
        #anime-character .inner .wakaba ul li a .information .name {
          background: #54BE63; }
        #anime-character .inner .wakaba ul li:nth-child(2) {
          margin: 0 0 0 3%; }
        #anime-character .inner .wakaba ul li:nth-child(3) {
          margin: 8% 0 0 0; }
      #anime-character .inner .subcul {
        margin: 10% 0 0 0; }
        #anime-character .inner .subcul h3:after {
          background: #0373BF; }
        #anime-character .inner .subcul ul li a .information .name {
          background: #0373BF; }
        #anime-character .inner .subcul ul li:nth-child(2) {
          margin: 0 0 0 3%; }
      #anime-character .inner .sos {
        margin: 10% 0 0 0; }
        #anime-character .inner .sos h3:after {
          background: #92268E; }
        #anime-character .inner .sos ul li a .information .name {
          background: #92268E; }
        #anime-character .inner .sos ul li:nth-child(2) {
          margin: 0 0 0 3%; }
      #anime-character .inner .cherry7 {
        margin: 10% 0 0 0; }
        #anime-character .inner .cherry7 h3:after {
          background: #1b1b1b; }
        #anime-character .inner .cherry7 ul li a .information .name {
          background: #1b1b1b; }
        #anime-character .inner .cherry7 ul li:nth-child(2) {
          margin: 0 0 0 3%; }
        #anime-character .inner .cherry7 ul li:nth-child(3) {
          margin: 8% 0 0 0; }
        #anime-character .inner .cherry7 ul li:nth-child(4) {
          margin: 8% 0 0 3%; }
  /*
	anime-character02
----------------------------------------------*/
  #anime-character02 {
    position: relative; }
    #anime-character02 .inner {
      padding: 65px 0 10% 0; }
      #anime-character02 .inner h2 {
        margin: 0 0 45px 0;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: bold;
        letter-spacing: 5px;
        color: #333;
        text-align: center;
        position: relative; }
        #anime-character02 .inner h2:after {
          content: "キャラクター";
          font-size: 10px;
          font-size: 1.0rem;
          font-weight: normal;
          font-family: "メイリオ", Meiryo, Osaka, sans-serif;
          letter-spacing: 4px;
          position: absolute;
          right: 0;
          bottom: -12px;
          left: 0; }
      #anime-character02 .inner .mediaList {
        text-align: center;
        margin: 0 auto 35px auto; }
        #anime-character02 .inner .mediaList li {
          width: 48.5%;
          display: inline-block;
          float: left; }
          #anime-character02 .inner .mediaList li:nth-child(1) {
            padding: 5% 0;
            background: #fff;
            font-size: 12px;
            font-size: 1.2rem;
            color: #e94f75;
            letter-spacing: 1px;
            text-decoration: none;
            border-radius: 100px;
            border: 1px solid #e94f75; }
          #anime-character02 .inner .mediaList li:nth-child(2) a {
            width: 100%;
            padding: 10% 0;
            background: #e94f75;
            display: block;
            font-size: 12px;
            font-size: 1.2rem;
            color: #fff;
            letter-spacing: 1px;
            text-decoration: none;
            border-radius: 100px;
            border: 1px solid #e94f75; }
        #anime-character02 .inner .mediaList li + li {
          margin: 0 0 0 3%; }
      #anime-character02 .inner .contents {
        letter-spacing: -0.5em;
        word-spacing: 0.1em; }
      #anime-character02 .inner .party h3 {
        margin: 0 0 15px 0;
        position: relative;
        text-align: center; }
        #anime-character02 .inner .party h3 img {
          width: auto;
          height: 20px; }
      #anime-character02 .inner .party ul {
        margin: 0 auto 0 auto;
        letter-spacing: -0.5em;
        word-spacing: 0.1em;
        text-align: center; }
        #anime-character02 .inner .party ul li {
          width: 48.5%;
          display: inline-block;
          letter-spacing: normal; }
          #anime-character02 .inner .party ul li a {
            text-decoration: none; }
            #anime-character02 .inner .party ul li a figure {
              line-height: 0;
              overflow: hidden; }
              #anime-character02 .inner .party ul li a figure img {
                image-rendering: -moz-crisp-edges;
                image-rendering: -o-crisp-edges;
                image-rendering: -webkit-optimize-contrast;
                image-rendering: crisp-edges;
                -webkit-transition: 0.3s;
                transition: 0.3s; }
            #anime-character02 .inner .party ul li a .information .name {
              max-width: 180px;
              margin: -5% auto 7.5px auto;
              padding: 5px 0 5px 0;
              font-size: 14px;
              font-size: 1.4rem;
              font-weight: bold;
              text-align: center;
              color: #FFF;
              border-radius: 100px;
              position: relative;
              z-index: 1; }
            #anime-character02 .inner .party ul li a .information .cv {
              margin: 0 0 0 0;
              font-size: 10px;
              font-size: 1.0rem;
              font-weight: bold;
              text-align: center;
              color: #000; }
          #anime-character02 .inner .party ul li:nth-child(3) {
            margin: 5% 0 0 0; }
        #anime-character02 .inner .party ul li + li {
          margin: 0 0 0 3%; }
      #anime-character02 .inner .heroine h3:after {
        background: #FF0101; }
      #anime-character02 .inner .heroine ul li a .information .name {
        background: #FF0101; }
      #anime-character02 .inner .sanrai {
        margin: 10% 0 0 0; }
        #anime-character02 .inner .sanrai h3:after {
          background: #F05923; }
        #anime-character02 .inner .sanrai ul li a .information .name {
          background: #F05923; }
      #anime-character02 .inner .star-ligh {
        margin: 10% 0 0 3%; }
        #anime-character02 .inner .star-ligh h3:after {
          background: #FAAF3B; }
        #anime-character02 .inner .star-ligh ul li a .information .name {
          background: #FAAF3B; }
      #anime-character02 .inner .bisyojo {
        margin: 10% 0 0 0; }
        #anime-character02 .inner .bisyojo h3:after {
          background: #FF7AAB; }
        #anime-character02 .inner .bisyojo ul li a .information .name {
          background: #FF7AAB; }
      #anime-character02 .inner .wakaba {
        margin: 10% 0 0 3%; }
        #anime-character02 .inner .wakaba h3:after {
          background: #54BE63; }
        #anime-character02 .inner .wakaba ul li a .information .name {
          background: #54BE63; }
      #anime-character02 .inner .subcul {
        margin: 10% 0 0 0; }
        #anime-character02 .inner .subcul h3:after {
          background: #0373BF; }
        #anime-character02 .inner .subcul ul li a .information .name {
          background: #0373BF; }
      #anime-character02 .inner .sos {
        margin: 10% 0 0 3%; }
        #anime-character02 .inner .sos h3:after {
          background: #92268E; }
        #anime-character02 .inner .sos ul li a .information .name {
          background: #92268E; }
      #anime-character02 .inner .cherry7 {
        margin: 10% 0 0 3%; }
        #anime-character02 .inner .cherry7 h3:after {
          background: #1b1b1b; }
        #anime-character02 .inner .cherry7 ul li a .information .name {
          background: #1b1b1b; }
  /*
	anime-character-detail
----------------------------------------------*/
  #anime-character-detail {
    position: relative; }
    #anime-character-detail .inner {
      padding: 65px 0 10% 0; }
      #anime-character-detail .inner h2 {
        margin: 0 0 25px 0;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: bold;
        letter-spacing: 5px;
        color: #333;
        text-align: center;
        position: relative; }
        #anime-character-detail .inner h2:after {
          content: "キャラクター";
          font-size: 10px;
          font-size: 1.0rem;
          font-weight: normal;
          font-family: "メイリオ", Meiryo, Osaka, sans-serif;
          letter-spacing: 4px;
          position: absolute;
          right: 0;
          bottom: -12px;
          left: 0; }
      #anime-character-detail .inner .contents {
        margin: 0 auto 5% auto;
        padding: 5% 3%;
        background: rgba(255, 255, 255, 0.9);
        position: relative; }
        #anime-character-detail .inner .contents .party {
          width: 100%;
          height: 25px;
          margin: 0 0 10px 0;
          font-size: 12px;
          font-size: 1.2rem;
          text-align: center;
          color: #fff; }
          #anime-character-detail .inner .contents .party img {
            width: auto;
            height: 15px;
            margin: 5px 0 0 0; }
        #anime-character-detail .inner .contents .name {
          margin: 0 auto 40px auto;
          padding: 0 0 0 0;
          display: table;
          vertical-align: middle;
          position: relative; }
          #anime-character-detail .inner .contents .name rb {
            font-size: 32px;
            font-size: 3.2rem;
            font-weight: bold;
            letter-spacing: 5px; }
            #anime-character-detail .inner .contents .name rb span {
              letter-spacing: 0; }
            #anime-character-detail .inner .contents .name rb span.kana {
              letter-spacing: -5px; }
          #anime-character-detail .inner .contents .name rt {
            font-size: 10px;
            font-size: 1.0rem; }
          #anime-character-detail .inner .contents .name dl {
            margin: 0 auto;
            position: absolute;
            bottom: -25px;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            display: table; }
            #anime-character-detail .inner .contents .name dl dt {
              padding: 2px 5px 0 5px;
              border-radius: 5px;
              font-size: 10px;
              font-size: 1.0rem;
              color: #fff;
              background: #000;
              display: table-cell;
              vertical-align: middle; }
            #anime-character-detail .inner .contents .name dl dd {
              padding: 3px 0 0 5px;
              font-size: 12px;
              font-size: 1.2rem;
              display: table-cell;
              vertical-align: middle;
              letter-spacing: 2px;
              position: relative;
              top: -1px; }
        #anime-character-detail .inner .contents .visual {
          width: 100%;
          margin: 0 0 0 0;
          text-align: center;
          position: relative; }
          #anime-character-detail .inner .contents .visual img {
            width: auto;
            max-height: 350px; }
          #anime-character-detail .inner .contents .visual .face {
            margin: 0 0 10px 0;
            text-align: center; }
            #anime-character-detail .inner .contents .visual .face img {
              width: auto;
              max-height: 150px; }
            #anime-character-detail .inner .contents .visual .face .kondo-sachie {
              max-width: 65%;
              margin: 10px 0 0 0; }
            #anime-character-detail .inner .contents .visual .face .fudo-mizuki {
              max-width: 55%;
              margin: 10px 0 0 0; }
            #anime-character-detail .inner .contents .visual .face .iiduka-sakurako {
              max-width: 57%;
              margin: 10px 0 0 0; }
            #anime-character-detail .inner .contents .visual .face .momoi-ume {
              max-width: 57%;
              margin: 10px 0 0 0; }
            #anime-character-detail .inner .contents .visual .face .amou-kuruha {
              max-width: 60%;
              margin: 10px 0 0 0; }
            #anime-character-detail .inner .contents .visual .face .kozuru-mika {
              max-width: 60%;
              margin: 10px 0 0 0; }
            #anime-character-detail .inner .contents .visual .face .yami-ringosama {
              max-width: 22%;
              margin: 15px 0 0 0; }
            #anime-character-detail .inner .contents .visual .face .shiraga-saki {
              max-width: 30%;
              margin: 15px 0 0 0; }
            #anime-character-detail .inner .contents .visual .face .takasaki-maybelle {
              max-width: 35%;
              margin: 15px 0 0 0; }
            #anime-character-detail .inner .contents .visual .face .mukai-kazumi {
              max-width: 30%;
              margin: 15px 0 0 0; }
            #anime-character-detail .inner .contents .visual .face .izumisawa-megu {
              max-width: 30%;
              margin: 15px 0 0 0; }
        #anime-character-detail .inner .contents .profile {
          width: 100%;
          margin: 0 0 0 0; }
          #anime-character-detail .inner .contents .profile .name {
            display: none !important; }
          #anime-character-detail .inner .contents .profile .introduction {
            margin: 0 0 10px 0; }
            #anime-character-detail .inner .contents .profile .introduction p {
              font-size: 12px;
              font-size: 1.2rem;
              line-height: 22px; }
          #anime-character-detail .inner .contents .profile table {
            width: 100%;
            margin: 0 0 0 0;
            border-collapse: separate;
            /* セルの間隔を空ける */
            border-spacing: 2px 0; }
            #anime-character-detail .inner .contents .profile table th {
              width: 33.3333333%;
              padding: 10px 0 10px 0;
              font-size: 10px;
              font-size: 1.0rem;
              text-align: center;
              border-collapse: separate;
              border-spacing: 0 0 0 5px; }
            #anime-character-detail .inner .contents .profile table td {
              padding: 10px 0 10px 0;
              font-size: 10px;
              font-size: 1.0rem;
              text-align: center; }
            #anime-character-detail .inner .contents .profile table .manifest {
              padding: 20px 0 20px 0;
              font-size: 15px;
              font-size: 1.5rem;
              font-weight: bold;
              text-align: center;
              letter-spacing: 1px; }
      #anime-character-detail .inner .heroin .party {
        background: #FF0101; }
      #anime-character-detail .inner .heroin table th {
        background: #ffeeef; }
      #anime-character-detail .inner .sanrai .party {
        background: #F05923; }
      #anime-character-detail .inner .sanrai table th {
        background: #fef5eb; }
      #anime-character-detail .inner .star-ligh .party {
        background: #FAAF3B; }
      #anime-character-detail .inner .star-ligh table th {
        background: #fffeec; }
      #anime-character-detail .inner .bisyojo .party {
        background: #FF7AAB; }
      #anime-character-detail .inner .bisyojo table th {
        background: #ffecf4; }
      #anime-character-detail .inner .wakaba .party {
        background: #54BE63; }
      #anime-character-detail .inner .wakaba table th {
        background: #e8f9f0; }
      #anime-character-detail .inner .subcul .party {
        background: #0373BF; }
      #anime-character-detail .inner .subcul table th {
        background: #edfaff; }
      #anime-character-detail .inner .sos .party {
        background: #7a459a; }
      #anime-character-detail .inner .sos table th {
        background: #f8f2fb; }
      #anime-character-detail .inner .cherry7 .party {
        background: #1b1b1b; }
      #anime-character-detail .inner .cherry7 table th {
        background: #1b1b1b; }
      #anime-character-detail .inner .btn-to-character {
        width: 200px;
        height: 40px;
        margin: 8% auto 0 auto;
        text-align: center;
        line-height: 40px;
        background: #000;
        border: 1px solid #000; }
        #anime-character-detail .inner .btn-to-character a {
          font-size: 12px;
          font-size: 1.2rem;
          color: #FFF;
          text-decoration: none;
          display: block;
          position: relative;
          letter-spacing: 2px; }
          #anime-character-detail .inner .btn-to-character a:after {
            content: "";
            width: 12px;
            height: 8px;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            left: 13px;
            background: url(../images/pc/icon_arrow-l.png) 0 0 no-repeat;
            background-size: contain; }
  /*
	anime-episode
----------------------------------------------*/
  #anime-episode {
    position: relative; }
    #anime-episode .inner {
      padding: 65px 0 10% 0; }
      #anime-episode .inner h2 {
        margin: 0 0 25px 0;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: bold;
        letter-spacing: 5px;
        color: #333;
        text-align: center;
        position: relative; }
        #anime-episode .inner h2:after {
          content: "エピソード";
          font-size: 10px;
          font-size: 1.0rem;
          font-weight: normal;
          font-family: "メイリオ", Meiryo, Osaka, sans-serif;
          letter-spacing: 4px;
          position: absolute;
          right: 0;
          bottom: -12px;
          left: 0; }
      #anime-episode .inner .episode-list li {
        width: 48.5%;
        float: left;
        background: #FFF;
        position: relative; }
        #anime-episode .inner .episode-list li:nth-child(2n+1) {
          margin: 3% 0 0 0; }
        #anime-episode .inner .episode-list li:first-child {
          margin: 0 0 0 0; }
        #anime-episode .inner .episode-list li:nth-child(2) {
          margin: 0 0 0 3%; }
        #anime-episode .inner .episode-list li a {
          height: 100%;
          padding: 8% 5% 5% 5%;
          display: block;
          text-decoration: none; }
          #anime-episode .inner .episode-list li a .thumbnail {
            margin: 0 0 7% 0;
            text-align: center;
            overflow: hidden; }
          #anime-episode .inner .episode-list li a .number {
            margin: 0 0 7% 0;
            font-size: 10px;
            font-size: 1.0rem;
            color: #fff;
            text-decoration: none; }
            #anime-episode .inner .episode-list li a .number span {
              padding: 2px 8px;
              background: #ff9c23;
              border-radius: 25px; }
          #anime-episode .inner .episode-list li a .title {
            font-size: 12px;
            font-size: 1.2rem;
            line-height: 16px;
            color: #222;
            text-decoration: none; }
      #anime-episode .inner .episode-list li + li {
        margin: 3% 0 0 3%; }
  /*
	anime-episode-detail
----------------------------------------------*/
  #anime-episode-detail {
    position: relative; }
    #anime-episode-detail .inner {
      padding: 65px 0 10% 0; }
      #anime-episode-detail .inner h2 {
        margin: 0 0 25px 0;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: bold;
        letter-spacing: 5px;
        color: #333;
        text-align: center;
        position: relative; }
        #anime-episode-detail .inner h2:after {
          content: "エピソード";
          font-size: 10px;
          font-size: 1.0rem;
          font-weight: normal;
          font-family: "メイリオ", Meiryo, Osaka, sans-serif;
          letter-spacing: 4px;
          position: absolute;
          right: 0;
          bottom: -12px;
          left: 0; }
      #anime-episode-detail .inner .contents {
        margin: 0 auto 5% auto;
        padding: 5% 3%;
        background: rgba(255, 255, 255, 0.9); }
        #anime-episode-detail .inner .contents .number {
          margin: 0 0 10px 0;
          font-size: 10px;
          font-size: 1.0rem;
          font-weight: bold;
          color: #333;
          text-align: center; }
        #anime-episode-detail .inner .contents .title {
          margin: 0 0 15px 0;
          font-size: 15px;
          font-size: 1.5rem;
          font-weight: bold;
          color: #333;
          text-align: center; }
        #anime-episode-detail .inner .contents .slider {
          max-width: 500px;
          margin: 0 auto 35px auto; }
          #anime-episode-detail .inner .contents .slider ul li {
            background: #000; }
            #anime-episode-detail .inner .contents .slider ul li a img {
              -webkit-transition: 0.3s;
              transition: 0.3s; }
            #anime-episode-detail .inner .contents .slider ul li a:hover img {
              opacity: 0.9; }
          #anime-episode-detail .inner .contents .slider .bx-prev {
            width: 26px;
            height: 26px;
            left: 2%;
            background-size: cover;
            z-index: 1; }
          #anime-episode-detail .inner .contents .slider .bx-next {
            width: 26px;
            height: 26px;
            right: 2%;
            background-size: cover;
            z-index: 1; }
          #anime-episode-detail .inner .contents .slider .bx-wrapper .bx-pager {
            bottom: -20px; }
          #anime-episode-detail .inner .contents .slider .bx-wrapper .bx-pager.bx-default-pager a {
            width: 12px;
            height: 12px; }
          #anime-episode-detail .inner .contents .slider .bx-wrapper .bx-controls-direction a {
            margin-top: 0;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
        #anime-episode-detail .inner .contents .sentence {
          margin: 0 0 20px 0;
          font-size: 12px;
          font-size: 1.2rem;
          line-height: 22px; }
          #anime-episode-detail .inner .contents .sentence p + p {
            margin: 20px 0 0 0; }
        #anime-episode-detail .inner .contents .staff {
          margin: 0 0 0 0;
          font-size: 12px;
          font-size: 1.2rem;
          line-height: 22px; }
          #anime-episode-detail .inner .contents .staff p + p {
            margin: 20px 0 0 0; }
        #anime-episode-detail .inner .contents .guest {
          margin: 0 0 0 0;
          font-size: 12px;
          font-size: 1.2rem;
          line-height: 22px; }
      #anime-episode-detail .inner .pagenavi {
        width: 300px;
        margin: 0 auto;
        text-align: center;
        position: relative; }
        #anime-episode-detail .inner .pagenavi li {
          height: 25px;
          line-height: 23px;
          background: #000;
          border: 1px solid #000; }
          #anime-episode-detail .inner .pagenavi li a {
            display: block;
            font-size: 12px;
            font-size: 1.2rem;
            color: #fff;
            text-decoration: none; }
        #anime-episode-detail .inner .pagenavi .page-prev {
          width: 95px;
          position: absolute;
          top: 0;
          left: 0; }
        #anime-episode-detail .inner .pagenavi .page-topics {
          width: 90px;
          margin: 0 auto;
          display: inline-block; }
        #anime-episode-detail .inner .pagenavi .page-next {
          width: 95px;
          position: absolute;
          top: 0;
          right: 0; }
  /*
	anime-onair
----------------------------------------------*/
  #anime-onair {
    position: relative; }
    #anime-onair .inner {
      padding: 65px 0 10% 0; }
      #anime-onair .inner h2 {
        margin: 0 0 25px 0;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: bold;
        letter-spacing: 5px;
        color: #333;
        text-align: center;
        position: relative; }
        #anime-onair .inner h2:after {
          content: "オン･エアー";
          font-size: 10px;
          font-size: 1.0rem;
          font-weight: normal;
          font-family: "メイリオ", Meiryo, Osaka, sans-serif;
          letter-spacing: 4px;
          position: absolute;
          right: 0;
          bottom: -12px;
          left: 0; }
      #anime-onair .inner .contents {
        margin: 0 auto 5% auto;
        padding: 8% 3%;
        background: rgba(255, 255, 255, 0.9); }
        #anime-onair .inner .contents div + div {
          margin: 8% 0 0 0; }
        #anime-onair .inner .contents h3 {
          margin: 0 0 20px 0;
          font-size: 12px;
          font-size: 1.2rem;
          color: #fff;
          letter-spacing: 3px;
          text-align: center; }
          #anime-onair .inner .contents h3 span {
            padding: 2.5px 15px;
            background: #e94f75; }
        #anime-onair .inner .contents table {
          width: 100%;
          margin: 0 auto 5% auto; }
          #anime-onair .inner .contents table tbody tr th {
            padding: 3% 0;
            font-size: 10px;
            font-size: 1.0rem;
            color: #333;
            background: #fffcd7;
            display: none; }
          #anime-onair .inner .contents table tbody tr td {
            padding: 3% 3%;
            font-size: 12px;
            font-size: 1.2rem;
            font-weight: bold;
            color: #333;
            text-align: center; }
            #anime-onair .inner .contents table tbody tr td:nth-child(1) {
              background: #fffcd7;
              display: block; }
            #anime-onair .inner .contents table tbody tr td:nth-child(2), #anime-onair .inner .contents table tbody tr td:nth-child(3), #anime-onair .inner .contents table tbody tr td:nth-child(4) {
              padding: 5% 0;
              display: inline-block;
              letter-spacing: -0.5px; }
            #anime-onair .inner .contents table tbody tr td:nth-child(2) {
              width: 42.5%; }
            #anime-onair .inner .contents table tbody tr td:nth-child(3) {
              width: 20%; }
            #anime-onair .inner .contents table tbody tr td:nth-child(4) {
              width: 37.5%; }
        #anime-onair .inner .contents div:nth-child(3) h3 {
          margin: 0 0 10px 0; }
        #anime-onair .inner .contents div:nth-child(3) .small {
          margin: 0 0 20px 0; }
        #anime-onair .inner .contents div:nth-child(3) table tbody tr td:nth-child(2) {
          width: 100%; }
        #anime-onair .inner .contents p {
          margin: 0 0 10% 0;
          font-size: 10px;
          font-size: 1.0rem;
          color: #333;
          text-align: center; }
  /*
	anime-staff-cast
----------------------------------------------*/
  #anime-staff-cast {
    position: relative; }
    #anime-staff-cast .inner {
      padding: 65px 0 10% 0; }
      #anime-staff-cast .inner h2 {
        margin: 0 0 25px 0;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: bold;
        letter-spacing: 5px;
        color: #333;
        text-align: center;
        position: relative; }
        #anime-staff-cast .inner h2:after {
          content: "スタッフ&キャスト";
          font-size: 10px;
          font-size: 1.0rem;
          font-weight: normal;
          font-family: "メイリオ", Meiryo, Osaka, sans-serif;
          letter-spacing: 4px;
          position: absolute;
          right: 0;
          bottom: -12px;
          left: 0; }
      #anime-staff-cast .inner .contents {
        margin: 0 auto 5% auto;
        padding: 8% 3%;
        background: rgba(255, 255, 255, 0.9); }
        #anime-staff-cast .inner .contents h3 {
          margin: 0 0 20px 0;
          font-size: 12px;
          font-size: 1.2rem;
          color: #fff;
          letter-spacing: 3px;
          text-align: center; }
          #anime-staff-cast .inner .contents h3 span {
            padding: 2.5px 15px;
            background: #e94f75; }
        #anime-staff-cast .inner .contents .staff-cast-list {
          margin: 0 auto;
          text-align: center; }
          #anime-staff-cast .inner .contents .staff-cast-list div dl {
            margin: 0 auto;
            letter-spacing: -0.4em;
            word-spacing: 0.1em;
            text-align: center; }
            #anime-staff-cast .inner .contents .staff-cast-list div dl dt {
              margin: 0 0 5px 0;
              font-size: 10px;
              font-size: 1.0rem;
              font-weight: bold;
              color: #FF9C23;
              letter-spacing: normal; }
            #anime-staff-cast .inner .contents .staff-cast-list div dl dd {
              font-size: 14px;
              font-size: 1.4rem;
              font-weight: bold;
              line-height: 20px;
              color: #333;
              letter-spacing: normal; }
            #anime-staff-cast .inner .contents .staff-cast-list div dl .kerning {
              letter-spacing: -1px; }
          #anime-staff-cast .inner .contents .staff-cast-list div dl + dl {
            margin: 5% 0 0 0; }
          #anime-staff-cast .inner .contents .staff-cast-list .section {
            margin: 8% 0 0 0; }
          #anime-staff-cast .inner .contents .staff-cast-list .cast-list {
            margin: 12% 0 0 0; }
  /*
	anime-world
----------------------------------------------*/
  #anime-world {
    position: relative; }
    #anime-world .inner {
      padding: 65px 0 10% 0; }
      #anime-world .inner h2 {
        margin: 0 0 25px 0;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: bold;
        letter-spacing: 5px;
        color: #333;
        text-align: center;
        position: relative; }
        #anime-world .inner h2:after {
          content: "世界観";
          font-size: 10px;
          font-size: 1.0rem;
          font-weight: normal;
          font-family: "メイリオ", Meiryo, Osaka, sans-serif;
          letter-spacing: 4px;
          position: absolute;
          right: 0;
          bottom: -12px;
          left: 0; }
      #anime-world .inner .contents {
        margin: 0 auto 5% auto;
        padding: 80% 0 5% 0;
        background: url(../images/pc/bg_anime.png) 0 0 no-repeat rgba(254, 254, 247, 0.8);
        background-size: contain;
        position: relative; }
        #anime-world .inner .contents:before {
          content: "";
          width: 100%;
          height: 100%;
          background: url(../images/sp/txt_anime-catchcopy.png) 0 0 no-repeat;
          background-size: contain;
          position: absolute;
          top: 0;
          left: 0; }
        #anime-world .inner .contents article {
          width: 90%;
          margin: 2% auto 0 auto;
          padding: 8% 3% 5% 3%;
          background: rgba(255, 255, 255, 0.94); }
          #anime-world .inner .contents article .introduction {
            margin: 0 0 35px 0;
            text-align: center; }
            #anime-world .inner .contents article .introduction h3 {
              margin: 0 0 30px 0;
              font-size: 12px;
              font-size: 1.2rem;
              color: #fff;
              letter-spacing: 1px; }
              #anime-world .inner .contents article .introduction h3 span {
                padding: 2.5px 15px;
                background: #e94f75; }
            #anime-world .inner .contents article .introduction div p {
              font-size: 12px;
              font-size: 1.2rem;
              font-weight: bold;
              line-height: 22px; }
            #anime-world .inner .contents article .introduction div p + p {
              margin: 10px 0 0 0; }
            #anime-world .inner .contents article .introduction div ul {
              width: 252px;
              margin: 15px auto 15px auto;
              letter-spacing: -0.4em;
              word-spacing: 0.1em;
              text-align: center; }
              #anime-world .inner .contents article .introduction div ul li {
                width: auto;
                height: 15px;
                display: inline-block; }
                #anime-world .inner .contents article .introduction div ul li:nth-child(2), #anime-world .inner .contents article .introduction div ul li:nth-child(3) {
                  margin: 0 0 0 10px; }
                #anime-world .inner .contents article .introduction div ul li:nth-child(4) {
                  margin: 10px 0 0 0; }
                #anime-world .inner .contents article .introduction div ul li:nth-child(5), #anime-world .inner .contents article .introduction div ul li:nth-child(6), #anime-world .inner .contents article .introduction div ul li:nth-child(7) {
                  margin: 10px 0 0 10px; }
                #anime-world .inner .contents article .introduction div ul li img {
                  width: auto;
                  height: 15px; }
          #anime-world .inner .contents article .party {
            margin: 0 0 0 0;
            text-align: center; }
            #anime-world .inner .contents article .party h3 {
              margin: 0 0 30px 0;
              font-size: 12px;
              font-size: 1.2rem;
              color: #fff;
              letter-spacing: 3px; }
              #anime-world .inner .contents article .party h3 span {
                padding: 2.5px 15px;
                background: #e94f75; }
            #anime-world .inner .contents article .party div h4 {
              margin: 0 0 20px 0;
              position: relative; }
              #anime-world .inner .contents article .party div h4:after {
                content: "";
                width: 15px;
                height: 1px;
                margin: 0 auto;
                position: absolute;
                right: 0;
                bottom: -10px;
                left: 0; }
              #anime-world .inner .contents article .party div h4 img {
                width: auto;
                height: 18px; }
            #anime-world .inner .contents article .party div ul {
              text-align: center; }
              #anime-world .inner .contents article .party div ul li {
                width: 30%;
                display: inline-block; }
              #anime-world .inner .contents article .party div ul li + li {
                margin: 0 0 0 3%; }
            #anime-world .inner .contents article .party div figure {
              width: 30%;
              margin: 0 auto 0 auto; }
            #anime-world .inner .contents article .party div p {
              margin: 5px 0 0 0;
              font-size: 10px;
              font-size: 1.0rem;
              line-height: 20px;
              text-align: left; }
            #anime-world .inner .contents article .party .heroine h4:after {
              background: #ff0000; }
            #anime-world .inner .contents article .party .sanrai {
              margin: 25px 0 0 0; }
              #anime-world .inner .contents article .party .sanrai h4:after {
                background: #f05923; }
            #anime-world .inner .contents article .party .star-ligh {
              margin: 25px 0 0 0; }
              #anime-world .inner .contents article .party .star-ligh h4:after {
                background: #faaf3a; }
            #anime-world .inner .contents article .party .bisyojo {
              margin: 25px 0 0 0; }
              #anime-world .inner .contents article .party .bisyojo h4:after {
                background: #ff7aab; }
            #anime-world .inner .contents article .party .wakaba {
              margin: 25px 0 0 0; }
              #anime-world .inner .contents article .party .wakaba h4:after {
                background: #38b449; }
            #anime-world .inner .contents article .party .subcul {
              margin: 25px 0 0 0; }
              #anime-world .inner .contents article .party .subcul h4:after {
                background: #076db6; }
            #anime-world .inner .contents article .party .sos {
              margin: 25px 0 0 0; }
              #anime-world .inner .contents article .party .sos h4:after {
                background: #942690; }
            #anime-world .inner .contents article .party .ougai {
              margin: 25px 0 0 0; }
              #anime-world .inner .contents article .party .ougai h4:after {
                background: #000; }
  /*
	bd_dvd
----------------------------------------------*/
  #bd_dvd {
    position: relative; }
    #bd_dvd .inner {
      padding: 65px 0 10% 0; }
      #bd_dvd .inner h2 {
        margin: 0 0 25px 0;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: bold;
        letter-spacing: 5px;
        color: #333;
        text-align: center;
        position: relative; }
        #bd_dvd .inner h2:after {
          content: "映像作品";
          font-size: 10px;
          font-size: 1.0rem;
          font-weight: normal;
          font-family: "メイリオ", Meiryo, Osaka, sans-serif;
          letter-spacing: 4px;
          position: absolute;
          right: 0;
          bottom: -12px;
          left: 0; }
      #bd_dvd .inner .bd_dvd-list li {
        width: 48.5%;
        float: left;
        background: #FFF;
        position: relative; }
        #bd_dvd .inner .bd_dvd-list li:nth-child(2n+1) {
          margin: 3% 0 0 0; }
        #bd_dvd .inner .bd_dvd-list li:first-child {
          margin: 0 0 0 0; }
        #bd_dvd .inner .bd_dvd-list li:nth-child(2) {
          margin: 0 0 0 3%; }
        #bd_dvd .inner .bd_dvd-list li a {
          height: 100%;
          padding: 8% 5% 5% 5%;
          display: block;
          text-decoration: none; }
          #bd_dvd .inner .bd_dvd-list li a .thumbnail {
            margin: 0 0 7% 0;
            text-align: center;
            overflow: hidden; }
          #bd_dvd .inner .bd_dvd-list li a .number {
            margin: 0 0 7% 0;
            font-size: 10px;
            font-size: 1.0rem;
            color: #fff;
            text-decoration: none; }
            #bd_dvd .inner .bd_dvd-list li a .number span {
              padding: 2px 8px;
              background: #ff9c23;
              border-radius: 25px; }
          #bd_dvd .inner .bd_dvd-list li a .title {
            font-size: 12px;
            font-size: 1.2rem;
            line-height: 16px;
            color: #222;
            text-decoration: none; }
      #bd_dvd .inner .bd_dvd-list li + li {
        margin: 3% 0 0 3%; }
  /*
	bd_dvd-detail
----------------------------------------------*/
  #bd_dvd-detail {
    position: relative; }
    #bd_dvd-detail .inner {
      padding: 65px 0 10% 0; }
      #bd_dvd-detail .inner h2 {
        margin: 0 0 25px 0;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: bold;
        letter-spacing: 5px;
        color: #333;
        text-align: center;
        position: relative; }
        #bd_dvd-detail .inner h2:after {
          content: "映像作品";
          font-size: 10px;
          font-size: 1.0rem;
          font-weight: normal;
          font-family: "メイリオ", Meiryo, Osaka, sans-serif;
          letter-spacing: 4px;
          position: absolute;
          right: 0;
          bottom: -12px;
          left: 0; }
      #bd_dvd-detail .inner .contents {
        margin: 0 auto 5% auto;
        padding: 5% 3%;
        background: rgba(255, 255, 255, 0.9); }
        #bd_dvd-detail .inner .contents .thumbnail {
          width: 80%;
          margin: 0 auto 4% auto;
          text-align: center; }
        #bd_dvd-detail .inner .contents .information .release {
          margin: 0 0 3% 0;
          font-size: 10px;
          font-size: 1.0rem; }
        #bd_dvd-detail .inner .contents .information .title {
          margin: 0 0 3% 0;
          font-size: 18px;
          font-size: 1.8rem;
          font-weight: bold;
          color: #fff;
          line-height: 25px; }
          #bd_dvd-detail .inner .contents .information .title span {
            padding: 2px 5px 2px 5px;
            background: #000; }
        #bd_dvd-detail .inner .contents .information .outline {
          margin: 0 0 15px 0;
          font-size: 12px;
          font-size: 1.2rem;
          font-weight: bold;
          line-height: 1.4; }
        #bd_dvd-detail .inner .contents .information .release {
          margin: 0 0 10px 0;
          font-size: 12px;
          font-size: 1.2rem;
          line-height: 1.5;
          vertical-align: top; }
          #bd_dvd-detail .inner .contents .information .release span {
            color: #2d32b0;
            font-weight: bold;
            font-size: 13px;
            font-size: 1.3rem; }
        #bd_dvd-detail .inner .contents .information .price {
          margin: 0 0 10px 0;
          font-size: 12px;
          font-size: 1.2rem;
          line-height: 1.5;
          vertical-align: top; }
          #bd_dvd-detail .inner .contents .information .price span {
            color: #2d32b0;
            font-weight: bold;
            font-size: 13px;
            font-size: 1.3rem; }
        #bd_dvd-detail .inner .contents .information .bd_dvd-contents {
          width: 100%;
          margin: 0 0 20px 0px;
          font-size: 12px;
          font-size: 1.2rem;
          line-height: 1.5;
          vertical-align: top; }
          #bd_dvd-detail .inner .contents .information .bd_dvd-contents span {
            color: #2d32b0;
            font-weight: bold;
            font-size: 13px;
            font-size: 1.3rem; }
          #bd_dvd-detail .inner .contents .information .bd_dvd-contents div {
            margin: 5px 0 0 0;
            border: 1px solid #2d32b0;
            padding: 8px 10px 8px 10px; }
        #bd_dvd-detail .inner .contents .bd_dvd-unfolding {
          width: 100%;
          margin: 0 0 20px 0px;
          font-size: 13px;
          font-size: 1.3rem;
          line-height: 1.5;
          display: inline-block;
          vertical-align: top; }
          #bd_dvd-detail .inner .contents .bd_dvd-unfolding span {
            color: #2d32b0;
            font-weight: bold; }
        #bd_dvd-detail .inner .contents .bd_dvd-special {
          width: 100%;
          margin: 0 0 20px 0px;
          font-size: 13px;
          font-size: 1.3rem;
          line-height: 1.5;
          display: inline-block;
          vertical-align: top; }
          #bd_dvd-detail .inner .contents .bd_dvd-special span {
            color: #2d32b0;
            font-weight: bold; }
          #bd_dvd-detail .inner .contents .bd_dvd-special div.bd_dvd-special-inner {
            margin: 5px 0 0 0;
            border: 1px solid #2d32b0;
            padding: 8px 10px 8px 10px; }
            #bd_dvd-detail .inner .contents .bd_dvd-special div.bd_dvd-special-inner .special-contents .special-title {
              font-weight: bold; }
              #bd_dvd-detail .inner .contents .bd_dvd-special div.bd_dvd-special-inner .special-contents .special-title span {
                color: #FF9933; }
            #bd_dvd-detail .inner .contents .bd_dvd-special div.bd_dvd-special-inner .special-contents audio {
              width: 100%;
              margin: 3% 0 0 0; }
            #bd_dvd-detail .inner .contents .bd_dvd-special div.bd_dvd-special-inner .special-contents .special-detail {
              padding: 8px 0 0 0; }
              #bd_dvd-detail .inner .contents .bd_dvd-special div.bd_dvd-special-inner .special-contents .special-detail dl {
                display: table; }
                #bd_dvd-detail .inner .contents .bd_dvd-special div.bd_dvd-special-inner .special-contents .special-detail dl dt {
                  margin: 0 5px 5px 0;
                  display: inline-block;
                  font-size: 10px;
                  font-size: 1.0rem; }
                  #bd_dvd-detail .inner .contents .bd_dvd-special div.bd_dvd-special-inner .special-contents .special-detail dl dt span {
                    padding: 3px 10px 2px 10px;
                    background: #333;
                    color: #fff;
                    border-radius: 5px;
                    font-weight: normal; }
                #bd_dvd-detail .inner .contents .bd_dvd-special div.bd_dvd-special-inner .special-contents .special-detail dl dd {
                  font-size: 12px;
                  font-size: 1.2rem;
                  display: inline-block;
                  vertical-align: middle; }
              #bd_dvd-detail .inner .contents .bd_dvd-special div.bd_dvd-special-inner .special-contents .special-detail dl + dl {
                margin: 6px 0 0 0; }
              #bd_dvd-detail .inner .contents .bd_dvd-special div.bd_dvd-special-inner .special-contents .special-detail p.caution {
                margin: 10px 0 0 0;
                font-size: 10px;
                font-size: 1.0rem; }
              #bd_dvd-detail .inner .contents .bd_dvd-special div.bd_dvd-special-inner .special-contents .special-detail .to-detail {
                font-size: 12px;
                font-size: 1.2rem;
                text-align: right; }
            #bd_dvd-detail .inner .contents .bd_dvd-special div.bd_dvd-special-inner .special-contents + .special-contents {
              margin: 15px 0 0 0; }
            #bd_dvd-detail .inner .contents .bd_dvd-special div.bd_dvd-special-inner .bd_dvd-novel {
              margin: 2% 0 0 0; }
              #bd_dvd-detail .inner .contents .bd_dvd-special div.bd_dvd-special-inner .bd_dvd-novel .btn a {
                width: 120px;
                padding: 3px 0;
                text-align: center;
                font-size: 12px;
                font-size: 1.2rem;
                text-decoration: none;
                color: #fff;
                background: #000;
                border-radius: 100px;
                display: block; }
                #bd_dvd-detail .inner .contents .bd_dvd-special div.bd_dvd-special-inner .bd_dvd-novel .btn a:nth-child(2), #bd_dvd-detail .inner .contents .bd_dvd-special div.bd_dvd-special-inner .bd_dvd-novel .btn a:nth-child(3), #bd_dvd-detail .inner .contents .bd_dvd-special div.bd_dvd-special-inner .bd_dvd-novel .btn a:nth-child(4) {
                  display: none; }
        #bd_dvd-detail .inner .contents .bd_dvd-remarks {
          width: 100%;
          margin: 0 0 20px 0px;
          font-size: 13px;
          font-size: 1.3rem;
          line-height: 1.5;
          display: inline-block;
          vertical-align: top; }
          #bd_dvd-detail .inner .contents .bd_dvd-remarks span {
            color: #2d32b0;
            font-weight: bold; }
          #bd_dvd-detail .inner .contents .bd_dvd-remarks div.bd_dvd-remarks-inner {
            margin: 5px 0 0 0;
            border: 1px solid #2d32b0;
            padding: 8px 10px 8px 10px; }
            #bd_dvd-detail .inner .contents .bd_dvd-remarks div.bd_dvd-remarks-inner .remarks-contents .remarks-title {
              font-weight: bold; }
              #bd_dvd-detail .inner .contents .bd_dvd-remarks div.bd_dvd-remarks-inner .remarks-contents .remarks-title span {
                color: #FF9933; }
            #bd_dvd-detail .inner .contents .bd_dvd-remarks div.bd_dvd-remarks-inner .remarks-contents .remarks-detail {
              padding: 5px 0 0 0; }
              #bd_dvd-detail .inner .contents .bd_dvd-remarks div.bd_dvd-remarks-inner .remarks-contents .remarks-detail p {
                font-size: 12px;
                font-size: 1.2rem; }
              #bd_dvd-detail .inner .contents .bd_dvd-remarks div.bd_dvd-remarks-inner .remarks-contents .remarks-detail .to-detail {
                font-size: 12px;
                font-size: 1.2rem;
                text-align: right; }
              #bd_dvd-detail .inner .contents .bd_dvd-remarks div.bd_dvd-remarks-inner .remarks-contents .remarks-detail p.caution {
                margin: 10px 0 0 -20px;
                font-size: 10px;
                font-size: 1.0rem; }
            #bd_dvd-detail .inner .contents .bd_dvd-remarks div.bd_dvd-remarks-inner .remarks-contents + .remarks-contents {
              margin: 10px 0 0 0; }
        #bd_dvd-detail .inner .contents .selling {
          font-size: 12px;
          font-size: 1.2rem;
          line-height: 1.5;
          text-align: right; }
      #bd_dvd-detail .inner .btn-to-bd_dvd {
        width: 200px;
        height: 40px;
        margin: 3% auto 0 auto;
        text-align: center;
        line-height: 40px;
        background: #000;
        border: 1px solid #000; }
        #bd_dvd-detail .inner .btn-to-bd_dvd a {
          font-size: 12px;
          font-size: 1.2rem;
          color: #FFF;
          text-decoration: none;
          display: block;
          position: relative;
          letter-spacing: 2px; }
          #bd_dvd-detail .inner .btn-to-bd_dvd a:after {
            content: "";
            width: 12px;
            height: 8px;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            left: 13px;
            background: url(../images/pc/icon_arrow-l.png) 0 0 no-repeat;
            background-size: contain; }
  /*
	game
----------------------------------------------*/
  #game {
    position: relative; }
    #game .inner {
      padding: 65px 0 10% 0; }
      #game .inner h2 {
        margin: 0 0 25px 0;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: bold;
        letter-spacing: 5px;
        color: #333;
        text-align: center;
        position: relative; }
        #game .inner h2:after {
          content: "ゲーム";
          font-size: 10px;
          font-size: 1.0rem;
          font-weight: normal;
          font-family: "メイリオ", Meiryo, Osaka, sans-serif;
          letter-spacing: 4px;
          position: absolute;
          right: 0;
          bottom: -12px;
          left: 0; }
      #game .inner .announce {
        margin: 0 0 3% 0;
        font-size: 12px;
        font-size: 1.2rem;
        font-weight: bold;
        text-align: center;
        line-height: 1.4; }
      #game .inner .finish-contents {
        margin: 0 auto 5% auto;
        padding: 5%;
        background: rgba(255, 255, 255, 0.9); }
        #game .inner .finish-contents p {
          font-size: 12px;
          font-size: 1.2rem;
          line-height: 18px; }
        #game .inner .finish-contents p + p {
          margin: 20px 0 0 0; }
      #game .inner .contents {
        margin: 0 auto 5% auto;
        padding: 85% 0 5% 0;
        background: url(../images/sp/bg_game.png) 0 0 no-repeat rgba(254, 254, 247, 0.8);
        background-size: contain;
        position: relative; }
        #game .inner .contents article {
          width: 90%;
          margin: 0 auto;
          padding: 5% 3%;
          background: rgba(255, 255, 238, 0.94); }
          #game .inner .contents article .gameIntroduction {
            margin: 0 0 20px 0;
            text-align: center; }
            #game .inner .contents article .gameIntroduction h3 {
              margin: 0 0 15px 0;
              padding: 5px 5px;
              font-size: 12px;
              font-size: 1.2rem;
              line-height: 16px;
              color: #fff;
              letter-spacing: 2px;
              background: #e94f75; }
            #game .inner .contents article .gameIntroduction p.catch {
              font-size: 12px;
              font-size: 1.2rem;
              font-weight: bold;
              line-height: 16px;
              letter-spacing: 1px; }
          #game .inner .contents article .gameOutline {
            margin: 20px 0 20px 0; }
            #game .inner .contents article .gameOutline h3 {
              margin: 0 0 15px 0;
              padding: 5px 5px;
              font-size: 12px;
              font-size: 1.2rem;
              line-height: 16px;
              color: #fff;
              letter-spacing: 2px;
              background: #e94f75;
              text-align: center; }
            #game .inner .contents article .gameOutline p {
              font-size: 12px;
              font-size: 1.2rem;
              line-height: 18px; }
            #game .inner .contents article .gameOutline p + p {
              margin: 20px 0 0 0; }
            #game .inner .contents article .gameOutline ul {
              margin: 20px 0 0 0; }
              #game .inner .contents article .gameOutline ul li + li {
                margin: 10px 0 0 0; }
          #game .inner .contents article .gameCharacter {
            margin: 0 0 20px 0;
            text-align: center; }
            #game .inner .contents article .gameCharacter h3 {
              margin: 0 0 15px 0;
              padding: 5px 5px;
              font-size: 12px;
              font-size: 1.2rem;
              line-height: 16px;
              color: #fff;
              letter-spacing: 2px;
              background: #e94f75; }
            #game .inner .contents article .gameCharacter p.catch {
              font-size: 12px;
              font-size: 1.2rem;
              font-weight: bold;
              line-height: 16px; }
            #game .inner .contents article .gameCharacter .catch + .catch {
              margin: 10px 0 0 0; }
            #game .inner .contents article .gameCharacter ul {
              text-align: center; }
              #game .inner .contents article .gameCharacter ul li {
                width: 48.5%;
                float: left; }
                #game .inner .contents article .gameCharacter ul li figure {
                  line-height: 0; }
                #game .inner .contents article .gameCharacter ul li .information .name {
                  padding: 5px 0 5px 0;
                  font-size: 14px;
                  font-size: 1.4rem;
                  font-weight: bold;
                  text-align: center;
                  color: #FFF;
                  background: #f37116; }
                #game .inner .contents article .gameCharacter ul li .information .prefecture {
                  margin: 1px 0 0 0;
                  padding: 7px 0 7px 0;
                  font-size: 12px;
                  font-size: 1.2rem;
                  font-weight: bold;
                  text-align: center;
                  color: #000;
                  background: #FFF; }
                #game .inner .contents article .gameCharacter ul li .information .cv {
                  margin: 1px 0 0 0;
                  padding: 7px 0 7px 0;
                  font-size: 12px;
                  font-size: 1.2rem;
                  font-weight: bold;
                  text-align: center;
                  color: #000;
                  background: #FFF; }
                #game .inner .contents article .gameCharacter ul li .information .party {
                  margin: 1px 0 0 0;
                  padding: 7px 0 7px 0;
                  font-size: 12px;
                  font-size: 1.2rem;
                  font-weight: bold;
                  text-align: center;
                  color: #000;
                  background: #FFF; }
                #game .inner .contents article .gameCharacter ul li .information .manifest {
                  margin: 1px 0 0 0;
                  padding: 7px 0 7px 0;
                  font-size: 12px;
                  font-size: 1.2rem;
                  line-height: 16px;
                  font-weight: bold;
                  text-align: center;
                  color: #000;
                  background: #FFF; }
                #game .inner .contents article .gameCharacter ul li:nth-child(2n+1) {
                  margin: 3% 0 0 0; }
                #game .inner .contents article .gameCharacter ul li:nth-child(2) {
                  margin: 0 0 0 3%; }
                #game .inner .contents article .gameCharacter ul li:nth-child(1) {
                  margin: 0 0 0 0; }
              #game .inner .contents article .gameCharacter ul li + li {
                margin: 3% 0 0 3%; }
          #game .inner .contents article .gameSystem {
            margin: 0 0 30px 0; }
            #game .inner .contents article .gameSystem h3 {
              margin: 0 0 15px 0;
              padding: 5px 5px;
              font-size: 12px;
              font-size: 1.2rem;
              line-height: 16px;
              color: #fff;
              letter-spacing: 2px;
              background: #e94f75;
              text-align: center; }
            #game .inner .contents article .gameSystem .systemDetail h4 {
              margin: 0 0 10px 0;
              font-size: 12px;
              font-size: 1.2rem;
              font-weight: bold;
              color: #e94f75; }
            #game .inner .contents article .gameSystem .systemDetail p {
              margin: 0 0 10px 0;
              font-size: 12px;
              font-size: 1.2rem;
              line-height: 18px; }
            #game .inner .contents article .gameSystem .systemDetail figure + figure {
              margin: 10px 0 0 0; }
            #game .inner .contents article .gameSystem .systemDetail + .systemDetail {
              margin: 25px 0 0 0; }
          #game .inner .contents article .download {
            text-align: center; }
            #game .inner .contents article .download figure.appIcon {
              width: 100px;
              margin: 0 auto 15px auto; }
            #game .inner .contents article .download ul {
              margin: 0 0 5px 0; }
              #game .inner .contents article .download ul li {
                width: 48.5%;
                display: inline-block;
                text-align: center;
                float: left; }
                #game .inner .contents article .download ul li p {
                  margin: 0 0 10px 0;
                  font-size: 12px;
                  font-size: 1.2rem;
                  line-height: 16px; }
                #game .inner .contents article .download ul li .btn a {
                  display: block; }
              #game .inner .contents article .download ul li + li {
                margin: 0 0 0 3%; }
            #game .inner .contents article .download .btn-to-gameOfficial a {
              display: block; }
              #game .inner .contents article .download .btn-to-gameOfficial a img {
                -webkit-transition: 0.3s;
                transition: 0.3s; }
              #game .inner .contents article .download .btn-to-gameOfficial a:hover img {
                opacity: 0.8; }
          #game .inner .contents article .movie {
            margin: 10px 0 30px 0;
            text-align: center; }
            #game .inner .contents article .movie h3 {
              margin: 0 0 20px 0;
              font-size: 12px;
              font-size: 1.2rem;
              color: #fff;
              letter-spacing: 3px; }
              #game .inner .contents article .movie h3 span {
                padding: 2.5px 15px;
                background: #e94f75; }
            #game .inner .contents article .movie ul {
              margin: 0 auto; }
              #game .inner .contents article .movie ul li {
                width: 94%;
                margin: 0 auto;
                padding: 5% 0 3% 0;
                background: #fff6bd; }
                #game .inner .contents article .movie ul li p {
                  margin: 0 0 3% 0;
                  font-size: 12px;
                  font-size: 1.2rem;
                  font-weight: bold;
                  line-height: 16px; }
                #game .inner .contents article .movie ul li iframe {
                  width: 90%; }
              #game .inner .contents article .movie ul li + li {
                margin: 12.5px auto 0 auto; }
          #game .inner .contents article .benefit_01 {
            margin: 0 0 30px 0;
            text-align: center; }
            #game .inner .contents article .benefit_01 h3 {
              margin: 0 0 20px 0;
              font-size: 12px;
              font-size: 1.2rem;
              color: #fff;
              letter-spacing: 3px; }
              #game .inner .contents article .benefit_01 h3 span {
                padding: 2.5px 15px;
                background: #e94f75; }
            #game .inner .contents article .benefit_01 figure {
              width: 94%;
              margin: 0 auto 10px auto; }
            #game .inner .contents article .benefit_01 p {
              font-size: 13px;
              font-size: 1.3rem;
              line-height: 20px; }
          #game .inner .contents article .benefit_02 {
            margin: 0 0 30px 0;
            text-align: center; }
            #game .inner .contents article .benefit_02 h3 {
              margin: 0 0 20px 0;
              font-size: 12px;
              font-size: 1.2rem;
              color: #fff;
              letter-spacing: 2px; }
              #game .inner .contents article .benefit_02 h3 span {
                padding: 2.5px 10px;
                background: #e94f75; }
            #game .inner .contents article .benefit_02 figure {
              width: 94%;
              margin: 0 auto 10px auto; }
            #game .inner .contents article .benefit_02 p {
              font-size: 13px;
              font-size: 1.3rem;
              line-height: 20px; }
          #game .inner .contents article .system {
            margin: 0 0 20px 0;
            text-align: center; }
            #game .inner .contents article .system h3 {
              margin: 0 0 20px 0;
              font-size: 12px;
              font-size: 1.2rem;
              color: #fff;
              letter-spacing: 3px; }
              #game .inner .contents article .system h3 span {
                padding: 2.5px 15px;
                background: #e94f75; }
            #game .inner .contents article .system ul li {
              width: 94%;
              margin: 0 auto; }
            #game .inner .contents article .system ul li + li {
              margin: 12.5px auto 0 auto; }
          #game .inner .contents article .copyright {
            margin: 20px 0 0 0;
            font-size: 10px;
            font-size: 1.0rem;
            text-align: center; }
  /*
	event
----------------------------------------------*/
  #event {
    position: relative; }
    #event .inner {
      padding: 65px 0 10% 0; }
      #event .inner h2 {
        margin: 0 0 25px 0;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: bold;
        letter-spacing: 5px;
        color: #333;
        text-align: center;
        position: relative; }
        #event .inner h2:after {
          content: "イベント";
          font-size: 10px;
          font-size: 1.0rem;
          font-weight: normal;
          font-family: "メイリオ", Meiryo, Osaka, sans-serif;
          letter-spacing: 4px;
          position: absolute;
          right: 0;
          bottom: -12px;
          left: 0; }
      #event .inner .contents {
        margin: 0 auto 5% auto;
        padding: 5% 3%;
        background: rgba(255, 255, 255, 0.9); }
        #event .inner .contents .title {
          margin: 0 0 3% 0;
          font-size: 15px;
          font-size: 1.5rem;
          font-weight: bold;
          color: #fff;
          line-height: 25px; }
          #event .inner .contents .title span {
            padding: 2px 5px 2px 5px;
            background: #000; }
        #event .inner .contents .thumbnail {
          margin: 0 0 3% 0;
          text-align: center; }
        #event .inner .contents .sentence {
          margin: 0 0 3% 0;
          font-size: 12px;
          font-size: 1.2rem;
          line-height: 22px; }
          #event .inner .contents .sentence p + p {
            margin: 5% 0 0 0; }
        #event .inner .contents .information {
          margin: 0 0 3% 0; }
          #event .inner .contents .information .detail {
            margin: 0 0 0 0;
            padding: 3% 3%;
            font-size: 12px;
            font-size: 1.2rem;
            font-weight: bold;
            line-height: 22px;
            background: #fffcd7; }
            #event .inner .contents .information .detail p + p {
              margin: 5% 0 0 0; }
          #event .inner .contents .information .broadcast {
            margin: 0 auto;
            padding: 0 0 0 0; }
            #event .inner .contents .information .broadcast iframe {
              width: 99.9%; }
      #event .inner .contents + .contents {
        margin: 5% auto 5% auto; }
  /*
	comic
----------------------------------------------*/
  #comic {
    position: relative; }
    #comic .inner {
      padding: 65px 0 10% 0; }
      #comic .inner h2 {
        margin: 0 0 25px 0;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: bold;
        letter-spacing: 5px;
        color: #333;
        text-align: center;
        position: relative; }
        #comic .inner h2:after {
          content: "コミック";
          font-size: 10px;
          font-size: 1.0rem;
          font-weight: normal;
          font-family: "メイリオ", Meiryo, Osaka, sans-serif;
          letter-spacing: 4px;
          position: absolute;
          right: 0;
          bottom: -12px;
          left: 0; }
      #comic .inner .contents {
        margin: 0 auto 5% auto;
        padding: 5% 3%;
        background: rgba(255, 255, 255, 0.9); }
        #comic .inner .contents .title {
          margin: 0 0 3% 0;
          font-size: 15px;
          font-size: 1.5rem;
          font-weight: bold;
          color: #fff;
          line-height: 25px; }
          #comic .inner .contents .title span {
            padding: 2px 5px 2px 5px;
            background: #000; }
        #comic .inner .contents .thumbnail {
          margin: 0 0 3% 0;
          text-align: center; }
        #comic .inner .contents .sentence {
          margin: 0 0 3% 0;
          font-size: 12px;
          font-size: 1.2rem;
          line-height: 22px; }
          #comic .inner .contents .sentence p + p {
            margin: 5% 0 0 0; }
  /*
	cd
----------------------------------------------*/
  #cd {
    position: relative; }
    #cd .inner {
      padding: 65px 0 10% 0; }
      #cd .inner h2 {
        margin: 0 0 25px 0;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: bold;
        letter-spacing: 5px;
        color: #333;
        text-align: center;
        position: relative; }
        #cd .inner h2:after {
          content: "音楽CD";
          font-size: 10px;
          font-size: 1.0rem;
          font-weight: normal;
          font-family: "メイリオ", Meiryo, Osaka, sans-serif;
          letter-spacing: 4px;
          position: absolute;
          right: 0;
          bottom: -12px;
          left: 0; }
      #cd .inner .contents {
        margin: 0 auto 5% auto;
        padding: 5% 3%;
        background: rgba(255, 255, 255, 0.9); }
        #cd .inner .contents .title {
          margin: 0 0 3% 0;
          font-size: 15px;
          font-size: 1.5rem;
          font-weight: bold;
          color: #fff;
          line-height: 25px; }
          #cd .inner .contents .title span {
            padding: 2px 5px 2px 5px;
            background: #000; }
        #cd .inner .contents .thumbnail {
          margin: 0 0 3% 0;
          text-align: center; }
        #cd .inner .contents .sentence {
          margin: 0 0 3% 0;
          font-size: 12px;
          font-size: 1.2rem;
          line-height: 22px; }
          #cd .inner .contents .sentence p + p {
            margin: 5% 0 0 0; }
  /*
	cd-detail
----------------------------------------------*/
  #cd-detail {
    position: relative; }
    #cd-detail .inner {
      padding: 65px 0 10% 0; }
      #cd-detail .inner h2 {
        margin: 0 0 25px 0;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: bold;
        letter-spacing: 5px;
        color: #333;
        text-align: center;
        position: relative; }
        #cd-detail .inner h2:after {
          content: "音楽CD";
          font-size: 10px;
          font-size: 1.0rem;
          font-weight: normal;
          font-family: "メイリオ", Meiryo, Osaka, sans-serif;
          letter-spacing: 4px;
          position: absolute;
          right: 0;
          bottom: -12px;
          left: 0; }
      #cd-detail .inner .contents {
        margin: 0 auto 5% auto;
        padding: 5% 3%;
        background: rgba(255, 255, 255, 0.9); }
        #cd-detail .inner .contents .thumbnail {
          width: 80%;
          margin: 0 auto 4% auto;
          text-align: center; }
        #cd-detail .inner .contents .information .release {
          margin: 0 0 3% 0;
          font-size: 10px;
          font-size: 1.0rem; }
        #cd-detail .inner .contents .information .title {
          margin: 0 0 3% 0;
          font-size: 18px;
          font-size: 1.8rem;
          font-weight: bold;
          color: #fff;
          line-height: 25px; }
          #cd-detail .inner .contents .information .title span {
            padding: 2px 5px 2px 5px;
            background: #000; }
        #cd-detail .inner .contents .information .artistName {
          margin: 0 0 3% 0;
          font-size: 12px;
          font-size: 1.2rem;
          line-height: 14px; }
        #cd-detail .inner .contents .information .price-number {
          margin: 0 0 5% 0;
          font-size: 10px;
          font-size: 1.0rem; }
          #cd-detail .inner .contents .information .price-number span {
            padding: 0 0 0 3%;
            font-size: 10px;
            font-size: 1.0rem; }
        #cd-detail .inner .contents .information .outline {
          margin: 0 0 5% 0;
          font-size: 13px;
          font-size: 1.3rem;
          line-height: 25px; }
        #cd-detail .inner .contents .information .btn {
          margin: 0 0 7% 0; }
          #cd-detail .inner .contents .information .btn a {
            width: 200px;
            height: 40px;
            margin: 0 auto;
            text-align: center;
            line-height: 40px;
            border: 1px solid #2d32b0;
            border-radius: 20px;
            display: block;
            text-decoration: none;
            font-size: 12px;
            font-size: 1.2rem;
            color: #2d32b0;
            position: relative; }
            #cd-detail .inner .contents .information .btn a:after {
              content: "";
              width: 12px;
              height: 8px;
              position: absolute;
              top: 50%;
              -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
              right: 13px;
              background: url(../images/pc/icon_arrow-r_blue.png) 0 0 no-repeat;
              background-size: contain; }
        #cd-detail .inner .contents .trackList {
          margin: 0 0 5% 0;
          padding: 4% 3%;
          clear: both;
          background: #f5f5f5; }
          #cd-detail .inner .contents .trackList h4 {
            margin: 0 0 1.5% 0;
            font-size: 14px;
            font-size: 1.4rem;
            font-weight: bold;
            color: #2d32b0; }
          #cd-detail .inner .contents .trackList p {
            font-size: 11px;
            font-size: 1.1rem;
            line-height: 25px; }
          #cd-detail .inner .contents .trackList audio {
            visibility: visible !important; }
        #cd-detail .inner .contents .freeArea {
          margin: 0 0 5% 0; }
          #cd-detail .inner .contents .freeArea p {
            font-size: 12px;
            font-size: 1.2rem;
            line-height: 25px; }
        #cd-detail .inner .contents .remarks {
          padding: 3% 3%;
          background: #fffcd7; }
          #cd-detail .inner .contents .remarks p {
            font-size: 12px;
            font-size: 1.2rem;
            line-height: 25px;
            color: #e94f75; }
      #cd-detail .inner .btn-to-cd {
        width: 200px;
        height: 40px;
        margin: 3% auto 0 auto;
        text-align: center;
        line-height: 40px;
        background: #000;
        border: 1px solid #000; }
        #cd-detail .inner .btn-to-cd a {
          font-size: 12px;
          font-size: 1.2rem;
          color: #FFF;
          text-decoration: none;
          display: block;
          position: relative;
          letter-spacing: 2px; }
          #cd-detail .inner .btn-to-cd a:after {
            content: "";
            width: 12px;
            height: 8px;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            left: 13px;
            background: url(../images/pc/icon_arrow-l.png) 0 0 no-repeat;
            background-size: contain; }
  /*
	error
----------------------------------------------*/
  #error {
    position: relative; }
    #error .inner {
      padding: 65px 0 10% 0; }
      #error .inner h2 {
        margin: 0 0 25px 0;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: bold;
        letter-spacing: 5px;
        color: #333;
        text-align: center;
        position: relative; }
        #error .inner h2:after {
          content: "NOT FOUND";
          font-size: 10px;
          font-size: 1.0rem;
          font-weight: normal;
          letter-spacing: 4px;
          position: absolute;
          right: 0;
          bottom: -12px;
          left: 0; }
      #error .inner .contents {
        margin: 0 auto 5% auto;
        padding: 5% 3%;
        background: rgba(255, 255, 255, 0.9); }
        #error .inner .contents .title {
          margin: 0 0 3% 0;
          font-size: 15px;
          font-size: 1.5rem;
          font-weight: bold;
          color: #fff;
          line-height: 25px; }
          #error .inner .contents .title span {
            padding: 2px 5px 2px 5px;
            background: #000; }
        #error .inner .contents .sentence {
          margin: 0 0 3% 0;
          font-size: 12px;
          font-size: 1.2rem;
          line-height: 22px; }
          #error .inner .contents .sentence p + p {
            margin: 5% 0 0 0; }
        #error .inner .contents .thumbnail {
          margin: 0 0 0 0;
          text-align: center; }
  /*
	footer
----------------------------------------------*/
  footer {
    position: relative; }
    footer:before {
      content: "";
      width: 200%;
      height: 100%;
      background: #fde74c;
      position: absolute;
      bottom: -12%;
      left: -30%;
      -webkit-transform: rotate(-6.3deg);
      transform: rotate(-6.3deg); }
    footer .nav-inner {
      width: 100%;
      margin: 0 auto;
      position: relative; }
      footer .nav-inner .logo {
        margin: 0 0 15px 0; }
        footer .nav-inner .logo h1 {
          text-align: center; }
          footer .nav-inner .logo h1 img {
            width: 65%; }
      footer .nav-inner nav.footer-menu ul.footer-menu-list li {
        width: 33.333%;
        padding: 3.5% 0;
        float: left;
        background: #fde74c;
        text-align: center; }
        footer .nav-inner nav.footer-menu ul.footer-menu-list li a {
          font-size: 12px;
          font-size: 1.2rem;
          color: #000000;
          text-decoration: none;
          position: relative;
          display: block; }
        footer .nav-inner nav.footer-menu ul.footer-menu-list li:nth-child(1) {
          border-bottom: 1px solid rgba(255, 255, 255, 0.5);
          display: none; }
        footer .nav-inner nav.footer-menu ul.footer-menu-list li:nth-child(2), footer .nav-inner nav.footer-menu ul.footer-menu-list li:nth-child(3), footer .nav-inner nav.footer-menu ul.footer-menu-list li:nth-child(4) {
          border-top: 1px solid rgba(255, 255, 255, 0.5); }
        footer .nav-inner nav.footer-menu ul.footer-menu-list li:nth-child(5), footer .nav-inner nav.footer-menu ul.footer-menu-list li:nth-child(8), footer .nav-inner nav.footer-menu ul.footer-menu-list li:nth-child(11) {
          border-left: none; }
        footer .nav-inner nav.footer-menu ul.footer-menu-list li:nth-child(16) {
          text-decoration: line-through;
          font-size: 12px;
          font-size: 1.2rem;
          color: #000000;
          position: relative; }
      footer .nav-inner nav.footer-menu ul.footer-menu-list li + li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
        border-left: 1px solid rgba(255, 255, 255, 0.5); }
      footer .nav-inner .to-top {
        width: 8%;
        position: fixed;
        bottom: 1%;
        right: 2%; }
      footer .nav-inner .copyright {
        padding: 5% 0;
        font-size: 10px;
        font-size: 1.0rem;
        text-align: center; }
  /*
	news-list
----------------------------------------------*/
  .news-list li {
    width: 48.5%;
    float: left;
    background: #FFF;
    position: relative; }
    .news-list li:nth-child(2n+1) {
      margin: 3% 0 0 0; }
    .news-list li:first-child {
      margin: 0 0 0 0; }
    .news-list li:nth-child(2) {
      margin: 0 0 0 3%; }
    .news-list li a {
      height: 100%;
      padding: 8% 5%;
      display: block;
      text-decoration: none; }
      .news-list li a .date {
        margin: 0 0 0 0;
        font-size: 10px;
        font-size: 1.0rem;
        color: #000;
        display: inline-block; }
      .news-list li a .category {
        margin: 0 0 3% 0;
        padding: 3px 2px 2px 2px;
        display: inline-block;
        position: relative;
        top: -1px;
        border-radius: 5px;
        font-size: 10px;
        font-size: 1.0rem;
        color: #fff; }
      .news-list li a .info {
        background: #707070; }
      .news-list li a .anime {
        background: #e94f75; }
      .news-list li a .game {
        background: #8752a1; }
      .news-list li a .comic {
        background: #383DB4; }
      .news-list li a .cd {
        background: #2d32b0; }
      .news-list li a .broadcast {
        background: #39c5a6; }
      .news-list li a .event {
        background: #97bf2a; }
      .news-list li a .blu-ray_dvd {
        background: #479adb; }
      .news-list li a .goods {
        background: #ac6a00; }
      .news-list li a .thumbnail {
        margin: 0 0 3% 0;
        text-align: center;
        overflow: hidden; }
      .news-list li a .title {
        font-size: 10px;
        font-size: 1.0rem;
        line-height: 16px;
        color: #222;
        text-decoration: none; }
      .news-list li a .icon-new {
        width: 25%;
        max-width: 70px;
        position: absolute;
        top: 0;
        right: 0; }
  .news-list li + li {
    margin: 3% 0 0 3%; }
  /*
	cd-list
----------------------------------------------*/
  .cd-list li {
    width: 48.5%;
    float: left;
    background: #FFF;
    position: relative; }
    .cd-list li:nth-child(2n+1) {
      margin: 3% 0 0 0; }
    .cd-list li:first-child {
      margin: 0 0 0 0; }
    .cd-list li:nth-child(2) {
      margin: 0 0 0 3%; }
    .cd-list li a {
      height: 100%;
      padding: 8% 5% 10% 5%;
      display: block;
      text-decoration: none; }
      .cd-list li a .release {
        margin: 0 0 5% 0;
        font-size: 10px;
        font-size: 1.0rem;
        color: #000;
        display: inline-block; }
      .cd-list li a .thumbnail {
        margin: 0 0 5% 0;
        text-align: center;
        overflow: hidden; }
      .cd-list li a .title {
        margin: 0 0 3% 0;
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 16px;
        color: #222;
        text-decoration: none; }
      .cd-list li a .artistName {
        font-size: 10px;
        font-size: 1.0rem;
        line-height: 14px;
        color: #222;
        text-decoration: none; }
        .cd-list li a .artistName span {
          font-size: 1.0rem !important; }
  .cd-list li + li {
    margin: 3% 0 0 3%; }
  /*
	.popup
----------------------------------------------*/
  .popup {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(251, 216, 80, 0.9);
    z-index: 1000; }
    .popup div {
      width: 90%;
      margin: 0 auto;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      right: 0;
      left: 0;
      text-align: center; }
      .popup div a {
        -webkit-transition: 0.3s;
        transition: 0.3s; }
        .popup div a:hover {
          opacity: 0.8; }
      .popup div p {
        position: absolute;
        top: -60px;
        right: -10px;
        font-size: 48px;
        font-size: 4.8rem; } }