@charset "utf-8";

.creators_img_wrapper {
  overflow: hidden;
  margin-bottom: 40px;
}

.creators_img {
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.des_txt .txt:not(:last-of-type) {
  margin-bottom: 1em;
}

.des_txt .txt.category {
  display: inline-block;
  padding: 0.5em;
  background-color: #d1a3667b;
}

.txt.item_com {
  display: inline-block;
  padding: 0.5em;
  background-color: #d1a3667b;
}

.creators_wrapper {
  text-align: center;
}

.creators {
  padding: 1em 2em;
  background-color: #d1a366;
  border: solid 1px #d1a366;
}

.js-based{
  display: none;
}
  .creators_url a{
    margin:12px 20px 0 0;
  }

.creators_url img{
    width: 20%;
  }

.textarea{
    width: 100%; /*親要素いっぱい広げる*/
    padding: 10px 15px; /*ボックスを大きくする*/
    font-size: 16px;
    border-radius: 3px; /*ボックス角の丸み*/
    border: 2px solid #ddd; /*枠線*/
    box-sizing: border-box; /*横幅の解釈をpadding, borderまでとする*/
}

@media screen and (min-width: 821px) {
  .creators_detail_wrapper {
    display: flex;
    justify-content: space-between;
  }

  .creators_img_wrapper {
    width: 40%;
    margin-bottom: 0;
    display: flex;
    align-items: center;
  }

  .des_txt {
    margin-bottom: 0;
  }

  .creators_wrapper {
    margin-top: 3em;
  }

  .creators:hover {
    background-color: #fcfcfc;
    border: solid 1px #082839;
  }
	.creators_url a{
		margin:6px 20px 0 0;
	}
  .creators_url img{
    width: 10%;
  }
}