/* Change Default Bold Text */:root,strong{--wpex-bold:500;}/* Remove next/prev underline */.vcex-post-next-prev a{text-decoration:none;}@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&display=swap');body{font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif　!important;}.wpb_column p{margin-bottom:0px;}.staff-info-title{display:inline-block;width:30%;}.about-me{width:100vw}.staff-profile-img img{aspect-ratio:1 / 1;object-fit:cover;}.jp-relatedposts-post-img{aspect-ratio:1 / 1;object-fit:cover;}@media (min-width:768px){.wpcf7-form label{display:flex;justify-content:space-between;width:80%;margin:auto}}@media (max-width:480px){.staff-profile-buttom{width:50%;display:block;margin:auto;}}.wpcf7-form .required{background-color:#215076;color:white;padding:2px 5px;margin-right:8px;display:inline-block;}.wpcf7-form .not-required{background-color:gray;color:white;padding:2px 5px;margin-right:8px;display:inline-block;}.wpcf7-form-control-wrap{width:50%;}.wpcf7-form-control-wrap input{width:100%;}input.wpcf7-form-control.wpcf7-submit.has-spinner{display:block;margin:40px auto 0;}.wpex-my-15{display:none;}.staff-profile-content{width:70%}.staff-profile-flex{align-items:baseline}#menu-footer{display:flex;gap:30px;}/*今川担当*/.custom-card{border-radius:12px;border-top:4px solid #d9ff00;/* 上の黄色ライン */box-shadow:0 2px 6px rgba(0,0,0,0.1);padding:20px;margin-bottom:30px;/* 背景画像を直接設定する代わりに、擬似要素でオーバーレイをかける */position:relative;/* 擬似要素の基準位置 */overflow:hidden;/* 角丸に合わせて画像もクリップ */background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;/* デフォルトのテキスト色を白に設定 */background-image:var(--bg-url);}.custom-card2{border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,0.1);padding:20px;margin-bottom:30px;/* 背景画像を直接設定する代わりに、擬似要素でオーバーレイをかける */position:relative;/* 擬似要素の基準位置 */overflow:hidden;/* 角丸に合わせて画像もクリップ */background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;/* デフォルトのテキスト色を白に設定 */}/* 背景画像の上に半透明のオーバーレイをかける */.custom-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);/* 黒を50%透明に */z-index:1;/* コンテンツの下に配置 */border-radius:12px;/* カードの角丸に合わせる */}/* コンテンツをオーバーレイより上に表示 */.custom-card-title,.custom-card-text,.custom-card-tags,.custom-card-tags a{position:relative;z-index:2;/* オーバーレイより上に表示 */}.custom-card-title{color:#fff;/* タイトルの色を白に */margin-bottom:10px;text-shadow:1px 1px 2px rgba(0,0,0,0.7);/* テキストに影を追加して読みやすく */}.custom-card-text{color:#eee;/* テキストの色を少し明るいグレーに */margin-bottom:15px;line-height:1.6;text-shadow:1px 1px 2px rgba(0,0,0,0.7);/* テキストに影を追加して読みやすく */}.custom-card-title2{color:#215076;/* タイトルの色を白に */margin-bottom:10px;}.custom-card-text2{color:#000;/* テキストの色を少し明るいグレーに */margin-bottom:5px;line-height:1.6;}.custom-card-tags{margin-top:15px;display:flex;}.custom-button{display:inline-block;padding:5px 15px;margin:0 5px 5px 0;background-color:rgba(69,180,232,0.8);/* ボタンの背景色も少し透明に */color:#FFFFFF;text-decoration:none;border-radius:20px;border:1px solid rgba(204,204,204,0.5);/* ボーダーも透明度調整 */font-weight:bold;font-size:14px;transition:background-color 0.3s ease;}.custom-button:hover{background-color:#45B4E8;/* ホバー時は不透明に */color:#FFFFFF;}/* セクション全体のスタイル */.custom-gradient-section{display:flex;justify-content:center;align-items:center;padding:100px 20px;background:linear-gradient(90deg,#f9f871,#90ee90);/* グラデーションの色 */position:relative;overflow:hidden;}/* セクション全体のスタイル */.custom-gradient-connect-section{justify-content:center;align-items:center;padding:100px 20px;background:linear-gradient(90deg,#252020,#215076);/* グラデーションの色 */position:relative;overflow:hidden;}/* 右上のひし形の装飾 */.custom-gradient-section::after{content:'';position:absolute;top:0px;right:50px;width:50px;height:50px;background-color:rgba(255,255,255,0.15);transform:rotate(45deg);}/* ボタンのスタイル */.custom-action-button{display:inline-flex;align-items:center;gap:0.5em;/* テキストとアイコンの間隔 */background-color:#2c3e50;/* ボタンの背景色 */color:#ffffff;/* ボタンの文字色 */font-size:14px;font-weight:bold;text-decoration:none;padding:16px 16px;border-radius:30px;/* 角丸の大きさ */box-shadow:0px 8px 25px rgba(0,0,0,0.2);/* 影 */transition:all 0.3s ease;}/* ボタンにマウスが乗った時の効果 */.custom-action-button:hover{transform:translateY(-3px);box-shadow:0px 12px 30px rgba(0,0,0,0.25);}/* ボタンのスタイル */.custom-action-button2{display:inline-flex;align-items:center;gap:0.5em;/* テキストとアイコンの間隔 */background-color:#BBFF00;/* ボタンの背景色 */color:#2c3e50;/* ボタンの文字色 */font-size:14px;font-weight:bold;text-decoration:none;padding:16px 16px;border-radius:30px;/* 角丸の大きさ */box-shadow:0px 8px 25px rgba(0,0,0,0.2);/* 影 */transition:all 0.3s ease;}/* ボタンにマウスが乗った時の効果 */.custom-action-button2:hover{transform:translateY(-3px);box-shadow:0px 12px 30px rgba(0,0,0,0.25);}/*セクションごとのタイトル*/.custom-title{justify-content:center;align-items:center;color:#215076;align-items:center;}.rmd-hero{/* 背景画像の設定 */background-image:url("https://rulemakers.io/wp-content/uploads/Section-1.png");/* ここに画像のURLを貼り付けてください */background-size:cover;/* 画像がセクション全体を覆うように拡大縮小 */background-position:center;/* 画像を中央に配置 */background-repeat:no-repeat;/* 画像を繰り返さない */min-height:500px;/* セクションの最低の高さ。必要に応じて調整 */align-items:center;/* 垂直方向の中央揃え */justify-content:center;/* 水平方向の中央揃え */position:relative;/* 子要素の絶対配置の基準 */padding:20px;/* 内側の余白 */box-sizing:border-box;/* paddingが幅に含まれるようにする */}/* コンテンツ全体を囲むラッパー */.rmd-hero-content-wrapper{width:100%;max-width:1200px;/* 最大幅を設定 */display:flex;justify-content:flex-end;/* これでboxが右に配置されます */align-items:center;position:relative;}.rmd-cta-box{background-color:rgba(33,80,108,0.8);/* 半透明の白（少し不透明度を上げました） */padding:30px;border-radius:10px;max-width:400px;/* 最大幅 */min-width:280px;/* 最小幅 */flex-grow:0;/* 拡大しない */flex-shrink:1;/* 縮小する */text-align:left;box-shadow:0 4px 10px rgba(0,0,0,0.1);/* 影を追加 */}.rmd-cta-btn{color:#000000;/* 青色のリンク */text-decoration:none;font-size:1rem;font-weight:bold;display:inline-block;/* 矢印との間隔調整のため */}.timeline-year{color:#FFFFFF;background:linear-gradient(0deg,#514A3E,#6D5F4C,#514A3E);border-radius:30px;text-align:center;padding:10px;margin:20px auto;}.timeline-row{display:flex;position:relative;}.timeline-month{color:#FFFFFF;background:linear-gradient(90deg,#514A3E,#6D5F4C,#514A3E);border-radius:30px;text-align:center;padding:10px;writing-mode:vertical-rl;margin-right:20px;}.month-number{transform:rotate(-90deg);transform-origin:center center;}.timeline-content{background-color:#FFF8F0;border-radius:30px;padding:10px;color:#000000;margin-bottom:20px;/* 各コンテンツ間の余白 */box-shadow:0 2px 5px rgba(0,0,0,0.1);}.timeline-contents{writing-mode:horizontal-tb;flex-grow:1;position:relative;padding:10px;}/* 例：wp-categories-buttonというクラス名を使用する場合 */.wp-categories-button ul{list-style:none;/* リストの黒点を非表示にする */padding:0;display:flex;/* ボタンを横並びにする */gap:10px;/* ボタン間の間隔を設定 */}.wp-categories-button li{margin:0;}.wp-categories-button a{display:block;/* リンク全体をボタン化する */background-color:black;color:white;padding:10px 20px;border-radius:5px;/* 角を丸くする */text-decoration:none;/* 下線を非表示にする */font-weight:bold;text-align:center;}.wp-categories-button a:hover{background-color:#333;/* ホバー時の色 */}.wp-categories-button li a::before{content:none !important;}.container{max-width:900px;margin:40px auto;padding:0 20px;}.heading{font-size:2.2em;font-weight:bold;color:#1a1a1a;border-bottom:2px solid #ccc;padding-bottom:10px;margin-bottom:20px;}.content-box{box-shadow:0 4px 10px rgba(0,0,0,0.1);border-radius:8px;overflow:hidden;}.background-image-container{background-image:url('https://rulemakers.io/wp-content/uploads/S__147193882.jpg');background-size:cover;background-position:center;background-repeat:no-repeat;height:350px;position:relative;display:flex;align-items:center;justify-content:flex-start;padding:20px;}.vision-mission-box{width:100%;max-width:700px;text-align:left;}.section{margin-bottom:10px;}.label{background-color:rgba(255,255,255,0.95);font-weight:bold;padding:5px;border-radius:3px;   color:#000000;text-shadow:0 1px 2px rgba(0,0,0,0.7);display:block;margin-bottom:5px;}.text-block{background-color:rgba(255,255,255,0.95);font-weight:bold;padding:10px;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,0.2);display:inline-block;/* To make the background fit the text content */}/* --- レイアウト基本設定 --- */.flow-container{padding:20px;max-width:900px;margin:0 auto;}/* --- フロー図のライン --- */.flow-diagram{position:relative;padding:40px 0;}.flow-line{position:absolute;width:2px;background-color:#007bff;left:50%;transform:translateX(-50%);top:0;bottom:0;}/* --- 各ステップ --- */.step-item{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px;}.step-item:nth-child(even){flex-direction:row-reverse;}.step-number{width:40px;height:40px;border-radius:50%;background-color:#007bff;color:white;display:flex;justify-content:center;align-items:center;font-weight:bold;z-index:1;}.step-content{flex-basis:45%;/* コンテンツの幅を調整 */text-align:right;padding-right:20px;}.step-item:nth-child(even) .step-content{text-align:left;padding-right:0;padding-left:20px;}/* --- ボタンとフッター --- */.join-section{text-align:center;margin-top:50px;}.join-button-container{width:180px;height:180px;background-color:#bfff00;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;}.welcome-box{width:100%;background-color:#2c3e50;border-top-left-radius:50px;border-top-right-radius:50px;padding:50px 0 20px;margin-top:-50px;}.welcome-text{color:white;font-weight:bold;}.memberrole-box{padding:10px;background-color:#215076;}.memberrole-text{margin:5px 0px;color:white;font-weight:bold;}/* --- 全体的なレイアウトとフォント --- */body{font-family:'Noto Sans JP',sans-serif;margin:0;padding:20px;background-color:#f9f9f9;}.flow-container{max-width:900px;margin:0 auto;padding:20px;}.main-heading{text-align:center;margin-bottom:50px;}.main-heading .title{font-size:2.5em;font-weight:bold;color:#333;margin-bottom:0;line-height:1;}.main-heading .subtitle{font-size:1.2em;font-weight:normal;color:#555;margin-top:5px;}/* --- フロー図のライン --- */.flow-diagram{position:relative;padding:40px 0;}.flow-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background-color:#007bff;transform:translateX(-50%);}/* --- 各ステップ --- */.step-item{display:flex;align-items:center;position:relative;min-height:150px;margin-bottom:20px;}.step-item:nth-child(odd) .step-content{order:-1;text-align:right;padding-right:30px;}.step-item:nth-child(even) .step-content{text-align:left;padding-left:30px;}.step-content{flex-basis:45%;}.step-number-container{position:absolute;left:50%;transform:translateX(-50%);z-index:1;}.step-number{width:40px;height:40px;background-color:#007bff;color:white;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:bold;font-size:1.2em;}.step-title{font-weight:bold;font-size:1.1em;margin-bottom:5px;color:#333;}.step-description{font-size:0.9em;color:#555;line-height:1.6;}.link-text{color:#007bff;font-weight:bold;text-decoration:none;display:inline-block;margin-top:10px;}/* --- 参加ボタンとフッター --- */.join-section{text-align:center;margin-top:50px;position:relative;}.join-button-container{width:180px;height:180px;background-color:#bfff00;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;box-shadow:0 4px 15px rgba(0,0,0,0.2);position:relative;bottom:-50px;z-index:2;}.join-button{font-size:1.5em;font-weight:bold;color:#333;text-decoration:none;display:flex;align-items:center;padding-right:20px;}.welcome-box{width:100%;background-color:#2c3e50;border-top-left-radius:50px;border-top-right-radius:50px;padding:50px 0 20px;margin-top:-50px;position:relative;}.welcome-text{color:white;font-weight:bold;position:absolute;bottom:20px;left:50%;transform:translateX(-50%);}/* ===== RMD 2026 GLOBAL (一覧/アーカイブ/投稿にも新デザイン適用) ===== */html,body{overflow-x:hidden}body{padding:0 !important;margin:0 !important}#wrap,#outer-wrap,#content-wrap{max-width:100% !important;width:100% !important;margin:0 !important;padding-left:0 !important;padding-right:0 !important}#site-header,#site-header-sticky-wrapper,#overlay-header-wrap,#site-header-inner{width:100% !important;max-width:100% !important;left:0 !important;right:0 !important}#site-header-inner{padding-left:30px !important;padding-right:30px !important}.vc_custom_1652754747278{display:none !important}#site-header{background:#fff !important;border-bottom:1px solid #E6E6E2 !important;box-shadow:none !important;height:88px !important;top:0 !important}#site-header-inner{margin-top:0 !important}#site-logo .site-logo-text{color:#0E0E10 !important}#site-navigation a,#site-navigation .main-navigation-ul>li>a{color:#0E0E10 !important}#site-navigation a:hover,#site-navigation .main-navigation-ul>li>a:hover{color:#1B4DFF !important}#site-header .theme-button,#site-header .vcex-button,#site-header a.menu-button,#site-header .header-eight-aside a.theme-button{background:#1B4DFF !important;color:#fff !important;border-color:#1B4DFF !important}#content-wrap{padding-top:48px !important}#outer-wrap{margin-top:-40px !important}.mobile-menu-toggle,.mobile-menu-toggle__icon,.wpex-mobile-menu-toggle,.wpex-hamburger-icon{color:#0E0E10 !important}.wpex-hamburger-icon{background-color:transparent !important}.wpex-hamburger-icon >span,.wpex-hamburger-icon >span::before,.wpex-hamburger-icon >span::after{background-color:#0E0E10 !important}.blog-entry .wpex-card-image img,.wpex-card-blog_14 img,.blog-entry img.wpex-align-middle,.blog-entry-media img,.wpex-card-image img{object-fit:contain !important;background:#f4f4f1 !important}@media (max-width:980px){#site-header-inner{padding-left:16px !important;padding-right:16px !important}}/* 一覧/アーカイブの空フッター(青ブロック)を隠す（ページは独自フッター注入のため無影響） */#footer-builder{display:none !important}/* ブログ/NEWS一覧：投稿タイトルが大きすぎ＝縮小して読みやすく */.blog-entry .wpex-card-title,.blog-entry .entry-title,.blog-entry h2.wpex-card-title{font-size:20px !important;line-height:1.55 !important;font-weight:700 !important}.blog-entry .wpex-card-excerpt,.blog-entry .excerpt{font-size:15px !important;line-height:1.8 !important}/* ブログ/アーカイブ/検索:グローバルで#content-wrapを全幅0余白にしているため、 テーマ描画の一覧が左端ベタ付きになる。これらのページだけ中央寄せ＋左右余白を復活。 */body.blog #content-wrap,body.archive #content-wrap,body.search #content-wrap{max-width:1260px !important;margin-left:auto !important;margin-right:auto !important;padding-left:30px !important;padding-right:30px !important}@media (max-width:980px){body.blog #content-wrap,body.archive #content-wrap,body.search #content-wrap{padding-left:18px !important;padding-right:18px !important}}/* ===== ヘッダー完全固定（スクロールしても常に上部に表示） ===== */#site-header-sticky-wrapper{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;width:100% !important;z-index:1050 !important}#site-header{position:relative !important}#outer-wrap{margin-top:0 !important}#content-wrap{padding-top:48px !important}body.admin-bar #site-header-sticky-wrapper{top:32px !important}@media (max-width:782px){body.admin-bar #site-header-sticky-wrapper{top:46px !important}}/* ===== ホーム ローディング・スプラッシュ v2（カーテン・リビール／CSSのみ・初回paintから・チラ見えなし） ===== */@keyframes rmdSplash{0%{color:rgba(255,255,255,0);letter-spacing:.5em;transform:translateY(0)}24%{color:rgba(255,255,255,1);letter-spacing:.22em}70%{color:rgba(255,255,255,1);letter-spacing:.22em;transform:translateY(0)}100%{color:rgba(255,255,255,1);letter-spacing:.22em;transform:translateY(-100%);visibility:hidden}}@keyframes rmdSplashBar{0%{transform:scaleX(0);opacity:1}56%{transform:scaleX(1);opacity:1}66%{opacity:1}72%,100%{transform:scaleX(1);opacity:0;visibility:hidden}}body.home::before{content:"RULEMAKERS DAO";position:fixed;inset:0;z-index:99998;display:flex;align-items:center;justify-content:center;background:radial-gradient(50% 36% at 50% 50%,rgba(27,77,255,.12) 0%,rgba(27,77,255,0) 70%),radial-gradient(140% 140% at 50% 36%,#16171f 0%,#0E0E10 60%,#08080b 100%);color:#fff;font-family:"Anton","Space Grotesk",sans-serif;font-weight:800;font-size:clamp(28px,6vw,64px);letter-spacing:.22em;text-align:center;animation:rmdSplash 2.4s cubic-bezier(.65,0,.35,1) forwards;pointer-events:none;will-change:transform}body.home::after{content:"";position:fixed;left:50%;top:calc(50% + 46px);z-index:99999;width:min(240px,52vw);height:3px;margin-left:calc(min(240px,52vw) / -2);border-radius:3px;background:linear-gradient(90deg,#1B4DFF,#5b7bff);transform-origin:left center;animation:rmdSplashBar 2.4s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}@media (prefers-reduced-motion:reduce){body.home::before,body.home::after{display:none}}/* JSON-LD等のをwpautopが+で包んで生じる本文末の余白を除去（scriptはDOMに残りSEO/AIO有効） */.single-page-content >p:has(script),.single-content >p:has(script),.entry >p:has(script){display:none !important;margin:0 !important;padding:0 !important;height:0 !important}/* ===== 404 エラーページ（本文は不可のためグローバルで適用・自己完結） ===== */.rmd-404{min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:72px 20px}.rmd-404 .wrap{max-width:760px;margin:0 auto}.rmd-404 .rmd-404-eyebrow{font-family:"Space Grotesk",sans-serif;font-weight:600;letter-spacing:.2em;text-transform:uppercase;font-size:12px;color:#1B4DFF}.rmd-404 .rmd-404-big{font-family:"Anton","Space Grotesk",sans-serif;font-weight:800;font-size:clamp(110px,26vw,300px);line-height:.86;color:#0E0E10;margin:.12em 0 .08em}.rmd-404 .rmd-404-h{font-family:"Noto Sans JP",sans-serif;font-weight:800;font-size:clamp(20px,4vw,28px);color:#0E0E10;margin:0 0 .7em}.rmd-404 .rmd-404-p{font-family:"Noto Sans JP",sans-serif;color:#5b5b61;font-size:15px;line-height:1.95;margin:0 auto 2em;max-width:34em}.rmd-404 .rmd-404-btn{display:inline-block;background:#0E0E10;color:#fff;padding:13px 26px;border-radius:999px;font-family:"Space Grotesk",sans-serif;font-weight:600;font-size:15px;text-decoration:none;margin-bottom:14px}.rmd-404 .rmd-404-btn:hover{background:#1B4DFF;color:#fff}.rmd-404 .rmd-404-links{display:flex;flex-wrap:wrap;gap:12px 14px;justify-content:center}.rmd-404 .rmd-404-links a{font-family:"Space Grotesk",sans-serif;font-weight:600;font-size:13.5px;letter-spacing:.04em;color:#0E0E10;border:1px solid #E6E6E2;border-radius:999px;padding:9px 18px;text-decoration:none}.rmd-404 .rmd-404-links a:hover{border-color:#1B4DFF;color:#1B4DFF}