@charset "UTF-8";
/* =========================================================
   torikumu モダンスキン v2（試験・2026-10）
   方向性: シャープ・モノトーン基調・差し色は青と緑だけ。
   見た目だけを上書きする。テンプレート・処理には触らない。
   有効化: URLに ?modern=1（Cookieで保持）／解除: ?modern=0
   全員に出すとき: オプション tk_modern_skin=1
   ========================================================= */

:root{
  --tkm-black:#14213D; --tkm-ink:#1E2430; --tkm-navy:#14213D; --tkm-sub:#5D6370; --tkm-mute:#9AA0AB;
  --tkm-line:#E4E6EA; --tkm-bg:#F4F5F7; --tkm-white:#fff;
  --tkm-blue:#2F5BFF; --tkm-blue-d:#1F44D8; --tkm-blue-s:#E7ECFF;
  --tkm-green:#16C98D; --tkm-green-d:#0B8F63; --tkm-green-s:#DCF7EC;
  --tkm-grad:linear-gradient(90deg,#2F5BFF 0%,#16C98D 100%);
  --tkm-r:8px; --tkm-r-s:6px;
  --tkm-shadow:0 1px 2px rgba(11,13,18,.05),0 10px 28px -16px rgba(11,13,18,.22);
  --tkm-shadow-h:0 2px 4px rgba(11,13,18,.06),0 22px 44px -20px rgba(11,13,18,.38);
  --tkm-en:"Inter","Noto Sans JP",sans-serif;
  --tkm-head:"Zen Kaku Gothic New","Noto Sans JP",sans-serif;

  /* SWELL の変数を上書き */
  --color_main:#2F5BFF;
  --color_text:#1E2430;
  --color_link:#1F44D8;
  --color_htag:#1E2430;
  --color_bg:#F4F5F7;
  --color_border:#E4E6EA;
  --color_gray:#EEF0F3;
  --swl-font_family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif;
}

/* ---------- 全体 ---------- */
html{background:var(--tkm-bg)!important}
body{
  background-color:var(--tkm-bg)!important;
  background-image:radial-gradient(rgba(17,19,24,.09) 1px,transparent 1.2px)!important;
  background-size:22px 22px!important;
  background-attachment:fixed!important;
  color:var(--tkm-ink);
  font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",sans-serif;
  letter-spacing:.03em;
  -webkit-font-smoothing:antialiased;
}
#body_wrap,.l-content,.l-mainContent{background:transparent!important}
.post_content{line-height:1.9}
.post_content a:not([class]){color:var(--tkm-blue-d);text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .3s cubic-bezier(.2,.8,.2,1),color .2s ease;word-break:break-all}
.post_content a:not([class]):hover{color:var(--tkm-blue);background-size:100% 1px}
::selection{background:var(--tkm-ink);color:#fff}

/* ---------- ヘッダー ---------- */
.l-header,.l-fixHeader{
  background:rgba(255,255,255,.9)!important;
  -webkit-backdrop-filter:saturate(180%) blur(16px);
  backdrop-filter:saturate(180%) blur(16px);
  border-bottom:1px solid rgba(17,19,24,.08);
  box-shadow:none!important;
}
.l-header__bar{background:var(--tkm-black)!important}
.c-gnav>.menu-item>a{font-weight:700;color:var(--tkm-ink);letter-spacing:.06em}
.c-gnav>.menu-item>a:hover{color:var(--tkm-blue)}
.c-gnav>.menu-item>a::after{background:var(--tkm-ink)!important;height:2px!important;border-radius:0}

/* ---------- ページタイトル ---------- */
.c-pageTitle,.c-pageTitle__inner,.c-postTitle__ttl{font-family:var(--tkm-head);font-weight:900;letter-spacing:.02em}
.c-pageTitle{font-size:2em}

/* ---------- 見出し（本文） ---------- */
.post_content h2:where(:not([class*="tkg"])){
  background:none!important;
  color:var(--tkm-ink)!important;
  border:0!important;
  padding:0 0 .6em!important;
  font-family:var(--tkm-head);
  font-size:1.6em;
  font-weight:900;
  line-height:1.4;
  letter-spacing:.02em;
  position:relative;
  margin-top:3.4em;
}
.post_content h2:where(:not([class*="tkg"]))::before{
  content:""!important;
  position:absolute;left:0;bottom:0;top:auto!important;width:40px;height:4px!important;
  border:0!important;border-radius:0;
  background:var(--tkm-grad)!important;
  display:block;
}
.post_content h2:where(:not([class*="tkg"]))::after{
  content:""!important;display:block!important;position:absolute;left:48px;right:0;bottom:1.5px;height:1px;
  background:rgba(17,19,24,.1)!important;border:0!important;
}
.post_content h3:where(:not([class*="tkg"])){
  border:0!important;background:none!important;
  padding:0 0 0 14px!important;
  font-family:var(--tkm-head);font-weight:900;
  position:relative;
}
.post_content h3:where(:not([class*="tkg"]))::before{
  content:""!important;position:absolute;left:0;top:.35em;bottom:.35em;width:4px;height:auto!important;border-radius:0;
  background:var(--tkm-blue)!important;border:0!important;
}
.post_content h3:where(:not([class*="tkg"]))::after{display:none!important}
.post_content h4{font-family:var(--tkm-head);font-weight:900}

/* ---------- 読むページ（教材詳細・投稿）は本文全体を1枚の白い紙にする ---------- */
#body_wrap.single-guild_lesson_detail .l-mainContent,
#body_wrap.single-post .l-mainContent{
  background:#fff!important;border-radius:var(--tkm-r);box-shadow:var(--tkm-shadow);
  padding:48px 56px!important;
}
#body_wrap.single-guild_lesson_detail .l-mainContent__inner,
#body_wrap.single-guild_lesson_detail .l-mainContent .l-articleBottom,
#body_wrap.single-guild_lesson_detail .l-mainContent .p-articleHead,
#body_wrap.single-post .l-mainContent__inner,
#body_wrap.single-post .l-mainContent .l-articleBottom{
  background:transparent!important;box-shadow:none!important;border:0!important;
  padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;
}
/* 白い紙の上では、中のカードは影を弱く（紙の上に紙が重なって見えないように） */
#body_wrap.single-guild_lesson_detail .post_content [class*="is-style-icon_"],
#body_wrap.single-guild_lesson_detail .post_content [class*="is-style-big_icon_"],
#body_wrap.single-guild_lesson_detail .post_content .is-style-bg_gray,
#body_wrap.single-guild_lesson_detail .post_content .cap_box,
#body_wrap.single-guild_lesson_detail .post_content .wp-block-group.has-background,
#body_wrap.single-post .post_content [class*="is-style-icon_"],
#body_wrap.single-post .post_content .wp-block-group.has-background{
  background:var(--tkm-bg)!important;box-shadow:none!important;
}
#body_wrap.single-guild_lesson_detail .swell-block-accordion__item{box-shadow:none;background:var(--tkm-bg)}
#body_wrap.single-guild_lesson_detail .swell-block-accordion__title{background:var(--tkm-bg)!important}
#body_wrap.single-guild_lesson_detail .c-balloon__text,#body_wrap.single-post .c-balloon__text{background:var(--tkm-bg)!important;border-color:var(--tkm-bg)!important;box-shadow:none}

