@charset "shift_jis";
/*--------------------------------------------------
    all
--------------------------------------------------*/
/* 全体 */
#contents.ai-search {
  max-width: 1270px;
}
#clsd_contents.ai-search {
  padding-bottom: 20em;
}
/* 説明・例文 */
.ai-search .comment-box .comment span {
  font-size: .8em;
}
.ai-search .comment-box.main-comment {
  font-size: 1.2em;
}
.ai-search .example-block {
  display: flex;
  gap: 8px;
  margin-bottom: 15px;
  justify-content: left;
  flex-wrap: wrap;
}
.ai-search .example-btn {
  padding: 10px 25px;
  border: solid 1px #ddd;
  border-radius: 30px;
  background-color: #fff;
  font-size: .9em;
  cursor: pointer;
}
.ai-search .example-btn:hover {
  border: solid 1px #fff000;
}
/* 検索 */
.ai-search #search {
  display: flex;
  gap: 16px;
  margin: 0 auto;
  max-width: 1200px;
}
.ai-search #input {
  flex: 1;
  padding: 1em;
  border: 2px solid #ccc;
  border-radius: 8px;
  font-size: 1.5em;
}
.ai-search .search-submit {
  padding: 10px 45px;
  background: #2976C6;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 1.2em;
  cursor: pointer;
}
/* 検索結果 */
.ai-search .img-box {
    justify-content: flex-start;
}
.ai-search .genai-item {
  padding: 0 1em 2em;
}
.ai-search .genai-item-description {
  text-align: end;
}
.ai-search .genai-section h2 {
  font-size: 1.5em;
  margin: 2em 0 .5em;
}
.ai-search .carousel-icon {
  text-align: left;
}
.ai-search .genai-section h2 {
  margin: 3em auto 1em;
  font-size: 1.5em;
  border-left: 10px solid;
  border-color: #2976c6;
  padding: .5em 1em;
  background-color: #F4FAFF;
}
.ai-search .img-box a {
  text-align: left;
}
.ai-search .genai-item-description {
  color: #e31405;
  font-size: 1.2em;
  }
.ai-search .genai-price{
display: inline-block;
text-align: left;
width: 48%;
font-weight: bold;
}
.ai-search .genai-review{
display: inline-block;
    width: 52%;
    font-size: .6em;
}

.ai-search .img-box .genai-review a {
        padding: 0;
    }
    
.ai-search .img-box .item-data-box {
    width: 90%;
}

.ai-search .yen{
font-size: .9em;

}

/* 検索中 */
[genai-data-loading] {
  display: none;
}

#genai-spinner {
  margin: 40px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

#genai-spinner .genai-custom-spinner {
  width: 40px;
  height: 40px;
  border: 4px solid #e5e7eb;
  border-top: 4px solid #111827;
  border-radius: 50%;
  animation: genai-spinner-rotation 1s linear infinite;
}

#genai-spinner .genai-spinner-text {
  margin-left: 12px;
  font-size: 1.125rem;
  font-weight: 500;
  color: #111827;
}
#result-search p{
padding-top: 2em;

}

@keyframes genai-spinner-rotation {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/*--------------------------------------------------
    PC
--------------------------------------------------*/
@media screen and (min-width: 768px) {
  .ai-search .comment-box, .ai-search .img-block, .ai-search .item-link-block, .ai-search .table-box-area, .ai-search .checkpoint-box, .ai-search .checkpoint-ttl, .ai-search .pickup-review-box, .ai-search .menu-area .list-thin, .ai-search .work-inquire-box, .ai-search .post-time-box, .ai-search .sns-box.top-share {
    width: 100%;
  }
  #contents.ai-search  {
    padding: 0;
    font-size: 1.2em !important;
  }
  #col_center .ai-search  {
    margin: 0 auto;
  }
  h1.main-ttl {
    font-size: 2.5em;
  }
  .ai-search .img-box a {
    padding: .5em .5em 0;
  }
  .ai-search .img5 .img-box a .img-figure {
        max-height: 0;
    }
}
/*--------------------------------------------------
   スマホ
--------------------------------------------------*/
@media screen and (max-width: 499px) {
  #input {
    font-size: 1em;
    flex-basis: 100%;
  }
  #search {
    flex-wrap: wrap;
  }
  .ai-search .search-submit {
    flex-basis: 100%;
  }
  .ai-search .example-btn {
    padding: 10px 13px;
  }
  .ai-search .comment-box.main-comment {
    font-size: 1em;
  }
  .ai-search .genai-section h2 {
    margin: 2em auto 1em;
    font-size: 1.3em;
  }
  
  .ai-search .genai-price,.genai-review {
    width: 100%;
}
.ai-search .img-box a .img-figure {
    padding: .5em 0;
    }
.ai-search .genai-item {
    padding: 0 .5em;
}
}