@charset "UTF-8";
.p-related .p-related__head,
.p-related .p-related__item {display: grid;grid-template-columns: 1.875rem 1fr 10.625rem 7rem 12.25rem;column-gap: 0.875rem;align-items: center;}
.p-related .p-related__head {margin-top: 1.5rem;padding: 0.625rem 1.125rem;background-color: #f7f9fb;border-bottom: 0.0625rem solid #e3e8ee;border-radius: 0.625rem 0.625rem 0 0;font-size: 0.78125rem;color: #666;}
.p-related .p-related__list {display: block;margin-top: 0;background-color: #fff;border-radius: 0 0 0.625rem 0.625rem;}
.p-related .p-related__item {row-gap: 0.25rem;padding: 0.625rem 1.125rem;background-color: transparent;border-radius: 0;border-bottom: 0.0625rem solid #eef0f3;box-shadow: none;}
.p-related .p-related__item:last-child {border-bottom: 0;border-radius: 0 0 0.625rem 0.625rem;}
@media (any-hover: hover) {
.p-related .p-related__item:hover {background-color: #f9fbfd;}
}
.p-related .p-related__img {grid-column: 1;grid-row: 1;}
.p-related .p-related__img img {width: 1.875rem;height: auto;margin: 0;}
.p-related .p-related__title {grid-column: 2;grid-row: 1;margin-top: 0;}
.p-related .related_tpl_item {display: block;overflow: visible;-webkit-line-clamp: none;font-size: 0.90625rem;font-weight: normal;line-height: 1.6;letter-spacing: 0;color: #555;}
.p-related .p-related__titleMain {font-weight: bold;color: #111;}
@media (any-hover: hover) {
.p-related .p-related__title:hover .related_tpl_item,
.p-related .p-related__title:hover .p-related__titleMain {color: #0b6bbf;text-decoration: underline;}
}
.p-related .p-related__pub {grid-column: 3;grid-row: 1;font-size: 0.8125rem;line-height: 1.4;color: #333;}
.p-related .p-related__info {display: block;grid-column: 4;grid-row: 1;margin-top: 0;}
.p-related .p-related__label {display: none;}
.p-related .p-related__date {margin-top: 0;font-size: 0.8125rem;font-weight: normal;color: #555;font-variant-numeric: tabular-nums;}
.p-related .p-related__check {display: contents;}
.p-related .p-related__check label {grid-column: 5;grid-row: 1;justify-self: start;white-space: nowrap;}
.p-related .p-related__bubble {display: none;grid-column: 2 / -1;grid-row: 2;position: static;translate: none;width: auto;padding: 0;background: none;opacity: 1;visibility: visible;}
.p-related .p-related__check input[type=checkbox]:checked + label + .p-related__bubble {display: block;text-align: left;animation: none;}
.p-related .p-related__bubbleIcon {display: none;}
.p-related .p-related__bubbleText {display: inline;margin-top: 0;font-size: 0.78125rem;font-weight: normal;letter-spacing: 0;color: #0b6bbf;}
.p-related .p-related__bubbleText br {display: none;}
.p-related .p-related__bubbleConfirm {display: inline;margin-top: 0;}
.p-related .p-related__bubbleConfirm::before {content: "｜";margin: 0 0.25rem;font-size: 0.78125rem;color: #0b6bbf;}
.p-related .p-related__bubbleBtn {min-width: 0;padding: 0;border: 0;border-radius: 0;background: none;box-shadow: none;font-size: 0.78125rem;font-weight: normal;color: #0b6bbf;text-decoration: underline;}
.p-related .p-related__item:has(input[type=checkbox]:checked) {background-color: #f4f9fd;}
@media (max-width: 767px) {
.p-related .p-related__head {display: none;}
.p-related .p-related__list {border-radius: 0.625rem;}
.p-related .p-related__item {grid-template-areas: none;grid-template-columns: 1.875rem 1fr;padding: 0.625rem 0.75rem;}
.p-related .p-related__img {grid-row: 1 / span 3;align-self: start;}
.p-related .p-related__title {grid-column: 2;grid-row: 1;}
.p-related .related_tpl_item {font-size: 0.8125rem;}
.p-related .p-related__pub,
.p-related .p-related__info {grid-column: 2;grid-row: auto;}
.p-related .p-related__pub {font-size: 0.75rem;}
.p-related .p-related__date {font-size: 0.75rem;}
.p-related .p-related__check label {grid-column: 2;grid-row: auto;}
.p-related .p-related__bubble {grid-column: 2;grid-row: auto;}
}
.p-related .p-related__check label {padding-top: 1px;padding-bottom: 1px;}
.p-related .p-related__check label::before {transform: translateY(-2px);}
.p-related .p-related__check input[type=checkbox]:focus + label {outline-offset: 4px;}