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

:root{--pk:#E91E8C;--pk-d:#c2185b;--pk-l:#f472b6;--pu:#6B21A8;--grad:linear-gradient(135deg,#6B21A8 0%,#E91E8C 100%);--bg-pink:#fdf2f8;--sh:0 4px 20px rgba(233,30,140,.12);--r:12px}
#header{background:var(--grad)!important;overflow:hidden;position:relative;box-shadow:0 4px 30px rgba(107,33,168,.3)}
#header::before{content:'';position:absolute;top:-50%;right:-5%;width:350px;height:350px;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 70%);border-radius:50%;pointer-events:none}
#header-in{padding:28px 24px 22px!important;position:relative;z-index:1}
.site-name-text,#site-name a,.site-name a{color:#fff!important;font-size:2rem!important;font-weight:800!important;text-shadow:0 2px 10px rgba(0,0,0,.15);text-decoration:none!important}
.tagline,#tagline,.site-description{color:rgba(255,255,255,.88)!important;font-size:.85rem!important;letter-spacing:.08em}
.home #header-in{padding:16px 24px 20px!important;text-align:center}
.home .site-name-text{font-size:2.8rem!important;display:block;margin-bottom:8px}
.home .tagline{font-size:1rem!important;font-weight:600!important;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);border-radius:100px;padding:6px 22px!important;display:inline-block!important;margin-top:10px!important}
.home #header-in::after{content:'婚活サービスを正直に比較・解説。あなたにぴったりの出会い方が見つかります。';display:block;color:rgba(255,255,255,.9);font-size:.95rem;line-height:1.75;margin:8px auto 0;max-width:540px}
#navi{background:rgba(255,255,255,.97)!important;border-bottom:2px solid var(--pk)!important;box-shadow:0 2px 15px rgba(233,30,140,.1)!important;position:sticky;top:0;z-index:100}
#navi ul li a{color:#1a1a2e!important;font-weight:600!important;font-size:.9rem!important;padding:15px 20px!important;text-decoration:none!important;display:block;position:relative;transition:color .2s}
#navi ul li a::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:2px;background:var(--pk);transition:width .3s}
#navi ul li a:hover{color:var(--pk)!important}
#navi ul li a:hover::after{width:80%}
#navi ul li:first-child a{color:var(--pk)!important}
#content,#content-in{align-items:flex-start!important}
#main{min-height:unset!important;overflow:visible!important}
.sidebar-scroll{position:sticky!important;top:60px!important;align-self:flex-start!important}
.entry-card{border-radius:var(--r)!important;border:1px solid #f0e0f0!important;box-shadow:var(--sh)!important;transition:transform .25s,box-shadow .25s!important;overflow:hidden;background:#fff!important}
.entry-card:hover{transform:translateY(-4px)!important;box-shadow:0 8px 30px rgba(233,30,140,.18)!important;border-color:var(--pk-l)!important}
.entry-card-wrap:hover .entry-card-title{color:var(--pk)!important}
.cat-label,.category-label{background:var(--pk)!important;border-radius:4px!important;font-size:.72rem!important;font-weight:700!important;padding:3px 10px!important}
.entry-card-title{font-weight:700!important;color:#1a1a2e!important;line-height:1.55!important;transition:color .2s}
.no-image{background:linear-gradient(135deg,#fce4ec,#e8d5f0)!important;color:var(--pk)!important}
.sidebar .widget{border-radius:var(--r)!important;border:1px solid #f0e0f0!important;overflow:hidden!important;margin-bottom:24px!important;box-shadow:0 2px 8px rgba(233,30,140,.06)!important}
.sidebar .widget-title,.sidebar .widgettitle{background:var(--grad)!important;color:#fff!important;padding:12px 18px!important;font-size:.9rem!important;font-weight:700!important;margin:0!important}
.sidebar .widget>div,.sidebar .widget>ul,.sidebar .widget-content{padding:16px!important}
.sidebar .search-submit,.sidebar input[type=submit]{background:var(--pk)!important;border:none!important;color:#fff!important;border-radius:8px!important;font-weight:700!important}
.sidebar a{color:var(--pu)!important}
.sidebar a:hover{color:var(--pk)!important}
.article h2{border-left:4px solid var(--pk)!important;background:var(--bg-pink)!important;padding:14px 18px!important;border-radius:0 var(--r) var(--r) 0!important;font-size:1.25rem!important;font-weight:800!important;color:#1a1a2e!important;margin:2em 0 1em!important;border-bottom:none!important;border-top:none!important}
.article h3{border-bottom:2px solid var(--pk)!important;border-left:none!important;padding-bottom:8px!important;font-size:1.1rem!important;font-weight:700!important;color:var(--pu)!important;margin:1.8em 0 .8em!important;background:none!important}
a{color:var(--pu)!important}
a:hover{color:var(--pk)!important}
#footer{background:var(--grad)!important;color:rgba(255,255,255,.9)!important;margin-top:60px}
#footer a,.navi-footer-in a{color:rgba(255,255,255,.85)!important;text-decoration:none}
#footer a:hover{color:#fff!important}
.btn,.button,.wp-block-button__link{background:var(--pk)!important;color:#fff!important;border-radius:100px!important;font-weight:700!important;box-shadow:0 4px 15px rgba(233,30,140,.3)!important;transition:all .25s!important}
.breadcrumb,#breadcrumb{background:var(--bg-pink)!important;padding:8px 16px!important;font-size:.8rem!important}
ins.adsbygoogle:not([data-ad-status=filled]){display:none!important}
@media(max-width:834px){.home .site-name-text{font-size:2rem!important}.home #header-in::after{font-size:.85rem;padding:0 16px}#navi ul li a{padding:11px 14px!important;font-size:.82rem!important}.sidebar-scroll{position:static!important}}

/* ── サイドバースティッキー余白の完全解消 ── */
.sidebar-scroll {
  height: auto !important;
  min-height: unset !important;
  max-height: none !important;
  position: static !important;
  overflow: visible !important;
}
#content-in.wrap, .content-in.wrap {
  align-items: flex-start !important;
}
#main.main {
  flex: 1 !important;
  min-height: unset !important;
  height: auto !important;
  align-self: flex-start !important;
}
#sidebar.sidebar {
  flex-shrink: 0 !important;
  height: auto !important;
  min-height: unset !important;
  align-self: flex-start !important;
}
.widget-sidebar-scroll {
  position: static !important;
}


/* ── サイドバースティッキー余白の完全解消 ── */
.sidebar-scroll{height:auto!important;min-height:unset!important;max-height:none!important;position:static!important;overflow:visible!important}
#content-in.wrap,.content-in.wrap{align-items:flex-start!important}
#main.main{flex:1!important;min-height:unset!important;height:auto!important;align-self:flex-start!important}
#sidebar.sidebar{flex-shrink:0!important;height:auto!important;min-height:unset!important;align-self:flex-start!important}
.widget-sidebar-scroll{position:static!important}