/* =====================================================
   AI × 近未来デザイン（ヘッダー透過＋説明文くっきり）
   Cocoon対応
===================================================== */

/* =====================
   背景画像
===================== */

body{
background-image:url("http://watasitatinotyousenn.life/wp-content/uploads/2026/04/Gemini_Generated_Image_395djv395djv395d-2-scaled.png");
background-size:cover;
background-position:center center;
background-attachment:fixed;
background-color:#0b0f19;
color:#e6f1ff;
}

/* 背景を暗くして文字を見やすく */

body::before{
content:"";
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(5,8,20,.75);
z-index:-1;
}

/* =====================
   ヘッダー（完全透過）
===================== */

.header,
#header,
#header-container,
.header-container,
.header-container-in,
.header-in,
.common-header-in{

background:transparent !important;
background-color:transparent !important;
border:none !important;
box-shadow:none !important;
}

/* =====================
   サイトタイトル
===================== */

.site-name-text{
color:#e6f1ff !important;
text-shadow:
0 0 8px rgba(0,255,255,.9),
0 0 25px rgba(0,140,255,.6);
letter-spacing:4px;
}

/* =====================
   ナビゲーション
===================== */

#navi{
background:transparent !important;
border:none !important;
}

.navi-in{
background:rgba(255,255,255,.05) !important;
backdrop-filter:blur(18px);
border:1px solid rgba(0,255,255,.15) !important;
box-shadow:
0 0 20px rgba(0,255,255,.2),
0 10px 40px rgba(0,0,0,.7);
border-radius:40px;
padding:6px 15px;
}

/* メニュー文字 */

.navi-in a{
color:#e6f1ff !important;
letter-spacing:2px;
}

/* hover */

.navi-in a:hover{
color:#00f7ff !important;
text-shadow:
0 0 8px #00f7ff,
0 0 20px #00f7ff;
}



/* =====================
   メインエリア
===================== */

.main{
background:rgba(10,15,30,.65);
backdrop-filter:blur(12px);
border-radius:20px;
border:1px solid rgba(0,255,255,.1);
box-shadow:
0 0 30px rgba(0,0,0,.8);
padding:35px;
}



/* =====================
   記事カード
===================== */

.a-wrap{
background:rgba(10,15,30,.75);
border-radius:18px;
padding:20px;
margin-bottom:25px;
transition:.3s;
border:1px solid rgba(0,255,255,.08);
}



/* hover */

.a-wrap:hover{
transform:translateY(-6px);
box-shadow:
0 0 25px rgba(0,255,255,.25),
0 20px 40px rgba(0,0,0,.8);
}



/* 記事タイトル */

.entry-card-title{
color:#e6f1ff;
text-shadow:
0 0 6px rgba(0,255,255,.2);
}



/* =====================
   メタディスクリプション（説明文）
===================== */

.entry-card-snippet,
.entry-summary,
.blogcard-snippet,
.meta-description{

color:#bfe9ff !important;
font-size:15px;
line-height:1.8;
opacity:1 !important;
text-shadow:
0 0 6px rgba(0,255,255,.15);
}



/* =====================
   見出し
===================== */

h2{
border-left:3px solid #00f7ff;
padding-left:12px;
color:#e6f1ff;
}


h3{
border-left:2px solid #7b61ff;
padding-left:10px;
color:#e6f1ff;
}



/* =====================
   ボタン
===================== */

.wp-block-button__link{
background:linear-gradient(
135deg,
#00f7ff,
#7b61ff
);

border:none;
border-radius:30px;
padding:12px 25px;
color:#fff;
transition:.3s;
}



/* hover */

.wp-block-button__link:hover{
box-shadow:
0 0 20px rgba(0,255,255,.6);
transform:translateY(-2px);
}

/* =====================
   サイドバー
===================== */

.sidebar{
background:rgba(10,15,30,.65);
border-radius:18px;
padding:20px;
border:1px solid rgba(0,255,255,.08);
}

/* =====================
   フッター
===================== */

.footer{
background:rgba(0,0,0,.85) !important;
border-top:1px solid rgba(0,255,255,.1);
}

/* フッター文字 */

.footer .site-name-text{
text-shadow:
0 0 10px rgba(0,255,255,.7);
}

/* =====================
   スクロールバー
===================== */

::-webkit-scrollbar{
width:8px;
}


::-webkit-scrollbar-thumb{

background:linear-gradient(
#00f7ff,
#7b61ff
);

border-radius:10px;

}



/* =====================
   スマホ調整
===================== */

@media(max-width:768px){

body{

background-attachment:scroll;

}


/* タイトルサイズ */

.site-name-text{

font-size:40px !important;

}


/* ナビ余白 */

.navi-in{

padding:8px 12px;

}


/* メイン余白 */

.main{

padding:20px;

}

}