@charset "UTF-8";

/* PCページ専用：questions
 * このファイルを直接編集します。追加の上書き用CSSは作成しません。
 * ページ範囲は :where() で限定し、既存の詳細度を保持しています。
 */

:where(html[data-pc-page="questions"]) .profile-more-page {
  width: 1200px;
  margin: 0 auto;
  padding: 0 0 8px;
  color: var(--ui-pc-tone-questions-profile-more-page-color-0ed92, var(--ui-pc-profile-text-variant-36));
}

:where(html[data-pc-page="questions"]) .profile-more-layout {
  display: grid;
  grid-template-columns: 360px minmax(0,822px);
  gap: 18px;
  width: 1200px;
  align-items: start;
}

:where(html[data-pc-page="questions"]) .profile-more-cast {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--ui-pc-card-border-variant-17);
}

:where(html[data-pc-page="questions"]) .profile-more-heading {
  min-height: 88px;
  padding: 18px 20px 16px;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--ui-pc-tone-questions-profile-more-heading-border-bottom-c0eee, var(--ui-pc-profile-border-variant-33));
}

:where(html[data-pc-page="questions"]) .profile-more-heading::after {
  content: "30";
  position: absolute;
  right: -4px;
  top: -20px;
  font: 700 92px/1 Arial,sans-serif;
  letter-spacing: -.08em;
  pointer-events: none;
  color: var(--ui-pc-profile-text-variant-55);
}

:where(html[data-pc-page="questions"]) .profile-more-heading span {
  display: block;
  margin: 0 0 7px;
  position: relative;
  z-index: 1;
  font: 700 9px/1 Arial,sans-serif;
  letter-spacing: .16em;
  opacity: .88;
  color: var(--ui-pc-profile-text-variant-2);
}

:where(html[data-pc-page="questions"]) .profile-more-heading h1 {
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1;
  font-family: "Yu Mincho","Hiragino Mincho ProN",serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: .04em;
  color: var(--ui-pc-profile-text-variant-2);
}

:where(html[data-pc-page="questions"]) .profile-more-photo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 500px;
  padding: 18px;
  position: relative;
  overflow: hidden;
}

:where(html[data-pc-page="questions"]) .profile-more-photo::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  box-shadow: inset 0 0 44px var(--ui-pc-profile-shadow-variant-11);
}

:where(html[data-pc-page="questions"]) .profile-more-photo img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 464px;
  position: relative;
  z-index: 1;
  object-fit: contain;
  box-shadow: 0 8px 26px var(--ui-pc-profile-shadow-variant-12);
}

:where(html[data-pc-page="questions"]) .profile-more-identity {
  padding: 18px 20px 17px;
  border-top: 1px solid var(--ui-pc-tone-questions-profile-more-identity-border-top-6740a, var(--ui-pc-profile-border-variant-33));
}

:where(html[data-pc-page="questions"]) .profile-more-identity h2 {
  margin: 0;
  padding: 0;
  font-family: "Yu Mincho","Hiragino Mincho ProN",serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: .035em;
  color: var(--ui-pc-tone-questions-profile-more-identity-h2-color-12423, var(--ui-pc-profile-text-variant-6));
}

:where(html[data-pc-page="questions"]) .profile-more-size {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 9px 0 0;
  padding: 0;
  font: 600 12px/1.25 Arial,"Helvetica Neue",sans-serif;
  white-space: nowrap;
}

:where(html[data-pc-page="questions"]) .profile-more-size span {
  display: inline;
}

:where(html[data-pc-page="questions"]) .profile-more-size em {
  margin-left: 1px;
  font-size: 9px;
  font-style: normal;
  font-weight: 500;
  color: var(--ui-pc-profile-text-variant-35);
}

:where(html[data-pc-page="questions"]) .profile-more-back {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - 40px);
  height: 40px;
  margin: 0 20px 20px;
  padding: 0 12px 0 14px;
  border: 1px solid var(--ui-pc-tone-questions-profile-more-back-border-25963, var(--ui-pc-profile-border-variant-44));
  font-size: 11px;
  font-weight: 700;
  text-decoration: none !important;
}

