/* GoPhoto よくある質問検索（3のカード） */

/* カード外枠：リンクではなくなったため、カード全体の押下表現を止める */
.gp-soudan__tile.gp-soudan__tile--faq {
  display: block;
  cursor: default;
}
.gp-soudan__tile.gp-soudan__tile--faq:hover {
  transform: none;
}

/* タイトル部分だけをリンクにする */
.gp-soudan__tile--faq .gp-soudan__faqLink {
  display: block;
  color: inherit;
  text-decoration: none;
}

/* 検索エリア */
.gp-faqs.gp-faqs-root {
  margin: 12px 0 0 !important;
  font-family: "Zen Kaku Gothic New", sans-serif !important;
}
.gp-faqs.gp-faqs-root * {
  font-family: "Zen Kaku Gothic New", sans-serif !important;
  box-sizing: border-box;
}
.gp-faqs.gp-faqs-label {
  display: block;
  font-size: 13px;
  color: #777;
  margin: 0 0 6px;
}
.gp-faqs.gp-faqs-input {
  width: 100%;
  padding: 12px 14px;
  font-size: 16px; /* iPhoneで拡大されないよう16px */
  color: #222;
  background: #fff;
  border: 1px solid #ddd4d4;
  border-radius: 12px;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}
.gp-faqs.gp-faqs-input:focus {
  border-color: #cba404;
}
.gp-faqs.gp-faqs-status {
  font-size: 13px;
  color: #777;
  margin: 8px 0 0;
}
.gp-faqs.gp-faqs-status:empty {
  display: none;
}
.gp-faqs.gp-faqs-results {
  margin-top: 6px;
}

/* 検索結果 */
.gp-faqs-results .gp-faqs-item {
  border-top: 1px solid #ddd4d4;
}
.gp-faqs-results .gp-faqs-item:last-of-type {
  border-bottom: 1px solid #ddd4d4;
}
.gp-faqs-results .gp-faqs-item summary {
  list-style: none;
  cursor: pointer;
  padding: 12px 26px 12px 0;
  position: relative;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.6;
  color: #222;
}
.gp-faqs-results .gp-faqs-item summary::-webkit-details-marker {
  display: none;
}
.gp-faqs-results .gp-faqs-item summary::after {
  content: "＋";
  position: absolute;
  right: 2px;
  top: 12px;
  color: #cba404;
  font-weight: 400;
}
.gp-faqs-results .gp-faqs-item[open] summary::after {
  content: "－";
}
.gp-faqs-results .gp-faqs-cat {
  display: block;
  font-size: 12px;
  font-weight: 400;
  color: #888;
  margin-bottom: 2px;
}
.gp-faqs-results .gp-faqs-a {
  padding: 0 0 14px;
  font-size: 14px;
  line-height: 1.8;
  color: #333;
}
.gp-faqs-results .gp-faqs-a p {
  margin: 0 0 .6em;
}
.gp-faqs-results .gp-faqs-a p:last-child {
  margin-bottom: 0;
}
.gp-faqs-results .gp-faqs-a img {
  max-width: 100%;
  height: auto;
}
.gp-faqs-results .gp-faqs-a a {
  color: #2886be;
}
.gp-faqs-results .gp-faqs-more {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #222;
  padding: 12px 0 0;
  text-decoration: none;
}
.gp-faqs-results .gp-faqs-more::after {
  content: " →";
  color: #cba404;
}