/* All decoration styles are namespaced. Shared by TinyMCE and the public page. */
.myrn-kit.myrn-kit {
  box-sizing: border-box;
  max-width: 100%;
  margin: 24px 0;
  color: #183149;
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  font-size: 16px;
  line-height: 1.85;
  letter-spacing: normal;
  text-align: left;
  overflow-wrap: anywhere;
  clear: both;
}
.myrn-kit.myrn-kit *, .myrn-kit.myrn-kit *::before, .myrn-kit.myrn-kit *::after { box-sizing: border-box; }
.myrn-kit.myrn-kit * { font-family: inherit; }
.myrn-kit.myrn-kit div, .myrn-kit.myrn-kit span { line-height: inherit; }
.myrn-kit.myrn-kit p { margin: 0 0 12px; padding: 0; font-size: inherit; line-height: inherit; letter-spacing: normal; color: inherit; }
#main-contents .myrn-kit.myrn-kit p { line-height: inherit; }
.myrn-kit.myrn-kit p:last-child { margin-bottom: 0; }
.myrn-kit.myrn-kit h2, .myrn-kit.myrn-kit h3 { position: static; margin: 0 0 12px; padding: 0; border: 0; background: none; box-shadow: none; font-family: inherit; color: inherit; font-size: 20px; font-weight: 700; line-height: 1.6; letter-spacing: normal; text-align: left; }
.myrn-kit.myrn-kit h2::before, .myrn-kit.myrn-kit h2::after, .myrn-kit.myrn-kit h3::before, .myrn-kit.myrn-kit h3::after { content: none; }
.myrn-kit.myrn-kit a { color: #176e6b; text-decoration: underline; overflow-wrap: anywhere; }
.myrn-kit.myrn-kit a:hover { text-decoration-thickness: 2px; }
.myrn-kit.myrn-kit a:focus-visible { outline: 3px solid #183149; outline-offset: 3px; }
.myrn-kit.myrn-kit ul { margin: 0; padding: 0 0 0 1.4em; list-style: disc; }
.myrn-kit.myrn-kit li { margin: 4px 0; padding: 0; line-height: inherit; font-size: inherit; letter-spacing: normal; }
.myrn-kit.myrn-kit li::before { content: none; }
.myrn-kit.myrn-kit img { max-width: 100%; height: auto; }
.myrn-kit.myrn-faq { border: 1px solid #e1e5ed; border-radius: 12px; overflow: hidden; background: #fff; }
.myrn-kit .myrn-question, .myrn-kit .myrn-answer { display: flex; align-items: flex-start; gap: 12px; padding: 18px; }
.myrn-kit .myrn-question { background: #fff7fa; border-bottom: 1px solid #f3e1e8; }
.myrn-kit .myrn-question p { font-weight: 700; font-size: 18px; }
.myrn-kit .myrn-answer > div, .myrn-kit .myrn-question > p { flex: 1; min-width: 0; }
.myrn-kit .myrn-marker { flex: 0 0 auto; display: inline-block; min-width: 34px; padding: 0 8px; border-radius: 24px; background: #c63b6c; color: #fff; text-align: center; font-weight: 700; }
.myrn-kit .myrn-answer .myrn-marker { background: #19304f; }
.myrn-kit.myrn-related { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 14px; }
.myrn-kit.myrn-related a { padding: 8px 12px; border: 1px solid #e7cec5; text-decoration: none; color: #845044; background: #fff; }
.myrn-kit.myrn-note { border-left: 4px solid #f2b42b; border-radius: 0 10px 10px 0; background: #fff8df; padding: 18px 20px; }
.myrn-kit .myrn-note-label { color: #885b00; }
.myrn-kit.myrn-treatment { border: 1px solid #8fcdb8; border-radius: 10px; padding: 22px; background: #fff; }
.myrn-kit .myrn-treatment-title { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-bottom: 14px; }
.myrn-kit .myrn-treatment-title h3 { margin: 0; }
.myrn-kit .myrn-badge { background: #bc4a27; color: #fff; border-radius: 24px; padding: 3px 12px; font-size: 14px; font-weight: 700; }
.myrn-kit .myrn-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.myrn-kit .myrn-tags span { padding: 2px 10px; background: #eff9f5; border: 1px solid #a1d8c3; border-radius: 3px; color: #156762; font-size: 14px; }
.myrn-kit a.myrn-button { display: inline-block; margin-top: 12px; padding: 9px 14px; border-radius: 5px; border: 1px solid #91cbb7; background: #e9f6ef; text-decoration: none; font-weight: 700; }
.myrn-kit.myrn-cards { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.myrn-kit .myrn-card { padding: 22px; border: 1px solid #cadef7; border-radius: 14px; background: #eff6ff; min-width: 0; }
.myrn-kit .myrn-card:nth-child(2) { background: #fff8e9; border-color: #efd392; }
.myrn-kit .myrn-card:nth-child(3) { background: #edf9f2; border-color: #bee3ce; }
.myrn-kit.myrn-icon-row { display: flex; gap: 16px; align-items: flex-start; padding: 18px; background: #f7f5f7; }
.myrn-kit .myrn-circle { flex: 0 0 78px; width: 78px; height: 78px; display: flex; align-items: center; justify-content: center; background: #f681aa; color: #fff; border-radius: 50%; border: 4px double #fff; font-size: 32px; }
.myrn-kit .myrn-icon-copy { flex: 1; min-width: 0; }
.myrn-kit .myrn-icon-copy h3 { margin-bottom: 4px; }
.myrn-kit .myrn-emphasis { color: #b53565; font-weight: 700; }
.myrn-kit.myrn-points { padding: 22px; background: #fffdea; border-radius: 12px; }
.myrn-kit.myrn-points h3 { color: #ae3860; font-size: 18px; }
.myrn-kit.myrn-heading-frame { padding: 12px 16px; border: 1px solid #8b777c; box-shadow: 5px 5px 0 #fbe7ed; background: #fff0f3; color: #4f4c50; }
.myrn-kit.myrn-heading-frame h2 { margin: 0; font-size: 24px; }
.myrn-kit.myrn-heading-bar { border: 1px solid #e0e0e0; border-left: 5px solid #e2ac00; padding: 16px 20px; background: #fff; }
.myrn-kit.myrn-heading-bar h3 { margin: 0; color: #242424; }
.myrn-kit.myrn-heading-line h2 { display: inline-block; position: relative; margin: 0; padding: 0 0 10px; color: #242424; font-size: 24px; }
.myrn-kit.myrn-heading-line h2::after { content: ""; position: absolute; bottom: 0; left: 0; width: 34px; height: 3px; background: #e2ac00; }
.myrn-kit.myrn-check { padding: 20px; background: #eff8f4; border: 1px solid #4c9a8e; border-left-width: 4px; border-radius: 8px; color: #156f68; }
.myrn-kit.myrn-check ul { padding: 0; list-style: none; }
.myrn-kit.myrn-check li { position: relative; padding-left: 1.8em; font-weight: 700; }
.myrn-kit.myrn-check li::before { content: "✓"; position: absolute; top: 0; left: 0; }
.myrn-kit.myrn-check-red { background: #fcf2f0; border-color: #b83b3d; color: #a32d31; }
.myrn-kit.myrn-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.myrn-kit.myrn-table-wrap table { width: 100%; min-width: 560px; margin: 0; border-collapse: collapse; border: 0; font-size: 15px; line-height: 1.7; table-layout: fixed; }
.myrn-kit.myrn-table-wrap caption { padding: 0 0 8px; text-align: left; font-weight: 700; color: #183149; }
.myrn-kit.myrn-table-wrap th, .myrn-kit.myrn-table-wrap td { padding: 14px; border: 1px solid #c5d9e6; white-space: normal; text-align: left; vertical-align: top; color: #214b6b; background: #f6f9fc; font-size: inherit; line-height: inherit; }
.myrn-kit.myrn-table-wrap thead th { background: #265d80; color: #fff; font-weight: 700; }
.myrn-kit.myrn-table-wrap tbody tr:nth-child(odd) td, .myrn-kit.myrn-table-wrap tbody tr:nth-child(odd) th { background: #e9f2f7; }
.myrn-kit.myrn-recommend { padding: 20px; border: 1px solid #edc8b7; border-radius: 9px; background: #fff7f1; }
.myrn-kit.myrn-recommend h3 { color: #3a5265; }
.myrn-kit.myrn-profile { max-width: 620px; margin: 24px auto; padding: 24px; border: 3px solid #e39abc; border-radius: 12px; background: #fff; color: #1b2634; }
.myrn-kit .myrn-profile-photo { text-align: center; margin-bottom: 20px; }
.myrn-kit .myrn-profile-photo img { display: block; width: 100px; height: 100px; border-radius: 50%; object-fit: cover; margin: 0 auto; }
.myrn-kit .myrn-photo-placeholder { display: inline-flex; width: 100px; height: 100px; align-items: center; justify-content: center; border-radius: 50%; background: #fceaf2; color: #934061; font-size: 14px; }
.myrn-kit .myrn-profile-name { font-weight: 700; }
.myrn-kit.myrn-arrow { position: relative; border: 1px solid #e69ab8; border-left: 6px solid #e69ab8; border-radius: 6px; padding: 18px 20px 18px 44px; background: #fff7fa; }
.myrn-kit.myrn-arrow::before { content: "➜"; position: absolute; left: 12px; top: 18px; color: #ae3860; }
.myrn-kit.myrn-caption-box { position: relative; border: 3px solid #e9a0a7; border-radius: 9px; padding: 22px 16px 16px; background: #fff; }
.myrn-kit.myrn-caption-box .myrn-caption { display: table; max-width: 100%; position: relative; margin: -39px 0 8px; padding: 0 8px; background: #fff; color: #b34c57; font-weight: 700; font-size: 19px; }
.myrn-kit.myrn-summary { border: 1px solid #ebc0d0; padding: 20px; border-radius: 9px; background: #fce9f1; }
.myrn-kit.myrn-summary h3 { color: #ac365f; font-size: 18px; }
.myrn-kit.myrn-comparison thead th:nth-child(1) { background: #f4e9dc; color: #6b4f38; width: 25%; }
.myrn-kit.myrn-comparison thead th:nth-child(2) { background: #cbe9f7; color: #25465d; }
.myrn-kit.myrn-comparison thead th:nth-child(3) { background: #f6cadb; color: #653149; }
.myrn-kit.myrn-comparison tbody th { background: #faf3e9 !important; color: #6b4f38; }
.myrn-kit.myrn-comparison tbody td:nth-child(2) { background: #f1faff !important; }
.myrn-kit.myrn-comparison tbody td:nth-child(3) { background: #fff4f8 !important; }
.myrn-kit .myrn-scroll-hint { font-size: 13px; color: #526576; }
@media (max-width: 600px) {
  .myrn-kit.myrn-kit { font-size: 15px; margin-top: 20px; margin-bottom: 20px; }
  .myrn-kit.myrn-cards { grid-template-columns: minmax(0,1fr); }
  .myrn-kit .myrn-question, .myrn-kit .myrn-answer { padding: 14px; gap: 10px; }
  .myrn-kit.myrn-treatment, .myrn-kit.myrn-profile { padding: 18px; }
  .myrn-kit .myrn-circle { flex-basis: 56px; width: 56px; height: 56px; font-size: 24px; }
  .myrn-kit.myrn-icon-row { gap: 12px; padding: 14px; }
  .myrn-kit.myrn-heading-frame h2, .myrn-kit.myrn-heading-line h2 { font-size: 21px; }
}