:where(html[data-pc-page="questions"]) .profile-more-back b {
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
}

:where(html[data-pc-page="questions"]) .profile-more-questions {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--ui-pc-profile-border-variant-17);
}

:where(html[data-pc-page="questions"]) .profile-more-question-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 58px;
  min-height: 58px;
  padding: 0 18px;
  border-bottom: 1px solid var(--ui-pc-profile-border-variant-26);
}

:where(html[data-pc-page="questions"]) .profile-more-question-head>div {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

:where(html[data-pc-page="questions"]) .profile-more-question-head span {
  font: 700 9px/1 Arial,sans-serif;
  letter-spacing: .16em;
  white-space: nowrap;
  color: var(--ui-pc-tone-questions-profile-more-question-head-span-color-8d1e0, var(--ui-pc-profile-text-variant-2));
}

:where(html[data-pc-page="questions"]) .profile-more-question-head h2 {
  margin: 0;
  padding: 0 0 0 12px;
  position: relative;
  font-family: "Yu Mincho","Hiragino Mincho ProN",serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: .035em;
  white-space: nowrap;
  color: var(--ui-pc-tone-questions-profile-more-question-head-h2-color-e6095, var(--ui-pc-profile-text-variant-2));
}

:where(html[data-pc-page="questions"]) .profile-more-question-head>p {
  margin: 0;
  font: 700 9px/1 Arial,sans-serif;
  letter-spacing: .13em;
  white-space: nowrap;
  color: var(--ui-pc-tone-questions-profile-more-question-head-p-color-25d76, var(--ui-pc-profile-text-variant-2));
}

:where(html[data-pc-page="questions"]) .profile-more-question-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px;
  width: 100%;
  padding: 14px;
}

:where(html[data-pc-page="questions"]) .profile-question-card {
  display: grid;
  grid-template-columns: 50px minmax(0,1fr);
  grid-template-areas: "no q" "no a";
  min-width: 0;
  min-height: 94px;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--ui-pc-tone-questions-profile-question-card-border-fd48d, var(--ui-pc-card-border-variant-4));
}

:where(html[data-pc-page="questions"]) .profile-question-card h3 {
  grid-area: q;
  margin: 0;
  padding: 10px 12px 8px;
  border-bottom: 1px solid var(--ui-pc-card-border-variant-50);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.4;
  overflow-wrap: anywhere;
  border-bottom-color: var(--ui-pc-card-border-variant-51);
  background: var(--ui-pc-card-bg-variant-20);
  color: var(--ui-pc-tone-questions-profile-question-card-h3-color-d3081, var(--ui-pc-card-text-variant-5));
}

:where(html[data-pc-page="questions"]) .profile-question-card h3:empty::after {
  content: "－";
  color: var(--ui-pc-card-text-variant-54);
}

:where(html[data-pc-page="questions"]) .profile-more-cast {
  border-color: var(--ui-pc-card-border-variant-19);
  background: var(--ui-pc-card-bg);
  box-shadow: 0 3px 12px var(--ui-pc-card-shadow-variant-14);
}

:where(html[data-pc-page="questions"]) .profile-more-heading {
  border-bottom-color: var(--ui-pc-profile-border-variant-49);
  background: linear-gradient(135deg,var(--ui-pc-profile-bg-variant-48) 0%,var(--ui-pc-tone-questions-profile-more-heading-background-38b6c, var(--ui-pc-profile-bg-variant-10)) 48%,var(--ui-pc-tone-questions-profile-more-heading-background-154bb, var(--ui-pc-profile-bg-variant-9)) 100%);
  color: var(--ui-pc-profile-text-variant-2);
}

:where(html[data-pc-page="questions"]) .profile-more-photo {
  background: linear-gradient(155deg,var(--ui-pc-profile-bg-variant-49) 0%,var(--ui-pc-profile-bg-variant-50) 100%);
}

