/* 友達シェア（申込フォーム / OC一覧モーダル共通） */
.p-friendShare{margin-top:24px;border:1px solid #cfe9c8;border-radius:12px;background:#fff;box-shadow:0 2px 8px rgba(47,125,50,.08);overflow:hidden}
.p-friendShare__head{display:flex;align-items:center;gap:6px;padding:12px 14px;background:#eaf7e4}
.p-friendShare__icon{display:inline-flex;flex-shrink:0;font-size:16px;line-height:1}
.p-friendShare__title{margin:0;color:#363535;font-size:15px;font-weight:700;line-height:1.4}
.p-friendShare__body{padding:16px 14px 18px}
.p-friendShare__lead{margin:0 0 14px;padding-inline:2px;color:#363535;font-size:12px;font-weight:700;text-align:left;line-height:1.5}
.p-friendShare__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch}
.p-friendShare__button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:100%;min-width:0;min-height:72px;padding:10px 8px;border-radius:10px;background:#fff;text-align:left;text-decoration:none;cursor:pointer;box-sizing:border-box}
.p-friendShare__button--line{border:1.5px solid #06C755;color:#06C755}
.p-friendShare__button--copy{flex-direction:column;align-items:stretch;justify-content:center;gap:4px;border:1.5px solid #363535;color:#363535}
.p-friendShare__copyMain{display:flex;align-items:center;justify-content:center;gap:8px}
.p-friendShare__lineIcon,.p-friendShare__linkIcon{flex-shrink:0;width:36px;height:36px;display:block;object-fit:contain}
.p-friendShare__external{flex-shrink:0;align-self:center}
.p-friendShare__buttonText{font-size:14px;font-weight:700;line-height:1.35}
.p-friendShare__note{display:block;margin:0;color:#8a8a8a;font-size:9px;font-weight:500;line-height:1.2;text-align:center;white-space:nowrap}

.p-friendShare__button--line,.p-friendShare__button--line:hover,.p-friendShare__button--line:focus,.p-friendShare__button--line:active,.p-friendShare__button--line:visited{text-decoration:none !important;color:#06C755 !important;opacity:1;background:#fff}
.p-friendShare__button--line:hover .p-friendShare__buttonText,.p-friendShare__button--line:focus .p-friendShare__buttonText{color:#06C755 !important;text-decoration:none !important}
.p-friendShare__button--copy,.p-friendShare__button--copy:hover,.p-friendShare__button--copy:focus,.p-friendShare__button--copy:active{text-decoration:none !important;color:#363535 !important;opacity:1;background:#fff}
.p-friendShare__button--copy:hover .p-friendShare__buttonText,.p-friendShare__button--copy:focus .p-friendShare__buttonText{color:#363535 !important;text-decoration:none !important}
.p-friendShare__button--copy.is-copied,.p-friendShare__button--copy.is-copied:hover,.p-friendShare__button--copy.is-copied:focus{border-color:#06C755;color:#06C755 !important}
.p-friendShare__button--copy.is-copied .p-friendShare__buttonText,.p-friendShare__button--copy.is-copied:hover .p-friendShare__buttonText{color:#06C755 !important}

/* OC一覧モーダル下部（薄いグレー帯・枠線なし） */
.p-friendShare--modal{margin:20px -32px -32px;border:none;border-radius:0 0 16px 16px;background:#f2f2f2;box-shadow:none}
.p-friendShare--modal .p-friendShare__head{justify-content:center;padding:18px 14px 8px;background:transparent}
.p-friendShare--modal .p-friendShare__title{font-size:14px;text-align:center}
.p-friendShare--modal .p-friendShare__body{padding:4px 14px 20px}
@media(max-width:768px){
  .p-friendShare--modal{margin-left:-6%;margin-right:-6%;margin-bottom:-32px}
}
@media(max-width:420px){
  .p-friendShare__buttonText{font-size:11px;line-height:1.3}
  .p-friendShare--modal .p-friendShare__buttonText{font-size:10px}
}