@charset "utf-8";

/*
Theme Name: tpga
Version: 1.0
Author: Tatsuya Oguri @pag.tokyo
*/

/* 共通設定 */
  .park .page__header nav a.comingsoon::after {
      content: "to be released";
  }

.page__content p a {
  color: #007dd4;
  text-decoration: underline;
}

.youtube {
  padding-top: 20px;
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}

.kinuta_journal_area_top_text {
  margin-left: auto;
  margin-right: auto;
}
.kinuta_journal_area_top {
  margin-top: 34px;
}

.kinuta_journal_garden_section {
  padding-bottom: 20px;
}
.kinuta_journal_garden_header {
  font-size: larger;
  font-weight: bolder;
  padding-bottom: 15px;
}
.kinuta_journal_garden_subheader {
  padding-top: 10px;
  padding-left: 10px;
  font-size: large;
  font-weight: 1000;
}
.kinuta_journal_garden_img {
  text-align: center;
  margin-bottom: 40px;
}

/* .section2 .section__inner div[data-tpga-scroller-target] .state-content .kinuta_journal_garden_img img { */
/*     width: 390px; */
/*     height: auto; */
/*     object-fit: cover; */
/* } */

.kinuta_journal_garden_text {
  padding-left: 20px;
  padding-right: 20px;
}
.kinuta_jopurnal_garden_paragraph {
  margin-top: 10px;
  margin-bottom: 10px;
}

.jindai_journal_area_top_text {
  margin-left: auto;
  margin-right: auto;
}
.jindai_journal_area_top {
  margin-top: 34px;
}

.jindai_journal_garden_section {
  padding-bottom: 20px;
}
.park .area__nav a.-a.jindai_journal_garden_header {
  font-size: larger;
  font-weight: bolder;
  padding-bottom: 15px;
}
.jindai_journal_garden_subheader {
  padding-top: 10px;
  padding-left: 10px;
  font-size: large;
  font-weight: 1000;
}
.jindai_journal_garden_img {
  text-align: center;
}
.jindai_journal_garden_text {
  padding-left: 20px;
  padding-right: 20px;
}
.jindai_jopurnal_garden_paragraph {
  margin-top: 10px;
  margin-bottom: 10px;
}

.jury_paragraph {
  text-align: initial;
  padding-bottom: 5px;
}

.park .area__nav a.-a_yumenoshima {
  background-color: #c3d780;
}

.park .area__nav a.-b_yumenoshima {
  background-color: #9dd3ee;
}

.park .area__nav a.-c_yumenoshima {
  background-color: #bbafd2;
}

.park .area__nav a.-d_yumenoshima {
  background-color: #ea9d96;
}

.park .area__nav a.-e_yumenoshima {
  background-color: #f7e27c;
}

.park.parkJournal .image-and-caption .wp-caption-text {
    font-size: 10pt;
}
  
.park.parkJournal .wp-caption-text .area-creator-name {
    font-size: 13pt;
}




/* mobile setup */
@media (max-width: 768px) {
  /* 応募規約 */
  .section2 .section__inner dl,
  .section3 .section__inner dl,
  .section4 .section__inner dl,
  .section5 .section__inner dl,
  .section6 .section__inner dl {
    max-width: initial;
  }
  /* 授賞式カルーセル画像 */
  .section3 .section__inner .ceremony__imgs img {
    /* width: 378px;
    height: 259px; */
    object-fit: cover;
  }
  /* フォトレポート 各画像 */
  /* .section1 .section__inner .state-content img, */
  /* .section2 .section__inner div[data-tpga-scroller-target] .state-content img { */
  /*   /\* width:390px; */
  /*   height:260px; *\/ */
  /*   object-fit: cover; */
  /* } */
  /* /\* 作品プラン 各ガーデン画像 *\/ */
  /* .section2 .section__inner .work-description-box img { */
  /*   /\* width: 540px; */
  /*   height: 360px; *\/ */
  /*   object-fit: cover; */
  /* } */

  /* 応募TOP 応募締め切り*/
  .page__content .section1 .section__inner .deadline_header {
    font-size: 3.2vmin;
  }
  .page__content .section1 .section__inner .deadline_body {
    font-size: 3.2vmin;
    text-decoration: underline;
  }
  /* 代々木公園ナビ */
  .park .page__header nav {
    flex-wrap: nowrap;
    justify-content: space-evenly;
  }
  /* モデルガーデンフォトレポート */
  .modelgarden_photoreport_header {
    height: 170px;
  }
  .park .page__header nav a.comingsoon::after {
      content: "to be released";
  }


}

/* pc setup */
@media (min-width: 769px) {
  /* モデルガーデン */
  .modelGarden
    .page__content
    .section2
    .section__inner
    .work-description-box
    img {
    width: 576px;
    height: 384px;
    object-fit: cover;
  }
  /* 授賞式カルーセル画像 */
  .section3 .section__inner .ceremony__imgs img {
    width: 378px;
    height: 259px;
    object-fit: cover;
  }
  /* ジャーナルシングルイメージ */
  .section2
    .section__inner
    div[data-tpga-scroller-target]
    .state-content
    .single-image {
    width: 588px;
    height: auto;
    object-fit: cover;
  }

  /* /\* フォトレポート 各画像 *\/ */
  /* .section1 .section__inner .state-content img, */
  /* .section2 .section__inner div[data-tpga-scroller-target] .state-content img { */
  /*   width: 390px; */
  /*   height: 260px; */
  /*   object-fit: cover; */
  /* } */
  /* /\* 作品プラン 各ガーデン画像 *\/ */
  /* .section2 .section__inner .work-description-box img { */
  /*   width: 540px; */
  /*   height: 360px; */
  /*   object-fit: cover; */
  /* } */

  /* 応募TOP 応募締め切り*/
  .page__content .section1 .section__inner .deadline_display {
    max-width: 500px;
  }
  .page__content .section1 .section__inner .deadline_header {
    font-size: 2vmin;
  }
  .page__content .section1 .section__inner .deadline_body {
    font-size: 2vmin;
    text-decoration: underline;
  }
  .park.parkJournal .journal__image {
    width: 588px;
    margin-bottom: 0px;
    border: 6px solid #dad493;
  }
  .park.parkJournal .journal__image__margin {
    width: 588px;
    margin-bottom: 40px;
    border: 6px solid #dad493;
  }
  .park.parkJournal .journal__image__caption {
      width: 588px;
      margin-bottom: 40px;
      display: inline-flex;
      text-align: left;
  }
  .park.parkPlan .page__content {
    width: 960px;
  }

  /*
  .park.parkPlan .work-description-carousel -single {
      width: 600px;
  }
 */
}

/* スマホ向け */
@media (max-width: 768px) {
  /* 作品プラン */

  .park.parkPlan .work-description-text {
    width: initial;
  }
  .park .page__content a.text-link {
    margin-top: initial;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .park.parkPlan .designer-wrap {
    width: initial;
  }

  .park.parkJournal .image-and-caption {
      width: 52vw;
      margin: auto;
  }
  .park.parkJournal .image-and-caption .img {
      width: initial;
  }
  .park.parkJournal .journal__image__caption {
      display: inline-flex;
      margin-bottom: 40px;
      width: 85%;
      font-size: 10pt;
      text-align: left;
  }

}