:where(html[data-pc-page="questions"]) .profile-more-identity {
  border-top-color: var(--ui-pc-tone-questions-profile-more-identity-border-top-color-0bb55, var(--ui-pc-profile-border-variant-47));
  background: var(--ui-pc-profile-bg-variant-5);
}

:where(html[data-pc-page="questions"]) .profile-more-identity h2 small {
  display: inline-block;
  margin-left: 8px;
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
  vertical-align: middle;
  color: var(--ui-pc-tone-questions-profile-more-identity-h2-small-color-02fb7, var(--ui-pc-profile-text-variant-33));
}

:where(html[data-pc-page="questions"]) .profile-more-size {
  color: var(--ui-pc-profile-text-variant-56);
}

:where(html[data-pc-page="questions"]) .profile-more-size span+span::before {
  content: "/";
  display: inline-block;
  margin: 0 8px;
  font-weight: 400;
  color: var(--ui-pc-profile-text-variant-34);
}

:where(html[data-pc-page="questions"]) .profile-more-back {
  border-color: var(--ui-pc-profile-border-variant-5);
  background: var(--ui-pc-profile-bg-variant-5);
  color: var(--ui-pc-tone-questions-profile-more-back-color-e049c, var(--ui-pc-profile-text-variant-12)) !important;
}

:where(html[data-pc-page="questions"]) .profile-more-back:hover {
  background: var(--ui-pc-tone-questions-profile-more-back-hover-background-2eee9, var(--ui-pc-profile-bg-variant-2));
  color: var(--ui-pc-profile-text-variant-2) !important;
}

:where(html[data-pc-page="questions"]) .profile-more-questions {
  border-color: var(--ui-pc-tone-questions-profile-more-questions-border-color-abd66, var(--ui-pc-profile-border-variant-20));
  background: var(--ui-pc-profile-bg-variant-5);
  box-shadow: 0 3px 12px var(--ui-pc-tone-questions-profile-more-questions-box-shadow-893f6, var(--ui-pc-profile-shadow-variant-11));
}

:where(html[data-pc-page="questions"]) .profile-more-question-head {
  border-bottom-color: var(--ui-pc-profile-border-variant-50);
  background: linear-gradient(90deg,var(--ui-pc-profile-bg-variant-10) 0%,var(--ui-pc-tone-questions-profile-more-question-head-background-a58e5, var(--ui-pc-profile-bg-variant-23)) 72%,var(--ui-pc-profile-bg-variant-10) 100%);
}

:where(html[data-pc-page="questions"]) .profile-more-question-head h2::before {
  content: "";
  width: 2px;
  height: 19px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: var(--ui-pc-tone-questions-profile-more-question-head-h2-before-background-546c2, var(--ui-pc-profile-bg-variant-9));
}

:where(html[data-pc-page="questions"]) .profile-more-question-grid {
  background: var(--ui-pc-profile-bg-variant-39);
}

:where(html[data-pc-page="questions"]) .profile-question-card {
  border-color: var(--ui-pc-tone-questions-profile-question-card-border-color-78527, var(--ui-pc-card-border-variant-21));
  background: var(--ui-pc-card-bg);
}

:where(html[data-pc-page="questions"]) .profile-question-no {
  grid-area: no;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 94px;
  font: 700 12px/1 Arial,sans-serif;
  letter-spacing: .04em;
  background: linear-gradient(180deg,var(--ui-pc-tone-questions-profile-question-no-background-dfa6d, var(--ui-pc-profile-bg-variant-9)) 0%,var(--ui-pc-tone-questions-profile-question-no-background-9f506, var(--ui-pc-profile-bg-variant-10)) 100%);
  color: var(--ui-pc-profile-text-variant-2);
}

:where(html[data-pc-page="questions"]) .profile-question-card p {
  grid-area: a;
  margin: 0;
  padding: 9px 12px 11px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.55;
  overflow-wrap: anywhere;
  color: var(--ui-pc-card-text-variant-55);
}

:where(html[data-pc-page="questions"]) .profile-question-card p:empty::after {
  content: "－";
  color: var(--ui-pc-card-text-variant-54);
}