/* ---------- カテゴリのラベル ---------- */
.c-categoryList__link,.p-articleHead .c-categoryList a,.c-postThumb__cat,.p-postList__cat{
  background:var(--tkm-blue-s)!important;color:var(--tkm-blue-d)!important;border:0!important;
  border-radius:var(--tkm-r-s)!important;font-weight:700;letter-spacing:.04em;
}

@media (max-width:959px){
}

@media (max-width:959px){
  #body_wrap.single-guild_lesson_detail .l-mainContent,#body_wrap.single-post .l-mainContent{padding:28px 20px!important}
}

/* ---------- 画像 ---------- */
.post_content .wp-block-image img{border-radius:var(--tkm-r-s)}
.post_content .wp-block-image a img{transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease}
.post_content .wp-block-image a:hover img{transform:translateY(-3px);box-shadow:var(--tkm-shadow-h)}

/* ---------- カード（影付きスタイル） ---------- */
.post_content .is-style-sme-shadowed{
  background:#fff;border:0!important;
  border-radius:var(--tkm-r)!important;
  box-shadow:var(--tkm-shadow)!important;
}

/* ---------- ボタン ---------- */
.swell-block-button__link,
.post_content .wp-block-button__link,
.c-btn,
.continue-lesson__btn,
.post_content input[type="submit"],
.post_content .btn-primary{
  border-radius:var(--tkm-r-s)!important;
  font-weight:700!important;
  letter-spacing:.08em;
  transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease!important;
}
.swell-block-button.is-style-btn_normal .swell-block-button__link,
.post_content .wp-block-button:not(.is-style-outline) .wp-block-button__link,
.continue-lesson__btn,
.post_content input[type="submit"],
.post_content .btn-primary{
  background:var(--tkm-blue)!important;
  border-color:var(--tkm-blue)!important;
  color:#fff!important;
  box-shadow:0 10px 24px -12px rgba(47,91,255,.6)!important;
}
.swell-block-button.is-style-btn_normal .swell-block-button__link:hover,
.post_content .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.post_content .btn-primary:hover{background:var(--tkm-blue-d)!important;border-color:var(--tkm-blue-d)!important;transform:translateY(-1px)}

/* ---------- タブ（SWELL）：下線タイプ ---------- */
.c-tabList{
  display:flex!important;flex-wrap:nowrap;gap:0 32px;overflow-x:auto;scrollbar-width:none;
  background:transparent!important;border:0!important;border-radius:0;padding:0!important;
  border-bottom:1px solid rgba(17,19,24,.12)!important;
}
.c-tabList::-webkit-scrollbar{display:none}
.c-tabList__item{margin:0!important;flex:0 0 auto!important}
.c-tabList__button{
  border:0!important;border-radius:0!important;background:transparent!important;
  color:var(--tkm-mute)!important;font-weight:700!important;letter-spacing:.06em;
  padding:1em 0 .9em!important;box-shadow:none!important;position:relative;white-space:nowrap;
  transition:color .2s ease!important;
}
.c-tabList__button:hover{color:var(--tkm-ink)!important}
.c-tabList__button[aria-selected="true"]{color:var(--tkm-ink)!important}
.c-tabList__button::after{
  content:""!important;display:block!important;position:absolute;left:0;right:0;bottom:-1px;height:3px;
  background:var(--tkm-blue)!important;border:0!important;border-radius:0;width:auto!important;
  transform:scaleX(0)!important;transform-origin:left;transition:transform .25s cubic-bezier(.2,.8,.2,1)!important;
}
.c-tabList__button[aria-selected="true"]::after{transform:scaleX(1)!important}
.c-tabList__button::before{display:none!important}
.c-tabBody{border:0!important;padding:1.8em 0 0!important;background:transparent!important}

