@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: 20260725b
*/

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

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/* ===== jp-ii.com 公式トップ 藍銀ブランディング v1（.jpii-限定・他サイト非干渉） ===== */
:root{
  --jpii-indigo:#17233F;
  --jpii-navy:#243654;
  --jpii-silver:#C7CDD8;
  --jpii-pale:#EEF1F5;
  --jpii-accent:#7FA6B8;
  --jpii-gold:#B89B5E;
  --jpii-ink:#2b3242;
  --jpii-warm:#faf8f4;
}
.jpii-hero,.jpii-trustbar,.jpii-sec,.jpii-finalcta{font-family:"Noto Sans JP",system-ui,sans-serif;color:var(--jpii-ink);line-height:1.9;}
.jpii-hero *,.jpii-sec *,.jpii-finalcta *{box-sizing:border-box;}

/* ヒーロー：文字なし版の藍銀ネットワーク背景（AI生成・2026-07-25差し替え） */
.jpii-hero{
  position:relative;overflow:hidden;
  background:linear-gradient(135deg, var(--jpii-indigo), var(--jpii-navy));
  padding:72px 24px 80px;text-align:center;
}
.jpii-hero::before{
  content:"";position:absolute;inset:-20px;
  background:url('https://jp-ii.com/wp-content/uploads/2026/06/jpii-hero3.png') center/cover no-repeat;
  filter:blur(2px) brightness(.65) saturate(1.1);
  z-index:0;
}
.jpii-hero::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(135deg, rgba(23,35,63,.55), rgba(36,54,84,.5));
  z-index:0;
}
.jpii-hero-inner{position:relative;z-index:1;max-width:860px;margin:0 auto;}
.jpii-hero-eyebrow{color:var(--jpii-silver);letter-spacing:.12em;font-size:.9rem;margin:0 0 18px;}
.jpii-hero-title{color:#fff;font-size:2.3rem;font-weight:700;line-height:1.5;margin:0 0 22px;letter-spacing:.02em;}
.jpii-hero-lead{color:#e8ecf3;font-size:1.05rem;margin:0 0 34px;}
.jpii-hero-cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}

/* ボタン */
.jpii-btn{display:inline-block;padding:15px 34px;border-radius:8px;font-weight:700;text-decoration:none!important;transition:transform .2s ease,box-shadow .2s ease,background .25s ease;}
.jpii-btn-primary{background:var(--jpii-gold);color:#2b2415!important;box-shadow:0 4px 14px rgba(184,155,94,.35);}
.jpii-btn-primary:hover{transform:translateY(-2px);box-shadow:0 7px 20px rgba(184,155,94,.45);}
.jpii-btn-ghost{border:1.5px solid #fff;color:#fff!important;}
.jpii-btn-ghost:hover{background:rgba(255,255,255,.12);transform:translateY(-2px);}
.jpii-btn-ghost.jpii-btn-dark{border-color:var(--jpii-navy);color:var(--jpii-navy)!important;}
.jpii-btn-ghost.jpii-btn-dark:hover{background:var(--jpii-pale);}

/* 信頼指標バー */
.jpii-trustbar{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 0;background:var(--jpii-indigo);padding:22px 16px;}
.jpii-trust-item{flex:1 1 180px;text-align:center;padding:6px 12px;border-right:1px solid rgba(255,255,255,.14);}
.jpii-trust-item:last-child{border-right:none;}
.jpii-trust-num{display:block;color:#fff;font-weight:700;font-size:1.05rem;}
.jpii-trust-label{display:block;color:var(--jpii-silver);font-size:.8rem;margin-top:4px;}

/* セクション共通 */
.jpii-sec{max-width:920px;margin:0 auto;padding:64px 24px;text-align:center;}
.jpii-sec-tint{max-width:none;background:var(--jpii-warm);}
.jpii-sec-tint>*{max-width:920px;margin-left:auto;margin-right:auto;}
.jpii-kicker{color:var(--jpii-accent);letter-spacing:.14em;font-size:.82rem;font-weight:700;margin:0 0 14px;}
.jpii-kicker-light{color:var(--jpii-silver);}
.jpii-h2{font-size:1.7rem;font-weight:700;line-height:1.6;color:var(--jpii-indigo);margin:0 0 22px;}
.jpii-h2-light{color:#fff;}
.jpii-p{font-size:1.02rem;margin:0 auto 22px;max-width:760px;text-align:left;}
.jpii-p-light{color:#e8ecf3;}
.jpii-list{max-width:640px;margin:0 auto 26px;text-align:left;padding-left:1.2em;}
.jpii-list li{margin-bottom:10px;}
.jpii-link{color:var(--jpii-navy);font-weight:700;text-decoration:none!important;border-bottom:1px solid var(--jpii-silver);padding-bottom:2px;}
.jpii-link:hover{color:var(--jpii-accent);}

/* 濃紺セクション */
.jpii-sec-dark{max-width:none;background:linear-gradient(135deg,var(--jpii-indigo),var(--jpii-navy));}
.jpii-sec-dark>*{max-width:920px;margin-left:auto;margin-right:auto;}
.jpii-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:30px;}
.jpii-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:22px 18px;text-align:left;}
.jpii-card h3{color:#fff;font-size:1.02rem;margin:0 0 8px;}
.jpii-card p{color:var(--jpii-silver);font-size:.9rem;margin:0;line-height:1.7;}

/* 最終CTA */
.jpii-finalcta{background:linear-gradient(135deg,var(--jpii-navy),var(--jpii-indigo));padding:60px 24px;text-align:center;}
.jpii-finalcta .jpii-h2{margin-bottom:28px;}

/* レスポンシブ */
@media(max-width:767px){
  .jpii-hero-title{font-size:1.7rem;}
  .jpii-h2{font-size:1.35rem;}
  .jpii-trust-item{flex:1 1 45%;border-right:none;}
  .jpii-sec{padding:48px 20px;}
}

/* 公式トップ(page-id-502) はentry-titleを非表示（ヒーロー内に見出しがあるため） */
.page-id-502 .entry-title{display:none;}
.page-id-502 .sns-share,.page-id-502 .post-date{display:none;}
.page-id-502 #toc{display:none;}

/* Cocoon既定の見出し装飾(背景ボックス・ボーダー)を打ち消す（jpii-h2は独自デザインのため） */
.jpii-hero-title,.jpii-h2,.jpii-h2 span{
  background:none!important;border:none!important;padding:0!important;
  box-shadow:none!important;
}
.jpii-h2-light,.jpii-h2-light span{color:#fff!important;}
/* トップページの著者フォロー・SNSウィジェットは不要 */
.page-id-502 .sns-follow{display:none!important;}

/* トップページ(page-id-502)を1カラム化：サイドバー非表示・本文フル幅 */
body.page-id-502 #sidebar{display:none!important;}
body.page-id-502 #content{width:100%!important;}
body.page-id-502 #main,body.page-id-502 .content-wrap,body.page-id-502 #main-col{width:100%!important;max-width:100%!important;}

/* 温かみの調整：完全な白ではなくわずかに生成り、カード角丸を増やす */
body.page-id-502{background:#fefcf9;}
.jpii-card{border-radius:12px;}
.jpii-btn{border-radius:10px;}
.jpii-sec-tint,.jpii-finalcta{border-radius:0;}
.page-id-502 .eye-catch-wrap{display:none!important;}
/* ===== 認定機構バッジ（会員サイト共通・フッター設置） ===== */
.jpii-member-badge{
	max-width: 420px;
	margin: 20px auto;
	text-align: center;
}
.jpii-member-badge a{
	display: block;
	background: linear-gradient(135deg, #17233F, #243654);
	color: #fff !important;
	text-decoration: none !important;
	border-radius: 10px;
	padding: 14px 18px;
	box-shadow: 0 3px 10px rgba(0,0,0,0.18);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.jpii-member-badge a:hover{
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(0,0,0,0.26);
	opacity: 0.95;
}
.jpii-badge-label{
	display: inline-block;
	background: #B89B5E;
	color: #2b2415;
	font-size: 0.7rem;
	font-weight: 700;
	padding: 2px 10px;
	border-radius: 12px;
	margin-bottom: 6px;
}
.jpii-badge-main{
	display: block;
	font-weight: 700;
	font-size: 0.95rem;
	margin: 4px 0 2px;
}
.jpii-badge-sub{
	display: block;
	font-size: 0.75rem;
	color: #C7CDD8;
}

/* ===== 代表理事セクション：写真レイアウト（2026-07-25追加） ===== */
.jpii-founder-wrap{
  display:flex;gap:40px;align-items:center;max-width:960px;margin:0 auto;
  text-align:left;
}
.jpii-founder-photo{
  flex:0 0 300px;
}
.jpii-founder-photo img{
  width:100%;height:auto;border-radius:12px;
  box-shadow:0 8px 24px rgba(23,35,63,0.18);
}
.jpii-founder-body{flex:1;min-width:0;}
.jpii-founder-body .jpii-kicker,.jpii-founder-body .jpii-h2,.jpii-founder-body .jpii-p{text-align:left;}
@media screen and (max-width:834px){
  .jpii-founder-wrap{flex-direction:column;text-align:center;}
  .jpii-founder-photo{flex:0 0 auto;max-width:280px;}
  .jpii-founder-body .jpii-kicker,.jpii-founder-body .jpii-h2,.jpii-founder-body .jpii-p{text-align:center;}
}