@media (min-width: 769px) {
    /* 追従を邪魔する親のoverflowを徹底排除 */
    .site-content, .content-area, .right-sidebar, .inside-right-sidebar {
        overflow: visible !important;
    }

    /* まとめて一本釣り */
    #kimoota-sticky-unit {
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 20px !important;
        z-index: 100;
        /* 重要：自分自身の高さは「中身」に合わせる */
        height: auto !important;
    }
}


/* ユニット内の各ウィジェット（aside） */
.kimoota-sticky-item {
    background-color: #fff; /* 背景色 */
    padding: 30px;          /* GPのデフォルトは大体このくらい */
    margin-bottom: 20px;    /* ウィジェット間の隙間 */
    border-radius: 4px;     /* もし角を丸めるなら */
    box-shadow: 0 2px 5px rgba(0,0,0,0.05); /* 軽い影で浮かせるとモダン */
}

/* タイトルの装飾（テーマの設定に合わせる） */
#kimoota-sticky-unit .widget-title {
    font-size: 1.2rem;
    margin-bottom: 20px;
    border-bottom: 2px solid #333; /* 下線を引くなら */
}

/* ダークテーマ用：自作ウィジェット内のテキスト装飾 */
.kimoota-custom-widget p {
    font-size: 14px;
    line-height: 1.7;    /* 小さい文字こそ行間を広く */
    color: #ccc;          /* 真っ白(#fff)を避けた、落ち着いたグレー白 */
    margin-bottom: 1.2em;
    font-weight: 400;     /* ダークテーマでは文字が膨張して見えるので標準重で */
    letter-spacing: 0.03em; /* 視認性向上のための微細な調整 */
}

/* リンクがある場合は、少し明るくして視認性を確保 */
.kimoota-custom-widget p a {
    color: #00aaff;       /* ConoHa系なら青系、またはテーマのアクセントカラー */
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: 0.3s;
}

.kimoota-custom-widget p a:hover {
    border-bottom: 1px solid #00aaff;
}

/************************************
**　ボックスメニュー調整
************************************/


/* 著者SNS：全体コンテナ */
.kimoota-author-sns-wrapper {
    display: flex;
    justify-content: center; /* 中央に寄せる */
    align-items: flex-start;
    gap: 0; /* flexのgapは使わず、item側で調整 */
    background-color: transparent; /* 背景色を親（サイドバー）と同じに */
    border-top: 1px solid #444;    /* 上下に薄い線を入れるだけで「区切り」は出せる */
    border-bottom: 1px solid #444;
    padding: 30px 0;               /* 上下の余白を広めにとると高級感が出る */
    max-width: 400px; /* 必要に応じて調整 */
    margin: 0 auto;

}

/* SNS各項目 */
.kimoota-author-sns-wrapper .sns-item {
    flex: 1; /* 均等に幅を広げる */
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    transition: opacity 0.2s;
}

.kimoota-author-sns-wrapper .sns-item:hover {
    opacity: 0.7;
}

/* SVGアイコン */
.kimoota-author-sns-wrapper .sns-icon {
    width: 40px; /* 画像のような大きめのサイズ */
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px; /* アイコンとテキストの間隔 */
}

/* Xアイコンだけ少し線の太さが違うので微調整 */
.kimoota-author-sns-wrapper .x-icon svg {
    transform: scale(1.1);
}

/* ペンアイコンの微調整 */
.kimoota-author-sns-wrapper .pen-icon svg {
    transform: scale(0.9); /* 少し大きく見えるので縮小 */
}

/* テキストラベル */
.kimoota-author-sns-wrapper .sns-label {
    font-size: 14px; /* 見やすいサイズ */
    color: #E9967A;    /* アイコンと同じ色 */
    text-align: center;
    white-space: nowrap; /* 改行させない */
    font-weight: normal;
}