/* ---------- アコーディオン（SWELL） ---------- */
.swell-block-accordion__item{
  background:#fff;border:0!important;border-radius:var(--tkm-r)!important;
  overflow:hidden;margin-bottom:8px!important;box-shadow:var(--tkm-shadow);
}
.swell-block-accordion__title{background:#fff!important;padding:1.05em 1.3em!important;font-weight:700;letter-spacing:.04em}
.swell-block-accordion__title:hover{background:#FAFAFB!important}
.swell-block-accordion__body{border:0!important;border-top:1px solid var(--tkm-line)!important;padding:1.3em!important}
.swell-block-accordion__icon{color:var(--tkm-ink)}

/* ---------- 吹き出し（SWELL） ---------- */
.c-balloon__text{border-radius:var(--tkm-r)!important;border-color:transparent!important;box-shadow:var(--tkm-shadow)}
.c-balloon__icon img{border-radius:50%}

/* ---------- SWELLのボックス類（背景の点線と同化しないよう白いカードにする） ---------- */
.post_content [class*="is-style-icon_"],
.post_content [class*="is-style-big_icon_"],
.post_content .is-style-bg_gray,
.post_content .is-style-bg_stripe,
.post_content .is-style-bg_grid,
.post_content .is-style-dent_box,
.post_content .is-style-note_box,
.post_content .is-style-emboss_box,
.post_content .is-style-border_sg,
.post_content .is-style-border_sm,
.post_content .is-style-crease,
.post_content .is-style-stitch,
.post_content .is-style-kakko_box,
.post_content .is-style-kakko_square,
.post_content .cap_box,
.post_content .swell-block-capbox,
.post_content .p-blogCard__inner,
.post_content .wp-block-group.has-background:not(.is-style-sme-shadowed){
  background:#fff!important;
  border:0!important;
  border-radius:var(--tkm-r)!important;
  box-shadow:var(--tkm-shadow)!important;
}
.post_content [class*="is-style-icon_"]::after,
.post_content [class*="is-style-big_icon_"]::after{border-color:var(--tkm-line)!important}
.post_content .cap_box_ttl,.post_content .swell-block-capbox .cap_box_ttl{border-radius:var(--tkm-r) var(--tkm-r) 0 0!important}

/* ---------- 続きから学習 ---------- */
.continue-lesson{
  position:relative;overflow:hidden;
  background-color:var(--tkm-black)!important;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px)!important;
  background-size:28px 28px!important;
  border:0!important;border-radius:var(--tkm-r)!important;
  box-shadow:0 26px 60px -28px rgba(20,33,61,.6)!important;color:#fff!important;
}
.continue-lesson::before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:#2F5BFF;filter:blur(90px);opacity:.5;right:-120px;top:-200px;pointer-events:none}
.continue-lesson::after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#2F5BFF,#16C98D);pointer-events:none}
.continue-lesson>*{position:relative;z-index:1}
.continue-lesson,.continue-lesson *{color:#fff}
.continue-lesson__title{color:#fff!important;font-family:var(--tkm-head);font-weight:900!important;letter-spacing:.06em}
.continue-lesson__icon,.continue-lesson__icon *{background:#fff!important;color:var(--tkm-black)!important;fill:var(--tkm-black)!important}
.continue-lesson__category{font-family:var(--tkm-en);font-weight:700;letter-spacing:.08em;color:var(--tkm-green)!important}
.continue-lesson__lesson-title{font-family:var(--tkm-head);font-weight:900!important;color:#fff!important;font-size:1.3em;letter-spacing:.02em}
.continue-lesson__message,.continue-lesson__progress-text{color:#A3A9B6!important}
.continue-lesson__progress-bar{background:rgba(255,255,255,.12)!important;border-radius:0!important;height:4px!important;overflow:hidden}
.continue-lesson__progress-fill{background:var(--tkm-grad)!important;border-radius:0!important}
.continue-lesson .continue-lesson__btn{background:#fff!important;border-color:#fff!important;color:var(--tkm-black)!important;box-shadow:none!important}
.continue-lesson a.continue-lesson__btn:hover,.continue-lesson a.continue-lesson__btn:focus{opacity:1!important;color:#fff!important;background:var(--tkm-blue)!important;border-color:var(--tkm-blue)!important;filter:none!important}

/* ---------- 進捗バー ---------- */
.course-progress{background:#fff;border:0!important;border-radius:var(--tkm-r)!important;box-shadow:var(--tkm-shadow)}
.course-progress__label,.course-progress__name{font-weight:700}
.course-progress__count,.course-progress__count--small,.progress-item__count{font-family:var(--tkm-en);font-weight:700;letter-spacing:.02em}
.course-progress__bar,.course-progress__overall-bar,.course-progress__bar--small,.progress-item__bar{background:#ECEEF1!important;border-radius:0!important;overflow:hidden}
.course-progress__fill,.course-progress__fill--in_progress{background:var(--tkm-blue)!important;border-radius:0!important}
.course-progress__overall-bar .course-progress__fill{background:var(--tkm-grad)!important}
.course-progress__fill--complete{background:var(--tkm-green)!important}
.course-progress__complete-badge{background:var(--tkm-green-s)!important;color:var(--tkm-green-d)!important;border-radius:var(--tkm-r-s)!important}
.course-progress button,.course-progress .course-progress__more{border-radius:var(--tkm-r-s)!important;border:1px solid var(--tkm-line)!important;background:#fff!important;color:var(--tkm-ink)!important;font-weight:700}
.course-progress button:hover{border-color:var(--tkm-ink)!important}

/* ---------- ミッション一覧のタブ：下線タイプ ---------- */
.mission-list__tabs{
  display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;
  background:transparent!important;border:0!important;border-bottom:1px solid rgba(17,19,24,.12)!important;
  border-radius:0!important;padding:0!important;gap:0 32px!important;box-shadow:none!important;
}
.mission-list__tabs::-webkit-scrollbar{display:none}
.mission-list__tab{
  border:0!important;border-radius:0!important;background:transparent!important;
  color:var(--tkm-mute)!important;font-weight:700;letter-spacing:.06em;white-space:nowrap;
  padding:1em 0 .9em!important;position:relative;box-shadow:none!important;transition:color .2s ease;
}
.mission-list__tab:hover{color:var(--tkm-ink)!important}
.mission-list__tab--active{color:var(--tkm-ink)!important}
.mission-list__tab::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--tkm-blue);
  transform:scaleX(0);transform-origin:left;transition:transform .25s cubic-bezier(.2,.8,.2,1);
}
.mission-list__tab--active::after{transform:scaleX(1)}

/* ---------- 教材一覧（カード） ---------- */
.lesson-list- .lesson-list-item__link{
  background:#fff;border:0!important;border-radius:var(--tkm-r)!important;
  box-shadow:var(--tkm-shadow);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease;
}
.lesson-list- .lesson-list-item__link:hover{transform:translateY(-3px);box-shadow:var(--tkm-shadow-h)}
.lesson-list- .lesson-list-item__num{font-family:var(--tkm-en);font-weight:800;border-radius:var(--tkm-r-s)!important}
.lesson-list- .lesson-list-item{border:0!important;background:transparent!important}
.lesson-list- .lesson-list-item__num{background:#EEF0F3!important;color:var(--tkm-mute)!important;border:0!important}
.lesson-list- .lesson-list-item.active .lesson-list-item__num{background:#fff!important;color:var(--tkm-blue)!important;box-shadow:inset 0 0 0 2px var(--tkm-blue)!important}
.lesson-list- .lesson-list-item.active.success .lesson-list-item__num,
.lesson-list- .lesson-list-item.success .lesson-list-item__num{background:var(--tkm-green)!important;color:#fff!important;box-shadow:none!important;position:relative}
.lesson-list- .lesson-list-item.success .lesson-list-item__num::after{content:"✓";position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;background:#fff;color:var(--tkm-green-d);font-size:13px;font-weight:900;display:grid;place-items:center;box-shadow:0 2px 6px rgba(11,13,18,.18)}
.lesson-list- .lesson-list-item.success .lesson-list-item__title{color:var(--tkm-sub)!important}
.lesson-list- .lesson-list-item__title{padding-left:0!important}
.lesson-list- .lesson-list-item__title::before,.lesson-list- .lesson-list-item__title::after{display:none!important;content:none!important}
.lesson-list- .lesson-list-item__category{color:var(--tkm-blue)!important;font-weight:700;letter-spacing:.06em}
.lesson-list- .lesson-list-item__title{font-weight:700!important}

/* ---------- マイページのクイックリンク ---------- */
.mypage-quick-link{border-radius:var(--tkm-r)!important;border:0!important;background:#fff!important;box-shadow:var(--tkm-shadow);transition:transform .25s ease,box-shadow .25s ease}
.mypage-quick-link:hover{transform:translateY(-3px);box-shadow:var(--tkm-shadow-h)}
.study-room-card,.mypage-status-wrap{border-radius:var(--tkm-r)!important;border:0!important;box-shadow:var(--tkm-shadow)!important}

/* ---------- サイドバー ---------- */
.l-sidebar .c-widget{
  background:#fff;border:0;border-radius:var(--tkm-r);
  padding:22px 20px;box-shadow:var(--tkm-shadow);
}
.l-sidebar .c-widget__title{
  background:none!important;color:var(--tkm-ink)!important;border:0!important;
  font-family:var(--tkm-head);font-weight:900;letter-spacing:.06em;
  padding:0 0 .7em!important;margin-bottom:.9em!important;position:relative;
  border-bottom:1px solid var(--tkm-line)!important;
}
.l-sidebar .c-widget__title::before{display:none!important}
.l-sidebar .c-widget__title::after{content:""!important;display:block!important;position:absolute;left:0;bottom:-1px;width:28px;height:3px;background:var(--tkm-grad)!important;border:0!important}

/* ---------- 投稿リスト ---------- */
.p-postList__link{border-radius:var(--tkm-r);transition:transform .25s ease}
.p-postList__link:hover{transform:translateY(-3px)}
.p-postList__thumb,.c-postThumb__figure{border-radius:var(--tkm-r-s);overflow:hidden}

/* ---------- テーブル ---------- */
.post_content table{border-radius:var(--tkm-r-s);overflow:hidden;border-collapse:separate;border-spacing:0;border:1px solid var(--tkm-line)}
.post_content th{background:#F7F8FA!important;font-weight:700}
.post_content td,.post_content th{border-color:var(--tkm-line)!important}

/* ---------- フォーム ---------- */
.post_content input[type="text"],.post_content input[type="email"],.post_content input[type="url"],
.post_content input[type="password"],.post_content textarea,.post_content select{
  border:1px solid var(--tkm-line)!important;border-radius:var(--tkm-r-s)!important;background:#fff!important;
  transition:border-color .15s ease,box-shadow .15s ease;
}
.post_content input:focus,.post_content textarea:focus,.post_content select:focus{
  border-color:var(--tkm-ink)!important;box-shadow:0 0 0 3px rgba(17,19,24,.08)!important;outline:0;
}

/* ---------- フッター ---------- */
.l-footer{background:var(--tkm-black)!important;color:#A3A9B6!important}
.l-footer a{color:#fff!important}
.l-footer__foot{background:transparent!important;border-top:1px solid rgba(255,255,255,.08)}
.c-copyright{color:#6B7280!important;font-family:var(--tkm-en);letter-spacing:.08em}

/* ---------- ページトップボタン ---------- */
.p-fixBtnWrap .c-fixBtn{background:var(--tkm-ink)!important;color:#fff!important;border:0!important;border-radius:var(--tkm-r-s)!important;box-shadow:var(--tkm-shadow-h)!important}

@media (max-width:959px){
  .l-sidebar .c-widget{padding:18px 16px}
  .post_content h2:where(:not([class*="tkg"])){font-size:1.4em}
  .c-tabList,.mission-list__tabs{gap:0 22px!important}
}

/* 進み具合の件数表示 */
.course-progress__stat b{font-family:var(--tkm-en);font-weight:800;color:var(--tkm-ink)}
.course-progress__summary{color:var(--tkm-sub)!important}

/* ---------- TOPのダッシュボード（2列）：カードの中にカードを入れない・枠線なし ---------- */
.streak{border:0!important;background:#fff!important;box-shadow:var(--tkm-shadow)!important;border-radius:var(--tkm-r)!important}
.card-padding.bg-white:has(.streak),.card-padding.bg-white:has(.continue-lesson){background:transparent!important;box-shadow:none!important;padding:0!important}
.card-padding.bg-white:has(.streak)>div,.card-padding.bg-white:has(.continue-lesson)>div{padding:0!important}
.card-padding.bg-white:has(.streak) .continue-lesson,.card-padding.bg-white:has(.streak) .course-progress{margin-top:16px}
.card-padding.bg-white:has(.heatmap-wrap){border:0!important;border-radius:var(--tkm-r)!important;box-shadow:var(--tkm-shadow)!important}

/* ミッションのカードのタイトル（h2）には見出しの飾りを付けない（メーターと二重に見えるため） */
.post_content h2.course-list-item__title{padding:0!important;margin:0 0 .6em!important;font-size:1.05em!important;border:0!important;background:none!important}
.post_content h2.course-list-item__title::before,.post_content h2.course-list-item__title::after{content:none!important;display:none!important}

/* TOPのイベントのピックアップと募集中の案件：枠線なし・角丸をそろえる（2026-10-10） */
.tk-epick__card{border:0!important;border-radius:var(--tkm-r)!important;box-shadow:var(--tkm-shadow)!important}
.tk-quest-card{border-radius:var(--tkm-r)!important}

/* カードのタイトル（h3）には見出しの青い線を付けない（記事の見出し用の飾りがカードにも乗っていた）2026-10-10 */
.post_content h3[class*="__title"],.post_content h3[class*="__t"]{padding-left:0!important}
.post_content h3[class*="__title"]::before,.post_content h3[class*="__t"]::before{display:none!important;content:none!important}
/* アコーディオンの見出しの文字色（背景を白にしたので、もとの白い文字が見えなくなっていた） */
.swell-block-accordion__title,.swell-block-accordion__title *{color:var(--tkm-ink)!important}

/* メニューの「個別相談」はボタンにする（2026-10-11） */
.c-gnav > .tk-menu-cta{display:flex!important;align-items:center!important}
.c-gnav > .tk-menu-cta > a{background:var(--tkm-blue)!important;color:#fff!important;border-radius:var(--tkm-r);padding:.6em 1.2em!important;margin:0 0 0 .6em!important;height:auto!important;line-height:1.4!important;display:inline-flex!important;align-items:center}
.c-gnav > .tk-menu-cta > a:hover{opacity:.9}
.c-gnav > .tk-menu-cta > a::after{display:none!important}
.c-spnav .tk-menu-cta > a{background:var(--tkm-blue)!important;color:#fff!important;border-radius:var(--tkm-r);text-align:center;margin:8px 0;border:0!important}


/* =====================================================================
 * 2026-10-17 スマホ幅レビューの修正
 * ===================================================================== */

/* 完了カード：絵の右下に「MISSION COMPLETE / CLEAR」の丸いスタンプを押す（ゲームのクエストクリアの判子のイメージ）。
   枠や帯は付けず、スタンプだけで示す（2026-10-17・金色版→札版→帯版→この形） */
.post_content .course-list-item.complete .course-list-item__image::after,
.post_content .single-lesson-list-item.success .single-lesson-list-item__inner::after{content:none!important;background:none!important;display:none!important}
.post_content .course-list-item.complete .course-list-item__image,
.post_content .single-lesson-list-item.success .single-lesson-list-item__image{position:relative}
.post_content .course-list-item.complete .course-list-item__image::before,
.post_content .single-lesson-list-item.success .single-lesson-list-item__image::before{
  content:"";position:absolute;z-index:3;right:8px;bottom:8px;width:34%;max-width:104px;aspect-ratio:1;
  background:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20200%20200%22%3E%3Cdefs%3E%3Cfilter%20id=%22r%22%20x=%22-10%25%22%20y=%22-10%25%22%20width=%22120%25%22%20height=%22120%25%22%3E%3CfeTurbulence%20type=%22fractalNoise%22%20baseFrequency=%220.75%22%20numOctaves=%222%22%20seed=%227%22%20result=%22n%22/%3E%3CfeColorMatrix%20in=%22n%22%20type=%22matrix%22%20values=%220%200%200%200%200%20%200%200%200%200%200%20%200%200%200%200%200%20%200%200%200%20-0.9%201.7%22%20result=%22m%22/%3E%3CfeComposite%20in=%22SourceGraphic%22%20in2=%22m%22%20operator=%22in%22%20result=%22c%22/%3E%3CfeDisplacementMap%20in=%22c%22%20in2=%22n%22%20scale=%222%22/%3E%3C/filter%3E%3Cpath%20id=%22t%22%20d=%22M100,100%20m-70,0%20a70,70%200%201,1%20140,0%20a70,70%200%201,1%20-140,0%22/%3E%3C/defs%3E%3Cg%20filter=%22url(%23r)%22%3E%3Cg%20fill=%22none%22%20stroke=%22%231F44D8%22%3E%3Ccircle%20cx=%22100%22%20cy=%22100%22%20r=%2292%22%20stroke-width=%227%22/%3E%3Ccircle%20cx=%22100%22%20cy=%22100%22%20r=%2280%22%20stroke-width=%222.5%22/%3E%3Ccircle%20cx=%22100%22%20cy=%22100%22%20r=%2254%22%20stroke-width=%222.5%22/%3E%3C/g%3E%3Cg%20fill=%22%231F44D8%22%20font-family=%22Arial%20Black,Helvetica,Arial,sans-serif%22%20font-weight=%22900%22%3E%3Ctext%20font-size=%2219%22%20letter-spacing=%223%22%3E%3CtextPath%20href=%22%23t%22%20startOffset=%222%25%22%3EMISSION%20%E2%98%85%20COMPLETE%20%E2%98%85%3C/textPath%3E%3C/text%3E%3Ctext%20x=%22100%22%20y=%22111%22%20font-size=%2226%22%20text-anchor=%22middle%22%20letter-spacing=%221%22%3ECLEAR%3C/text%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center/contain;
  transform:rotate(-14deg);opacity:.92;mix-blend-mode:multiply;pointer-events:none;
  animation:tkStampPress .42s cubic-bezier(.3,1.6,.5,1) both}
@keyframes tkStampPress{0%{transform:rotate(-14deg) scale(1.7);opacity:0}60%{opacity:.95}100%{transform:rotate(-14deg) scale(1);opacity:.92}}
@media (prefers-reduced-motion:reduce){.post_content .course-list-item.complete .course-list-item__image::before,.post_content .single-lesson-list-item.success .single-lesson-list-item__image::before{animation:none}}
.post_content .course-list-item.complete .progress-item__bar::-webkit-progress-value{background:var(--tkm-grad)!important}
.post_content .course-list-item.complete .progress-item__bar::-moz-progress-bar{background:var(--tkm-grad)!important}

/* 進捗の数字が「7/7」と「(100%)」で割れないように */
.progress-item__count{white-space:nowrap}

/* タブが右で切れても、横に動かせると分かるように端をぼかす */
@media (max-width:600px){
  .c-tabList,.mission-list__tabs{-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent);padding-right:24px!important}
}

/* スマホではミッションのカードを横長の小さい形に（画像を左・文字を右）。TOPの長さがおよそ半分になる */
@media (max-width:600px){
  .post_content .course-list-item,.post_content .single-lesson-list-item{flex:0 0 100%!important;max-width:100%!important;margin:0 0 10px!important}
  .post_content .course-list-item__inner,.post_content .single-lesson-list-item__inner{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px;padding:10px 12px 10px 10px!important;min-height:0!important}
  .post_content .course-list-item__image,.post_content .single-lesson-list-item__image{flex:0 0 118px!important;width:118px!important;aspect-ratio:16/10;border-radius:6px;overflow:hidden;margin:0!important}
  .post_content .course-list-item__image img,.post_content .single-lesson-list-item__image img{width:100%!important;height:100%!important;object-fit:cover;display:block}
  .post_content .course-list-item__body,.post_content .single-lesson-list-item__body{flex:1;min-width:0;padding:0!important}
  .post_content h2.course-list-item__title,.post_content .single-lesson-list-item__title{font-size:14.5px!important;line-height:1.45!important;margin:0 0 6px!important}
  .post_content .course-list-item .progress-item__bar{height:6px!important;margin:0 0 4px!important}
  .post_content .course-list-item .progress-item__count{font-size:11.5px!important}
  .post_content .single-lesson-list-item__category{font-size:11px!important;margin:0 0 2px!important}
  .post_content .course-list-item.complete .course-list-item__image::before{width:40%;right:2px;bottom:2px}
  .post_content .single-lesson-list-item.success .single-lesson-list-item__image::before{width:40%;right:2px;bottom:2px}
}

/* 過去のイベント：告知バナーを切り抜かず全体を見せる */
.page-id-3499 .p-postList__thumb img,#body_wrap.page-id-3499 .p-postList__thumb img{object-fit:contain!important;background:#fff}

/* 右下の「今日の学び」ボタン：中身の最後が隠れないよう下に余白 */
@media (max-width:600px){.l-mainContent{padding-bottom:84px!important}}

/* レッスンの「Day◯◯のポイント」：ラベルが1つ目の項目に重ならないように */
.cap_box.is-style-onborder_ttl2 .cap_box_content,.cap_box.is-style-onborder_ttl .cap_box_content{padding-top:2em!important}
.cap_box .cap_box_content > .is-style-big_icon_check:first-child{margin-top:.6em!important}

/* 「次のページへ」が押せない色に見えないように */
.lesson-btn-box .next-btn{background:#fff!important;color:var(--tkm-blue)!important;border:2px solid var(--tkm-blue)!important}

/* スマホの開閉メニューにだけ出す項目（「TOP」など・2026-10-18）。パソコンのヘッダーでは隠す */
.l-header .tk-sp-only,.c-gnav .tk-sp-only,#gnav .tk-sp-only{display:none!important}
/* 開閉メニューを開いている間は「今日の学び」ボタンを隠す（メニューに重なるため） */
[data-spmenu="opened"] .tk-sl-fab{display:none!important}

/* ヘッダーの行き先に小さなアイコンを添える／アカウントは顔アイコンにまとめる（2026-10-18） */
.tk-ic-cal > a{--tkic:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%223%22%20y=%225%22%20width=%2218%22%20height=%2216%22%20rx=%222%22/%3E%3Cpath%20d=%22M3%2010h18M8%203v4M16%203v4%22/%3E%3C/svg%3E")}
.tk-ic-book > a{--tkic:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%205a2%202%200%200%201%202-2h13v16H6a2%202%200%200%200-2%202z%22/%3E%3Cpath%20d=%22M4%2021V5%22/%3E%3C/svg%3E")}
.tk-ic-star > a{--tkic:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M12%203l2.7%205.6%206.1.9-4.4%204.3%201%206.1L12%2017l-5.4%202.9%201-6.1-4.4-4.3%206.1-.9z%22/%3E%3C/svg%3E")}
.tk-ic-career > a{--tkic:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%223%22%20y=%227%22%20width=%2218%22%20height=%2213%22%20rx=%222%22/%3E%3Cpath%20d=%22M9%207V5a2%202%200%200%201%202-2h2a2%202%200%200%201%202%202v2M3%2013h18%22/%3E%3C/svg%3E")}
/* アイコンはパソコンのヘッダーだけ（スマホの開閉メニューは SWELL の矢印のまま） */
.l-header .c-gnav > .menu-item[class*="tk-ic-"] > a{flex-direction:row!important;align-items:center!important;gap:6px!important}
.l-header .c-gnav > .menu-item[class*="tk-ic-"] > a::before{content:"";flex:none;width:17px;height:17px;background:currentColor;-webkit-mask:var(--tkic) center/contain no-repeat;mask:var(--tkic) center/contain no-repeat;opacity:.75;position:static!important;transform:none!important}
/* 顔アイコン */
.tk-acc-av{width:32px;height:32px;border-radius:50%;object-fit:cover;display:block;box-shadow:0 0 0 2px #fff,0 0 0 3px var(--tkm-line,#E4E6EA)}
.l-header .tk-menu-account > a{padding-left:10px!important;padding-right:4px!important}
.l-header .tk-menu-account .tk-acc-lb{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.l-header .tk-menu-account > a::after{display:none!important}
.l-header .tk-menu-account .sub-menu{left:auto!important;right:0!important;min-width:160px}
#sp_menu .tk-menu-account > a,.p-spMenu .tk-menu-account > a{display:flex;align-items:center;gap:10px}
#sp_menu .tk-acc-av,.p-spMenu .tk-acc-av{width:26px;height:26px}
/* スマホの開閉メニュー：矢印と文字の間をあける */
.c-spnav > .menu-item > a,#sp_menu .c-spnav > .menu-item > a{padding-left:1.9em!important}
.c-spnav .sub-menu .menu-item > a{padding-left:2.7em!important}
.c-spnav .tk-menu-account > a{padding-left:1.9em!important}
/* 顔アイコンのメニューは、顔アイコンの真下・右そろえで開く */
.l-header .c-gnav > .tk-menu-account{position:relative!important}
.l-header .c-gnav > .tk-menu-account > .sub-menu{left:auto!important;right:0!important;top:100%!important}
/* 顔アイコンのメニュー：テーマの中央寄せ（translateX）を止めて、顔アイコンの真下・右そろえに */
.l-header .c-gnav > .tk-menu-account > .sub-menu{transform:none!important;translate:none!important}

/* ヘッダーの「個別相談」と「キャリア相談」は、TOPの相談の欄と同じ色のボタンで並べる（2026-10-18）
   個別相談＝緑（TOPの「個別相談を予約する」）／キャリア相談＝青（TOPの「キャリア相談を申し込む」） */
.c-gnav > .tk-menu-cta > a{background:var(--tkm-green-s)!important;color:var(--tkm-green-d)!important;font-weight:700!important}
.c-gnav > .tk-menu-cta > a:hover{background:var(--tkm-green-d)!important;color:#fff!important;opacity:1}
.c-gnav > .tk-menu-career{display:flex!important;align-items:center!important}
.c-gnav > .tk-menu-career > a{background:var(--tkm-blue-s)!important;color:var(--tkm-blue-d)!important;font-weight:700!important;border-radius:var(--tkm-r);padding:.6em 1.1em!important;margin:0 0 0 .6em!important;height:auto!important;line-height:1.4!important}
.c-gnav > .tk-menu-career > a:hover{background:var(--tkm-blue-d)!important;color:#fff!important}
.c-gnav > .tk-menu-career > a::after{display:none!important}
.c-gnav > .tk-menu-career > a::before{background:currentColor!important;opacity:1!important}
.c-spnav .tk-menu-cta > a{background:var(--tkm-green-s)!important;color:var(--tkm-green-d)!important;font-weight:700}
.c-spnav .tk-menu-career > a{background:var(--tkm-blue-s)!important;color:var(--tkm-blue-d)!important;font-weight:700;border-radius:var(--tkm-r);text-align:center;margin:8px 0 0;border:0!important;padding-left:1em!important}
.c-spnav .tk-menu-career > a::before,.c-spnav .tk-menu-cta > a::before{display:none!important}
/* 小さいカード（依頼の横長カード・スマホの横長カード）は、スタンプを大きく。サムネイルにかぶさってよい（2026-10-18） */
.post_content .single-lesson-list-item.success .single-lesson-list-item__image::before{width:66%!important;max-width:150px!important;right:-6px!important;bottom:-8px!important}
@media (max-width:600px){
  .post_content .course-list-item.complete .course-list-item__image::before{width:68%!important;max-width:none!important;right:-6px!important;bottom:-10px!important}
  .post_content .single-lesson-list-item.success .single-lesson-list-item__image::before{width:68%!important;right:-6px!important;bottom:-10px!important}
}
@media (max-width:600px){
  /* スマホの横長カード：スタンプがサムネイルの枠で切れないよう、はみ出しを許す（画像の角丸は画像側で保つ） */
  .post_content .course-list-item.complete .course-list-item__image{overflow:visible!important}
  .post_content .course-list-item.complete .course-list-item__image img{border-radius:6px}
  .post_content .course-list-item.complete .course-list-item__image::before{width:64%!important;right:-12px!important;bottom:-14px!important}
}
@media (max-width:600px){
  /* カードの下で切れないよう、サムネイルの高さの中に収めて右へ少しはみ出す */
  .post_content .course-list-item.complete .course-list-item__image::before{width:58%!important;right:-6px!important;bottom:1px!important}
}
/* 追従するヘッダー（下にスクロールしたとき・.l-fixHeader）にも同じ見た目を（2026-10-18） */
.l-fixHeader .c-gnav > .menu-item[class*="tk-ic-"] > a{flex-direction:row!important;align-items:center!important;gap:6px!important}
.l-fixHeader .c-gnav > .menu-item[class*="tk-ic-"] > a::before{content:"";flex:none;width:17px;height:17px;background:currentColor;-webkit-mask:var(--tkic) center/contain no-repeat;mask:var(--tkic) center/contain no-repeat;opacity:.75;position:static!important;transform:none!important}
.l-fixHeader .tk-menu-account > a{padding-left:10px!important;padding-right:4px!important}
.l-fixHeader .tk-menu-account .tk-acc-lb{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.l-fixHeader .tk-menu-account > a::after{display:none!important}
.l-fixHeader .c-gnav > .tk-menu-account{position:relative!important}
.l-fixHeader .c-gnav > .tk-menu-account > .sub-menu{left:auto!important;right:0!important;top:100%!important;transform:none!important;translate:none!important;min-width:160px}
.l-fixHeader .tk-acc-av{width:30px;height:30px}
.l-fixHeader .c-gnav > .tk-menu-career{display:flex!important;align-items:center!important}
.l-fixHeader .c-gnav > .tk-menu-career > a::after{display:none!important}