@charset "utf-8";

.page-color { color: #548235; }
.contents-header .headline { color: #548235; }
.headline_border-left-bottom {
  border-bottom-color: #548235;
  border-left-color: #548235;
  color: #000;
}

.section:nth-of-type(1) .subheading .headline {
  background-color: #548235;
  padding: 0.5em 1em;
  color: #fff;
}
@media only screen and (max-width: 768px) {
.subheading .headline { font-size: 14px; }
}
.tts-originalecobag {
  margin: 20px 0 0;
}
.tts-originalecobag .link-text {
  color: #0068b7 !important;
}
.tts-originalecobag .link-block { display: block; }
.tts-originalecobag .picture { display: block; }
@media only screen and (max-width: 768px) {
.tts-originalecobag .picture { width: 100%; }
}
.tts-originalecobag .sentence { margin: 10px 0 0; }
.summary_list { color: #548235; }

.profile-box {
  background-color: #fee49d;
  margin-top: 6.25em;
}
@media only screen and (max-width: 768px) {
.profile-box { margin-top: 50px; }
}

.gazo-right_commentary .headline { font-size: 1.05em; }

#top-head:after { display: none; }

.page-header .wrap-page-header .works-detail-page-title-wrap .right-side::before { display: none; }

.relation-column-title {
  padding-bottom: 0.5em;
  text-align: center;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 1.6em;
  font-weight: bold;
  line-height: 1;
}

.figure-left {
  display: table;
  width: 100%;
  padding: 0;
}
@media only screen and (max-width: 768px) {
.figure-left { display: block; }
}

.figure-left .figure {
  display: table-cell;
  vertical-align: middle;
  width: 387px;
  height: 243px;
  padding-right: 23px;
}
@media only screen and (max-width: 768px) {
.figure-left .figure {
  display: block;
  width: 100%;
  height: auto;
  padding-right: 0;
}
}

.figure-left .figure .link-block {
  display: block;
  transition: 0.3s;
}

.figure-left .figure .link-block:hover { opacity: 0.7; }

.figure-left .figure .picture { width: 387px; }
@media only screen and (max-width: 768px) {
.figure-left .figure .picture { width: 100%; }
}

.figure-left .commentary {
  display: table-cell;
  vertical-align: middle;
  width: 490px;
  height: 243px;
}
@media only screen and (max-width: 768px) {
.figure-left .commentary {
  display: block;
  width: 100%;
  height: auto;
  margin: 1em 0 0;
}
}

.figure-left .commentary .headline {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
}
@media only screen and (max-width: 768px) {
.figure-left .commentary .headline { font-size: 16px; }
}

.figure-left .commentary .sentence { margin: 1.5em 0 0; }
@media only screen and (max-width: 768px) {
.figure-left .commentary .sentence { margin: 1em 0 0; }
}

.figure-left .commentary .link {
  margin: 1.5em 0 0;
  text-align: right;
}

.memo-box {
  background-color: #FCB0B3;
  margin: 20px 0 0;
}

.memo-box .sentence .strong { display: block; }

.gazo_figuration {
  text-align: center;
  font-size: ;
}

.gazo_commentary .link {
  padding: 1em 0;
  text-align: right;
}

.main-col { margin-top: 3em; }

.main-col_list .gazo .link-block {
  display: block;
  transition: 0.3s;
}
.main-col_list .gazo .link-block:hover { opacity: 0.7; }

.fas { line-height: 1.5; }


.catalog {
  width: 446px;
  margin: 30px auto 0;
}
@media only screen and (max-width: 768px) {
.catalog {
  width: 90%;
  margin: 20px auto 0;
}
}

.catalog_inner {
  display: block;
  width: 100%;
}

.catalog_inner .picture { width: 100%; }


/* デザイン回収後削除 */
.subpage-content-width {
  width: 1200px;
  max-width: 1200px;
}
@media only screen and (max-width: 768px) {
.subpage-content-width {
  width: 98%;
  max-width: 98%;
  margin: 0 auto;
}
}
/* デザイン回収後削除 */