/* 川のひろしさん作のCHATGPTイメージを背景に表示する */
.top-provider-list .view-content .chatgpt-image {
  background-image: url("../img/background/chatgpt_robot_plain.png");
  color: white;
}
/* 占いイメージを背景に表示する */
.top-provider-list .view-content .uranai-image {
  background-image: url("../img/background/astrologer.png");
  color: white;
}
/* Code generaterイメージを背景に表示する */
.top-provider-list .view-content .codegen-image {
  background-image: url("../img/background/code_generator.png");
  color: white;
}
/* Code reviewイメージを背景に表示する */
.top-provider-list .view-content .codereview-image {
  background-image: url("../img/background/magnifying_glass.png");
  color: white;
}
/* Recipeイメージを背景に表示する */
.top-provider-list .view-content .recipe-image {
  background-image: url("../img/background/chagpgt-recipe.png");
  color: hotpink;
}
.top-provider-list .view-content .chatgpt-image-real {
  background-image: url("../img/background/sea-wave.png");
  color: yellow;
}
/* BACKYARDイメージを背景に表示する */
.top-provider-list .view-content .garage-image {
  background-image: url("../img/background/makingof.png");
  background-color: #111100;
  color: navajowhite;
}

.top-provider-list .view-content .image_biyoin {
  background-image: url("../img/background/image-biyoin.jpg");
  color: red;
}

.top-provider-list .view-content .image_fujisan {
  background-image: url("../img/background/image-fujisan.png");
  color: darkred;
}

.top-provider-list .view-content .image_guesthouse {
  background-image: url("../img/background/image-guesthouse.jpg");
  color: yellow;
}

.top-provider-list .view-content .image_juku {
  background-image: url("../img/background/image-juku.png");
  color: darkred;
}

.top-provider-list .view-content .image_online {
  background-image: url("../img/background/image-online.png");
  color: darkred;
}

.top-provider-list .view-content .image_salon {
  background-image: url("../img/background/image-salon.jpg");
  color: darkred;
}

.top-provider-list .view-content .image_seminar {
  background-image: url("../img/background/image-seminar.png");
  color: darkred;
}

.top-provider-list .view-content .image_yoga {
  background-image: url("../img/background/image-yoga.png");
  color: darkred;
}

.top-provider-list .view-content .image_yoga2 {
  background-image: url("../img/background/image-yoga2.png");
  color: darkred;
}
.top-provider-list .view-content .image_sea {
  background-image: url("../img/background/image-sea.png");
  color: red;
}
.top-provider-list .view-content .image_sea2 {
  background-image: url("../img/background/image-sea2.png");
  color: red;
}

/* PINK背景を表示する */
.top-provider-list .view-content .image_pink {
  background-color: lightpink;
  color: darkred;
}
/* BLUE背景を表示する */
.top-provider-list .view-content .image_blue {
  background-color: cornflowerblue;
  color: darkblue;
}
/* ORANGE背景を表示する */
.top-provider-list .view-content .image_orange {
  background-color: lightyellow;
  color: orangered;
}
/* ORANGE背景を表示する */
.top-provider-list .view-content .image_yellow {
  background-color: lightseagreen;
  color: yellow;
}
/* デフォルト背景を表示する */
.top-provider-list .view-content .image_default {
  background-color: lightpink;
  color: darkred;
}

.top-provider-list .view-content .views-row.garage-image .users-prompt-title {
  color: yellow;
  text-decoration: none;
  font-size: 18px;
  text-align: center;
  margin: 0px;
  padding: 0px;
}
.top-provider-list .view-content .views-row.garage-image .users-prompt-description {
  color: navajowhite;
  font-size: 14px;
  line-height: 120%;
  text-align: left;
  padding: 2px;
  margin: 0px;
}

.top-provider-list .view-content .views-row.garage-image .users-prompt-category {
  color: dodgerblue;
  font-size: 11px;
  line-height: 120%;
  text-align: right;
  padding: 0px;
  margin: 0px;
  margin-left: auto;
  font-weight: bold;
}

.top-provider-list .view-content .views-row.garage-image .users-prompt-author {
  color: hotpink;
  font-size: 11px;
  line-height: 80%;
  text-align: right;
  padding: 2px;
  margin: 0px;
  font-style: italic;
  margin-left: auto;
}
.top-provider-list .view-content .views-row.garage-image .users-prompt-link {
  text-align: center;
  padding: 5px;
  margin: 0px;
  margin-left: auto;
}

.top-provider-list .view-content .views-row.garage-image .users-prompt-a-link {
  /*display: block;*/
  /*width: 120px;*/
  padding: 2px 15px 2px 15px;
  margin: 2px;
  text-decoration: none;
  text-align: center;
  font-size: 14px;
  border-radius: 10px;
  background: cornflowerblue;
  color: white;
}

.top-provider-list .view-content .views-row.garage-image .views-row-body {
  /*display: flex;*/
  position: absolute;
  bottom: 5px;
  width: 240px;
  height: 217px;
  background: transparent;
  padding: 5px;
  word-break: break-all;
  /* white-space: nowrap; */
  overflow:hidden;
}