/* common
=================================================================== */
/* color
=================================================================== */
/* layout
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* form
=================================================================== */
/* common
=================================================================== */
/* contents
=================================================================== */
article .section.artist {
  width: calc(100% - 170px);
  max-width: 1400px;
  background-color: #778cc3; }
  article .section.artist nav {
    margin-bottom: 60px; }
    article .section.artist nav ul {
      display: flex;
      justify-content: center;
      font-size: 14px; }
      article .section.artist nav ul li {
        position: relative;
        margin: 0 17px;
        padding: 5px 10px;
        cursor: pointer; }
        article .section.artist nav ul li:after {
          content: " ";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          height: 1px;
          background-color: #000;
          top: 15px;
          opacity: 0; }
        article .section.artist nav ul li:hover:after {
          opacity: 1; }
        article .section.artist nav ul li.selected {
          pointer-events: none; }
          article .section.artist nav ul li.selected:after {
            opacity: 1; }
    article .section.artist nav.nav--footer {
      margin-bottom: 0; }
  article .section.artist .artist__contents--wrapper .artist__contents {
    margin-bottom: 70px;
    position: relative; }
    article .section.artist .artist__contents--wrapper .artist__contents h2 {
      position: absolute;
      width: 275px;
      height: 130px;
      top: 0;
      left: 0;
      padding-right: 40px; }
      article .section.artist .artist__contents--wrapper .artist__contents h2 aside {
        font-size: 12px;
        font-weight: normal;
        line-height: 1.5;
        margin-top: 15px; }
    article .section.artist .artist__contents--wrapper .artist__contents ul {
      margin-left: 275px; }
      article .section.artist .artist__contents--wrapper .artist__contents ul li {
        margin-bottom: 45px;
        letter-spacing: -0.5px; }
        article .section.artist .artist__contents--wrapper .artist__contents ul li dl {
          display: flex; }
          article .section.artist .artist__contents--wrapper .artist__contents ul li dl dt {
            flex-basis: 330px;
            font-size: 14px; }
            article .section.artist .artist__contents--wrapper .artist__contents ul li dl dt aside {
              font-size: 13px;
              margin-top: 5px;
              letter-spacing: -0px; }
            article .section.artist .artist__contents--wrapper .artist__contents ul li dl dt .people--img {
              padding-right: 98px; }
              article .section.artist .artist__contents--wrapper .artist__contents ul li dl dt .people--img img {
                margin: 12px 0; }
              article .section.artist .artist__contents--wrapper .artist__contents ul li dl dt .people--img p {
                font-size: 9px; }
          article .section.artist .artist__contents--wrapper .artist__contents ul li dl dd {
            flex-basis: calc(100% - 330px); }
            article .section.artist .artist__contents--wrapper .artist__contents ul li dl dd .link--text {
              margin-bottom: 10px; }
            article .section.artist .artist__contents--wrapper .artist__contents ul li dl dd.artist__contents--img {
              display: none; }
              article .section.artist .artist__contents--wrapper .artist__contents ul li dl dd.artist__contents--img span {
                display: block;
                position: relative;
                margin-bottom: 14px; }
              article .section.artist .artist__contents--wrapper .artist__contents ul li dl dd.artist__contents--img > p {
                line-height: 1.4; }
            article .section.artist .artist__contents--wrapper .artist__contents ul li dl dd.none span {
              padding-top: 47.8;
              opacity: .2;
              background-image: linear-gradient(to top left, transparent, transparent 50%, #000 50%, #000 50.2%, transparent 50.2%, transparent); }
            article .section.artist .artist__contents--wrapper .artist__contents ul li dl dd.coming span {
              padding-top: 64.13%;
              background-color: rgba(0, 0, 0, 0.1); }
              article .section.artist .artist__contents--wrapper .artist__contents ul li dl dd.coming span:after {
                position: absolute;
                width: 88px;
                height: 30px;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
                -webkit-transform: translate(-50%, -50%);
                content: "NO IMAGE";
                font-size: 15px;
                letter-spacing: 1px; }
            article .section.artist .artist__contents--wrapper .artist__contents ul li dl dd.tate {
              position: relative;
              padding-right: 185px; }
              article .section.artist .artist__contents--wrapper .artist__contents ul li dl dd.tate span {
                margin-bottom: 0; }
              article .section.artist .artist__contents--wrapper .artist__contents ul li dl dd.tate > p {
                position: absolute;
                height: 132px;
                height: 75px;
                bottom: -6px;
                right: 35px; }
    article .section.artist .artist__contents--wrapper .artist__contents > p {
      text-align: right; }
    article .section.artist .artist__contents--wrapper .artist__contents.artist__contents--main h2 {
      height: 25px; }
  article .section.artist .artist__contents--wrapper.portfolio .artist__contents ul li dl dd.artist__contents--img {
    display: block; }
  article .section.artist .artist__contents--wrapper.portfolio .artist__contents ul li dl dt .people--img {
    display: none; }
  article .section.artist .artist__contents--wrapper.portfolio .artist__contents ul li dl dd.artist__contents--text {
    display: none; }
  article .section.artist .artist__contents--wrapper.portfolio .artist__contents ul li {
    margin-bottom: 65px; }