/* Scss Document */
.content {
  position: relative;
  z-index: 0;
  padding-top: 80px; }
  .content .title_area {
    border-bottom: solid 1px #2E499D;
    margin: 0 0 2rem 0;
    padding: 1rem 0 1.5rem 0; }
    .content .title_area .post_title {
      text-align: center;
      font-size: 1.6rem;
      line-height: 1.6;
      letter-spacing: 1px; }
      .content .title_area .post_title span.inner {
        position: relative;
        z-index: 0; }
        .content .title_area .post_title span.inner span.cat {
          position: absolute;
          top: .2rem;
          right: -6rem;
          z-index: 1;
          display: inline-block;
          background: #b59948;
          color: #FFF;
          font-size: 1.2rem;
          line-height: 1;
          letter-spacing: 3px;
          font-weight: normal;
          padding: .2rem .25em .2rem .4rem;
          margin: 0 0 1rem 0; }
    .content .title_area h2.title {
      text-align: center;
      font-size: 1.6rem;
      font-weight: bold;
      color: #2E499D;
      margin: 0 0 0 0;
      padding: 0 0 0 0; }
  .content section.disc {
    margin: 0 0 0 0;
    padding: 0 0 3rem 0; }
    .content section.disc .inner {
      width: 94%;
      max-width: 660px;
      margin: 0 auto;
      padding: 0 0 0 0; }
      .content section.disc .inner h1 {
        font-size: 1.6rem;
        line-height: 1.4; }
      .content section.disc .inner p {
        font-size: 1.4rem;
        line-height: 1.6; }
      .content section.disc .inner .comingsoon {
        text-align: center;
        font-size: 2.4rem; }
  .content section.kv {
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 1rem 0;
    text-align: center; }
    .content section.kv img {
      width: 100%;
      max-width: 830px;
      height: auto; }
  .content section.details {
    margin: 0 0 0 0;
    padding: 0 0 2rem 0; }
    .content section.details .inner {
      width: 94%;
      max-width: 830px;
      margin: 0 auto;
      padding: 0 0 0 0; }
      .content section.details .inner .cluster {
        border-bottom: solid 2px #dddddd;
        padding: 1rem 0;
        width: 100%;
        margin: 0 0 0 0;
        padding: 2rem 0 2rem 0; }
        .content section.details .inner .cluster .title {
          display: block;
          width: 100%;
          color: #b59948;
          margin: 0 0 0 0;
          padding: 0 0 0 0;
          font-size: 1.4rem;
          line-height: 1.8;
          vertical-align: top; }
        .content section.details .inner .cluster .cont {
          display: block;
          width: 100%;
          margin: 0 0 0 0;
          padding: 0 0 0 0;
          font-size: 1.4rem;
          line-height: 1.8;
          vertical-align: top; }
  .content section.artist {
    margin: 0 0 0 0;
    padding: 5rem 0 2rem 0; }
    .content section.artist h3 {
      text-align: center;
      font-size: 3rem;
      line-height: 1.6;
      letter-spacing: 1px;
      font-weight: normal;
      margin: 0 0 0 0;
      padding: 0 0 2rem 0; }
    .content section.artist .inner {
      width: 100%;
      max-width: 1000px;
      margin: 0 auto;
      padding: 0 0 0 0; }
      .content section.artist .inner .cluster {
        background: #f7f6f4;
        width: auto;
        margin: 0 0 3rem 0;
        padding: 3rem 1rem; }
        .content section.artist .inner .cluster h4.artist_name {
          text-align: center;
          font-size: 2.2rem;
          line-height: 1.6;
          margin: 0 0 2rem 0;
          padding: 0 0 0 0; }
        .content section.artist .inner .cluster .ph_prof {
          display: block;
          width: 100%; }
          .content section.artist .inner .cluster .ph_prof .ph {
            display: block;
            width: 100%;
            vertical-align: top;
            padding-right: 1rem;
            text-align: center; }
            .content section.artist .inner .cluster .ph_prof .ph img {
              width: 100%;
              max-width: 260px;
              height: auto;
              margin-bottom: 1rem; }
          .content section.artist .inner .cluster .ph_prof .prof {
            display: block;
            vertical-align: top; }
            .content section.artist .inner .cluster .ph_prof .prof .art {
              display: inline-block;
              background: #595757;
              color: #FFF;
              font-size: 1.2rem;
              line-height: 1;
              padding: .4rem .4em;
              margin: 0 0 1rem 0; }
            .content section.artist .inner .cluster .ph_prof .prof p {
              font-size: 1.4rem;
              line-height: 1.8;
              margin: 0 0 2rem 0;
              padding: 0 0 0 0; }

