@charset "utf-8";

@media screen and (max-width : 750px) {

  /*------------------------------------------------------------------------------------------
*
*
        max-width : 750px
*
*
------------------------------------------------------------------------------------------ */

  br.sp {
    display: block !important;
  }

  .name_pc {
    display: none !important;
  }

  .name_sp {
    display: block !important;
  }

  #container {
    width: 100%;
    margin: 0 auto;
    padding-top: 0;
  }

  /* --------------------------------------
    #intro
---------------------------------------- */
  #intro {
    text-align: center;
  }

  #intro .main_image {
    width: 100%;
	height: auto;	  
    position: relative;
    overflow: hidden;
  }

  #intro .main_image .main_copy {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 200;
  }

  #intro .main_image .main_copy img {
    width: 80%;
  }

  #intro .main_image .photo {
    position: relative;
    padding-bottom: 133%;
    margin: 0 auto;
    width: 100%;
    height: auto;
    overflow: hidden;
  }

  #intro .main_image .photo div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

  #intro .main_image .photo div>img,
  #intro .main_image .photo div>video {
    width: 100%;
    height: auto;
  }

  #intro h2 {
    width: 90%;
    margin: 64px auto 16px;
  }

  #intro h2 img {
    width: 100%;
    height: auto;
  }

  #intro .copy {
    margin: 0 auto 64px;
    font-size: 10px;
    line-height: 24px;
    letter-spacing: .2em;
  }

  /* --------------------------------------
    article
---------------------------------------- */
  .thumbs {
    margin-bottom: 80px;
  }

  .thumbs ul {
    vertical-align: top;
  }

  .thumbs ul li .static_photo {
    line-height: 0;
    margin-bottom: 10px;
  }

  .thumbs .slide_photo {
    width: 100%;
    height: auto;
    margin: 0 0 10px;
    position: relative;
  }

  .thumbs .slide_photo p {
    line-height: 0;
  }

  .thumbs .slide_photo:before {
    content: "";
    display: block;
    padding-top: 150%;
  }

  .thumbs .slide_photo p {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  .thumbs .slide_photo img {
    width: 100%;
    height: auto;
  }

  .thumbs .caution {
    margin: 0 calc(72 / 750 * 100vw);
    font-size: 12px;
    line-height: 25px;
  }

  .thumbs {
    padding: 0 0 0 calc(71 / 750 * 100vw);
    box-sizing: border-box;
  }

  .thumbs ul {
    letter-spacing: -0.4em;
  }

  .thumbs li {
    width: calc(280 / 750 * 100vw);
    margin-bottom: calc(48 / 750 * 100vw);
    letter-spacing: normal;
    display: inline-block;
  }

  .thumbs li:nth-child(odd) {
    margin-right: calc(48 / 750 * 100vw);
  }

  .thumbs .img {
    margin-bottom: 10px;
  }

  .thumbs img {
    width: 100%;
    height: auto;
  }

  .thumbs .name {
    font-size: 10px;
    white-space: nowrap;
  }

  .thumbs ul li:nth-child(2n) .name {
    text-align: right;
  }

  /* --------------------------------------
    #credit
---------------------------------------- */
  #credit {
    text-align: center;
  }

  #credit ul li {
    margin-bottom: 40px;
  }

  #credit p {
    padding-top: 60px;
    margin-bottom: 120px;
  }
}