/* ============================================================
   ツキノトビラ（tsuki-no-tobira.com） 子テーマ デザイン
   モック: docs/@tsuki-no-tobira.com/1.png ／ ヘッダ素材: docs/@tsuki-no-tobira.com/head/01-04.png
   ネイビー（夜空）× ゴールド × 生成り紙色。
   ============================================================ */
:root{
  --tnt-ink:#1d2748;
  --tnt-sub:#5d6490;
  --tnt-bg:#f6f2ea;
  --tnt-paper:#fbf8f2;
  --tnt-night:#0f1c3d;
  --tnt-night2:#162f57;
  --tnt-gold:#c9a24a;
  --tnt-gold-soft:#e8d9ae;
  --tnt-line:#e2d9c6;
  --tnt-serif:"Noto Serif JP","Yu Mincho","Hiragino Mincho ProN","MS PMincho",serif;
}

body.tnt-theme{ background:var(--tnt-bg); color:var(--tnt-ink); }
body.tnt-theme a{ text-decoration:none; color:inherit; }
body.tnt-theme ul{ list-style:none; margin:0; padding:0; }
body.tnt-theme img{ max-width:100%; }
body.tnt-theme .tnt-inner{ max-width:1180px; margin:0 auto; padding:0 20px; }
body.tnt-theme .tnt-icon{ display:inline-flex; width:1em; height:1em; }
body.tnt-theme .tnt-icon svg{ width:100%; height:100%; }
body.tnt-theme #contents.tnt-contents{ width:100%; max-width:none; margin:0; padding:0; }

