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

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

	#arttrip
		.desc
		.detail
====================================*/
/* ==========================================================================
	.arttrip
========================================================================== */
.wrapper.page {
  background: url("../images/bg_arttrip.jpg") center 0 no-repeat;
  background-size: cover; }
  @media only screen and (max-width: 767px) {
    .wrapper.page {
      background: url("../images/bg_arttrip_sp.jpg") center 0 no-repeat;
      background-size: cover; } }

#contents_body #arttrip {
  /*
  	.desc
  ========================================================================== */
  /*
  	.detail
  ========================================================================== */ }
  #contents_body #arttrip * {
    box-sizing: border-box; }
  #contents_body #arttrip .desc {
    margin: 87px auto 0;
    padding: 115px 0 45px;
    max-width: 1110px;
    width: 90%;
    background: #fff;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      #contents_body #arttrip .desc {
        margin: 6.40625vw auto 0;
        padding: 10.9375vw 6.25vw 7.8125vw;
        max-width: 100%;
        width: 87.8125vw; } }
    #contents_body #arttrip .desc_ttl img {
      width: 575px; }
      @media only screen and (max-width: 767px) {
        #contents_body #arttrip .desc_ttl img {
          width: 64.6875vw; } }
    #contents_body #arttrip .desc_theme {
      padding: 45px 0; }
      @media only screen and (max-width: 767px) {
        #contents_body #arttrip .desc_theme {
          padding: 4.6875vw 0 10.15625vw; } }
      #contents_body #arttrip .desc_theme img {
        width: 561px; }
        @media only screen and (max-width: 767px) {
          #contents_body #arttrip .desc_theme img {
            width: 64.6875vw; } }
    #contents_body #arttrip .desc_intro {
      font-size: 20px;
      line-height: 2.1;
      letter-spacing: .05rem;
      font-feature-settings: "palt"; }
      @media only screen and (max-width: 767px) {
        #contents_body #arttrip .desc_intro {
          text-indent: 1em;
          font-size: 3.75vw;
          line-height: 2;
          letter-spacing: .075rem;
          text-align: justify; } }
      @media only screen and (max-width: 767px) {
        #contents_body #arttrip .desc_intro br {
          display: none; } }
    #contents_body #arttrip .desc_attention {
      padding: 10px 0 0;
      font-size: 13px;
      line-height: 1; }
      @media only screen and (max-width: 767px) {
        #contents_body #arttrip .desc_attention {
          padding: 2.34375vw 0 0;
          font-size: 3.125vw;
          line-height: 1;
          letter-spacing: .05rem;
          text-align: justify; } }
  #contents_body #arttrip .detail {
    margin: 40px auto 0;
    padding: 58px 0 107px;
    max-width: 1110px;
    width: 90%;
    background: #fff;
    /*
    .arttrip
    ========================================================================== */ }
    @media only screen and (max-width: 767px) {
      #contents_body #arttrip .detail {
        margin: 6.25vw auto 0;
        padding: 7.8125vw 0;
        max-width: 100%;
        width: 87.8125vw; } }
    #contents_body #arttrip .detail .arttrip_ttl {
      text-align: center; }
      #contents_body #arttrip .detail .arttrip_ttl img {
        width: 405px; }
        @media only screen and (max-width: 767px) {
          #contents_body #arttrip .detail .arttrip_ttl img {
            width: 61.40625vw; } }
    #contents_body #arttrip .detail .arttrip_read {
      padding: 30px 135px 0;
      font-size: 20px;
      line-height: 2.1;
      text-align: justify;
      font-feature-settings: "palt"; }
      @media only screen and (max-width: 767px) {
        #contents_body #arttrip .detail .arttrip_read {
          padding: 6.25vw 6.25vw 0;
          font-size: 3.75vw;
          line-height: 2; } }
      #contents_body #arttrip .detail .arttrip_read span {
        display: block;
        text-indent: 1em; }
      #contents_body #arttrip .detail .arttrip_read br {
        display: none; }
    #contents_body #arttrip .detail .arttrip_art_list li {
      padding: 160px 130px 0;
      text-align: center; }
      @media only screen and (max-width: 1400px) {
        #contents_body #arttrip .detail .arttrip_art_list li {
          padding: 160px 9.28571vw 0; } }
      @media only screen and (max-width: 767px) {
        #contents_body #arttrip .detail .arttrip_art_list li {
          padding: 12.1875vw 0 0; } }
      #contents_body #arttrip .detail .arttrip_art_list li dl dt img {
        width: 127px; }
        @media only screen and (max-width: 767px) {
          #contents_body #arttrip .detail .arttrip_art_list li dl dt img {
            width: 19.84375vw; } }
      #contents_body #arttrip .detail .arttrip_art_list li dl dd {
        display: flex;
        flex-wrap: wrap; }
        @media only screen and (max-width: 1400px) {
          #contents_body #arttrip .detail .arttrip_art_list li dl dd {
            justify-content: center; } }
        @media only screen and (max-width: 767px) {
          #contents_body #arttrip .detail .arttrip_art_list li dl dd {
            display: block; } }
        #contents_body #arttrip .detail .arttrip_art_list li dl dd .art_place {
          margin: 20px 0;
          width: 100%;
          font-size: 18px;
          line-height: 1; }
          @media only screen and (max-width: 767px) {
            #contents_body #arttrip .detail .arttrip_art_list li dl dd .art_place {
              margin: 3.125vw 0;
              font-size: 2.8125vw;
              line-height: 1.44444;
              letter-spacing: 0.01rem; } }
          #contents_body #arttrip .detail .arttrip_art_list li dl dd .art_place span {
            position: relative;
            display: inline-block;
            padding: 0 40px 0 0; }
            @media only screen and (max-width: 767px) {
              #contents_body #arttrip .detail .arttrip_art_list li dl dd .art_place span {
                display: block;
                padding: 0 0 3.125vw; } }
            #contents_body #arttrip .detail .arttrip_art_list li dl dd .art_place span:after {
              content: '';
              display: block;
              position: absolute;
              top: 50%;
              right: 7px;
              width: 25px;
              height: 1px;
              background: #231815; }
              @media only screen and (max-width: 767px) {
                #contents_body #arttrip .detail .arttrip_art_list li dl dd .art_place span:after {
                  top: auto;
                  bottom: 0.78125vw;
                  right: 50%;
                  width: 0.15625vw;
                  height: 1.5625vw; } }
        #contents_body #arttrip .detail .arttrip_art_list li dl dd .art_img {
          width: 100%; }
          @media only screen and (max-width: 767px) {
            #contents_body #arttrip .detail .arttrip_art_list li dl dd .art_img {
              padding: 0 6.25vw; } }
          #contents_body #arttrip .detail .arttrip_art_list li dl dd .art_img img {
            max-width: 100%; }
        #contents_body #arttrip .detail .arttrip_art_list li dl dd .art_gif {
          position: relative;
          margin: 20px 0 0;
          width: 390px; }
          @media only screen and (max-width: 767px) {
            #contents_body #arttrip .detail .arttrip_art_list li dl dd .art_gif {
              margin: 4.6875vw auto 0;
              width: 60.9375vw; } }
          #contents_body #arttrip .detail .arttrip_art_list li dl dd .art_gif img {
            position: relative;
            z-index: 2;
            max-width: 100%; }
          #contents_body #arttrip .detail .arttrip_art_list li dl dd .art_gif:before {
            content: '';
            display: block;
            position: absolute;
            top: 15px;
            left: 15px;
            width: 391px;
            height: 335px;
            background: url("../images/bg_art_img.png") 0 0 no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              #contents_body #arttrip .detail .arttrip_art_list li dl dd .art_gif:before {
                top: 2.34375vw;
                left: 2.34375vw;
                width: 61.09375vw;
                height: 52.34375vw; } }
        #contents_body #arttrip .detail .arttrip_art_list li dl dd .art_detail {
          position: relative;
          box-sizing: border-box;
          margin: 28px 0 0 40px;
          width: 412px;
          font-size: 20px;
          line-height: 2.1;
          text-align: justify;
          letter-spacing: .05rem;
          font-feature-settings: "palt"; }
          @media only screen and (max-width: 1400px) {
            #contents_body #arttrip .detail .arttrip_art_list li dl dd .art_detail {
              margin: 28px 0 0 2.85714vw;
              width: 29.42857vw; } }
          @media only screen and (max-width: 767px) {
            #contents_body #arttrip .detail .arttrip_art_list li dl dd .art_detail {
              margin: 4.6875vw auto 0;
              width: 73.4375vw;
              font-size: 3.75vw;
              line-height: 2;
              letter-spacing: .075rem; } }
          #contents_body #arttrip .detail .arttrip_art_list li dl dd .art_detail span {
            position: relative;
            display: block;
            padding: 10px 23px; }
            @media only screen and (max-width: 767px) {
              #contents_body #arttrip .detail .arttrip_art_list li dl dd .art_detail span {
                padding: 3.4375vw 5.46875vw; } }
            #contents_body #arttrip .detail .arttrip_art_list li dl dd .art_detail span:before, #contents_body #arttrip .detail .arttrip_art_list li dl dd .art_detail span:after {
              content: '';
              display: block;
              position: absolute; }
            #contents_body #arttrip .detail .arttrip_art_list li dl dd .art_detail span:before {
              top: 0;
              left: 0;
              width: 23px;
              height: 46px;
              background: url("../images/bg_art_txt_top.png") 0 0 no-repeat;
              background-size: contain; }
              @media only screen and (max-width: 767px) {
                #contents_body #arttrip .detail .arttrip_art_list li dl dd .art_detail span:before {
                  width: 3.75vw;
                  height: 7.03125vw;
                  background: url("../images/bg_art_txt_top_sp.png") 0 0 no-repeat;
                  background-size: contain; } }
            #contents_body #arttrip .detail .arttrip_art_list li dl dd .art_detail span:after {
              bottom: 0;
              right: 0;
              width: 23px;
              height: 42px;
              background: url("../images/bg_art_txt_bottom.png") 0 0 no-repeat;
              background-size: contain; }
              @media only screen and (max-width: 767px) {
                #contents_body #arttrip .detail .arttrip_art_list li dl dd .art_detail span:after {
                  width: 3.75vw;
                  height: 7.03125vw;
                  background: url("../images/bg_art_txt_bottom_sp.png") 0 0 no-repeat;
                  background-size: contain; } }
      @media only screen and (max-width: 767px) {
        #contents_body #arttrip .detail .arttrip_art_list li:nth-child(1) {
          padding-top: 9.375vw; } }
      #contents_body #arttrip .detail .arttrip_art_list li:nth-child(1) dl dt img {
        width: 126px; }
        @media only screen and (max-width: 767px) {
          #contents_body #arttrip .detail .arttrip_art_list li:nth-child(1) dl dt img {
            width: 19.6875vw; } }
      #contents_body #arttrip .detail .arttrip_art_list li:nth-child(3) dl dd .art_detail {
        letter-spacing: 0; }
      #contents_body #arttrip .detail .arttrip_art_list li:nth-child(4) dl dt img {
        width: 356px; }
        @media only screen and (max-width: 767px) {
          #contents_body #arttrip .detail .arttrip_art_list li:nth-child(4) dl dt img {
            width: 55.625vw; } }
      #contents_body #arttrip .detail .arttrip_art_list li:nth-child(5) dl dd .art_detail {
        letter-spacing: 0; }
    #contents_body #arttrip .detail .arttrip .art_photoby {
      padding: 55px 0 0;
      font-size: 13px;
      line-height: 1;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        #contents_body #arttrip .detail .arttrip .art_photoby {
          padding: 8.59375vw 0 0 12.5vw;
          font-size: 3.125vw;
          line-height: 1.5;
          letter-spacing: .05rem;
          text-align: left; } }
    #contents_body #arttrip .detail .arttrip_artist {
      display: flex;
      justify-content: center;
      padding: 122px 0 0; }
      @media only screen and (max-width: 767px) {
        #contents_body #arttrip .detail .arttrip_artist {
          display: block;
          padding: 12.5vw 11.5625vw 0; } }
      @media only screen and (max-width: 767px) {
        #contents_body #arttrip .detail .arttrip_artist figure {
          margin: 0 auto;
          width: 45.78125vw; } }
      #contents_body #arttrip .detail .arttrip_artist dl {
        margin: 0 0 0 35px;
        width: 312px; }
        @media only screen and (max-width: 767px) {
          #contents_body #arttrip .detail .arttrip_artist dl {
            margin: 4.6875vw 0 0;
            padding: 0 6.25vw;
            width: 100%; } }
        #contents_body #arttrip .detail .arttrip_artist dl dt {
          font-size: 23px;
          line-height: 1;
          letter-spacing: 0.13rem; }
          @media only screen and (max-width: 767px) {
            #contents_body #arttrip .detail .arttrip_artist dl dt {
              font-size: 3.59375vw;
              line-height: 1;
              letter-spacing: 0.13rem;
              text-align: center; } }
        #contents_body #arttrip .detail .arttrip_artist dl dd.artist_job {
          padding: 11px 0 27px;
          font-size: 12px;
          line-height: 1;
          letter-spacing: 0.3rem; }
          @media only screen and (max-width: 767px) {
            #contents_body #arttrip .detail .arttrip_artist dl dd.artist_job {
              padding: 2.34375vw 0 3.90625vw;
              font-size: 1.875vw;
              line-height: 1;
              letter-spacing: 0.3rem;
              text-align: center; } }
        #contents_body #arttrip .detail .arttrip_artist dl dd.artist_detail {
          font-size: 15px;
          line-height: 1.8;
          letter-spacing: 0.05rem;
          text-align: justify; }
          @media only screen and (max-width: 767px) {
            #contents_body #arttrip .detail .arttrip_artist dl dd.artist_detail {
              font-size: 3.125vw;
              line-height: 1.8;
              letter-spacing: 0.05rem;
              text-align: left; } }

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