/*
Theme Name: Nishiki Pro Child
Theme URI: https://support.animagate.com/product/wp-nishiki-pro/
Template: nishiki-pro
Author: Tetsuya Imamura[AnimaGate, Inc.]
Author URI: https://support.animagate.com/product/wp-nishiki-pro/
Description: Nishiki Pro is a fully responsive theme. Elegance,Refined,Multifunctional. In your admin panel, go to Appearance -> Customize. About 80 customization can be done without writing the code. responsive layout, front page setting, movie setting, etc. Customization often required for web production / website operation can be set. Gutenberg Block Editor Style Support.
Tags: one-column,two-columns,left-sidebar,right-sidebar,flexible-header,custom-colors,custom-header,custom-menu,custom-logo,featured-images,sticky-post,blog,entertainment,portfolio,editor-style,footer-widgets,full-width-template,block-styles,wide-blocks
Version: 1.1.18.1768894409
Updated: 2026-01-20 16:33:29

*/

/* ==========================================
   フッターセクション
   ========================================== */
/* すべての干渉を無視して強制的に光らせる */
body .site-footer p.copyright {
    display: block !important;
    visibility: visible !important;
    
    /* 背景を真っ黒に固定 */
    background-color: #000 !important;
    
    /* 文字の色：芯の部分を「白」にすると一番光って見えます */
    color: #ffffff !important; 
    
    /* フォント設定 */
    font-family: 'Courier New', Courier, monospace !important;
    font-size: 30px !important;
    font-weight: 900 !important;
    letter-spacing: 0.2em !important;
    text-align: center !important;
    padding: 20px 0 !important;

    /* ネオン発光エフェクト：影を何重にも重ねて「光」を作ります */
    text-shadow: 
        0 0 10px #00ff41,
        0 0 20px #00ff41,
        0 0 30px #00ff41,
        0 0 40px #00ff41,
        0 0 70px #00ff41 !important;
}

/* フッター周りの余計な線を光らせる */
.site-footer {
    border-top: 2px solid #00ff41 !important;
    background: #000 !important;
}

/* ==========================================
   お問い合わせセクション（グリーン）
   ========================================== */

/* フォーム全体の背景と枠線 */
.tron-form.contact-mode {
    background-color: #000000 !important;
    padding: 30px !important;
    border: 2px solid #00ff41 !important;
    border-radius: 10px !important;
    box-shadow: 0 0 15px rgba(0, 255, 65, 0.2) !important;
}

/* 項目名（ラベル）の発光 */
.tron-form.contact-mode label {
    color: #00ff41 !important;
    font-weight: bold !important;
    text-shadow: 0 0 10px #00ff41, 0 0 20px rgba(0, 255, 65, 0.5) !important;
    display: block !important;
    margin-bottom: 10px !important;
    font-family: 'Courier New', Courier, monospace !important;
}

/* 入力エリアの強制発光デザイン */
.tron-form.contact-mode input,
.tron-form.contact-mode textarea {
    width: 100% !important;
    background-color: #000000 !important;
    border: 1px solid #00ff41 !important;
    color: #ffffff !important;
    padding: 12px !important;
    border-radius: 4px !important;
    outline: none !important;
    box-shadow: 0 0 5px #00ff41 !important; /* 常に少し光らせる */
}

/* 入力中の発光強化 */
.tron-form.contact-mode input:focus,
.tron-form.contact-mode textarea:focus {
    box-shadow: 0 0 15px #00ff41, inset 0 0 5px #00ff41 !important;
    border-color: #ffffff !important;
}

/* 確認画面へ進むボタン */
.tron-form.contact-mode .wpcf7-submit {
    background-color: #00ff41 !important;
    color: #000000 !important;
    font-weight: bold !important;
    border: none !important;
    padding: 15px 40px !important;
    border-radius: 50px !important;
    box-shadow: 0 0 20px #00ff41, 0 0 40px rgba(0, 255, 65, 0.5) !important;
    cursor: pointer !important;
    transition: 0.3s !important;
    display: block !important;
    margin: 30px auto 0 !important;
}

/* ==========================================
   内容確認セクション（シアン）
   ========================================== */

/* 確認画面全体の背景と枠線 */
.tron-form.confirm-mode {
    background-color: #000000 !important;
    padding: 30px !important;
    border: 2px solid #00f2ff !important;
    border-radius: 10px !important;
    box-shadow: 0 0 15px rgba(0, 242, 255, 0.2) !important;
}

/* 項目名の発光（シアン） */
.tron-form.confirm-mode label {
    color: #00f2ff !important;
    font-weight: bold !important;
    text-shadow: 0 0 10px #00f2ff, 0 0 20px rgba(0, 242, 255, 0.5) !important;
    display: block !important;
    margin-bottom: 5px !important;
    font-family: 'Courier New', Courier, monospace !important;
}

/* 入力内容表示エリアの境界線 */
.tron-form.confirm-mode .form-row {
    border-bottom: 1px solid rgba(0, 242, 255, 0.5) !important;
    padding: 15px 0 !important;
    margin-bottom: 10px !important;
    color: #ffffff !important;
}