/* -------------------- ヘッダー -------------------- */
.tnt-header{ position:relative; z-index:40; background:var(--tnt-night); border-bottom:1px solid rgba(201,162,74,.35); }
.tnt-header__inner{ max-width:1240px; margin:0 auto; padding:6px 24px; display:flex; align-items:center; gap:24px; min-height:62px; }
.tnt-logo{ display:flex; align-items:center; flex:none; }
.tnt-logo__img{ height:50px; width:auto; display:block; }
.tnt-mainnav{ flex:1; }
.tnt-mainnav > ul{ display:flex; justify-content:center; gap:4px; }
.tnt-mainnav__item{ position:relative; }
.tnt-mainnav__item > a{ display:block; padding:10px 16px; font-size:13px; letter-spacing:.08em; color:#ece6d6 !important; white-space:nowrap; }
.tnt-mainnav__item > a:hover{ color:var(--tnt-gold) !important; }
.tnt-subnav{ display:none; position:absolute; top:100%; left:0; background:var(--tnt-night); border:1px solid rgba(201,162,74,.4); border-radius:6px; min-width:170px; padding:8px; z-index:50; box-shadow:0 12px 24px rgba(0,0,0,.35); }
.tnt-mainnav__item:hover .tnt-subnav, .tnt-mainnav__item:focus-within .tnt-subnav{ display:block; }
.tnt-subnav li a{ display:block; padding:8px 12px; font-size:12.5px; color:#ece6d6; border-radius:4px; }
.tnt-subnav li a:hover{ background:rgba(201,162,74,.15); color:var(--tnt-gold); }

.tnt-header__tools{ display:flex; align-items:center; gap:10px; flex:none; }
.tnt-search{ display:flex; align-items:center; }
.tnt-search input{ width:0; padding:0; border:none; outline:none; background:transparent; color:#fff; font-size:12.5px; transition:width .25s, padding .25s; border-bottom:1px solid transparent; }
.tnt-search.is-open input{ width:150px; padding:4px 6px; border-bottom-color:var(--tnt-gold); }
.tnt-search input::placeholder{ color:#9aa3c8; }
.tnt-search button{ background:none; border:none; color:#ece6d6; cursor:pointer; width:30px; height:30px; display:flex; align-items:center; justify-content:center; padding:0; }
.tnt-search button .tnt-icon{ width:18px; height:18px; }
.tnt-nav-toggle-input{ display:none; }
.tnt-nav-toggle{ display:none; flex-direction:column; gap:5px; width:26px; cursor:pointer; }
.tnt-nav-toggle span{ display:block; height:2px; background:#ece6d6; border-radius:2px; }

/* -------------------- HERO -------------------- */
.tnt-hero{ position:relative; width:100%; aspect-ratio:1024/290; background:#0c1838 center 62%/cover no-repeat; overflow:hidden; }
.tnt-hero__title{ position:absolute; left:8.5%; top:50%; transform:translateY(-48%); width:42%; height:auto; }
.tnt-hero__vertical{ position:absolute; right:1.5%; top:0; height:100%; width:auto; }

/* -------------------- カテゴリアイコン帯 -------------------- */
.tnt-cats{ position:relative; z-index:3; }
.tnt-cats .tnt-inner{ max-width:1240px; padding:0; }
.tnt-cat-row{ display:flex; justify-content:space-around; background:var(--tnt-paper); border-radius:0 0 34px 34px; padding:22px 4% 20px; box-shadow:0 10px 24px rgba(15,28,61,.07); }
.tnt-cat-item a{ display:flex; flex-direction:column; align-items:center; gap:10px; min-width:96px; }
.tnt-cat-item__icon{ display:flex; align-items:center; justify-content:center; width:72px; height:72px; border-radius:50%; border:1px solid var(--tnt-gold); background:radial-gradient(circle at 50% 35%,#fffdf6,#f4ead2); color:var(--tnt-night); box-shadow:0 0 0 4px rgba(201,162,74,.12); transition:transform .2s; }
.tnt-cat-item a:hover .tnt-cat-item__icon{ transform:translateY(-3px); }
.tnt-cat-item__icon .tnt-icon{ width:34px; height:34px; }
.tnt-cat-item--fill .tnt-icon svg{ fill:currentColor; }
.tnt-nav--uranai .tnt-cat-item__icon svg, .tnt-nav--love .tnt-cat-item__icon svg{ fill:currentColor; }
.tnt-nav--uranai .tnt-cat-item__icon svg{ stroke:none; }
.tnt-cat-item__label{ font-size:13px; font-weight:600; letter-spacing:.06em; color:var(--tnt-night); }

/* -------------------- セクション -------------------- */
.tnt-section{ padding:54px 0 40px; }
.tnt-section .tnt-inner{ max-width:1200px; position:relative; }
.tnt-section__title{ text-align:center; font-family:var(--tnt-serif); font-size:24px; font-weight:500; letter-spacing:.3em; color:var(--tnt-night); margin:0 0 6px; padding:0; border:none; background:none; }
.tnt-section__title::before{ content:none; }
.tnt-section__title::after{ content:'◆'; display:block; font-size:9px; letter-spacing:0; color:var(--tnt-gold); margin:12px auto 0; line-height:1; width:200px; background:linear-gradient(var(--tnt-gold),var(--tnt-gold)) left 50%/78px 1px no-repeat, linear-gradient(var(--tnt-gold),var(--tnt-gold)) right 50%/78px 1px no-repeat; }
.tnt-section__more{ text-align:right; margin:0 0 14px; font-size:12px; }
.tnt-section__more a{ display:inline-flex; align-items:center; gap:4px; color:var(--tnt-sub); border-bottom:1px solid var(--tnt-gold-soft); padding-bottom:1px; }
.tnt-section__more .tnt-icon{ width:11px; height:11px; }
.tnt-section__more a:hover{ color:var(--tnt-night); }

.tnt-card-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px 22px; }
.tnt-card a{ display:block; }
.tnt-card__thumb{ display:block; aspect-ratio:224/120; border-radius:3px; overflow:hidden; background:var(--tnt-night2); margin-bottom:10px; box-shadow:0 4px 12px rgba(15,28,61,.14); }
.tnt-card__thumb img{ width:100%; height:100%; object-fit:cover; transition:transform .4s; }
.tnt-card a:hover .tnt-card__thumb img{ transform:scale(1.04); }
.tnt-tag{ display:inline-block; font-size:10.5px; letter-spacing:.06em; padding:2px 12px; border-radius:3px; background:#4c5a8c; color:#fff; margin-bottom:8px; }
.tnt-tag.tnt-nav--uranai{ background:#3f6aa3; }
.tnt-tag.tnt-nav--spiritual{ background:#6d5fae; }
.tnt-tag.tnt-nav--love{ background:#d4566f; }
.tnt-tag.tnt-nav--relation{ background:#4f8f7c; }
.tnt-tag.tnt-nav--work{ background:#3f7fb0; }
.tnt-tag.tnt-nav--life{ background:#8a6bb0; }
.tnt-card__title{ display:block; font-size:14px; font-weight:600; line-height:1.7; color:var(--tnt-night); margin-bottom:4px; }
.tnt-card__date{ font-size:11px; color:#9a98a8; letter-spacing:.04em; }

/* -------------------- About帯（支給画像 mid/0-3） -------------------- */
.tnt-about{ position:relative; box-sizing:border-box; width:100%; aspect-ratio:1024/255; min-height:230px; margin:26px 0 12px; background:#0f1c3d center 38%/cover no-repeat; overflow:hidden; color:#fff; }
.tnt-about__moon{ position:absolute; right:-1%; top:50%; transform:translateY(-50%); height:118%; width:auto; max-width:none; pointer-events:none; }
.tnt-about__body{ position:absolute; left:50%; top:50%; transform:translateY(-52%); width:41%; display:flex; flex-direction:column; align-items:flex-start; }
.tnt-about__text{ display:block; width:100%; height:auto; }
.tnt-about__btn{ display:block; width:52%; margin:-2% 0 0 5%; }
.tnt-about__btn img{ display:block; width:100%; height:auto; transition:filter .2s; }
.tnt-about__btn:hover img{ filter:brightness(1.18); }

/* -------------------- フッター -------------------- */
.tnt-footer{ position:relative; background:var(--tnt-night); color:#d9dcec; padding:44px 0 18px; margin-top:20px; }
.tnt-footer__inner{ max-width:1180px; margin:0 auto; padding:0 24px 28px; display:grid; grid-template-columns:1.25fr 1fr 1fr 1fr; align-items:center; }
.tnt-footer__brand{ padding-right:24px; }
.tnt-footer__logo{ display:block; max-width:260px; }
.tnt-footer__logo .tnt-logo__img{ height:auto; width:100%; }
.tnt-footer__lead{ font-family:var(--tnt-serif); font-size:12.5px; letter-spacing:.1em; color:#e6e1d0; margin:8px 0 0 6px; }
.tnt-footer__col{ border-left:1px solid rgba(201,162,74,.4); padding:6px 0 6px 36px; }
.tnt-footer__col h3{ font-size:12.5px; font-weight:600; letter-spacing:.14em; color:#fff; margin:0 0 12px; padding:0; border:none; background:none; }
.tnt-footer__col h3::before, .tnt-footer__col h3::after{ content:none; }
.tnt-footer__col ul{ display:flex; flex-direction:column; gap:8px; }
.tnt-footer__col a{ font-size:12px; color:#c9cde6; }
.tnt-footer__col a:hover{ color:var(--tnt-gold); }
.tnt-footer__art{ color:rgba(201,162,74,.65); justify-self:end; width:200px; }
.tnt-footer__art svg{ width:100%; height:auto; display:block; }
.tnt-footer__totop{ position:absolute; right:20px; top:20px; width:38px; height:38px; border-radius:50%; border:1px solid rgba(201,162,74,.6); display:flex; align-items:center; justify-content:center; color:var(--tnt-gold); }
.tnt-footer__totop .tnt-icon{ width:16px; height:16px; }
.tnt-footer__copy{ text-align:center; font-size:11px; color:#a3a8c8; margin:0; border-top:1px solid rgba(255,255,255,.1); padding-top:16px; }

/* -------------------- 記事ページ下の「悩みから探す」 -------------------- */
.tnt-worry{ padding:30px 0 10px; }
.tnt-worry .tnt-section__head{ display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:8px; margin-bottom:14px; }
.tnt-worry .tnt-section__title{ text-align:left; font-size:18px; letter-spacing:.16em; display:flex; align-items:center; gap:8px; }
.tnt-worry .tnt-section__title::after{ content:none; }
.tnt-worry .tnt-section__title .tnt-icon{ width:16px; height:16px; color:var(--tnt-gold); }
.tnt-worry .tnt-section__more{ margin:0; }
.tnt-worry-list{ display:flex; flex-wrap:wrap; gap:10px; }
.tnt-worry-list a{ display:inline-block; padding:8px 18px; border:1px solid var(--tnt-line); border-radius:999px; font-size:13px; color:var(--tnt-sub); background:#fff; }
.tnt-worry-list a:hover{ background:var(--tnt-night); color:#fff; border-color:var(--tnt-night); }

/* -------------------- レスポンシブ -------------------- */
@media (max-width:1100px){
  .tnt-mainnav__item > a{ padding:10px 10px; font-size:12px; }
  .tnt-footer__inner{ grid-template-columns:1fr 1fr 1fr; }
  .tnt-footer__art{ display:none; }
}
@media (max-width:860px){
  .tnt-header__inner{ flex-wrap:wrap; gap:6px 12px; padding:6px 16px; }
  .tnt-logo__img{ height:40px; }
  .tnt-header__tools{ margin-left:auto; }
  .tnt-nav-toggle{ display:flex; }
  .tnt-mainnav{ display:none; flex:1 1 100%; order:3; }
  .tnt-header:has(.tnt-nav-toggle-input:checked) .tnt-mainnav{ display:block; }
  .tnt-mainnav > ul{ flex-direction:column; justify-content:flex-start; gap:0; padding-bottom:8px; }
  .tnt-mainnav__item > a{ padding:12px 4px; border-bottom:1px solid rgba(255,255,255,.1); font-size:14px; }
  .tnt-subnav{ display:block; position:static; border:none; box-shadow:none; background:transparent; padding:0 0 4px 16px; }
  .tnt-hero{ aspect-ratio:auto; height:300px; background-position:48% 70%; }
  .tnt-hero__title{ left:50%; transform:translate(-50%,-50%); top:46%; width:88%; }
  .tnt-hero__vertical{ display:none; }
  .tnt-cat-row{ flex-wrap:wrap; gap:16px 0; padding:20px 3%; border-radius:0 0 24px 24px; }
  .tnt-cat-item{ flex:1 1 33%; }
  .tnt-cat-item__icon{ width:62px; height:62px; }
  .tnt-card-grid{ grid-template-columns:repeat(2,1fr); gap:20px 14px; }
  .tnt-section{ padding:40px 0 28px; }
  .tnt-section__title{ font-size:20px; }
  .tnt-footer__inner{ grid-template-columns:1fr 1fr; gap:24px 0; }
  .tnt-footer__brand{ grid-column:1 / -1; }
  .tnt-footer__col{ padding-left:20px; }
}
@media (max-width:480px){
  .tnt-card__title{ font-size:13px; }
  .tnt-hero{ height:240px; }
}

/* トップ 新着記事下のページ送り */
.tnt-pager{display:flex;justify-content:center;align-items:center;gap:10px;margin:36px 0 8px;flex-wrap:wrap}
.tnt-pager .page-numbers{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#fff;color:#8a8a9a;font-size:14px;box-shadow:0 2px 8px rgba(15,28,61,.12)}
.tnt-pager .page-numbers.current{background:var(--tnt-night);color:#fff}

/* 記事ヘッダーの更新日は表示しない（公開日のみ） */
.cps-post-date-box .timeslash, .cps-post-date-box time.updated{ display:none; }

/* 前後記事：該当記事が無い側の空の枠は表示しない（配置は維持） */
#prev-next .prevnext-none{ visibility:hidden; }

/* JIN親CSS／汎用.tnt-icon指定に負けないよう詳細度を上げて補正 */
body.tnt-theme .tnt-cat-item__icon .tnt-icon{ width:34px; height:34px; }
body.tnt-theme .tnt-cat-item__icon svg{ fill:none; }
body.tnt-theme .tnt-nav--uranai .tnt-cat-item__icon svg, body.tnt-theme .tnt-nav--love .tnt-cat-item__icon svg{ fill:currentColor; }
body.tnt-theme .tnt-footer__art svg{ fill:none; }
.tnt-footer__inner{ align-items:stretch; }
.tnt-footer__brand, .tnt-footer__art{ align-self:center; }
@media (max-width:860px){ body.tnt-theme .tnt-cat-item__icon .tnt-icon{ width:30px; height:30px; } }
.tnt-about{ box-sizing:border-box; }

/* -------------------- カテゴリ帯の左右の角飾り（head/05,06） -------------------- */
.tnt-cats::before, .tnt-cats::after{ content:''; position:absolute; top:0; z-index:4; pointer-events:none; background-repeat:no-repeat; background-size:contain; }
.tnt-cats::before{ left:0; width:9vw; max-width:160px; aspect-ratio:520/867; background-image:url('img/deco-left.png?v=1'); background-position:left top; }
.tnt-cats::after{ right:0; width:10vw; max-width:170px; aspect-ratio:560/674; background-image:url('img/deco-right.png?v=1'); background-position:right top; }
@media (max-width:860px){
  .tnt-cats::before{ width:20vw; }
  .tnt-cats::after{ width:22vw; }
}

/* -------------------- 余白・幅の調整（見本1.pngの比率に合わせる。詳細度は body.tnt-theme で確保） -------------------- */
body.tnt-theme .tnt-cats .tnt-inner{ max-width:1240px; padding:0; }
body.tnt-theme .tnt-section .tnt-inner{ max-width:1240px; padding:0; }
body.tnt-theme .tnt-cat-row{ padding:20px 3% 26px; margin:0 auto; max-width:1100px; }
body.tnt-theme .tnt-cat-item a{ gap:9px; }
body.tnt-theme .tnt-section{ padding:46px 0 22px; }
body.tnt-theme .tnt-section__title{ font-size:26px; margin-bottom:0; }
body.tnt-theme .tnt-section__title::after{ margin-top:10px; }
body.tnt-theme .tnt-section__more{ margin:2px 0 12px; }
body.tnt-theme .tnt-card-grid{ gap:20px 16px; }
body.tnt-theme .tnt-card__thumb{ margin-bottom:9px; }
body.tnt-theme .tnt-card__title{ margin-bottom:6px; }
body.tnt-theme .tnt-about{ margin:30px 0 8px; }
body.tnt-theme .tnt-footer{ margin-top:30px; }
body.tnt-theme .tnt-footer__col ul{ padding:0; margin:0; }
@media (max-width:860px){
  body.tnt-theme .tnt-cats .tnt-inner, body.tnt-theme .tnt-section .tnt-inner{ padding:0 16px; }
  body.tnt-theme .tnt-cat-row{ padding:18px 3% 20px; border-radius:0 0 24px 24px; }
  body.tnt-theme .tnt-section{ padding:36px 0 18px; }
  body.tnt-theme .tnt-section__title{ font-size:20px; }
}
body.tnt-theme .tnt-footer{ padding:30px 0 14px; }
body.tnt-theme .tnt-footer__inner{ padding-bottom:18px; }
body.tnt-theme .tnt-footer__col ul{ gap:5px; }
body.tnt-theme .tnt-footer__col h3{ margin-bottom:9px; }
/* カテゴリ帯の背景は白（見本どおり） */
body.tnt-theme .tnt-cat-row{ background:#fff; }
body.tnt-theme .tnt-cat-item__icon{ background:#fff; box-shadow:0 0 0 5px rgba(201,162,74,.10); }

@media (max-width:860px){
  body.tnt-theme .tnt-about{ aspect-ratio:auto; min-height:0; padding:34px 20px 30px; background-position:30% center; }
  body.tnt-theme .tnt-about__moon{ height:80%; right:-8%; opacity:.9; }
  body.tnt-theme .tnt-about__body{ position:relative; left:auto; top:auto; transform:none; width:100%; max-width:430px; margin:0 auto; align-items:center; }
  body.tnt-theme .tnt-about__btn{ width:70%; margin:-2% 0 0 0; }
}
/* About帯の寸法を見本に合わせる */
@media (min-width:861px){
  body.tnt-theme .tnt-about__body{ left:52.5%; width:31%; transform:translateY(-50%); }
  body.tnt-theme .tnt-about__btn{ width:68%; margin:1.5% 0 0 4%; }
  body.tnt-theme .tnt-about__moon{ right:0; height:104%; }
}

@media (max-width:860px){ .tnt-search.is-open input{ width:min(52vw,200px); } }

/* -------------------- フッター背景（支給画像 foot/0.png の模様部分） -------------------- */
body.tnt-theme .tnt-footer{ background:#112448 url('img/footer-bg.jpg?v=1') center/cover no-repeat; padding:44px 0 14px; }
body.tnt-theme .tnt-footer__inner{ max-width:1000px; grid-template-columns:1.3fr 1fr 1fr; padding-bottom:22px; }
@media (max-width:860px){ body.tnt-theme .tnt-footer__inner{ grid-template-columns:1fr 1fr; } }

/* -------------------- ロゴ（濃紺文字のため、淡いプレートの上に置く） -------------------- */
body.tnt-theme .tnt-header__inner{ min-height:76px; }
body.tnt-theme .tnt-logo, body.tnt-theme .tnt-footer__logo{ background:linear-gradient(180deg,#fffdf8,#f1e8d3); border-radius:12px; padding:3px 14px 3px 10px; box-shadow:0 0 0 1px rgba(201,162,74,.55), 0 4px 14px rgba(0,0,0,.28); }
body.tnt-theme .tnt-logo__img{ height:62px; width:auto; }
body.tnt-theme .tnt-footer__logo{ display:inline-block; max-width:260px; }
body.tnt-theme .tnt-footer__logo .tnt-logo__img{ height:auto; width:100%; }
@media (max-width:860px){ body.tnt-theme .tnt-logo__img{ height:46px; } body.tnt-theme .tnt-header__inner{ min-height:0; } }

/* -------------------- ロゴ：濃紺背景用ロゴ(logos/3)をプレートなしで馴染ませる -------------------- */
body.tnt-theme .tnt-logo, body.tnt-theme .tnt-footer__logo{ background:none; box-shadow:none; border-radius:0; padding:0; }
body.tnt-theme .tnt-logo__img{ height:60px; width:auto; mix-blend-mode:lighten; }
body.tnt-theme .tnt-header__inner{ min-height:70px; }
body.tnt-theme .tnt-footer__logo{ max-width:300px; }
body.tnt-theme .tnt-footer__logo .tnt-logo__img{ height:auto; width:100%; }
@media (max-width:860px){ body.tnt-theme .tnt-logo__img{ height:44px; } }

/* ヒーロー中央のロゴ：新ロゴ(logos/3)を夜空に馴染ませる */
body.tnt-theme .tnt-hero__title{ mix-blend-mode:lighten; width:46%; left:7%; }
@media (max-width:860px){ body.tnt-theme .tnt-hero__title{ width:92%; left:50%; } }
body.tnt-theme .tnt-hero__title{ width:41%; left:7.5%; } @media (max-width:860px){ body.tnt-theme .tnt-hero__title{ width:92%; left:50%; } }

/* ロゴを約10%縮小（ヘッダー 60→54px / ヒーロー 41→37% / フッター 300→270px） */
body.tnt-theme .tnt-logo__img{ height:54px; }
body.tnt-theme .tnt-hero__title{ width:37%; left:8.5%; }
body.tnt-theme .tnt-footer__logo{ max-width:270px; }
@media (max-width:860px){
  body.tnt-theme .tnt-logo__img{ height:40px; }
  body.tnt-theme .tnt-hero__title{ width:83%; left:50%; }
}

/* ロゴをさらに約10%縮小（ヘッダー 54→49px / ヒーロー 37→33.3% / フッター 270→243px） */
body.tnt-theme .tnt-logo__img{ height:49px; }
body.tnt-theme .tnt-hero__title{ width:33.3%; left:9%; }
body.tnt-theme .tnt-footer__logo{ max-width:243px; }
@media (max-width:860px){
  body.tnt-theme .tnt-logo__img{ height:36px; }
  body.tnt-theme .tnt-hero__title{ width:75%; left:50%; }
}

/* ヘッダー最上部のロゴのみ：さらに約10%縮小(49→44px)。位置は元から左へ30pxずらす（ナビは動かさない） */
body.tnt-theme .tnt-header .tnt-logo__img{ height:44px; }
@media (min-width:861px){
  /* 元の位置から左へ30px。狭い画面で左端から外れないよう、画面の左余白(約12px)までに制限 */
  body.tnt-theme .tnt-header .tnt-logo{ position:relative; left:calc(-1 * clamp(0px, calc((100vw - 1240px) / 2 + 12px), 30px)); }
}
@media (max-width:860px){
  body.tnt-theme .tnt-header .tnt-logo__img{ height:32px; }
}

/* 左の角飾り(head/05)を上へ20px（元の位置から） */
body.tnt-theme .tnt-cats::before{ top:-20px; }