@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){
  /*必要ならばここにコードを書く*/
}

/* ===== woot-fit 追加ぶん（2026-09-09）=====
   正本： _元データ(開かなくてOK)\_変換ツール\トップページを作る.js
   ★ここを直したら、そちらも直してください                        ===== */

/* 固定ページには、記事用の付属品（シェアボタン・投稿日）を出さない */
body.page .sns-share,body.page .sns-share-message,
body.page .date-tags,body.page .post-date,body.page .entry-date,
body.page .author-info{display:none!important}

/* トップページ：看板と重なるものを消す */
body.home .entry-title,body.home .article-header,
body.home .toc,body.home #toc,
body.home .tagline,body.home .site-description{display:none!important}
body.home .entry-content{margin-top:0}

/* 看板 */
.pg-hero{background:linear-gradient(160deg,#1e5c39,#3f43ad);color:#fff;border-radius:12px;
  padding:1.8em 1.3em;text-align:center;margin:0 0 1.5em}
.pg-hero h1{color:#fff;font-size:1.38em;word-break:keep-all;overflow-wrap:break-word;
  line-height:1.45;margin:0 0 .5em;border:none;padding:0;background:none}
.pg-hero p{margin:.35em 0;font-size:.98em;line-height:1.7}
.pg-badges{display:flex;flex-wrap:wrap;gap:.45em;justify-content:center;margin:1.1em 0 0}
.pg-badges span{background:rgba(255,255,255,.18);border-radius:999px;padding:.35em .95em;
  font-size:.85em;white-space:nowrap}

/* 見出しと表 */
body.home .entry-content h2{border-left:6px solid #3f43ad;padding:.25em .6em;background:#f5f6fb;
  border-radius:0 6px 6px 0;font-size:1.22em;margin-top:2em}
body.home .entry-content table{width:100%;border-collapse:collapse}
body.home .entry-content th,body.home .entry-content td{border:1px solid #e3e5f0;
  padding:.7em .8em;vertical-align:top}
body.home .entry-content th{background:#f5f6fb;white-space:nowrap}

/* LINEボタン：スマホでは横いっぱい */
.entry-content a[href*="lin.ee"],a[href*="line.me"]{box-shadow:0 2px 6px rgba(0,0,0,.16)}
@media(max-width:600px){body.home .entry-content a[href*="lin.ee"],a[href*="line.me"]{display:block!important;padding:1em .5em!important}}

/* ===== LP（/trial/）2026-09-10 作り直し =====
   正本： _元データ(開かなくてOK)\_変換ツール\LPを作る.js
   ★ここを手で直したら、そちらも直してください          ===== */
body.page-id-31 .entry-title,body.page-id-31 .article-header,
body.page-id-31 .toc,body.page-id-31 #toc,body.page-id-31 .tagline,
body.page-id-31 .breadcrumb,body.page-id-31 .sidebar,body.page-id-31 #sidebar,
body.page-id-31 .sns-share,body.page-id-31 .date-tags,
body.page-id-31 .mobile-footer-menu-buttons{display:none!important}
body.page-id-31 .main,body.page-id-31 #main,body.page-id-31 .content,
body.page-id-31 #content,body.page-id-31 .wrap{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;border:none!important;box-shadow:none!important;background:transparent!important}
body.page-id-31 .entry-content{margin:0!important;padding:0!important}
body.page-id-31{padding-bottom:74px;background:#fff}

.lp{color:#1f2937;line-height:1.85;font-feature-settings:"palt"}
.lp *{box-sizing:border-box}
.lp-sec{padding:3.4em 1.2em}
.lp-in{max-width:720px;margin:0 auto}
.lp-white{background:#fff}
.lp-tint{background:#f5f6fb}
.lp-dark{background:linear-gradient(165deg,#2a2d6e,#3f43ad);color:#fff}
.lp-dark a{color:#fff}
.lp-ey{font-size:.74rem;letter-spacing:.18em;color:#3f43ad;margin:0 0 .7em;font-weight:700}
.lp-dark .lp-ey{color:rgba(255,255,255,.75)}
.lp-h2{font-size:1.42rem;line-height:1.5;margin:0 0 .5em;font-weight:800;border:none;padding:0;background:none}
.lp-dark .lp-h2{color:#fff}
.lp-sub{color:#6b7280;margin:0 0 1.6em;font-size:.95rem}
.lp-dark .lp-sub{color:rgba(255,255,255,.85)}
.lp-p{margin:1.1em 0;font-size:.98rem}
.lp-muted{color:#6b7280;font-size:.9rem}
.lp-onDark{color:rgba(255,255,255,.94)}
.lp-small2{font-size:.86rem}
.lp-i{width:26px;height:26px;color:#3f43ad;flex:none}
.lp-i-lg{width:34px;height:34px;color:#3f43ad}
.lp-nb{white-space:nowrap}
.lp-hero{background:linear-gradient(165deg,#2a2d6e 0%,#3f43ad 100%);color:#fff;padding:3.2em 1.2em 3em;text-align:center}
.lp-hero .lp-ey{color:rgba(255,255,255,.8)}
.lp-h1{color:#fff;font-size:clamp(1.35rem,5.6vw,2.1rem);line-height:1.55;font-weight:800;margin:0 0 .8em;border:none;padding:0;background:none}
.lp-lead{color:rgba(255,255,255,.94);margin:0 0 1.4em;font-size:.98rem}
.lp-badges{list-style:none;display:flex;flex-wrap:wrap;gap:.45em;justify-content:center;padding:0;margin:0 0 1.8em}
.lp-badges li{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:.4em 1em;font-size:.82rem;white-space:nowrap}
.lp-ctawrap{margin:1.6em 0 0;text-align:center}
.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;background:#06c755;color:#fff!important;font-weight:800;font-size:1.02rem;padding:1.05em 2em;border-radius:10px;text-decoration:none!important;box-shadow:0 6px 18px rgba(0,0,0,.18);max-width:440px;width:100%;transition:transform .12s ease,filter .12s ease}
.lp-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}
.lp-bi{width:20px;height:20px;color:#fff;flex:none}
.lp-ctanote{font-size:.86rem;color:#6b7280;margin:.8em 0 0;line-height:1.7}
.lp-dark .lp-ctanote,.lp-hero .lp-ctanote{color:rgba(255,255,255,.85)}
.lp-cards2{display:grid;gap:1em;grid-template-columns:1fr}
@media(min-width:640px){.lp-cards2{grid-template-columns:1fr 1fr}}
.lp-card{background:#fff;border:1px solid #e3e5f0;border-radius:14px;padding:1.4em 1.2em;box-shadow:0 2px 10px rgba(31,41,55,.06)}
.lp-card-free{border:2px solid #3f43ad;box-shadow:0 6px 20px rgba(63,67,173,.13)}
.lp-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6em}
.lp-tag{background:#3f43ad;color:#fff;font-size:.72rem;font-weight:700;padding:.3em .8em;border-radius:999px}
.lp-card h3{font-size:1.02rem;margin:.2em 0 .4em;font-weight:800;line-height:1.5}
.lp-price{font-size:1.7rem;font-weight:800;color:#2a2d6e;margin:.1em 0 .5em}
.lp-card-note{font-size:.9rem;color:#6b7280;margin:0;line-height:1.75}
.lp-rows{border:1px solid #e3e5f0;border-radius:12px;overflow:hidden;background:#fff}
.lp-row{display:flex;gap:1em;align-items:flex-start;padding:1em 1.1em;border-bottom:1px solid #eef0f7}
.lp-row:last-child{border-bottom:none}
.lp-row-l{flex:1;font-size:.95rem;font-weight:700}
.lp-row-note{display:block;font-weight:400;font-size:.82rem;color:#6b7280;margin-top:.25em;line-height:1.6}
.lp-row-r{font-size:1.15rem;font-weight:800;color:#2a2d6e;white-space:nowrap}
.lp-row-txt{font-size:.95rem;font-weight:600;white-space:normal;text-align:right;max-width:60%}
.lp-safe{border:2px solid #3f43ad;border-radius:14px;padding:1.5em 1.3em;background:#f5f6fb}
.lp-safe-lead{font-size:1.08rem;font-weight:800;color:#2a2d6e;margin:.5em 0 .8em;line-height:1.6}
.lp-safe p{margin:.7em 0;font-size:.95rem}
.lp-safe-plus{border-top:1px dashed #c8cbe6;padding-top:.9em;margin-top:1em!important}
.lp-grid{display:grid;gap:.9em;grid-template-columns:1fr}
@media(min-width:600px){.lp-grid{grid-template-columns:1fr 1fr}}
.lp-cell{background:#fff;border:1px solid #e3e5f0;border-radius:12px;padding:1.2em 1.1em}
.lp-cell h3{font-size:.98rem;font-weight:800;margin:.6em 0 .3em}
.lp-cell p{font-size:.88rem;color:#6b7280;margin:0;line-height:1.75}
.lp-steps{list-style:none;padding:0;margin:0}
.lp-steps li{display:flex;gap:1em;align-items:flex-start;padding:0 0 1.4em;position:relative}
.lp-steps li:not(:last-child)::before{content:"";position:absolute;left:17px;top:38px;bottom:6px;width:2px;background:rgba(255,255,255,.28)}
.lp-num{width:36px;height:36px;flex:none;border-radius:50%;background:#fff;color:#2a2d6e;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;z-index:1}
.lp-steps h3{font-size:1.02rem;font-weight:800;margin:.35em 0 .25em;color:#fff}
.lp-steps p{margin:0;font-size:.92rem;color:rgba(255,255,255,.9)}
.lp-fit{display:grid;gap:1em;grid-template-columns:1fr}
@media(min-width:640px){.lp-fit{grid-template-columns:1fr 1fr}}
.lp-fit>div{border-radius:12px;padding:1.2em 1.2em .6em}
.lp-fit-y{background:#f5f6fb;border:1px solid #d5d8ee}
.lp-fit-n{background:#faf7f1;border:1px solid #e8dfcd}
.lp-fit h3{font-size:.98rem;font-weight:800;margin:0 0 .5em}
.lp-fit-y h3{color:#2a2d6e}
.lp-fit-n h3{color:#8a7247}
.lp-fit ul{margin:0;padding-left:0;list-style:none}
.lp-fit li{font-size:.9rem;line-height:1.75;padding:.35em 0 .35em 1.5em;position:relative}
.lp-fit-y li::before{content:"\2713";position:absolute;left:0;color:#3f43ad;font-weight:800}
.lp-fit-n li::before{content:"\25B3";position:absolute;left:0;color:#a08b64}
.lp-faq details,.lp-nayami details{background:#fff;border:1px solid #e3e5f0;border-radius:10px;margin:.6em 0;overflow:hidden}
.lp-faq summary,.lp-nayami summary{cursor:pointer;padding:1em 2.4em 1em 1.1em;font-weight:700;font-size:.95rem;list-style:none;position:relative}
.lp-faq summary::-webkit-details-marker,.lp-nayami summary::-webkit-details-marker{display:none}
.lp-faq summary::after,.lp-nayami summary::after{content:"\FF0B";position:absolute;right:1em;color:#3f43ad;font-weight:800}
.lp-faq details[open] summary::after,.lp-nayami details[open] summary::after{content:"\2212"}
.lp-a{padding:0 1.1em 1.1em;font-size:.92rem;color:#6b7280;line-height:1.85}
.lp-cnt{background:#f5f6fb;color:#2a2d6e;font-size:.75rem;font-weight:700;border-radius:999px;padding:.15em .7em;margin-left:.6em}
.lp-nayami .lp-links{padding:0 .8em .8em}
.lp-links{display:grid;gap:.5em}
.lp-links a{display:block;background:#fff;border:1px solid #e3e5f0;border-radius:10px;padding:.9em 2em .9em 1em;font-size:.93rem;text-decoration:none;color:#1f2937;position:relative;font-weight:600}
.lp-links a::after{content:"\203A";position:absolute;right:1em;color:#3f43ad;font-weight:800}
.lp-links a:hover{border-color:#3f43ad}
.lp-more{font-weight:700}
.lp-fixedbar{position:fixed;left:0;right:0;bottom:0;z-index:9999;background:rgba(255,255,255,.97);border-top:1px solid #e3e5f0;box-shadow:0 -3px 14px rgba(0,0,0,.1);display:flex;align-items:center;gap:.8em;padding:.6em .9em;justify-content:center}
.lp-fixedbar-text{font-size:.8rem;color:#1f2937;line-height:1.35;white-space:nowrap}
@media(max-width:360px){.lp-fixedbar-text{display:none}}
.lp-fixedbar-btn{background:#06c755;color:#fff!important;font-weight:800;padding:.75em 1.5em;border-radius:8px;text-decoration:none!important;white-space:nowrap;font-size:.95rem;box-shadow:0 2px 8px rgba(6,199,85,.35)}

/* 写真（2026-09-10 追加。本家サイトから、許可を得て取り込みました） */
.lp-hero{position:relative;overflow:hidden}
.lp-hero-media{position:absolute;inset:0;z-index:0}
.lp-hero-media img{width:100%;height:100%;object-fit:cover;opacity:.28;filter:saturate(.85)}
.lp-hero .lp-in{position:relative;z-index:1}
.lp-cell-pic{padding:0;overflow:hidden}
.lp-cell-pic .lp-cell-b{padding:1.1em 1.1em 1.2em}
.lp-cellimg{width:100%;height:132px;object-fit:cover;display:block}
.lp-shot{border-radius:12px;overflow:hidden;margin:0 0 1.5em;box-shadow:0 6px 20px rgba(0,0,0,.16)}
.lp-shotimg{width:100%;height:200px;object-fit:cover;display:block}
.lp-credit{font-size:.8rem;text-align:right;margin-top:.9em}

/* テーマ側の見出し装飾を、LPの中だけ打ち消します（2026-09-10） */
body.page-id-31 .entry-content .lp h1,
body.page-id-31 .entry-content .lp h2,
body.page-id-31 .entry-content .lp h3{
  background:none!important;border:none!important;padding:0!important;
  margin-top:0;box-shadow:none!important;border-radius:0!important}
body.page-id-31 .entry-content .lp h2::before,
body.page-id-31 .entry-content .lp h3::before,
body.page-id-31 .entry-content .lp h2::after,
body.page-id-31 .entry-content .lp h3::after{display:none!important;content:none!important}
body.page-id-31 .entry-content .lp .lp-h2{font-size:1.42rem;line-height:1.5;margin:0 0 .5em;font-weight:800}
body.page-id-31 .entry-content .lp .lp-h1{font-size:clamp(1.35rem,5.6vw,2.1rem);line-height:1.55;margin:0 0 .8em;color:#fff}
body.page-id-31 .entry-content .lp .lp-card h3{font-size:1.02rem;margin:.2em 0 .4em}
body.page-id-31 .entry-content .lp .lp-cell h3{font-size:.98rem;margin:.6em 0 .3em}
body.page-id-31 .entry-content .lp .lp-steps h3{font-size:1.02rem;margin:.35em 0 .25em;color:#fff}
body.page-id-31 .entry-content .lp .lp-fit h3{font-size:.98rem;margin:0 0 .5em}
body.page-id-31 .entry-content .lp p{margin-top:0}
body.page-id-31 .entry-content .lp ul,body.page-id-31 .entry-content .lp ol{margin:0;padding:0}
body.page-id-31 .entry-content .lp .lp-fit ul{padding-left:0}

/* 数字バッジ（2026-09-10） */
.lp-mini{display:inline-flex;align-items:center;justify-content:center;width:1.6em;height:1.6em;border-radius:50%;background:#3f43ad;color:#fff;font-size:.78rem;font-weight:800;margin-right:.5em}
.lp-hero-media img{opacity:.22}