/*====================================

	----------------------------------
		Structure
	----------------------------------

	.art
====================================*/
/* ==========================================================================
	.art
========================================================================== */
#contents_body .art {
  margin: 0 auto;
  width: 1028px;
  border: 2px solid #051E2D;
  -webkit-text-size-adjust: 100%;

  /*
  	.desc
  ========================================================================== */
  /*
  	.detail
  ========================================================================== */ }

.gold {
  color: #9b7d2e; }


  @media only screen and (max-width: 767px) {
    #contents_body .art {
      width: 87.96875vw;
      border: 2px solid #051E2D; } }
  #contents_body .art .desc {
    display: flex;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      #contents_body .art .desc {
        display: block; } }
    #contents_body .art .desc_ttl {
      position: relative;
      display: flex;
      flex-wrap: wrap;
      flex: 1 0 auto;
      padding: 40px 0 29px;
      width: calc(50% - 1px);
      border-right: 1px solid #051E2D; }
      @media only screen and (max-width: 767px) {
        #contents_body .art .desc_ttl {
          display: block;
          padding: 6.875vw 0 5.46875vw;
          width: 100%;
          border: none; } }
      #contents_body .art .desc_ttl:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        margin: 5px;
        width: calc(100% - 11px);
        height: calc(100% - 11px);
        border: 1px solid #9B7D2E; }
        @media only screen and (max-width: 767px) {
          #contents_body .art .desc_ttl:before {
            margin: 2px;
            width: calc(100% - 6px);
            height: calc(100% - 6px); } }
      #contents_body .art .desc_ttl h1 {
        margin: 0 auto;
        width: 221px; }
        @media only screen and (max-width: 767px) {
          #contents_body .art .desc_ttl h1 {
            width: 38.4375vw; } }
      #contents_body .art .desc_ttl p {
        padding: 15px 20px 0;
        width: 100%;
        font-size: 14px;
        line-height: 1.5;
        color: #9B7D2E; }
        @media only screen and (max-width: 767px) {
          #contents_body .art .desc_ttl p {
            padding: 2.7vw 0 0;
            box-sizing: border-box;
            font-size: 3.125vw;
            line-height: 1.5; } }
    #contents_body .art .desc_name {
      position: relative;
      flex: 1 0 auto;
      width: calc(50% - 1px);
      border-left: 1px solid #051E2D; }
      @media only screen and (max-width: 767px) {
        #contents_body .art .desc_name {
          display: block;
          padding: 6.9vw 0 5.9375vw;
          width: 100%;
          border: none;
          border-top: 2px solid #051E2D; } }
      #contents_body .art .desc_name:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        margin: 5px;
        width: calc(100% - 11px);
        height: calc(100% - 11px);
        border: 1px solid #9B7D2E; }
        @media only screen and (max-width: 767px) {
          #contents_body .art .desc_name:before {
            margin: 2px;
            width: calc(100% - 6px);
            height: calc(100% - 6px); } }
      #contents_body .art .desc_name .desc_nameInner {
        margin: 0 auto; }
        @media only screen and (min-width: 768px) {
          #contents_body .art .desc_name .desc_nameInner {
            padding-top: 80px; }}
        @media only screen and (max-width: 767px) {
          #contents_body .art .desc_name .desc_job {
            width: 10.93333vw;
            margin: 0 auto; }}
      #contents_body .art .desc_name h2 {
        margin: 15px 0;
        color: #000;
        font-size: 30px;
        font-weight: 500;
        line-height: 1;
        letter-spacing: .175em; }
        @media only screen and (max-width: 767px) {
          #contents_body .art .desc_name h2 {
            margin: 2.5vw 0;
            font-size: 4.26vw; }}
        @media only screen and (max-width: 767px) {
          #contents_body .art .desc_name .desc_kana {
            width: 28.53vw;
            margin: 0 auto; }}
      #contents_body .art .desc_name .desc_period {
        font-size: 17px;
        font-weight: 500;
        line-height: 1;
        letter-spacing: .08em; }
        @media only screen and (max-width: 767px) {
          #contents_body .art .desc_name .desc_period {
            font-size: 2.9333vw;
            line-height: 1; }}

  #contents_body .art .detail {
    position: relative;
    border-top: 2px solid #051E2D;
    text-align: justify; }
    #contents_body .art .detail:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      margin: 4px;
      width: calc(100% - 10px);
      height: calc(100% - 10px);
      border: 1px solid #9B7D2E; }
      @media only screen and (max-width: 767px) {
        #contents_body .art .detail:before {
          margin: 2px;
          width: calc(100% - 6px);
          height: calc(100% - 6px); } }
    #contents_body .art .detail .contents_body_inner {
      position: relative;
      padding: 0 0 90px; }
      @media only screen and (max-width: 767px) {
        #contents_body .art .detail .contents_body_inner {
          padding: 0 0 13.28125vw; } }
      #contents_body .art .detail .contents_body_inner .artist_name {
        position: absolute;
        top: -45px;
        left: -100px;
        width: 14px;
        transition: all 0.3s cubic-bezier(0.21, 0.51, 0.51, 1); }
        @media only screen and (max-width: 767px) {
          #contents_body .art .detail .contents_body_inner .artist_name {
            display: none; } }
        #contents_body .art .detail .contents_body_inner .artist_name.fixed {
          position: fixed; }
    #contents_body .art .detail .img_caption {
      display: block;
      padding-top: 5px;
      font-size: 11px;
      line-height: 1.45455;
      color: #9b7d2e; }
      @media only screen and (max-width: 767px) {
        #contents_body .art .detail .img_caption {
          padding-top: 1.5625vw;
          font-size: 1.875vw;
          line-height: 1.5; } }
    #contents_body .art .detail .kv {
      position: relative;
      z-index: 2;
      padding: 0 0 19px; }
      #contents_body .art .detail .kv .img_caption {
        padding: 5px 100px 0;
        letter-spacing: .05rem; }
        @media only screen and (max-width: 767px) {
          #contents_body .art .detail .kv .img_caption {
            padding: 1.5625vw 6.25vw 0;
            text-align: left; } }
    #contents_body .art .detail p {
      padding: 44px 100px 0;
      font-size: 20px;
      line-height: 2.1;
      font-feature-settings: "palt";
      letter-spacing: .16rem; }
      @media only screen and (max-width: 767px) {
        #contents_body .art .detail p {
          padding: 6.9375vw 6.25vw 0;
          font-size: 3.75vw;
          line-height: 2;
          letter-spacing: 0.05em; } }
      #contents_body .art .detail p sup {
        font-size: 12px;
        vertical-align: super; }
        @media only screen and (max-width: 767px) {
          #contents_body .art .detail p sup {
            font-size: 2.1875vw; } }
      #contents_body .art .detail p.addimg {
        display: flex;
        flex-flow: row-reverse; }
        @media only screen and (max-width: 767px) {
          #contents_body .art .detail p.addimg {
            display: block; } }
        #contents_body .art .detail p.addimg span {
          display: inline-block; }
        #contents_body .art .detail p.addimg .txt {
          padding: 0 60px 0 0; }
          @media only screen and (max-width: 767px) {
            #contents_body .art .detail p.addimg .txt {
              padding: 14.0625vw 0 0; } }
        #contents_body .art .detail p.addimg .img {
          padding: 10px 0 0; }

    #contents_body .art .detail .photo {
      margin-top: 50px;
      text-align: center; }
    #contents_body .art .detail .photoWrapper {
      display: inline-block; }
    #contents_body .art .detail .photoCaption {
      display: block;
      margin-top: 10px;
      color: #af9758;
      font-size: 11px;
      line-height: 1;
      letter-spacing: .075em;
      text-align: left; }
    @media only screen and (max-width: 767px)
    {
      #contents_body .art .detail .photo {
        width: 75.2vw;
        margin: 10.6666vw auto 0; }
      #contents_body .art .detail .photoCaption {
        margin-top: 1.6vw;
        font-size: 1.8vw; }
    }


    #contents_body .art .detail .caption {
      margin: 40px 80px 0 100px;
      font-size: 13px;
      line-height: 1.69231; }
      @media only screen and (max-width: 767px) {
        #contents_body .art .detail .caption {
          margin: 6.25vw 6.25vw 0;
          font-size: 3.125vw;
          line-height: 1.8; } }
    #contents_body .art .detail .imgs {
      display: flex;
      justify-content: space-between;
      margin: 80px 100px 30px; }
      @media only screen and (max-width: 767px) {
        #contents_body .art .detail .imgs {
          display: block;
          margin: 11.71875vw 6.25vw 1.5625vw; } }
      @media only screen and (max-width: 767px) {
        #contents_body .art .detail .imgs li {
          padding: 6.25vw 0 0; } }
      #contents_body .art .detail .imgs li:first-child {
        padding: 0; }


    #contents_body .art .detail .interview_profile1 {
      position: relative;
      border-top: 2px solid #051E2D;
      background: #fff;
      z-index: 2; }
      @media only screen and (max-width: 767px) {
        #contents_body .art .detail .interview_profile1 {
          padding: 2px; }}
      @media only screen and (min-width: 768px) {
        #contents_body .art .detail .interview_profile1 {
          padding: 4px; }}
    #contents_body .art .detail .interviewInner {
      border: 1px solid #9B7D2E; }
      @media only screen and (max-width: 767px) {
        #contents_body .art .detail .interviewInner {
          padding: 7.5vw 0 8vw; }}
      @media only screen and (min-width: 768px) {
        #contents_body .art .detail .interviewInner {
          padding: 80px 0 41px; }}
    #contents_body .art .detail .interview_profile1 p {
      padding: 0; }
    #contents_body .art .detail .interview_profile1 .imgBlock {
      margin: 0 auto; }
      @media only screen and (max-width: 767px) {
        #contents_body .art .detail .interview_profile1 .imgBlock {
          width: 40.53vw; }}
      @media only screen and (min-width: 768px) {
        #contents_body .art .detail .interview_profile1 .imgBlock {
          width: 270px; }}
    #contents_body .art .detail .interview_profile1 .imgBlock .msg {
      margin-top: 10px;
      color: #af9758;
      font-weight: normal;
      line-height: 1.4;
      letter-spacing: .075em; }
      @media only screen and (max-width: 767px) {
        #contents_body .art .detail .interview_profile1 .imgBlock .msg {
          margin-top: 1vw;
          font-size: 1.86vw; }}
      @media only screen and (min-width: 768px) {
        #contents_body .art .detail .interview_profile1 .imgBlock .msg {
          font-size: 11px; }}
    #contents_body .art .detail .interview_profile1 .nameBlock {
      text-align: center; }
      @media only screen and (max-width: 767px) {
        #contents_body .art .detail .interview_profile1 .textBlock {
          width: 64.8vw;
          margin: 0 auto; }}
      @media only screen and (min-width: 768px) {
        #contents_body .art .detail .interview_profile1 .textBlock {
          width: 835px;
          margin: 0 auto; }}
    #contents_body .art .detail .interview_profile1 .name {
      margin-top: 30px;
      color: #af9758;
      font-weight: normal;
      line-height: 1;
      letter-spacing: .175em; }
      @media only screen and (max-width: 767px) {
        #contents_body .art .detail .interview_profile1 .name {
          margin-top: 5vw;
          font-size: 4.26vw; }}
      @media only screen and (min-width: 768px) {
        #contents_body .art .detail .interview_profile1 .name {
          font-size: 25px; }}
    #contents_body .art .detail .interview_profile1 .kana {
      line-height: 0; }
      @media only screen and (max-width: 767px) {
        #contents_body .art .detail .interview_profile1 .kana {
          width: 28.53vw;
          margin: 3vw auto 0; }}
      @media only screen and (min-width: 768px) {
        #contents_body .art .detail .interview_profile1 .kana {
          margin-top: 19px; }}
    #contents_body .art .detail .interview_profile1 .textBlock .text {
      margin-top: 28px;
      line-height: 1.95;
      letter-spacing: .05em;
      font-feature-settings: normal; }
      @media only screen and (max-width: 767px) {
        #contents_body .art .detail .interview_profile1 .textBlock .text {
          margin-top: 5vw;
          font-size: 3.2vw;
          line-height: 1.8;
          letter-spacing: 0em;
          font-feature-settings: "palt"; }}
      @media only screen and (min-width: 768px)
      {
        #contents_body .art .detail .interview_profile1 .textBlock .text {
          font-size: 14px; }
      }
    #contents_body .art .detail .interview_profile1 .textBlock .textEn {
      letter-spacing: .03em; }

    #contents_body .art .detail .interview_profile1 .textBlock dl {
      margin-top: 32px;
      line-height: 1.9;
      letter-spacing: .05em;
      font-feature-settings: normal; }
      @media only screen and (max-width: 767px) {
        #contents_body .art .detail .interview_profile1 .textBlock dl {
          margin-top: 10vw;
          font-size: 3.2vw;
          letter-spacing: 0;
          font-feature-settings: "palt"; }
        #contents_body .art .detail .interview_profile1 .textBlock dl:nth-of-type(n+2) {
          margin-top: 5vw; }}
      @media only screen and (min-width: 768px) {
        #contents_body .art .detail .interview_profile1 .textBlock dl {
          font-size: 14px; }}
    #contents_body .art .detail .interview_profile1 .textBlock dl a {
      color: #000;
      text-decoration: none; }

    #contents_body .art .detail .interview_profile2 {
      position: relative;
      z-index: 2;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 20px 0 74px;
      border-top: 2px solid #051E2D;
      background: #af9758; }
      @media only screen and (max-width: 767px) {
        #contents_body .art .detail .interview_profile2 {
          display: block;
          padding: 8.8125vw 6.25vw; } }
      @media only screen and (max-width: 767px) {
        #contents_body .art .detail .interview_profile2 figure {
          display: block;
          margin: 0 auto;
          width: 40.3125vw; } }
      @media only screen and (min-width: 768px) {
        #contents_body .art .detail .interview_profile2 figure {
          padding-top: 16px; }}
      #contents_body .art .detail .interview_profile2 dl {
        margin: 0 0 0 20px;
        width: 360px;
        color: #fff; }
        @media only screen and (max-width: 767px) {
          #contents_body .art .detail .interview_profile2 dl {
            margin: 0;
            width: auto; } }
        #contents_body .art .detail .interview_profile2 dl dt {
          font-size: 25px;
          line-height: 1; }
          @media only screen and (max-width: 767px) {
            #contents_body .art .detail .interview_profile2 dl dt {
              font-size: 4.6875vw;
              line-height: 1;
              text-align: center;
              letter-spacing: 0.2em; } }
          #contents_body .art .detail .interview_profile2 dl dt .job {
            display: block;
            padding: 0 0 15px;
            width: 93px;
            line-height: 1; }
            @media only screen and (max-width: 767px) {
              #contents_body .art .detail .interview_profile2 dl dt .job {
                margin: 0 auto;
                padding: 3.2vw 0 2.34375vw;
                width: 22.34375vw; } }
          #contents_body .art .detail .interview_profile2 dl dt .en {
            display: block;
            width: 94px;
            line-height: 1; }
            @media only screen and (max-width: 767px) {
              #contents_body .art .detail .interview_profile2 dl dt .en {
                margin: 0 auto;
                width: 20vw; } }
        #contents_body .art .detail .interview_profile2 dl dd {
          padding: 20px 0 0;
          font-size: 15px;
          line-height: 1.86667; }
          @media only screen and (max-width: 767px) {
            #contents_body .art .detail .interview_profile2 dl dd {
              width: 64.8vw;
              margin: 0 auto;
              padding: 1.9vw 0 0;
              font-size: 3.125vw;
              line-height: 1.8;
              letter-spacing: 0.04em; } }

/*# sourceMappingURL=art.css.map */