@charset "UTF-8";
/**
 * Nicole 注意事項・注釈
 * Updated: 2026-08-04
 * Version: 1.0.0
 * Release: NCB-NOTICE-V1-20260804
 */

.nicole-notice {
  --ncb-notice-section-background: var(--nicole-background-color, #fff);
  --ncb-notice-background: var(--nicole-background-subtle, #f4f5f6);
  --ncb-notice-border: var(--nicole-border-color, #d8dcdf);
  --ncb-notice-accent: var(--nicole-accent-color, #b79a6b);
  --ncb-notice-heading-color: var(--nicole-text-color, #262626);
  --ncb-notice-body-color: var(--nicole-text-color, #262626);
  --ncb-notice-note-color: var(--nicole-text-light, #5c6368);
  --ncb-notice-link-color: var(--nicole-primary-color, #003b5c);
  --ncb-notice-icon-color: var(--nicole-accent-color, #b79a6b);
  position: relative;
  box-sizing: border-box;
  background: var(--ncb-notice-section-background);
  color: var(--ncb-notice-body-color);
  font-family: var(--nicole-font-body, sans-serif);
  min-width: 0;
}
.nicole-notice *, .nicole-notice *::before, .nicole-notice *::after { box-sizing: border-box; }
.nicole-notice--width-content { width: 100%; max-width: var(--nicole-content-width, 1140px); margin-right: auto; margin-left: auto; }
.nicole-notice--width-full { width: 100vw; max-width: 100vw; margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); }
.nicole-notice__inner { width: 100%; max-width: var(--nicole-content-width, 1140px); margin-right: auto; margin-left: auto; padding-right: var(--nicole-content-padding, 24px); padding-left: var(--nicole-content-padding, 24px); min-width: 0; }
.nicole-notice--width-content .nicole-notice__inner { padding-right: 0; padding-left: 0; }
.nicole-notice--section-none { padding-top: 0; padding-bottom: 0; }
.nicole-notice--section-small { padding-top: 16px; padding-bottom: 16px; }
.nicole-notice--section-standard { padding-top: 32px; padding-bottom: 32px; }
.nicole-notice--section-large { padding-top: 56px; padding-bottom: 56px; }
.nicole-notice__box { display: flex; align-items: flex-start; gap: 18px; min-width: 0; background: var(--ncb-notice-background); border-color: var(--ncb-notice-border); }
.nicole-notice--inner-small .nicole-notice__box { padding: 16px; }
.nicole-notice--inner-standard .nicole-notice__box { padding: 24px; }
.nicole-notice--inner-large .nicole-notice__box { padding: 36px; }
.nicole-notice--border-all .nicole-notice__box { border-width: 1px; border-style: solid; }
.nicole-notice--border-left .nicole-notice__box { border-left: 5px solid var(--ncb-notice-accent); }
.nicole-notice--border-top .nicole-notice__box { border-top: 5px solid var(--ncb-notice-accent); }
.nicole-notice--radius-small .nicole-notice__box { border-radius: 4px; }
.nicole-notice--radius-medium .nicole-notice__box { border-radius: 8px; }
.nicole-notice--radius-large .nicole-notice__box { border-radius: 16px; }
.nicole-notice--shadow-weak .nicole-notice__box { box-shadow: 0 4px 16px rgba(0,0,0,.08); }
.nicole-notice__mark { flex: 0 0 30px; width: 30px; color: var(--ncb-notice-icon-color); line-height: 1; }
.nicole-notice__mark svg { display: block; width: 30px; height: 30px; fill: currentColor; }
.nicole-notice__mark span { display: block; font-size: 28px; font-weight: 700; line-height: 1; text-align: center; }
.nicole-notice__content { flex: 1 1 auto; min-width: 0; }
.nicole-notice__heading { margin: 0; color: var(--ncb-notice-heading-color); font-family: var(--nicole-font-heading, sans-serif); font-weight: var(--nicole-heading-weight, 600); line-height: 1.4; overflow-wrap: anywhere; word-break: normal; }
.nicole-notice--heading-small .nicole-notice__heading { font-size: clamp(17px, 1.7vw, 20px); }
.nicole-notice--heading-standard .nicole-notice__heading { font-size: clamp(20px, 2vw, 26px); }
.nicole-notice--heading-large .nicole-notice__heading { font-size: clamp(24px, 2.6vw, 34px); }
.nicole-notice__body { margin-top: 12px; color: var(--ncb-notice-body-color); font-family: var(--nicole-font-body, sans-serif); line-height: 1.8; min-width: 0; overflow-wrap: anywhere; word-break: normal; }
.nicole-notice__body > :first-child { margin-top: 0; }
.nicole-notice__body > :last-child { margin-bottom: 0; }
.nicole-notice--body-small .nicole-notice__body { font-size: 14px; }
.nicole-notice--body-standard .nicole-notice__body { font-size: 16px; }
.nicole-notice--body-large .nicole-notice__body { font-size: 18px; }
.nicole-notice .nicole-notice__body a,
.nicole-notice .nicole-notice__body a:link,
.nicole-notice .nicole-notice__body a:visited { color: var(--ncb-notice-link-color); text-decoration: underline; text-underline-offset: .18em; }
.nicole-notice .nicole-notice__body a:hover,
.nicole-notice .nicole-notice__body a:focus { color: var(--ncb-notice-link-color); text-decoration-thickness: 2px; }
.nicole-notice__notes { display: flex; flex-direction: column; gap: 8px; margin: 14px 0 0; padding: 0; color: var(--ncb-notice-note-color); font-family: var(--nicole-font-body, sans-serif); line-height: 1.7; list-style: none; }
.nicole-notice__notes li { display: flex; align-items: flex-start; gap: .45em; margin: 0; min-width: 0; }
.nicole-notice__note-mark { flex: 0 0 auto; color: var(--ncb-notice-icon-color); white-space: nowrap; }
.nicole-notice__note-text { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; word-break: normal; }
.nicole-notice__notes--none .nicole-notice__note-mark { display: none; }
.nicole-notice--note-xsmall .nicole-notice__notes { font-size: 12px; }
.nicole-notice--note-small .nicole-notice__notes { font-size: 14px; }
.nicole-notice--note-standard .nicole-notice__notes { font-size: 16px; }
.nicole-notice--align-center .nicole-notice__heading,
.nicole-notice--align-center .nicole-notice__body,
.nicole-notice--align-center .nicole-notice__notes { text-align: center; }
.nicole-notice--align-center .nicole-notice__box { justify-content: center; }
.nicole-notice--align-center .nicole-notice__notes li { justify-content: center; }
.nicole-notice--type-important { --ncb-notice-accent: var(--nicole-primary-color, #003b5c); --ncb-notice-icon-color: var(--nicole-primary-color, #003b5c); }
.nicole-notice--type-caution { --ncb-notice-accent: #b54708; --ncb-notice-icon-color: #b54708; }
.nicole-notice--type-supplement { --ncb-notice-background: var(--nicole-background-color, #fff); }
.nicole-notice--type-notes .nicole-notice__box { gap: 12px; }
.nicole-notice [hidden] { display: none !important; }

/* 編集iframeでは100vwを使わず、ブロック枠内に収める。 */
.editor-styles-wrapper .nicole-notice--width-full,
.block-editor-block-list__layout .nicole-notice--width-full { width: 100%; max-width: 100%; margin-right: 0; margin-left: 0; }
/* Gutenberg標準見出しよりブランドフォントを優先。 */
.editor-styles-wrapper .nicole-notice .nicole-notice__heading,
.block-editor-block-list__layout .nicole-notice .nicole-notice__heading { font-family: var(--nicole-font-heading, sans-serif) !important; }
.editor-styles-wrapper .nicole-notice .nicole-notice__body,
.editor-styles-wrapper .nicole-notice .nicole-notice__notes,
.block-editor-block-list__layout .nicole-notice .nicole-notice__body,
.block-editor-block-list__layout .nicole-notice .nicole-notice__notes { font-family: var(--nicole-font-body, sans-serif); }
.editor-styles-wrapper .nicole-notice .nicole-notice__body a,
.editor-styles-wrapper .nicole-notice .nicole-notice__body a:link,
.editor-styles-wrapper .nicole-notice .nicole-notice__body a:visited,
.editor-styles-wrapper .nicole-notice .nicole-notice__body a:hover,
.editor-styles-wrapper .nicole-notice .nicole-notice__body a:focus,
.block-editor-block-list__layout .nicole-notice .nicole-notice__body a,
.block-editor-block-list__layout .nicole-notice .nicole-notice__body a:link,
.block-editor-block-list__layout .nicole-notice .nicole-notice__body a:visited,
.block-editor-block-list__layout .nicole-notice .nicole-notice__body a:hover,
.block-editor-block-list__layout .nicole-notice .nicole-notice__body a:focus { color: var(--ncb-notice-link-color) !important; }

@media (max-width: 767px) {
  .nicole-notice { width: 100%; max-width: 100%; margin-right: 0; margin-left: 0; }
  .nicole-notice__inner { padding-right: 16px; padding-left: 16px; }
  .nicole-notice--width-content .nicole-notice__inner { padding-right: 0; padding-left: 0; }
  .nicole-notice--section-large { padding-top: 40px; padding-bottom: 40px; }
  .nicole-notice--inner-small .nicole-notice__box { padding: 14px; }
  .nicole-notice--inner-standard .nicole-notice__box { padding: 18px; }
  .nicole-notice--inner-large .nicole-notice__box { padding: 24px; }
  .nicole-notice__box { gap: 12px; }
  .nicole-notice__mark { flex-basis: 26px; width: 26px; }
  .nicole-notice__mark svg { width: 26px; height: 26px; }
  .nicole-notice--note-xsmall .nicole-notice__notes { font-size: 13px; }
}
@media (max-width: 480px) {
  .nicole-notice__box { flex-wrap: wrap; }
  .nicole-notice__mark + .nicole-notice__content { flex-basis: calc(100% - 38px); }
}