@charset "utf-8";
/* CSS Document */
      @import url(https://fonts.googleapis.com/css?family=Fjalla+One); /*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
      progress,
      sub,
      sup {
        vertical-align: baseline;
      }
      button,
      hr,
      input {
        overflow: visible;
      }
      img,
      legend {
        max-width: 100%;
      }
      .c-artists__photo img,
      .c-last-session__photo img,
      .c-special__photo img {
        width: 100%;
      }
      article,
      aside,
      details,
      figcaption,
      figure,
      footer,
      header,
      main,
      menu,
      nav,
      section,
      summary {
        display: block;
      }
      audio,
      canvas,
      progress,
      video {
        display: inline-block;
      }
      audio:not([controls]) {
        display: none;
        height: 0;
      }
      [hidden],
      template {
        display: none;
      }
      a {
        background-color: transparent;
        -webkit-text-decoration-skip: objects;
      }
      a:active,
      a:hover {
        outline-width: 0;
      }
      abbr[title] {
        text-decoration: underline;
        text-decoration: underline dotted;
        border-bottom: none;
      }
      b,
      strong {
        font-weight: bolder;
      }
      dfn {
        font-style: italic;
      }
      mark {
        color: #000;
        background-color: #ff0;
      }
      small {
        font-size: 80%;
      }
      sub,
      sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
      }
      sub {
        bottom: -0.25em;
      }
      sup {
        top: -0.5em;
      }
      .c-page__bg,
      .c-page__bg:before {
        top: 0;
        z-index: -1;
        right: 0;
        bottom: 0;
        left: 0;
      }
      svg:not(:root) {
        overflow: hidden;
      }
      code,
      kbd,
      pre,
      samp {
        font-family: monospace, sans-serif;
        font-size: 1em;
      }
      hr {
        box-sizing: content-box;
        height: 0;
      }
      button,
      input,
      select,
      textarea {
        font: inherit;
        margin: 0;
      }
      optgroup {
        font-weight: 700;
      }
      button,
      select {
        text-transform: none;
      }
      [type="reset"],
      [type="submit"],
      button,
      html [type="button"] {
        -webkit-appearance: button;
      }
      [type="button"]::-moz-focus-inner,
      [type="reset"]::-moz-focus-inner,
      [type="submit"]::-moz-focus-inner,
      button::-moz-focus-inner {
        padding: 0;
        border-style: none;
      }
      [type="button"]:-moz-focusring,
      [type="reset"]:-moz-focusring,
      [type="submit"]:-moz-focusring,
      button:-moz-focusring {
        outline: ButtonText dotted 1px;
      }
      legend {
        display: table;
        box-sizing: border-box;
        white-space: normal;
        color: inherit;
      }
      textarea {
        overflow: auto;
      }
      [type="checkbox"],
      [type="radio"] {
        box-sizing: border-box;
        padding: 0;
      }
      [type="number"]::-webkit-inner-spin-button,
      [type="number"]::-webkit-outer-spin-button {
        height: auto;
      }
      [type="search"] {
        outline-offset: -2px;
        -webkit-appearance: textfield;
      }
      [type="search"]::-webkit-search-cancel-button,
      [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
      }
      ::-webkit-input-placeholder {
        opacity: 0.54;
        color: inherit;
      }
      ::-webkit-file-upload-button {
        font: inherit;
        -webkit-appearance: button;
      }
      blockquote,
      code,
      dd,
      div,
      dl,
      dt,
      fieldset,
      figure,
      form,
      h1,
      h2,
      h3,
      h4,
      h5,
      h6,
      legend,
      li,
      ol,
      p,
      pre,
      ul {
        margin: 0;
        padding: 0;
      }
      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
        font-size: 12px;
      }
      li {
        list-style: none;
      }
      pre {
        white-space: pre-wrap;
        word-wrap: break-word;
      }
      q {
        quotes: none;
      }
      img {
        border-style: none;
        vertical-align: top;
        line-height: 1;
      }
      caption,
      td,
      th {
        padding: 0;
      }
      fieldset {
        border: 0;
      }
      .icon-logo:before,
      .icon-triangle:before,
      .icon-twitter:before,
      .icon-youtube:before {
        font-family: iconfont;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-decoration: none;
        text-transform: none;
      }
      .icon-logo:before {
        content: "";
      }
      .icon-triangle:before {
        content: "";
      }
      .icon-twitter:before {
        content: "";
      }
      .icon-youtube:before {
        content: "";
      }
      body,
      html {
        height: 100%;
        background: #000;
      }
      html {
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
        font-size: 62.5%;
      }
      body {
        margin: 0;
        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
        line-height: 1.6;
        color: #fff;
        -webkit-tap-highlight-color: transparent;
        background: 0 0;
      }
      .is-show {
        display: inherit !important;
      }
      .is-hide {
        display: none !important;
      }
      .c-breadcrumb,
      .c-jumbotron {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
      }
      .is-visible {
        visibility: visible !important;
      }
      .is-hidden {
        visibility: hidden !important;
      }
      .is-fixed {
        position: fixed !important;
      }
      .is-absolute {
        position: absolute !important;
      }
      .is-overflow-hidden {
        overflow: hidden !important;
      }
      .c-page__bg {
        position: fixed;
        background-size: cover;
        background-position: 50%;
      }
      .c-page__bg:before {
        content: "";
        position: absolute;
        background-color: rgba(0, 0, 0, 0.7);
      }
      .theme-2017-yokohama .c-header {
        background-color: #0068dd;
      }
      .c-breadcrumb {
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        height: 50px;
        font-size: 1.2rem;
      }
      .c-breadcrumb__item {
        display: inline-block;
      }
      .c-breadcrumb__item:not(:last-of-type):after {
        content: ">";
        margin: 0 0.2em 0 0.5em;
        position: relative;
        top: -1.5px;
      }
      .c-breadcrumb__link {
        color: #fff;
        text-decoration: none;
      }
      .c-jumbotron {
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        background: url(/animaxmusix/img/archive/archive_2017_yokohama_mv.jpg) 50% no-repeat;
        background-size: cover;
      }
      .c-artists__name,
      .c-special__name {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        -webkit-box-pack: center;
      }
      .c-artists {
        background-color: rgba(0, 0, 0, 0.4);
      }
      .c-artists__title {
        text-align: center;
        font-weight: 700;
      }
      .theme-2017-yokohama .c-artists__title {
        background-color: #0068dd;
      }
      .c-artists__name {
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        z-index: 1;
        font-weight: 700;
        background: url(/animaxmusix/img/archive/archive_2017_yokohama_decoration.png) no-repeat;
        background-size: contain;
      }
      .c-artists__name:before {
        content: "";
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        z-index: -1;
      }
      .theme-2017-yokohama .c-artists__name:before {
        background-color: #0068dd;
      }
      .c-artists__name span {
        font-weight: 400;
      }
      .c-artists__photo {
        margin: 2px 0;
      }
      .c-artists__songs {
        text-align: center;
        background-color: rgba(255, 255, 255, 0.7);
        box-sizing: border-box;
      }
      .c-artists__song {
        position: relative;
        display: inline-block;
      }
      .theme-2017-yokohama .c-artists__song {
        color: #0068dd;
      }
      .c-artists__song:before {
        content: "";
        position: absolute;
        left: 0;
        border-radius: 50%;
      }
      .theme-2017-yokohama .c-artists__song:before {
        background-color: #0068dd;
      }
      .c-special {
        background-color: rgba(0, 0, 0, 0.4);
      }
      .theme-2017-yokohama .c-last-session__song,
      .theme-2017-yokohama .c-last-session__title,
      .theme-2017-yokohama .c-special__name,
      .theme-2017-yokohama .c-special__song,
      .theme-2017-yokohama .c-special__title {
        background-color: #0068dd;
      }
      .c-special__title {
        text-align: center;
        font-weight: 700;
      }
      .theme-2017-yokohama .c-special__item {
        border-color: #0068dd;
        border-style: solid;
      }
      .c-footer__decoration,
      .c-goto-top__link:before {
        border-top: 2px solid #fff;
        box-sizing: border-box;
      }
      .c-footer:before,
      .c-goto-top__link:before {
        content: "";
        border-left: 2px solid #fff;
      }
      .c-special__name {
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        font-weight: 700;
      }
      .c-special__song {
        text-align: center;
      }
      .c-last-session__title {
        text-align: center;
        font-weight: 700;
      }
      .c-last-session__song {
        text-align: center;
        font-weight: 700;
      }
      .c-footer:before,
      .c-footer__decoration {
        background-color: rgba(255, 255, 255, 0.7);
        position: absolute;
      }
      .c-footer {
        position: relative;
        z-index: 1;
      }
      .c-footer:before {
        top: 20px;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        margin: auto;
        border-right: 2px solid #fff;
      }
      .c-footer__decoration {
        width: calc(100% - 40px);
        height: 20px;
        top: 0;
        left: 20px;
      }
      .c-footer__decoration:after,
      .c-footer__decoration:before {
        content: "";
        width: 20px;
        height: 20px;
        position: absolute;
        top: -2px;
        background-size: contain;
      }
      .c-footer__decoration:before {
        left: -20px;
        background: url(/animaxmusix/img/archive/archive_2017_yokohama_box_left-top.png) no-repeat;
      }
      .c-footer__decoration:after {
        right: -20px;
        background: url(/animaxmusix/img/archive/archive_2017_yokohama_box_right-top.png) no-repeat;
      }
      .c-footer__logo-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
      }
      .c-footer__logo {
        margin: 0 20px;
      }
      .c-footer__logo-link {
        display: block;
      }
      .c-footer__logo-link img {
        width: 100%;
      }
      .c-footer__copyright {
        text-align: center;
        color: #0075c2;
      }
      .c-goto-top {
        margin: 25px 0 5px;
      }
      .c-goto-top__link {
        display: block;
        width: 36px;
        height: 36px;
        position: relative;
        margin: auto;
        text-indent: -300%;
        overflow: hidden;
        white-space: nowrap;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
      }
      .c-goto-top__link:before {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none;
        -webkit-animation: scale 0.4s infinite alternate;
        animation: scale 0.4s infinite alternate;
      }
      @font-face {
        font-family: iconfont;
        src: url(../font/iconfont.eot);
        src: url(../font/iconfont.eot?#iefix) format("eot"), url(../font/iconfont.woff2) format("woff2"),
          url(../font/iconfont.woff) format("woff"), url(../font/iconfont.ttf) format("truetype"),
          url(../font/iconfont.svg#iconfont) format("svg");
      }
      @media (min-width: 1px) and (max-width: 736px) {
        body {
          font-size: 1.2rem;
        }
        .is-medium,
        .not-small {
          display: none;
        }
        .c-page__summary {
          padding: 0 10px;
          margin-top: 20px;
        }
        .c-header__inner {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: end;
          -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
          justify-content: flex-end;
          height: 34px;
          padding: 0 10px;
        }
        .c-header__title {
          font-size: 1rem;
        }
        .c-jumbotron {
          height: 160px;
        }
        .c-jumbotron__title {
          height: 85%;
        }
        .c-jumbotron__title img {
          height: 100%;
        }
        .c-artists {
          padding: 15px 1px 10px;
          margin: 20px 10px 0;
        }
        .c-artists__title {
          font-size: 1.6rem;
          padding: 6px 0;
        }
        .c-artists__body {
          padding: 10px 9px;
        }
        .c-artists__item:nth-of-type(n + 2) {
          margin-top: 10px;
        }
        .c-artists__name {
          height: 30px;
          font-size: 1.4rem;
        }
        .c-artists__name:before {
          width: calc(100% - 70px);
        }
        .c-artists__name span {
          font-size: 1rem;
          margin-top: 3px;
        }
        .c-artists__songs {
          height: 45px;
          padding: 0.2em 0.6em 0;
        }
        .c-artists__songs.is-row-3 {
          padding: 0 1em;
          height: 58px;
        }
        .c-artists__song {
          font-size: 1rem;
          padding-left: 15px;
          margin: 0 5px;
        }
        .c-artists__song:before {
          top: 3px;
          width: 10px;
          height: 10px;
        }
        .c-special {
          padding: 15px 1px 10px;
          margin: 10px 10px 0;
        }
        .c-special__title {
          font-size: 1.6rem;
          padding: 6px 0;
        }
        .c-special__body {
          padding: 10px 9px;
        }
        .c-special__item:nth-of-type(n + 2) {
          margin-top: 10px;
        }
        .theme-2017-yokohama .c-special__item {
          border-width: 0 2px;
        }
        .c-special__name {
          height: 30px;
          font-size: 1.4rem;
        }
        .c-special__song {
          padding: 5px 1em 8px;
          font-size: 1.2rem;
        }
        .c-last-session {
          margin-top: 20px;
        }
        .c-last-session__title {
          font-size: 1.6rem;
          padding: 6px 0;
        }
        .c-last-session__song {
          padding: 10px 0;
          font-size: 1.3rem;
        }
        .c-footer {
          padding: 20px 0 10px;
          margin: 0 10px;
        }
        .c-footer__logo--musix {
          -webkit-box-flex: 0;
          -webkit-flex: 0 0 100px;
          -ms-flex: 0 0 100px;
          flex: 0 0 100px;
        }
        .c-footer__logo--animax {
          -webkit-box-flex: 0;
          -webkit-flex: 0 0 80px;
          -ms-flex: 0 0 80px;
          flex: 0 0 80px;
        }
        .c-footer__copyright {
          margin-top: 15px;
          font-size: 1rem;
        }
      }
      @media (min-width: 1px) and (max-width: 1023px) {
        .c-breadcrumb,
        .is-large {
          display: none;
        }
        .c-page__bg {
          background-image: url(/animaxmusix/img/archive/archive_2017_yokohama_bg_sp.jpg);
        }
      }
      @media (min-width: 737px) and (max-width: 1023px) {
        body {
          font-size: 1.3rem;
        }
        .not-medium {
          display: none;
        }
        .c-page__summary {
          padding: 0 50px;
          margin-top: 45px;
          font-size: 1.8rem;
        }
        .c-header__inner {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: end;
          -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
          justify-content: flex-end;
          height: 50px;
          padding: 0 20px;
        }
        .c-header__title {
          font-size: 1.2rem;
        }
        .c-jumbotron {
          height: 550px;
        }
        .c-jumbotron__title {
          height: 60%;
        }
        .c-jumbotron__title img {
          height: 100%;
        }
        .c-artists {
          padding: 30px 2px;
          margin: 80px 50px 0;
        }
        .c-artists__title {
          font-size: 2.4rem;
          padding: 6px 0;
        }
        .c-artists__body {
          padding: 20px 18px;
        }
        .c-artists__item:nth-of-type(n + 2) {
          margin-top: 20px;
        }
        .c-artists__name {
          height: 40px;
          font-size: 1.8rem;
        }
        .c-artists__name:before {
          width: calc(100% - 90px);
        }
        .c-artists__name span {
          font-size: 1.2rem;
          margin-top: 3px;
        }
        .c-artists__songs {
          height: 74px;
          padding: 1em 1em 0;
        }
        .c-artists__songs.is-row-3 {
          padding: 0.15em 1em 0;
        }
        .c-artists__song {
          font-size: 1.4rem;
          padding-left: 20px;
          margin: 0 8px;
        }
        .c-artists__song:before {
          top: 3px;
          width: 14px;
          height: 14px;
        }
        .c-special {
          padding: 30px 2px;
          margin: 20px 50px 0;
        }
        .c-special__title {
          font-size: 2.4rem;
          padding: 6px 0;
        }
        .c-special__body {
          padding: 20px 18px;
        }
        .c-special__item:nth-of-type(n + 2) {
          margin-top: 20px;
        }
        .c-special__name {
          height: 40px;
          font-size: 1.8rem;
        }
        .c-special__song {
          padding: 10px 1em;
          font-size: 1.2rem;
        }
        .c-last-session {
          margin-top: 30px;
        }
        .c-last-session__title {
          font-size: 2.4rem;
          padding: 6px 0;
        }
        .c-last-session__song {
          padding: 20px 0;
          font-size: 1.4rem;
        }
        .c-footer {
          padding: 20px 0 10px;
          margin: 0 50px;
        }
        .c-footer__logo-box {
          margin-top: 10px;
        }
        .c-footer__logo--musix {
          -webkit-box-flex: 0;
          -webkit-flex: 0 0 120px;
          -ms-flex: 0 0 120px;
          flex: 0 0 120px;
        }
        .c-footer__logo--animax {
          -webkit-box-flex: 0;
          -webkit-flex: 0 0 100px;
          -ms-flex: 0 0 100px;
          flex: 0 0 100px;
        }
        .c-footer__copyright {
          margin-top: 30px;
          font-size: 1.2rem;
        }
      }
      @media (min-width: 737px) {
        .is-small {
          display: none;
        }
        .theme-2017-yokohama .c-special__item {
          border-width: 0 4px;
        }
      }
      @media (min-width: 1024px) {
        .c-artists,
        .c-footer,
        .c-special {
          box-sizing: border-box;
        }
        body {
          font-size: 1.4rem;
        }
        .is-medium,
        .not-large {
          display: none;
        }
        .c-page__summary {
          width: 780px;
          margin: 45px auto 0;
          font-size: 1.8rem;
        }
        .c-page__bg {
          background-image: url(/animaxmusix/img/archive/archive_2017_yokohama_bg.jpg);
        }
        .c-header__inner {
          max-width: 960px;
          height: 50px;
          position: relative;
          margin: auto;
        }
        .c-header__title {
          position: absolute;
          top: 50%;
          right: 0;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          font-size: 1.2rem;
        }
        .c-jumbotron {
          height: 550px;
        }
        .c-artists {
          width: 960px;
          padding: 30px 2px;
          margin: 80px auto 0;
        }
        .c-artists__title {
          font-size: 2.4rem;
          padding: 6px 0;
        }
        .c-artists__body {
          width: 920px;
          margin: 26px auto 0;
        }
        .c-artists__list {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          margin: -10px;
        }
        .c-artists__item {
          -webkit-box-flex: 0;
          -webkit-flex: 0 0 450px;
          -ms-flex: 0 0 450px;
          flex: 0 0 450px;
          margin: 10px;
        }
        .c-artists__name {
          height: 40px;
          font-size: 1.8rem;
        }
        .c-artists__name:before {
          width: calc(100% - 90px);
        }
        .c-artists__name span {
          font-size: 1.2rem;
          margin-top: 3px;
        }
        .c-artists__songs {
          height: 74px;
          padding: 1em 1em 0;
        }
        .c-artists__songs.is-row-3 {
          padding: 0.15em 1em 0;
        }
        .c-artists__song {
          padding-left: 20px;
          margin: 0 8px;
        }
        .c-artists__song:before {
          top: 3px;
          width: 14px;
          height: 14px;
        }
        .c-special {
          width: 960px;
          padding: 30px 2px;
          margin: 20px auto 0;
        }
        .c-special__title {
          font-size: 2.4rem;
          padding: 6px 0;
        }
        .c-special__body {
          width: 920px;
          margin: 26px auto 0;
        }
        .c-special__list {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          margin: -10px;
        }
        .c-special__item {
          -webkit-box-flex: 0;
          -webkit-flex: 0 0 442px;
          -ms-flex: 0 0 442px;
          flex: 0 0 442px;
          margin: 10px;
        }
        .c-special__name {
          height: 40px;
          font-size: 1.8rem;
        }
        .c-special__song {
          padding: 10px 1em;
          font-size: 1.2rem;
        }
        .c-last-session {
          position: relative;
          margin-top: 30px;
        }
        .c-last-session__title {
          width: 100%;
          position: absolute;
          top: 30px;
          font-size: 2.4rem;
          padding: 6px 0;
        }
        .c-last-session__song {
          width: 440px;
          position: absolute;
          right: 0;
          left: 0;
          bottom: 30px;
          margin: 0 auto;
          font-size: 1.4rem;
          padding: 10px 0;
        }
        .c-footer {
          max-width: 900px;
          height: 159px;
          padding: 20px 30px 0;
          margin: auto;
        }
        .c-footer__logo-box {
          margin-top: 10px;
        }
        .c-footer__logo--musix {
          -webkit-box-flex: 0;
          -webkit-flex: 0 0 120px;
          -ms-flex: 0 0 120px;
          flex: 0 0 120px;
        }
        .c-footer__logo--animax {
          -webkit-box-flex: 0;
          -webkit-flex: 0 0 100px;
          -ms-flex: 0 0 100px;
          flex: 0 0 100px;
        }
        .c-footer__copyright {
          margin-top: 30px;
          font-size: 1.2rem;
        }
      }
      @-webkit-keyframes scale {
        0% {
          -webkit-transform: scale3d(0.8, 0.8, 1);
          transform: scale3d(0.8, 0.8, 1);
        }
        100% {
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
        }
      }
      @keyframes scale {
        0% {
          -webkit-transform: scale3d(0.8, 0.8, 1);
          transform: scale3d(0.8, 0.8, 1);
        }
        100% {
          -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
        }
      }