/* 送信ボタン（シアン） */
.tron-form.confirm-mode .wpcf7-submit {
    background-color: #00f2ff !important;
    color: #000000 !important;
    font-weight: bold !important;
    border: none !important;
    padding: 15px 40px !important;
    border-radius: 50px !important;
    box-shadow: 0 0 20px #00f2ff, 0 0 40px rgba(0, 242, 255, 0.5) !important;
    cursor: pointer !important;
    transition: 0.3s !important;
}

/* 戻るボタン */
.tron-form.confirm-mode .wpcf7-previous {
    background-color: #222222 !important;
    color: #ffffff !important;
    border: 1px solid #00f2ff !important;
    padding: 15px 30px !important;
    border-radius: 50px !important;
    margin-right: 15px !important;
    cursor: pointer !important;
    transition: 0.3s !important;
}

/* ホバー時の発光強化（共通） */
.tron-form.confirm-mode .wpcf7-submit:hover {
    box-shadow: 0 0 40px #00f2ff !important;
    transform: scale(1.05) !important;
}

/* ==========================================
   AILSロゴセクション：トロン発光エフェクト
   ========================================== */

/* ロゴのコンテナ設定（光が切れないように余白を作る） */
.tron-logo-container {
    padding: 40px !important;
    background: #000;
    text-align: center;
}

/* ロゴ本体の設定 */
.tron-logo-svg {
    max-width: 400px !important; /* 表示サイズ */
    height: auto !important;
    overflow: visible !important; /* 外側の光を表示させる */
}

/* 全てのパス（線）をトロン風に強制変更 */
.tron-logo-svg .cls-1 {
    fill: none !important;
    stroke: #00ff41 !important; /* 緑色に変更 */
    stroke-width: 4px !important; /* 線の太さ */
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    
    /* 二重の影で強い発光を作る */
    filter: 
        drop-shadow(0 0 8px #00ff41) 
        drop-shadow(0 0 20px rgba(0, 255, 65, 0.8)) !important;
}

/* マウスを乗せた時の演出 */
.tron-logo-svg:hover .cls-1 {
    stroke: #fff !important; /* 線を白くする */
    filter: 
        drop-shadow(0 0 15px #00ff41) 
        drop-shadow(0 0 40px #00ff41) !important;
    transition: 0.3s;
}

/* ============================================================
   AILS LP (post-91) 徹底没入スタイル（ヘッダー・フッター完全抹殺）
   ============================================================ */

/* 1. Nishiki Proの全構造をターゲットに非表示化 */
.page-id-91 header, 
.page-id-91 footer, 
.page-id-91 .site-header, 
.page-id-91 .site-footer, 
.page-id-91 .nav-menu,
.page-id-91 .sub-header,
.page-id-91 .main-header,
.page-id-91 .entry-header,
.page-id-91 .breadcrumb-nav,
.page-id-91 .site-info,
.page-id-91 #search-box {
    display: none !important;
}

/* 2. ページ全体の背景を漆黒にし、スクロールバー以外をゼロに */
body.page-id-91 {
    background-color: #000 !important;
    color: #ffffff !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden;
}

/* 3. コンテンツエリアの全余白を強制解除（Nishikiの独自クラス対応） */
.page-id-91 #container,
.page-id-91 #content,
.page-id-91 .site-main,
.page-id-91 .container,
.page-id-91 .entry-content,
.page-id-91 article {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    border: none !important;
    box-shadow: none !important;
}

/* 4. LPセクション共通の装飾 */
.page-id-91 .lp-section {
    padding: 100px 20px;
    border-bottom: 1px solid #222;
    position: relative;
    box-sizing: border-box;
}

/* セット（周目）ごとの区切り */
.page-id-91 .ails-lp-layer {
    border-bottom: 2px solid #93278f;
    margin: 0;
    padding: 0;
}

/* 5. 強調テキストのトロン風装飾 */
.page-id-91 .glow-text-purple {
    color: #fff !important;
    text-shadow: 0 0 10px #93278f, 0 0 20px #93278f;
}

.page-id-91 .glow-text-white {
    color: #fff !important;
    text-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
}

/* 6. セクション内のテキスト装飾 */
.page-id-91 .section-title {
    font-size: 2.2rem;
    margin-bottom: 30px;
    color: #fff;
    font-weight: bold;
}

.page-id-91 .problem-box {
    background: rgba(255, 0, 0, 0.08);
    border-left: 5px solid #ff0055;
    padding: 40px;
    text-align: left;
    line-height: 1.8;
    margin: 20px 0;
}

/* 7. ボタン（CTA）の基本設定（インラインが優先されますが念のため） */
.page-id-91 .lp-cta-button {
    display: inline-block !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

.page-id-91 .lp-cta-button:hover {
    transform: scale(1.05) translateY(-3px) !important;
    filter: brightness(1.2);
}