@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

/* UK Launch R1 visual system: derived from the supplied kit; scoped to launch blocks only. */
.uk-scope {
  --uk-bg:#fff; --uk-soft:#f3f6f7; --uk-heading:#203849; --uk-text:#283d48;
  --uk-muted:#586b75; --uk-accent:#236a65; --uk-line:#dce4e7;
  color:var(--uk-text); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
  font-size:18px; line-height:1.9; overflow-wrap:anywhere;
}
.uk-scope *, .uk-scope *::before, .uk-scope *::after {box-sizing:border-box}
.uk-scope a {color:var(--uk-accent); text-underline-offset:.2em; text-decoration-thickness:1px}
.uk-scope a:hover {text-decoration-thickness:2px}
.uk-scope a:focus-visible, .uk-scope button:focus-visible, .uk-scope summary:focus-visible, .uk-scope .uk-table-wrap:focus-visible {outline:3px solid var(--uk-accent);outline-offset:4px}
.uk-scope h1, .uk-scope h2, .uk-scope h3 {color:var(--uk-heading);line-height:1.5;letter-spacing:.015em}
.uk-scope h2 {font-size:clamp(1.45rem,2.3vw,2rem);margin:0 0 22px;padding:0;border:0;background:none}
.uk-scope h3 {font-size:1.1em;margin:0 0 10px;padding:0;border:0;background:none}
.uk-scope p {margin:0 0 1.15em}
.uk-shell {max-width:1120px;margin-inline:auto;padding-inline:24px}
.uk-hero {background:var(--uk-soft);border:1px solid var(--uk-line);border-radius:18px;padding:clamp(26px,5vw,64px);margin-bottom:48px}
.uk-eyebrow {font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--uk-accent);margin-bottom:18px!important}
.uk-hero .uk-hero-title {font-size:clamp(28px,3.5vw,46px);font-weight:700;line-height:1.5;max-width:740px;margin:0 0 20px}
.uk-lead {max-width:720px;color:var(--uk-muted)}
.uk-button {display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 24px;border-radius:8px;font-size:16px;font-weight:700;background:var(--uk-accent);color:#fff!important;text-decoration:none!important;border:1px solid var(--uk-accent)}
.uk-button:hover {filter:brightness(.94)}
.uk-button-secondary {background:var(--uk-bg);color:var(--uk-accent)!important}
.uk-section {margin-bottom:48px}
.uk-section-heading {display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--uk-line);margin-bottom:24px;padding-bottom:14px}
.uk-section-heading h2 {margin:0}
.uk-section-heading small {color:var(--uk-muted);font-size:14px}
.uk-card-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:24px}
.uk-card {padding:28px;border:1px solid var(--uk-line);border-radius:12px;background:var(--uk-bg);min-width:0}
.uk-card-title a {color:var(--uk-heading);text-decoration:none}
.uk-card-title a:hover {text-decoration:underline}
.uk-card p {font-size:16px;color:var(--uk-muted)}
.uk-card img {display:block;width:100%;height:auto;border-radius:7px;margin-bottom:18px;aspect-ratio:16/9;object-fit:cover}
.uk-card-meta {font-size:13px!important;color:var(--uk-muted);margin-bottom:12px!important}
.uk-card-link {display:inline-flex;min-height:44px;align-items:center;font-weight:700;font-size:15px}
.uk-topic-list {display:flex;gap:12px;flex-wrap:wrap;padding:0;list-style:none;margin:0}
.uk-topic-list a {display:inline-flex;align-items:center;min-height:44px;padding:8px 18px;background:var(--uk-soft);border:1px solid var(--uk-line);border-radius:8px;text-decoration:none;font-size:16px}
.uk-note {background:var(--uk-soft);padding:28px;border-radius:12px;border:1px solid var(--uk-line)}
.uk-note p {max-width:850px;margin-bottom:12px}
.uk-note p:last-child {margin-bottom:0}
.uk-muted {color:var(--uk-muted);font-size:14px}
.uk-link-row {display:flex;gap:10px 24px;flex-wrap:wrap;margin-top:14px}
.uk-link-row a {display:inline-flex;align-items:center;min-height:44px;font-size:15px}
.uk-article {max-width:760px;margin-inline:auto}
.uk-article h1 {font-size:clamp(28px,3vw,38px);margin:0 0 20px}
.uk-article h2 {margin:2.5em 0 1em;padding-bottom:12px;border-bottom:2px solid var(--uk-line)}
.uk-article h3 {margin-top:1.8em}
.uk-answer {background:var(--uk-soft);border-left:4px solid var(--uk-accent);border-radius:0 8px 8px 0;padding:24px;margin:28px 0}
.uk-toc {padding:22px 28px;border:1px solid var(--uk-line);border-radius:8px;margin:28px 0}
.uk-toc summary {cursor:pointer;font-weight:700;min-height:44px;display:list-item;line-height:44px}
.uk-toc ol {margin:8px 0 0;padding-left:24px}
.uk-toc a {display:inline-block;min-height:44px;padding-block:6px}
.uk-table-wrap {max-width:100%;overflow-x:auto;border:1px solid var(--uk-line);border-radius:8px;margin-block:24px}
.uk-scope table {width:100%;border-collapse:collapse;font-size:16px;min-width:560px}
.uk-scope caption {text-align:left;padding:16px;font-weight:700;background:var(--uk-soft)}
.uk-scope th, .uk-scope td {padding:16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--uk-line);line-height:1.8}
.uk-scope th {background:var(--uk-soft);color:var(--uk-heading)}
.uk-scope tr:last-child td {border-bottom:0}
.uk-article ul, .uk-article ol {padding-left:1.5em}
.uk-article li {margin-block:.55em}
.uk-scope blockquote {margin:24px 0;padding:16px 24px;border-left:3px solid var(--uk-line);color:var(--uk-muted)}
@media (max-width:600px) {
 .uk-scope {font-size:17px}
 .uk-shell {padding-inline:20px}
 .uk-hero {padding:28px 22px;margin-bottom:32px;border-radius:12px}
 .uk-hero .uk-hero-title {font-size:30px}
 .uk-section {margin-bottom:32px}
 .uk-card, .uk-note {padding:22px}
 .uk-section-heading small {width:100%}
 .uk-button {width:100%}
 .uk-answer, .uk-toc {padding:20px}
}
@media (max-width:360px) {.uk-shell {padding-inline:16px}.uk-hero {padding:24px 18px}.uk-hero .uk-hero-title {font-size:28px}}
@media (prefers-reduced-motion:reduce) {.uk-scope * {scroll-behavior:auto!important;transition:none!important}}
@media print {.uk-scope {font-size:11pt}.uk-hero,.uk-note,.uk-answer {background:none}.uk-button,.uk-toc {display:none}.uk-table-wrap {overflow:visible}.uk-scope table {min-width:0}.uk-card {break-inside:avoid}}

/* UK Launch: keep the off-canvas sidebar out of the tab order while closed. */
#sidebar-menu-input:not(:checked) ~ #sidebar-menu-content { visibility: hidden; }
#sidebar-menu-input:checked ~ #sidebar-menu-content { visibility: visible; }
/* UK Launch: keep the off-canvas search panel out of the tab order while closed. */
#search-menu-input:not(:checked) ~ #search-menu-content { visibility: hidden; }
#search-menu-input:checked ~ #search-menu-content { visibility: visible; }