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




<style>
/* テーブル全体の余白と構造 */
.vocab-table {
    border-collapse: separate;
    border-spacing: 0 12px; /* 行の間にゆったりした隙間 */
    width: 100%;
    background: transparent !important;
    border: none !important;
}

/* 各行の基本設定 */
.vocab-table tr {
    background: #ffffff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05); /* 非常に軽い影 */
    border-radius: 12px;
}

/* 各セルの基本デザイン */
.vocab-table td {
    padding: 18px 24px !important;
    border: none !important;
    vertical-align: middle;
    font-size: 1.05rem;
}

/* 日本語セル（クリックエリア） */
.vocab-table td.audio-trigger {
    cursor: pointer;
    font-weight: 700;
    color: #2c3e50;
    background: #fafafa;
    border-radius: 12px 0 0 12px;
    border-left: 4px solid #ffa500 !important; /* アクセントライン */
    transition: background-color 0.3s ease, color 0.3s ease; /* 揺れず、色だけ変化 */
}

/* スピーカーアイコン */
.vocab-table td.audio-trigger .icon {
    font-size: 0.9em;
    margin-left: 10px;
    opacity: 0.4;
    transition: opacity 0.3s ease;
}

/* 真ん中と右側のセル */
.vocab-table td:nth-child(2) { color: #555; }
.vocab-table td:last-child {
    border-radius: 0 12px 12px 0;
    color: #888;
    font-size: 0.95rem;
}

/* ホバーエフェクト（揺れない設定） */
.vocab-table tr:hover td.audio-trigger {
    background-color: #fff9ed; /* じんわりと黄色に */
    color: #d9534f;
}

.vocab-table tr:hover td.audio-trigger .icon {
    opacity: 1; /* アイコンがハッキリ見える */
}

/* クリックした時の反応（色を少し濃くするだけ） */
.vocab-table td.audio-trigger:active {
    background-color: #ffedc2 !important;
}
</style>



/* Simple Membershipのログイン後情報を強制非表示 */
.swpm-logged-in-state-details,
.swpm-post-login-widget-details,
.swpm-login-widget-logged-in {
    display: none !important;
}


/* カードの外にある、浮いたユーザー名を非表示にする */
.entry-content > h2, 
.entry-content > p:first-child {
    /* もしこれがシステム出力ならこれで消えます */
    display: none !important;
}
/* または、特定のクラスが分かればそれを指定しますが、まずはこれで様子を見ます */


/* 投稿日を非表示にする */
.post-date {
    display: none !important;
}

/* 更新日も一緒に消したい場合はこちら */
.post-update {
    display: none !important;
}

/* 投稿日と更新日の親要素ごと消す場合 */
.date-tags {
    display: none !important;
}

/* パンくずリストを完全に非表示にする */
.breadcrumbs,
.breadcrumb {
    display: none !important;
}

/* 固定ページ(page)のシェアボタンとフォローボタンを完全に消去 */
.page .sns-share, 
.page .sns-follow,
.page .share-block,
.page .follow-block {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}