@media screen and (min-width: 600px) {
  .content {
    position: relative;
    z-index: 0;
    padding-top: 100px; }
    .content .title_area {
      border-bottom: solid 1px #2E499D;
      margin: 0 0 3rem 0;
      padding: 1rem 0 1.5rem 0; }
      .content .title_area .post_title {
        text-align: center;
        font-size: 3rem;
        line-height: 1.6;
        letter-spacing: 1px; }
        .content .title_area .post_title span.inner {
          position: relative;
          z-index: 0; }
          .content .title_area .post_title span.inner span.cat {
            position: absolute;
            top: .2rem;
            right: -6rem;
            z-index: 1;
            display: inline-block;
            background: #b59948;
            color: #FFF;
            font-size: 1.2rem;
            line-height: 1;
            letter-spacing: 3px;
            font-weight: normal;
            padding: .2rem .25em .2rem .4rem;
            margin: 0 0 1rem 0; }
      .content .title_area h2.title {
        text-align: center;
        font-size: 3.6rem;
        font-weight: normal;
        color: #2E499D;
        margin: 0 0 0 0;
        padding: 0 0 0 0; }
    .content section.disc {
      margin: 0 0 0 0;
      padding: 0 0 3rem 0; }
      .content section.disc .inner {
        width: 94%;
        max-width: 660px;
        margin: 0 auto;
        padding: 0 0 0 0; }
        .content section.disc .inner h1 {
          font-size: 2rem;
          line-height: 1.8; }
        .content section.disc .inner p {
          font-size: 1.4rem;
          line-height: 1.8; }
    .content section.kv {
      width: 100%;
      margin: 0 0 0 0;
      padding: 0 0 2rem 0;
      text-align: center; }
      .content section.kv img {
        width: 100%;
        max-width: 830px;
        height: auto; }
    .content section.details {
      margin: 0 0 0 0;
      padding: 0 0 2rem 0; }
      .content section.details .inner {
        width: 94%;
        max-width: 830px;
        margin: 0 auto;
        padding: 0 0 0 0; }
        .content section.details .inner .cluster {
          border-bottom: solid 2px #dddddd;
          padding: 1rem 0;
          width: 100%;
          margin: 0 0 0 0;
          padding: 2rem 0 2rem 0; }
          .content section.details .inner .cluster .title {
            display: inline-block;
            width: 25%;
            color: #b59948;
            margin: 0 0 0 0;
            padding: 0 0 0 0;
            font-size: 1.4rem;
            line-height: 1.8;
            vertical-align: top; }
          .content section.details .inner .cluster .cont {
            display: inline-block;
            width: 70%;
            margin: 0 0 0 0;
            padding: 0 0 0 0;
            font-size: 1.4rem;
            line-height: 1.8;
            vertical-align: top; }
    .content section.artist {
      margin: 0 0 0 0;
      padding: 5rem 0 2rem 0; }
      .content section.artist h3 {
        text-align: center;
        font-size: 3rem;
        line-height: 1.6;
        letter-spacing: 1px;
        font-weight: normal;
        margin: 0 0 0 0;
        padding: 0 0 2rem 0; }
      .content section.artist .inner {
        width: 94%;
        max-width: 1000px;
        margin: 0 auto;
        padding: 0 0 0 0; }
        .content section.artist .inner .cluster {
          background: #f7f6f4;
          width: auto;
          margin: 0 0 3rem 0;
          padding: 3.5rem 2rem; }
          .content section.artist .inner .cluster h4.artist_name {
            text-align: center;
            font-size: 2.2rem;
            line-height: 1.6;
            margin: 0 0 2rem 0;
            padding: 0 0 0 0; }
          .content section.artist .inner .cluster .ph_prof {
            display: table;
            width: 100%; }
            .content section.artist .inner .cluster .ph_prof .ph {
              display: table-cell;
              width: 32%;
              vertical-align: top;
              padding-right: 1rem; }
              .content section.artist .inner .cluster .ph_prof .ph img {
                width: 100%;
                max-width: 260px;
                height: auto;
                margin-bottom: 1rem; }
            .content section.artist .inner .cluster .ph_prof .prof {
              display: table-cell;
              vertical-align: top; }
              .content section.artist .inner .cluster .ph_prof .prof .art {
                display: inline-block;
                background: #595757;
                color: #FFF;
                font-size: 1.2rem;
                line-height: 1;
                padding: .4rem .4em;
                margin: 0 0 1rem 0; }
              .content section.artist .inner .cluster .ph_prof .prof p {
                font-size: 1.4rem;
                line-height: 1.8;
                margin: 0 0 2rem 0;
                padding: 0 0 0 0; } }