で body p{line-height:1} に効かれるが
zz127 で line-height:1.2 を当てているのでOK。念のため余白を再確認 */
.adl-report-section-title{
margin:0 0 16px !important;
}
.adl-report-header{
margin:0 0 36px !important;
}
/* zz130: レポート記事ヘッダーは fade対象から除外（fade遅延時にtransform translateY(28px)が
title/dateに当たって重なり表示の不具合が起きるため、確実に表示固定） */
.adl-report-title.adl-fade-init,
.adl-report-date.adl-fade-init,
.adl-report-cats.adl-fade-init,
.adl-report-section-title.adl-fade-init,
.adl-breadcrumb.adl-fade-init,
.adl-report-thumb.adl-fade-init{
opacity:1 !important;
transform:none !important;
}
/* zz131: レポート記事 本文 見出しカラー — h2:赤 / h3:緑 */
.adl-report-content h2{
color:#b5226f !important;
}
.adl-report-content h3{
color:#2cb090 !important;
}
/* zz132: レポート記事 本文 h4/h5/pre スタイル整備
- 元コンテンツが
サブ見出し + 詳細ブロック の構造（STUDIOインラインカラーで cyan指定済みだが視認性低い）
- h4 はカテゴリ緑に統一、pre はカード風に整形 */
.adl-report-content h4{
font-size:17px !important;
font-weight:800 !important;
color:#2cb090 !important;
line-height:1.55 !important;
margin:1.8em 0 .7em !important;
letter-spacing:.02em;
}
/* h4 内の を打ち消して継承させる */
.adl-report-content h4 span,
.adl-report-content h4 span span{
color:inherit !important;
caret-color:inherit !important;
}
.adl-report-content h5{
font-size:15px !important;
font-weight:700 !important;
color:#333 !important;
margin:1.5em 0 .6em !important;
line-height:1.55 !important;
}
/* pre は preformatted のままだとmonospace + 横長で読みにくい → カード風 */
.adl-report-content pre{
background:#faf8f2 !important;
padding:18px 22px !important;
border-radius:8px !important;
border:1px solid #f0e9d5 !important;
font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",sans-serif !important;
font-size:14px !important;
line-height:2 !important;
white-space:pre-wrap !important;
word-wrap:break-word !important;
margin:0 0 1.6em !important;
color:#333 !important;
overflow-x:auto;
}
.adl-report-content pre strong{font-weight:800 !important;color:#222 !important;}
/* pre内のによる太字解除を尊重 */
.adl-report-content pre span[style*="font-weight: 400"]{font-weight:400 !important;}
/* p内 strong (チェックリスト風段落) */
.adl-report-content p strong{font-weight:700 !important;}
/* Stripe決済ボタン (.button class) — 元WP汎用buttonなので明示スタイル */
.adl-report-content a.button{
display:inline-block !important;
background:#b5226f !important;
color:#fff !important;
text-decoration:none !important;
padding:14px 28px !important;
border-radius:999px !important;
font-weight:700 !important;
font-size:14px !important;
line-height:1.4 !important;
margin:6px 0 !important;
transition:opacity .2s;
}
.adl-report-content a.button:hover{opacity:.85;}
/* h2 内に ![]()
が裸で入っている場合（区切り画像 等）の中央寄せ・装飾解除 */
.adl-report-content h2 img,
.adl-report-content h2 a{display:inline-block;}
.adl-report-content h2:empty{display:none;}
.adl-report-content h4:empty{display:none;}
/* zz133: WP emoji (✔ などのSVG画像) サイズ強制 + p内 strong チェックリスト整形
- WP wp-smiley は 2714.svg などのSVG画像で挿入される
- zz119 等の汎用img max-width:100% で巨大表示される事故を回避 */
.adl-report-content img.emoji,
.adl-report-content img.wp-smiley{
display:inline-block !important;
width:1.1em !important;
height:1.1em !important;
max-width:1.1em !important;
max-height:1.1em !important;
margin:0 .15em -.15em 0 !important;
vertical-align:baseline !important;
border:0 !important;
padding:0 !important;
background:none !important;
}
/* p内 でチェックリストを構成しているケース：各行のmargin/spacing調整 */
.adl-report-content p strong{
display:inline;
line-height:inherit;
}
.adl-report-content p strong br{line-height:inherit;}
/* zz134: レポート記事 ボタンバリアント
投稿側で ラベル のようにクラス指定
または "adl-btn" 単体（=primary互換）/ 既存 ".button" もprimary扱いで後方互換
— Modifier (組合せ可): adl-btn-lg / adl-btn-sm / adl-btn-block / adl-btn-shadow
*/
.adl-report-content a.adl-btn,
.adl-report-content a.button{
display:inline-block !important;
text-decoration:none !important;
padding:14px 32px !important;
border-radius:999px !important;
font-weight:700 !important;
font-size:14px !important;
line-height:1.4 !important;
margin:6px 0 !important;
transition:opacity .2s, transform .2s, box-shadow .2s !important;
border:2px solid transparent !important;
cursor:pointer;
letter-spacing:.02em;
}
.adl-report-content a.adl-btn:hover,
.adl-report-content a.button:hover{
opacity:.88;
transform:translateY(-1px);
}
/* === カラー variant === */
/* Primary: ADLレッド（既定。.button や 単体 .adl-btn もこれ） */
.adl-report-content a.adl-btn,
.adl-report-content a.button,
.adl-report-content a.adl-btn-primary{
background:#b5226f !important;
color:#fff !important;
border-color:#b5226f !important;
}
/* Secondary: 緑 */
.adl-report-content a.adl-btn-secondary{
background:#2cb090 !important;
color:#fff !important;
border-color:#2cb090 !important;
}
/* Yellow: 黄 */
.adl-report-content a.adl-btn-yellow{
background:#DAC127 !important;
color:#fff !important;
border-color:#DAC127 !important;
}
/* Outline: 枠線のみ（赤） */
.adl-report-content a.adl-btn-outline{
background:transparent !important;
color:#b5226f !important;
border-color:#b5226f !important;
}
/* Outline-green */
.adl-report-content a.adl-btn-outline-green{
background:transparent !important;
color:#2cb090 !important;
border-color:#2cb090 !important;
}
/* Dark: 黒 */
.adl-report-content a.adl-btn-dark{
background:#222 !important;
color:#fff !important;
border-color:#222 !important;
}
/* Light: 白背景・グレーボーダー */
.adl-report-content a.adl-btn-light{
background:#fff !important;
color:#333 !important;
border-color:#ddd !important;
}
/* === サイズ variant === */
.adl-report-content a.adl-btn-lg{
padding:18px 44px !important;
font-size:16px !important;
}
.adl-report-content a.adl-btn-sm{
padding:8px 20px !important;
font-size:12px !important;
}
/* === 横幅いっぱい (block) === */
.adl-report-content a.adl-btn-block{
display:block !important;
text-align:center !important;
width:100% !important;
max-width:520px !important;
margin:10px auto !important;
}
/* === ドロップシャドウ === */
.adl-report-content a.adl-btn-shadow{
box-shadow:0 4px 12px rgba(0,0,0,.18) !important;
}
.adl-report-content a.adl-btn-shadow:hover{
box-shadow:0 6px 18px rgba(0,0,0,.25) !important;
}
/* SP: 横並びだったボタンを縦並びに、ブロック化 */
@media screen and (max-width:540px){
.adl-report-content a.adl-btn,
.adl-report-content a.button{
display:block !important;
text-align:center !important;
width:100% !important;
margin:10px 0 !important;
}
}
/* zz135: 目次に h3 を追加表示（h2 は連番、h3 はインデント＋└マーク） */
.adl-toc-list li.adl-toc-h2{counter-increment:adltoc;}
.adl-toc-list li.adl-toc-h3{
counter-increment:none !important;
padding:10px 0 10px 28px !important;
font-size:14px !important;
border-bottom:1px dashed rgba(0,0,0,.12) !important;
}
.adl-toc-list li.adl-toc-h3 a{font-weight:500 !important; color:#555 !important;}
.adl-toc-list li.adl-toc-h3 a:before{
content:"└ " !important;
color:#999 !important;
margin-right:.2em !important;
font-weight:400 !important;
}
@media screen and (max-width:540px){
.adl-toc-list li.adl-toc-h3{padding:8px 0 8px 20px !important; font-size:13px !important;}
}
/* h3 の scroll-margin も追加 */
.adl-report-content h3[id^="adl-toc-"]{scroll-margin-top:80px;}
/* === zz136: /support/register/ 登録ページ === */
.adl-register .adl-breadcrumb{font-size:12px;color:#888;margin:0 0 18px;}
/* support/register: 送信ボタン下の余白を詰める */
.adl-register.adl-policy{padding-bottom:24px;}
.adl-register .adl-rform-submit{margin-top:8px;margin-bottom:0;}
.adl-register .adl-rform-status:empty{display:none;}
.adl-register .adl-breadcrumb a{color:#888;text-decoration:none;}
.adl-register .adl-breadcrumb a:hover{color:#555;text-decoration:underline;}
.adl-register .adl-breadcrumb-current{color:#444;}
.adl-register-frame-wrap{
position:relative;
width:100%;
max-width:740px;
margin:24px auto 16px;
border:1px solid #e3e3e3;
border-radius:10px;
overflow:hidden;
background:#fafafa;
}
.adl-register-frame{
width:100%;
min-height:1600px;
border:0;
display:block;
}
.adl-register-extlink{
text-align:center;
margin:18px 0 32px;
}
@media screen and (max-width:540px){
.adl-register-frame{min-height:1900px;}
}
/* === zz137: support 写真付カード（breakoutで880px超に拡張） === */
.adl-mp-photo-wrap{
width:100vw;
position:relative;
left:50%;
margin-left:-50vw;
padding:24px max(24px,calc(50vw - 600px)) 8px;
box-sizing:border-box;
}
.adl-mp-photo-wrap .adl-mp-cards,
.adl-mp-photo-wrap .adl-mp-perks{
max-width:1200px;
margin:0 auto;
}
.adl-mp-card.adl-mp-has-photo{
padding:0 0 22px;
overflow:hidden;
display:flex;
flex-direction:column;
}
.adl-mp-card.adl-mp-has-photo .adl-mp-photo{
width:100%;
aspect-ratio:16/10;
overflow:hidden;
background:#eee;
border-radius:14px 14px 0 0;
}
.adl-mp-card.adl-mp-has-photo .adl-mp-photo img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.adl-mp-card.adl-mp-has-photo .adl-mp-body{
padding:18px 22px 0;
display:flex;
flex-direction:column;
gap:6px;
}
.adl-mp-card.adl-mp-has-photo .adl-mp-body .adl-mp-num{
margin-top:-30px;
box-shadow:0 0 0 4px #fff;
align-self:flex-start;
}
@media screen and (max-width:840px){
.adl-mp-photo-wrap{padding:18px 18px 4px;}
}
@media screen and (max-width:540px){
.adl-mp-photo-wrap{padding:14px 14px 2px;}
.adl-mp-card.adl-mp-has-photo .adl-mp-photo{aspect-ratio:16/9;}
}
/* === zz138: support 素材パートナーからのメッセージ カルーセル === */
.adl-pmsg-carousel{position:relative;margin:20px 0 24px;}
.adl-pmsg-wrap{overflow:hidden;}
.adl-pmsg-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 54px) / 4);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;align-items:stretch;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.adl-pmsg-track::-webkit-scrollbar{display:none;}
.adl-pmsg-card{scroll-snap-align:start;background:#fff;border:1px solid #e0e0e0;border-radius:14px;padding:22px 22px 24px;display:flex;flex-direction:column;align-self:stretch;}
.adl-pmsg-tag{display:block;font-size:13px;font-weight:900;color:#2cb090;letter-spacing:.04em;line-height:1.5;margin-bottom:12px;border-bottom:1px solid #ecefe9;padding-bottom:10px;}
.adl-pmsg-tag small{display:inline-block;font-size:11.5px;color:#666;font-weight:700;letter-spacing:.05em;margin-top:2px;}
.adl-pmsg-body{font-size:14px;line-height:1.95 !important;color:#333;margin:0 !important;}
.adl-pmsg-nav{position:absolute;top:calc(50% - 4px);transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid #ddd;box-shadow:0 2px 8px rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#333;padding:0;line-height:0;font-size:0;z-index:2;}
.adl-pmsg-nav:hover{background:#f8f8f8;}
.adl-pmsg-nav svg{display:block;}
.adl-pmsg-prev{left:-46px;}
.adl-pmsg-next{right:-46px;}
.adl-pmsg-dots{display:flex;justify-content:center;gap:8px;margin-top:18px;}
.adl-pmsg-dots button{width:8px;height:8px;border-radius:50%;border:0;padding:0;background:#ddd;cursor:pointer;}
.adl-pmsg-dots button.on{background:#2cb090;width:22px;border-radius:999px;}
@media screen and (max-width:840px){
.adl-pmsg-track{grid-auto-columns:calc((100% - 18px) / 2);}
.adl-pmsg-prev{left:-8px;}
.adl-pmsg-next{right:-8px;}
}
@media screen and (max-width:540px){
.adl-pmsg-track{grid-auto-columns:100%;}
.adl-pmsg-prev,.adl-pmsg-next{display:none;}
}
/* === zz139: support ヒーローサブ見出し === */
.adl-support .adl-mp-hero{line-height:1.4;}
.adl-support .adl-mp-hero-sub{display:inline-block;font-size:.65em;line-height:1.4;margin-top:8px;color:#444;}
@media screen and (max-width:540px){
.adl-support .adl-mp-hero-sub{font-size:.7em;}
}
/* === zz140: 旅する素材 登録フォーム (/support/register/) === */
.adl-rform{margin:8px 0 24px;display:flex;flex-direction:column;gap:18px;}
.adl-rform-hp{position:absolute;left:-9999px;top:-9999px;}
.adl-rform-fs{border:1px solid #e0e0e0;border-radius:14px;padding:18px 22px 22px;background:#fff;display:flex;flex-direction:column;gap:14px;margin:0;}
.adl-rform-fs legend{font-size:14px;font-weight:900;color:#2cb090;letter-spacing:.06em;padding:0 8px;margin-left:-8px;}
.adl-rform-row{display:flex;flex-direction:column;gap:6px;}
.adl-rform-row > label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:#444;}
.adl-rform-label{font-size:13px;font-weight:700;color:#444;}
.adl-rform-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.adl-rform-grid > label{display:flex;flex-direction:column;gap:6px;}
@media (max-width:540px){.adl-rform-grid{grid-template-columns:1fr;}}
.adl-rform-req{display:inline-block;background:#b5226f;color:#fff;font-size:10.5px;font-weight:900;padding:2px 7px;border-radius:4px;margin-left:4px;letter-spacing:.04em;}
.adl-rform-opt{display:inline-block;background:#eee;color:#666;font-size:10.5px;font-weight:900;padding:2px 7px;border-radius:4px;margin-left:4px;letter-spacing:.04em;}
.adl-rform input[type=text],
.adl-rform input[type=email],
.adl-rform input[type=tel],
.adl-rform input[type=url],
.adl-rform textarea{
width:100%;
border:1px solid #d0d0d0;
border-radius:8px;
padding:10px 12px;
font:inherit;
font-size:14px;
font-weight:500;
background:#fafafa;
box-sizing:border-box;
line-height:1.5;
}
.adl-rform textarea{resize:vertical;min-height:80px;}
.adl-rform input:focus,
.adl-rform textarea:focus{outline:none;border-color:#2cb090;background:#fff;box-shadow:0 0 0 3px rgba(44,176,144,.18);}
.adl-rform input[type=file]{font:inherit;font-size:13px;background:#fafafa;border:1px dashed #ccc;border-radius:8px;padding:10px 12px;width:100%;box-sizing:border-box;}
.adl-rform-hint{font-size:11.5px;font-weight:500;color:#888;margin-top:4px;}
.adl-rform-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 12px;}
@media (max-width:840px){.adl-rform-checks{grid-template-columns:repeat(2,1fr);}}
@media (max-width:540px){.adl-rform-checks{grid-template-columns:1fr;}}
.adl-rform-check,
.adl-rform-radio{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#333;cursor:pointer;padding:8px 10px;border:1px solid #e3e3e3;border-radius:8px;background:#fff;transition:background .12s;}
.adl-rform-check:hover,
.adl-rform-radio:hover{background:#f7fbf9;}
.adl-rform-check input,
.adl-rform-radio input{margin:0;accent-color:#2cb090;}
.adl-rform-radios{display:flex;flex-wrap:wrap;gap:10px;}
.adl-rform-agree{display:flex;align-items:flex-start;gap:8px;font-size:13px;font-weight:600;color:#333;padding:10px 12px;border:1px solid #e3e3e3;border-radius:8px;background:#fafafa;cursor:pointer;}
.adl-rform-agree input{margin-top:3px;accent-color:#2cb090;}
.adl-rform-agree span{flex:1;line-height:1.6;}
.adl-rform-agreement{border-top:1px solid #eee;padding-top:14px;font-size:13px;color:#555;display:flex;flex-direction:column;gap:10px;}
.adl-rform-agreement a{color:#2cb090;text-decoration:underline;}
.adl-rform-submit{text-align:center;margin-top:8px;}
.adl-rform-btn{
display:inline-block;
background:#333;
color:#fff;
font-weight:900;
font-size:16px;
letter-spacing:.04em;
padding:16px 56px;
border:0;
border-radius:999px;
cursor:pointer;
transition:background .15s, opacity .15s;
}
.adl-rform-btn:hover{background:#000;}
.adl-rform-btn:disabled{opacity:.55;cursor:wait;}
.adl-rform-status{text-align:center;font-size:13px;margin:8px 0 0;min-height:1em;}
.adl-rform-status-err{color:#b5226f;font-weight:700;}
.adl-rform-done{background:#fdf6df;border:1px solid #ecdfa0;border-radius:14px;padding:28px 32px;text-align:center;margin:16px 0;}
.adl-rform-done h3{color:#2cb090;font-size:22px;margin:0 0 12px;}
.adl-rform-done p{font-size:14px;line-height:1.85;margin:0;}
/* === zz141: register フォーム内 子どもたちへのメッセージ 例カード === */
.adl-rform-sample{
background:#fdf6df;
border:1px solid #ecdfa0;
border-radius:10px;
padding:12px 14px;
margin-bottom:8px;
}
.adl-rform-sample-tag{
display:inline-block;
font-size:11px;
font-weight:900;
color:#b08a00;
letter-spacing:.06em;
background:#fff;
padding:3px 10px;
border-radius:999px;
border:1px solid #ecdfa0;
margin-bottom:8px;
}
.adl-rform-sample-body{
font-size:13px;
font-weight:500;
color:#4d3a00;
margin:0;
line-height:1.85 !important;
}
/* === zz142: 登録から発送までの流れ 一体ブロック === */
.adl-mp-flow{
background:#fdf6df;
border:1px solid #ecdfa0;
border-radius:20px;
padding:32px 32px 36px;
margin:32px 0;
}
.adl-mp-flow .adl-mp-flow-head{
margin:0 0 14px !important;
color:#b5226f !important;
text-align:center;
}
.adl-mp-flow .adl-mp-steps{
margin:8px 0 22px;
}
.adl-mp-flow .adl-mp-card{
background:#fff;
}
.adl-mp-flow-note{
font-size:13.5px;
color:#5a4500;
text-align:center;
line-height:1.85 !important;
margin:8px 0 18px !important;
}
.adl-mp-flow-cta{
margin-top:6px !important;
text-align:center;
}
@media (max-width:540px){
.adl-mp-flow{padding:24px 18px 26px;border-radius:16px;}
}
/* === zz143: register フォーム SNS URL 複数行 === */
.adl-rform-snsurls{display:flex;flex-direction:column;gap:8px;margin:4px 0 6px;}
.adl-rform-snsurl-row{display:flex;gap:8px;align-items:stretch;}
.adl-rform-snsurl-row input{flex:1;}
.adl-rform-snsurl-remove{
width:38px;
border:1px solid #d0d0d0;
background:#fff;
border-radius:8px;
color:#888;
font-size:18px;
font-weight:700;
cursor:pointer;
padding:0;
line-height:1;
}
.adl-rform-snsurl-remove:hover{background:#fdecec;color:#a72020;border-color:#f3c2c2;}
.adl-rform-snsurl-add{
align-self:flex-start;
background:#fff;
border:1px dashed #2cb090;
color:#2cb090;
font-size:13px;
font-weight:700;
border-radius:8px;
padding:8px 16px;
cursor:pointer;
margin-top:2px;
}
.adl-rform-snsurl-add:hover{background:#eaf8f3;}
/* === zz144: フォーム必須/任意バッジ 横長修正 + 4列カード + 流れ内配送方法 === */
/* バッジが label の flex column 子になって幅100%に伸びる問題を修正 */
.adl-rform-req,
.adl-rform-opt{
align-self:flex-start;
width:auto !important;
}
/* 4列カード（冒頭） */
.adl-mp-photo-wrap .adl-mp-cards-4{grid-template-columns:repeat(4,1fr);}
@media (max-width:1100px){
.adl-mp-photo-wrap .adl-mp-cards-4{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:540px){
.adl-mp-photo-wrap .adl-mp-cards-4{grid-template-columns:1fr;}
}
/* 流れブロック内の配送方法サブセクション */
.adl-mp-flow .adl-mp-flow-shipping{margin:18px 0 22px;}
.adl-mp-flow .adl-mp-flow-sub{
text-align:center;
font-size:15px;
font-weight:900;
color:#b5226f;
margin:0 0 10px;
letter-spacing:.02em;
}
.adl-mp-flow .adl-mp-callout{background:#fff;}
/* === zz145: register 会場では… セクションの写真1枚 === */
.adl-mp-hero-photo{
margin:14px 0 20px;
border-radius:14px;
overflow:hidden;
aspect-ratio:16/9;
background:#eee;
}
.adl-mp-hero-photo img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
/* === zz146: 素材その他 自由記入欄 === */
.adl-rform-other-wrap{
margin-top:10px;
padding:12px 14px;
background:#f8fbf9;
border:1px solid #d3e9df;
border-radius:10px;
}
.adl-rform-other-wrap label{
display:flex;
flex-direction:column;
gap:6px;
font-size:13px;
font-weight:700;
color:#444;
}
.adl-rform-other-wrap .adl-rform-hint{margin-bottom:2px;}
.adl-rform-other-wrap input{
width:100%;
border:1px solid #d0d0d0;
border-radius:8px;
padding:9px 12px;
font:inherit;
font-size:14px;
background:#fff;
box-sizing:border-box;
}
/* === zz147: 4つのご提供価値 (.adl-mp-perks) を 4カラムに === */
.adl-mp-photo-wrap .adl-mp-perks{grid-template-columns:repeat(4,1fr);}
@media (max-width:1100px){
.adl-mp-photo-wrap .adl-mp-perks{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:540px){
.adl-mp-photo-wrap .adl-mp-perks{grid-template-columns:1fr;}
}
/* === zz148: pmsg カルーセル を Voice スタイルへ統一 === */
.adl-pmsg-carousel{position:relative;display:flex;align-items:center;gap:8px;margin:20px 0 24px;}
.adl-pmsg-wrap{flex:1;overflow:hidden;padding:8px 2px 16px;}
.adl-pmsg-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:stretch;grid-auto-flow:initial;grid-auto-columns:initial;}
.adl-pmsg-track::-webkit-scrollbar{display:none;}
.adl-pmsg-track > .adl-pmsg-card{flex:0 0 calc((100% - 54px)/4);scroll-snap-align:start;background:#fff;border:1.5px solid #e3e3e3;border-radius:18px;padding:44px 24px 22px;box-shadow:0 2px 10px rgba(0,0,0,.05);display:flex;flex-direction:column;position:relative;align-self:stretch;}
.adl-pmsg-card::before{content:"\201C";position:absolute;top:6px;left:14px;font-size:44px;line-height:1;color:#c0136b;font-family:Georgia,serif;}
.adl-pmsg-tag{display:block;font-size:12px;font-weight:900;color:#888;letter-spacing:.04em;line-height:1.5;margin:0 0 10px;padding:0;border:0;}
.adl-pmsg-tag small{display:inline-block;font-size:11px;color:#999;font-weight:700;letter-spacing:.04em;margin-top:2px;}
.adl-pmsg-body{font-size:13.5px;line-height:1.9 !important;color:#333;margin:0 !important;}
.adl-pmsg-nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;border:0;background:#c0136b;color:#fff;box-shadow:none;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;z-index:2;transition:opacity .2s;}
.adl-pmsg-nav:hover{opacity:.8;background:#c0136b;}
.adl-pmsg-nav svg{display:block;stroke:#fff;}
.adl-pmsg-dots{display:flex;justify-content:center;gap:8px;margin-top:6px;}
.adl-pmsg-dots button{width:8px;height:8px;border-radius:50%;border:0;padding:0;background:#ddd;cursor:pointer;}
.adl-pmsg-dots button.on{background:#c0136b;width:8px;border-radius:50%;}
@media screen and (max-width:840px){
.adl-pmsg-track > .adl-pmsg-card{flex-basis:calc((100% - 18px)/2);}
.adl-pmsg-prev{left:-12px;}
.adl-pmsg-next{right:-12px;}
}
@media screen and (max-width:540px){
.adl-pmsg-track > .adl-pmsg-card{flex-basis:100%;}
.adl-pmsg-nav{display:none;}
}
/* === zz149: zz148 修正 — pmsg.carousel を flex化しないで Voice 見た目に揃える === */
.adl-pmsg-carousel{position:relative;display:block;margin:20px 0 24px;}
.adl-pmsg-wrap{overflow:hidden;padding:8px 2px 16px;}
.adl-pmsg-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:stretch;grid-auto-flow:initial !important;grid-auto-columns:initial !important;}
.adl-pmsg-track > .adl-pmsg-card{flex:0 0 calc((100% - 54px)/4);width:auto;}
@media screen and (max-width:840px){
.adl-pmsg-track > .adl-pmsg-card{flex-basis:calc((100% - 18px)/2);}
}
@media screen and (max-width:540px){
.adl-pmsg-track > .adl-pmsg-card{flex-basis:100%;}
}
.adl-pmsg-dots{margin-top:6px;}
/* === zz150: pmsg カルーセルを 880px の親から breakout して幅を Voice と同等に === */
.adl-pmsg-carousel{
width:min(1100px, calc(100vw - 48px));
position:relative;
left:50%;
transform:translateX(-50%);
box-sizing:border-box;
}
@media screen and (max-width:540px){
.adl-pmsg-carousel{
width:calc(100vw - 32px);
}
}
/* === zz151: /support/register/ の h2 下線を除去 === */
.adl-register h2{
border-bottom:0 !important;
padding-bottom:0 !important;
}
/* === zz152: zz150 を差し替え — 100vw breakout + 内側max-width で安定化 === */
.adl-pmsg-carousel{
width:100vw !important;
max-width:100vw !important;
position:relative !important;
left:50% !important;
right:50% !important;
margin-left:-50vw !important;
margin-right:-50vw !important;
transform:none !important;
padding:0 max(24px, calc(50vw - 550px)) !important;
box-sizing:border-box !important;
}
.adl-pmsg-carousel .adl-pmsg-wrap{
max-width:1100px;
margin:0 auto;
}
.adl-pmsg-prev{left:max(8px, calc(50vw - 596px)) !important;}
.adl-pmsg-next{right:max(8px, calc(50vw - 596px)) !important;}
@media screen and (max-width:540px){
.adl-pmsg-carousel{padding:0 16px !important;}
}
/* === zz153: /support/ の h3 をレポート記事h3スタイル（緑・太字）に === */
.adl-detail-page.adl-support h3{
color:#2cb090;
font-size:20px;
font-weight:900;
line-height:1.55;
margin:1.8em 0 .7em;
letter-spacing:.02em;
}
@media screen and (max-width:540px){
.adl-detail-page.adl-support h3{font-size:18px;}
}
/* === zz154: /support/ hero を /about/ の hero h3 スタイル（黄・中央寄せ）に統一 === */
.adl-detail-page.adl-support .adl-mp-hero{
color:#dad33c;
font-size:28px;
font-weight:900;
line-height:1.4;
text-align:center;
margin:0 0 32px;
letter-spacing:.01em;
}
.adl-detail-page.adl-support .adl-mp-hero-sub{
display:inline-block;
font-size:.65em;
line-height:1.4;
margin-top:10px;
color:#444;
font-weight:800;
text-align:center;
}
@media screen and (max-width:540px){
.adl-detail-page.adl-support .adl-mp-hero{font-size:24px;margin:0 0 24px;}
.adl-detail-page.adl-support .adl-mp-hero-sub{font-size:.7em;}
}
/* === zz155: /support/ hero-sub を 左寄せ＋見出しレッド に === */
.adl-detail-page.adl-support .adl-mp-hero{
text-align:left;
}
.adl-detail-page.adl-support .adl-mp-hero-sub{
display:block;
color:#b5226f;
text-align:left;
font-weight:900;
margin-top:14px;
font-size:.72em;
}
@media screen and (max-width:540px){
.adl-detail-page.adl-support .adl-mp-hero-sub{font-size:.78em;}
}
/* === zz156: zz155 修正 — メイン2行は中央寄せのまま、サブのみ左寄せ === */
.adl-detail-page.adl-support .adl-mp-hero{
text-align:center !important;
}
.adl-detail-page.adl-support .adl-mp-hero-sub{
display:block;
text-align:left !important;
color:#b5226f;
font-weight:900;
margin-top:14px;
font-size:.72em;
letter-spacing:.01em;
}
@media screen and (max-width:540px){
.adl-detail-page.adl-support .adl-mp-hero-sub{font-size:.78em;}
}
/* === zz157: /support/ の本文幅を /message/ と同じ約600pxコンテンツに揃える === */
.adl-detail-page.adl-support{
max-width:648px;
}
/* === zz158: 流れブロック内 配送方法サブセクション 文字サイズ縮小 === */
.adl-detail-page.adl-support .adl-mp-flow .adl-mp-flow-sub{
font-size:14px !important;
font-weight:900 !important;
color:#b5226f !important;
letter-spacing:.02em !important;
margin:0 0 8px !important;
text-align:center !important;
}
.adl-detail-page.adl-support .adl-mp-flow .adl-mp-callout{
padding:14px 18px;
border-left-width:4px;
}
.adl-detail-page.adl-support .adl-mp-flow .adl-mp-callout p{
font-size:13px;
line-height:1.7;
margin:0 0 .6em;
}
.adl-detail-page.adl-support .adl-mp-flow .adl-mp-callout p:last-child{
margin-bottom:0;
}
.adl-detail-page.adl-support .adl-mp-flow .adl-mp-callout .adl-sm{
font-size:12px;
line-height:1.7;
}
@media screen and (max-width:540px){
.adl-detail-page.adl-support .adl-mp-flow .adl-mp-flow-sub{font-size:13px !important;}
.adl-detail-page.adl-support .adl-mp-flow .adl-mp-callout p{font-size:12.5px;}
.adl-detail-page.adl-support .adl-mp-flow .adl-mp-callout .adl-sm{font-size:11.5px;}
}
/* === zz159: hero-sub の上余白 + NEXT 募集ボックス === */
.adl-detail-page.adl-support .adl-mp-hero-sub{
margin-top:28px !important;
}
.adl-detail-page.adl-support .adl-mp-next-box{
background:#fff8d3;
border:1px solid #f3dd5f;
border-radius:10px;
padding:14px 18px;
margin:24px 0 8px;
}
.adl-detail-page.adl-support .adl-mp-next-box .adl-mp-next{
display:inline-block;
background:transparent;
color:#5a4500;
font-weight:900;
font-size:14.5px;
padding:0;
margin:0;
letter-spacing:.01em;
}
.adl-detail-page.adl-support .adl-mp-next-box .adl-mp-next-sub{
margin:6px 0 0;
font-size:13.5px;
font-weight:700;
color:#5a4500;
letter-spacing:.01em;
}
.adl-detail-page.adl-support .adl-mp-next-box .adl-mp-next-sub b{
color:#b5226f;
font-weight:900;
}
@media screen and (max-width:540px){
.adl-detail-page.adl-support .adl-mp-next-box{padding:12px 14px;}
.adl-detail-page.adl-support .adl-mp-next-box .adl-mp-next{font-size:13.5px;}
.adl-detail-page.adl-support .adl-mp-next-box .adl-mp-next-sub{font-size:12.5px;}
}
/* === zz160: 登録から発送までの流れ ステップカードを縦並びに === */
.adl-detail-page.adl-support .adl-mp-flow .adl-mp-steps{
display:flex;
flex-direction:column;
gap:12px;
}
.adl-detail-page.adl-support .adl-mp-flow .adl-mp-steps .adl-mp-card{
display:flex;
flex-direction:row;
align-items:center;
gap:18px;
padding:14px 18px;
}
.adl-detail-page.adl-support .adl-mp-flow .adl-mp-steps .adl-mp-card .adl-mp-step{
flex:0 0 auto;
font-size:12px;
font-weight:900;
color:#2cb090;
letter-spacing:.08em;
white-space:nowrap;
min-width:64px;
}
.adl-detail-page.adl-support .adl-mp-flow .adl-mp-steps .adl-mp-card h3{
flex:0 0 auto;
font-size:15px !important;
color:#b5226f !important;
margin:0 !important;
font-weight:900 !important;
white-space:nowrap;
letter-spacing:.01em;
}
.adl-detail-page.adl-support .adl-mp-flow .adl-mp-steps .adl-mp-card p{
flex:1;
font-size:13.5px;
line-height:1.7;
margin:0;
color:#333;
}
@media (max-width:540px){
.adl-detail-page.adl-support .adl-mp-flow .adl-mp-steps .adl-mp-card{
flex-wrap:wrap;
gap:6px 12px;
padding:12px 14px;
}
.adl-detail-page.adl-support .adl-mp-flow .adl-mp-steps .adl-mp-card h3{
font-size:14px !important;
white-space:normal;
}
.adl-detail-page.adl-support .adl-mp-flow .adl-mp-steps .adl-mp-card p{
flex-basis:100%;
font-size:13px;
}
}
/* === zz161: NEXT ボックス内 過去開催レポートリンク === */
.adl-detail-page.adl-support .adl-mp-next-box .adl-mp-next-past{
margin:10px 0 0;
padding-top:10px;
border-top:1px dashed #e0c75c;
font-size:13px;
font-weight:700;
}
.adl-detail-page.adl-support .adl-mp-next-box .adl-mp-next-past a{
color:#5a4500;
text-decoration:none;
display:inline-flex;
align-items:center;
gap:6px;
transition:opacity .2s;
}
.adl-detail-page.adl-support .adl-mp-next-box .adl-mp-next-past a:hover{
opacity:.7;
}
.adl-detail-page.adl-support .adl-mp-next-box .adl-mp-next-arrow{
font-size:14px;
font-weight:900;
transition:transform .2s;
}
.adl-detail-page.adl-support .adl-mp-next-box .adl-mp-next-past a:hover .adl-mp-next-arrow{
transform:translateX(3px);
}
@media (max-width:540px){
.adl-detail-page.adl-support .adl-mp-next-box .adl-mp-next-past{font-size:12.5px;}
}
/* === zz162: 流れブロック内 callout の緑左縦ライン除去 === */
.adl-detail-page.adl-support .adl-mp-flow .adl-mp-callout{
border-left:1px solid #e0e0e0 !important;
}
/* === zz163: NEXT 並び替えに伴う 単独行になった hero-sub-line のスタイル === */
.adl-detail-page.adl-support .adl-mp-hero-sub-line{
color:#b5226f;
text-align:left;
font-weight:900;
font-size:18px;
letter-spacing:.01em;
line-height:1.5;
margin:20px 0 18px;
}
@media screen and (max-width:540px){
.adl-detail-page.adl-support .adl-mp-hero-sub-line{font-size:16px;}
}
/* === zz164: hero-sub-line の上余白拡大 + 掲載メディア実績 + NEXT 内 CTA === */
.adl-detail-page.adl-support .adl-mp-hero-sub-line{
margin-top:48px !important;
}
/* 掲載メディア実績 */
.adl-detail-page.adl-support .adl-mp-media{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:18px;
margin:14px 0 24px;
}
.adl-detail-page.adl-support .adl-mp-media-card{
display:flex;
flex-direction:column;
background:#fff;
border:1px solid #e3e3e3;
border-radius:14px;
overflow:hidden;
text-decoration:none;
color:#333;
box-shadow:0 2px 8px rgba(0,0,0,.05);
transition:transform .2s, box-shadow .2s;
}
.adl-detail-page.adl-support .adl-mp-media-card:hover{
transform:translateY(-2px);
box-shadow:0 6px 16px rgba(0,0,0,.08);
}
.adl-detail-page.adl-support .adl-mp-media-photo{
position:relative;
width:100%;
aspect-ratio:16/9;
background:#eee;
overflow:hidden;
}
.adl-detail-page.adl-support .adl-mp-media-photo img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.adl-detail-page.adl-support .adl-mp-media-video .adl-mp-media-play{
position:absolute;
top:50%;left:50%;
transform:translate(-50%,-50%);
width:54px;height:54px;
border-radius:50%;
background:rgba(0,0,0,.7);
color:#fff;
font-size:20px;
display:flex;
align-items:center;
justify-content:center;
padding-left:4px;
}
.adl-detail-page.adl-support .adl-mp-media-body{
padding:14px 16px 16px;
display:flex;
flex-direction:column;
gap:6px;
}
.adl-detail-page.adl-support .adl-mp-media-src{
font-size:11.5px;
font-weight:900;
color:#2cb090;
letter-spacing:.06em;
text-transform:uppercase;
}
.adl-detail-page.adl-support .adl-mp-media-title{
margin:0 !important;
color:#222 !important;
font-size:14.5px !important;
font-weight:900 !important;
line-height:1.55 !important;
}
.adl-detail-page.adl-support .adl-mp-media-link{
margin-top:4px;
font-size:12.5px;
font-weight:700;
color:#b5226f;
display:inline-flex;
align-items:center;
gap:4px;
}
.adl-detail-page.adl-support .adl-mp-media-arrow{
font-weight:900;
transition:transform .2s;
}
.adl-detail-page.adl-support .adl-mp-media-card:hover .adl-mp-media-arrow{
transform:translateX(3px);
}
@media screen and (max-width:540px){
.adl-detail-page.adl-support .adl-mp-media{
grid-template-columns:1fr;
gap:14px;
}
.adl-detail-page.adl-support .adl-mp-media-title{font-size:13.5px !important;}
}
/* NEXT ボックス内 「今すぐ素材を登録する」ボタン */
.adl-detail-page.adl-support .adl-mp-next-box .adl-mp-next-cta{
margin:14px 0 0;
text-align:center;
}
.adl-detail-page.adl-support .adl-mp-next-box .adl-mp-next-btn{
display:inline-block;
background:#b5226f;
color:#fff;
font-weight:900;
font-size:14.5px;
padding:12px 28px;
border-radius:999px;
text-decoration:none;
letter-spacing:.02em;
box-shadow:0 2px 8px rgba(181,34,111,.25);
transition:transform .2s, box-shadow .2s, opacity .2s;
}
.adl-detail-page.adl-support .adl-mp-next-box .adl-mp-next-btn:hover{
transform:translateY(-1px);
box-shadow:0 4px 12px rgba(181,34,111,.35);
opacity:.95;
}
@media screen and (max-width:540px){
.adl-detail-page.adl-support .adl-mp-next-box .adl-mp-next-btn{font-size:13.5px;padding:10px 22px;}
}
/* === zz165: /support/register/ リピート参加トグル === */
.adl-rform-repeat-box{
background:#fff8d3;
border:1px solid #f3dd5f;
border-radius:12px;
padding:14px 18px 16px;
margin:0 0 28px;
}
.adl-rform-repeat-toggle{
display:inline-flex;
align-items:center;
cursor:pointer;
user-select:none;
}
.adl-rform-repeat-toggle input[type="checkbox"]{
position:absolute;
opacity:0;
pointer-events:none;
}
.adl-rform-repeat-pill{
display:inline-flex;
align-items:center;
gap:8px;
padding:9px 18px;
background:#fff;
border:2px solid #d8c34a;
border-radius:999px;
color:#5a4500;
font-size:14px;
font-weight:900;
letter-spacing:.02em;
transition:background .15s, color .15s, border-color .15s, box-shadow .15s;
}
.adl-rform-repeat-toggle input[type="checkbox"]:focus-visible + .adl-rform-repeat-pill{
box-shadow:0 0 0 3px rgba(216,195,74,.4);
}
.adl-rform-repeat-toggle input[type="checkbox"]:checked + .adl-rform-repeat-pill{
background:#b5226f;
border-color:#b5226f;
color:#fff;
}
.adl-rform-repeat-ico{font-size:14px;line-height:1;}
.adl-rform-repeat-hint{
margin:10px 0 0;
font-size:12.5px;
line-height:1.7;
color:#5a4500;
}
.adl-rform-repeat-hint b{color:#b5226f;}
@media screen and (max-width:540px){
.adl-rform-repeat-box{padding:12px 14px 14px;}
.adl-rform-repeat-pill{font-size:13px;padding:8px 14px;}
.adl-rform-repeat-hint{font-size:12px;}
}
/* === zz166: フォームページ (/support/register/ , /contact/) では右下LINEフローティングバナー非表示 === */
body:has(.adl-register) .line-float-btn,
body:has(.adl-contact) .line-float-btn{
display:none !important;
}
/* === zz167: 記事詳細の画像コンテンツ幅突き抜け防止 + カテゴリリンク化 === */
/* 強制的にコンテンツ枠を超えない */
.adl-report-content,
.adl-report-content figure,
.adl-report-content p,
.adl-report-content div{
max-width:100% !important;
box-sizing:border-box !important;
}
.adl-report-content img{
width:auto !important;
height:auto !important;
max-width:100% !important;
}
.adl-report-content figure{
margin:1.4em auto !important;
}
.adl-report-content figure img{
margin:0 auto !important;
}
/* 親が overflow を吸収できるよう */
.adl-report-detail,
.adl-report-article{
overflow-x:hidden !important;
}
/* カテゴリーリンク化 — span スタイル踏襲 */
.adl-report-cat.adl-report-cat-link{
text-decoration:none;
cursor:pointer;
transition:opacity .2s, transform .15s;
}
.adl-report-cat.adl-report-cat-link:hover{
opacity:.85;
transform:translateY(-1px);
}
/* === zz168: /support/ hero 下のヒーロー画像 === */
.adl-detail-page.adl-support .adl-mp-hero-fig{
margin:6px 0 24px;
text-align:center;
}
.adl-detail-page.adl-support .adl-mp-hero-fig img{
display:block;
width:100%;
height:auto;
border-radius:16px;
object-fit:cover;
}
@media screen and (max-width:540px){
.adl-detail-page.adl-support .adl-mp-hero-fig{margin:4px 0 18px;}
.adl-detail-page.adl-support .adl-mp-hero-fig img{border-radius:12px;}
}
/* === zz169: /support/ hero 画像を 880px breakout で拡大 === */
.adl-detail-page.adl-support .adl-mp-hero-fig{
width:100vw !important;
max-width:100vw !important;
position:relative;
left:50%;
margin-left:-50vw !important;
margin-right:-50vw !important;
padding:0 max(24px, calc(50vw - 480px)) !important;
box-sizing:border-box;
}
.adl-detail-page.adl-support .adl-mp-hero-fig img{
max-width:960px;
margin:0 auto;
}
@media screen and (max-width:540px){
.adl-detail-page.adl-support .adl-mp-hero-fig{padding:0 16px !important;}
}
/* === zz170: /support/register/ 冒頭写真 (.adl-mp-hero-photo) も breakout で拡大 === */
.adl-detail-page.adl-register .adl-mp-hero-photo{
width:100vw !important;
max-width:100vw !important;
position:relative;
left:50%;
margin-left:-50vw !important;
margin-right:-50vw !important;
padding:0 max(24px, calc(50vw - 480px)) !important;
box-sizing:border-box;
aspect-ratio:auto !important;
background:transparent !important;
overflow:visible !important;
border-radius:0 !important;
}
.adl-detail-page.adl-register .adl-mp-hero-photo img{
width:100%;
height:auto;
max-width:960px;
margin:0 auto;
display:block;
border-radius:16px;
object-fit:cover;
}
@media screen and (max-width:540px){
.adl-detail-page.adl-register .adl-mp-hero-photo{padding:0 16px !important;}
.adl-detail-page.adl-register .adl-mp-hero-photo img{border-radius:12px;}
}
/* === zz171: フィルターボタンの件数バッジ === */
.adl-report-filter .adl-rf-btn{
display:inline-flex;
align-items:center;
gap:6px;
}
.adl-rf-count{
display:inline-block;
font-size:11px;
font-weight:700;
padding:1px 7px;
border-radius:999px;
background:rgba(0,0,0,.08);
color:inherit;
line-height:1.6;
min-width:22px;
text-align:center;
}
.adl-rf-btn.is-active .adl-rf-count{
background:rgba(255,255,255,.25);
color:#fff;
}
/* === zz172: 件数バッジ → 半角スペース＋グレー数字に変更 === */
.adl-report-filter .adl-rf-btn{
display:inline-block !important;
gap:0 !important;
}
.adl-rf-count{
display:inline !important;
background:none !important;
padding:0 !important;
border-radius:0 !important;
font-size:12px !important;
font-weight:400 !important;
color:#999 !important;
line-height:inherit !important;
min-width:0 !important;
text-align:left !important;
}
.adl-rf-count::before{
content:" ";
}
.adl-rf-btn.is-active .adl-rf-count{
background:none !important;
color:rgba(255,255,255,.75) !important;
}
/* === zz173: カード内のカテゴリー表記を一回り小さく === */
.adl-report-grid .adl-report-card .adl-report-cat,
.adl-topics-grid .adl-report-card .adl-report-cat{
font-size:10px !important;
padding:1px 9px !important;
margin:0 4px 3px 0 !important;
line-height:1.55 !important;
}
@media screen and (max-width:540px){
.adl-report-grid .adl-report-card .adl-report-cat,
.adl-topics-grid .adl-report-card .adl-report-cat{
font-size:9px !important;
padding:1px 7px !important;
}
}
/* === zz174: zz167 で破壊された .adl-report-content の 70%幅を復元
（zz123 の意図を保ちつつ、画像オーバーフロー対策は子要素にだけ適用） */
.adl-report-content{
max-width:70% !important;
margin-left:auto !important;
margin-right:auto !important;
}
@media screen and (max-width:840px){
.adl-report-content{max-width:100% !important;}
}
/* === zz175: カード内カテゴリーを 3つ並ぶサイズに調整 === */
.adl-report-grid .adl-report-card .adl-report-cats,
.adl-topics-grid .adl-report-card .adl-report-cats{
display:flex;
flex-wrap:wrap;
gap:3px 4px;
margin:0 0 10px;
}
.adl-report-grid .adl-report-card .adl-report-cat,
.adl-topics-grid .adl-report-card .adl-report-cat{
font-size:9.5px !important;
padding:1px 7px !important;
margin:0 !important;
line-height:1.5 !important;
white-space:nowrap;
letter-spacing:0;
}
@media screen and (max-width:540px){
.adl-report-grid .adl-report-card .adl-report-cat,
.adl-topics-grid .adl-report-card .adl-report-cat{
font-size:9px !important;
padding:1px 6px !important;
}
}
/* === zz176: カード内カテゴリーの文字を縦中央に揃える === */
.adl-report-grid .adl-report-card .adl-report-cat,
.adl-topics-grid .adl-report-card .adl-report-cat{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
padding:4px 9px 4px !important;
line-height:1 !important;
font-size:9.5px !important;
letter-spacing:0;
white-space:nowrap;
}
@media screen and (max-width:540px){
.adl-report-grid .adl-report-card .adl-report-cat,
.adl-topics-grid .adl-report-card .adl-report-cat{
font-size:9px !important;
padding:4px 8px !important;
}
}
/* === zz177: カード内カテゴリーを一回り大きく === */
.adl-report-grid .adl-report-card .adl-report-cat,
.adl-topics-grid .adl-report-card .adl-report-cat{
font-size:11.5px !important;
padding:5px 12px !important;
line-height:1 !important;
}
@media screen and (max-width:540px){
.adl-report-grid .adl-report-card .adl-report-cat,
.adl-topics-grid .adl-report-card .adl-report-cat{
font-size:10.5px !important;
padding:5px 11px !important;
}
}
/* === zz178: 関連記事・一覧に戻る・LINEバナーは fade対象から除外して常時表示 === */
.adl-report-related.adl-fade-init,
.adl-report-back.adl-fade-init,
.adl-report-static-extras.adl-fade-init,
.line-float-btn.adl-fade-init,
.adl-fade-init .adl-report-related,
.adl-fade-init .adl-report-back,
.adl-fade-init .adl-report-static-extras{
opacity:1 !important;
transform:none !important;
}
/* IntersectionObserver が反応しなかった場合の最終保険 */
.adl-report-detail .adl-report-related,
.adl-report-detail .adl-report-back,
.adl-report-static-extras{
opacity:1 !important;
transform:none !important;
}
/* === zz179: レポート本文の ul/ol を概要カード（クリームボックス）スタイルに === */
.adl-report-content > ul,
.adl-report-content > ol,
.adl-report-content > p + ul,
.adl-report-content > p + ol{
background:#faf8f2 !important;
padding:18px 22px !important;
border-radius:8px !important;
border:1px solid #f0e9d5 !important;
font-size:14px !important;
line-height:2 !important;
margin:0 0 1.6em !important;
color:#333 !important;
list-style-position:inside;
}
.adl-report-content > ul > li,
.adl-report-content > ol > li,
.adl-report-content > p + ul > li,
.adl-report-content > p + ol > li{
margin:.2em 0 !important;
padding-left:0;
}
.adl-report-content > ul a,
.adl-report-content > ol a,
.adl-report-content > p + ul a,
.adl-report-content > p + ol a{
color:#b5226f !important;
}
/* del（取り消し線）を視認性高く */
.adl-report-content del{color:#999;}
/* === zz180: 記事詳細内のボタン (.adl-btn) を中央配置に統一 === */
.adl-report-content a.adl-btn{
display:inline-block;
margin:1.2em auto !important;
text-align:center;
}
/* ボタンの親段落 / 段落直接の中央寄せも */
.adl-report-content p:has(> a.adl-btn),
.adl-report-content h2:has(> a.adl-btn),
.adl-report-content h3:has(> a.adl-btn),
.adl-report-content h4:has(> a.adl-btn),
.adl-report-content h5:has(> a.adl-btn){
text-align:center !important;
}
/* ===== Step カルーセル（カリキュラム全6回） ===== */
.adl-step-section{width:min(1100px, calc(100vw - 48px));margin:24px auto 56px;}
.adl-step-carousel{position:relative;display:flex;align-items:stretch;gap:8px;}
.adl-step-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:8px 2px 16px;flex:1;align-items:stretch;}
.adl-step-track::-webkit-scrollbar{display:none;}
.adl-step-card{flex:0 0 calc((100% - 36px)/2.5);scroll-snap-align:start;background:#fff;border:1.5px solid #e3e3e3;border-radius:18px;padding:24px 22px;box-shadow:0 2px 10px rgba(0,0,0,.05);display:flex;flex-direction:column;}
.adl-step-card .adl-step-num{font-size:11px;font-weight:700;letter-spacing:.08em;color:#c0136b;margin:0 0 4px;}
.adl-step-card h3{margin:0 0 12px;font-size:16px;line-height:1.45;color:#2cb090;}
.adl-step-card .adl-step-lead{margin:0 0 10px;font-size:13px;color:#333;}
.adl-step-card p{margin:0 0 8px;font-size:13px;line-height:1.85;color:#333;}
.adl-step-nav{flex:0 0 36px;width:36px;height:36px;border-radius:50%;border:none;background:#c0136b;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;align-self:center;transition:opacity .2s;}
.adl-step-nav:hover{opacity:.8;}
.adl-step-dots{display:flex;justify-content:center;gap:8px;margin-top:6px;}
.adl-step-dots button{width:8px;height:8px;border-radius:50%;border:none;background:#ddd;cursor:pointer;padding:0;}
.adl-step-dots button.on{background:#c0136b;}
@media screen and (max-width:840px){.adl-step-card{flex-basis:calc((100% - 18px)/2);}}
@media screen and (max-width:540px){
.adl-step-section{width:calc(100vw - 32px);margin-bottom:32px;}
.adl-step-track{padding:6px 2px 8px;gap:12px;}
.adl-step-card{flex-basis:100%;padding:18px 16px;}
.adl-step-card .adl-step-photo{margin:-10px -8px 8px;}
.adl-step-card h3{font-size:15px;margin-bottom:8px;}
.adl-step-card p{font-size:12.5px;line-height:1.8;}
.adl-step-dots{margin-top:4px;}
.adl-step-nav{display:none;}
}
/* === curriculum: コンテンツ幅をmessage相当に広げる === */
.adl-detail-page.adl-curriculum,
.adl-detail-page.adl-ordermade{max-width:732px;}
/* === curriculum: 冒頭ヒーロー画像をsupportと同じbreakoutで === */
.adl-detail-page.adl-curriculum .adl-mp-hero-fig{
margin:6px 0 24px;text-align:center;
width:100vw !important;max-width:100vw !important;
position:relative;left:50%;
margin-left:-50vw !important;margin-right:-50vw !important;
padding:0 max(24px, calc(50vw - 480px)) !important;
box-sizing:border-box;
}
.adl-detail-page.adl-curriculum .adl-mp-hero-fig img{
display:block;width:100%;height:auto;max-width:960px;margin:0 auto;
border-radius:16px;object-fit:cover;
}
@media screen and (max-width:540px){
.adl-detail-page.adl-curriculum .adl-mp-hero-fig{padding:0 16px !important;}
.adl-detail-page.adl-curriculum .adl-mp-hero-fig img{border-radius:12px;}
}
/* === Step カード画像 === */
.adl-step-card .adl-step-photo{margin:-14px -12px 6px;border-radius:8px;overflow:hidden;}
.adl-step-card .adl-step-photo img{display:block;width:100%;height:auto;}
/* === STEP 1 体験会バッジ === */
.adl-step-card .adl-step-trial-badge{
display:inline-block;
background:#c0136b;
color:#fff;
border-radius:999px;
padding:4px 14px;
font-size:11px;
font-weight:700;
letter-spacing:.04em;
margin:0 0 12px;
}
/* === 全6回のステップ リストを枠付きに === */
.adl-detail-page.adl-curriculum ol.adl-step-list{
list-style:none;
padding:0;
margin:0 0 1em;
counter-reset:stp;
display:flex;
flex-direction:column;
gap:10px;
}
.adl-detail-page.adl-curriculum ol.adl-step-list > li{
counter-increment:stp;
background:none;border:none;border-radius:0;
padding:0;margin:0;text-indent:0;
}
.adl-detail-page.adl-curriculum ol.adl-step-list > li .adl-step-desc{
display:block;
background:#fafafa;
border:1.5px solid #eee;
border-radius:8px;
padding:14px 16px;
}
.adl-detail-page.adl-curriculum ol.adl-step-list > li::before{content:none;}
.adl-detail-page.adl-curriculum ol.adl-step-list > li strong{display:block;margin:0 0 4px;color:#2cb090;font-size:15px;font-weight:900;line-height:1.4;}
/* === zz182: TOP Event&Report の下 と Class の上の余白を詰める === */
.adl-home-reports{padding-bottom:32px !important;}
.adl-class-head{margin:32px 0 24px !important;}
@media screen and (max-width:540px){
.adl-home-reports{padding-bottom:16px !important;}
.adl-class-head{margin:16px 0 16px !important;}
}
/* === zz183: TOP ページ ピンボール風 黄色スパイクモチーフ === */
.adl-pinball-wrap{
position:fixed;
top:0; left:0;
width:180px; height:180px;
pointer-events:none;
z-index:1;
will-change:transform;
animation: adl-pinball-move 22s ease-in-out infinite;
}
.adl-pinball{
width:100%; height:100%;
background:#dad33c;
filter:drop-shadow(0 4px 14px rgba(218,211,60,.35));
clip-path: polygon(
50% 0%, 56% 18%, 67% 6%, 63% 22%,
78% 10%, 70% 27%, 88% 18%, 75% 33%,
96% 28%, 78% 40%, 100% 45%, 80% 50%,
96% 62%, 78% 56%, 90% 76%, 73% 60%,
82% 92%, 68% 66%, 64% 100%, 58% 72%,
50% 96%, 44% 74%, 35% 100%, 38% 68%,
18% 94%, 30% 66%, 5% 84%, 28% 60%,
0% 60%, 24% 52%, 2% 38%, 28% 46%,
8% 18%, 32% 38%, 22% 4%, 40% 30%, 34% 0%, 46% 26%
);
animation: adl-pinball-spin 9s linear infinite;
}
/* ピンボール風: 画面の角々を不規則に跳ね回る */
@keyframes adl-pinball-move{
0% { transform: translate(8vw, 15vh); }
10% { transform: translate(76vw, 8vh); }
20% { transform: translate(82vw, 62vh); }
30% { transform: translate(22vw, 78vh); }
40% { transform: translate(5vw, 38vh); }
50% { transform: translate(58vw, 25vh); }
60% { transform: translate(86vw, 76vh); }
70% { transform: translate(15vw, 60vh); }
80% { transform: translate(72vw, 38vh); }
90% { transform: translate(32vw, 12vh); }
100% { transform: translate(8vw, 15vh); }
}
@keyframes adl-pinball-spin{
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
@media screen and (max-width:540px){
.adl-pinball-wrap{width:120px;height:120px;}
}
@media (prefers-reduced-motion: reduce){
.adl-pinball-wrap, .adl-pinball{animation:none !important;}
.adl-pinball-wrap{display:none;}
}
/* === zz184: ピンボールモチーフを最背面に === */
.adl-pinball-wrap{
z-index:-1 !important;
opacity:.65;
}
body{position:relative;}
/* === zz185: ピンボール 蛍光イエローに（neon yellow） === */
.adl-pinball{
background:#f6ff00 !important;
filter:drop-shadow(0 0 18px rgba(246,255,0,.7)) drop-shadow(0 0 8px rgba(255,255,120,.9)) !important;
}
/* === zz186: ピンボール ギザギザを2層重ねて躍動的に（バースト＋逆回転） === */
.adl-pinball-wrap{
width:230px !important;
height:230px !important;
}
/* 既存 .adl-pinball を「容器」として使い、scale パルスで脈動 */
.adl-pinball{
background:transparent !important;
clip-path:none !important;
position:relative;
filter:drop-shadow(0 0 22px rgba(246,255,0,.7)) drop-shadow(0 0 10px rgba(255,255,140,.9)) !important;
animation: adl-pinball-burst 1.4s cubic-bezier(.36,.07,.19,.97) infinite !important;
}
.adl-pinball::before,
.adl-pinball::after{
content:"";
position:absolute;
inset:0;
background:#f6ff00;
}
/* 第1層: 既存のギザギザ 38点 */
.adl-pinball::before{
clip-path: polygon(
50% 0%, 56% 18%, 67% 6%, 63% 22%,
78% 10%, 70% 27%, 88% 18%, 75% 33%,
96% 28%, 78% 40%, 100% 45%, 80% 50%,
96% 62%, 78% 56%, 90% 76%, 73% 60%,
82% 92%, 68% 66%, 64% 100%, 58% 72%,
50% 96%, 44% 74%, 35% 100%, 38% 68%,
18% 94%, 30% 66%, 5% 84%, 28% 60%,
0% 60%, 24% 52%, 2% 38%, 28% 46%,
8% 18%, 32% 38%, 22% 4%, 40% 30%, 34% 0%, 46% 26%
);
animation: adl-pinball-spin 9s linear infinite;
transform-origin: center;
}
/* 第2層: ずれたギザギザ（さらに尖り強め）逆回転で重なって動的に */
.adl-pinball::after{
clip-path: polygon(
50% 0%, 60% 26%, 80% 4%, 64% 30%,
98% 16%, 70% 40%, 100% 52%, 72% 52%,
88% 88%, 60% 58%, 56% 100%, 48% 64%,
16% 96%, 34% 60%, 4% 72%, 26% 50%,
0% 46%, 30% 42%, 8% 14%, 36% 32%, 28% 0%, 44% 28%
);
animation: adl-pinball-spin 6.3s linear infinite reverse;
transform-origin: center;
opacity:.7;
}
@keyframes adl-pinball-burst{
0% { transform: scale(1) skew(0deg,0deg); }
18% { transform: scale(1.18) skew(2deg,-2deg); }
32% { transform: scale(.94) skew(-1deg,1deg); }
50% { transform: scale(1.32) skew(0deg,0deg); }
68% { transform: scale(.97) skew(-2deg,2deg); }
82% { transform: scale(1.12) skew(1deg,-1deg); }
100% { transform: scale(1) skew(0deg,0deg); }
}
@media screen and (max-width:540px){
.adl-pinball-wrap{width:150px !important;height:150px !important;}
}
/* === zz187: /class/ 3クラス見出し h3 を見出しレッドに === */
h3[data-s-82b0cbb7]{
color:#b5226f !important;
}
/* === 入会の流れ 横ステップ === */
.adl-detail-page.adl-curriculum ol.adl-flow-steps{
list-style:none;padding:0;margin:24px 0 20px;
display:flex;align-items:flex-start;justify-content:space-between;gap:0;
counter-reset:none;
}
.adl-detail-page.adl-curriculum ol.adl-flow-steps > li{
flex:1;display:flex;flex-direction:column;align-items:center;
position:relative;padding:0;margin:0;text-indent:0;background:none;border:none;border-radius:0;
font-size:12px;text-align:center;color:#333;line-height:1.5;
}
.adl-detail-page.adl-curriculum ol.adl-flow-steps > li::before{content:none;}
.adl-detail-page.adl-curriculum ol.adl-flow-steps > li:not(:last-child)::after{
content:"";position:absolute;top:18px;left:50%;width:100%;height:2px;background:#e3e3e3;z-index:0;
}
.adl-flow-num{
width:36px;height:36px;border-radius:50%;
background:#c0136b;color:#fff;
display:flex;align-items:center;justify-content:center;
font-weight:700;font-size:14px;
position:relative;z-index:1;margin-bottom:8px;
}
.adl-flow-label{display:block;line-height:1.5;font-weight:600;color:#333;}
@media (max-width:540px){
/* 1行表示を維持。アイコンとフォントを縮小して収める */
.adl-detail-page.adl-curriculum ol.adl-flow-steps{flex-wrap:nowrap;gap:0;}
.adl-detail-page.adl-curriculum ol.adl-flow-steps > li{flex:1;font-size:10.5px;line-height:1.4;}
.adl-detail-page.adl-curriculum ol.adl-flow-steps > li .adl-flow-num{width:28px;height:28px;font-size:12px;}
.adl-detail-page.adl-curriculum ol.adl-flow-steps > li:not(:last-child)::after{top:14px;}
}
.adl-detail-page.adl-curriculum ol.adl-step-list .adl-step-trial-badge{display:inline-block;background:#c0136b;color:#fff;border-radius:999px;padding:4px 14px;font-size:11px;font-weight:700;letter-spacing:.04em;margin:0 0 8px;}
/* === zz188: 背景透過化 — body の白塗りでピンボールが隠れる問題を解消 === */
html{background:#fff;}
body{background:transparent !important;}
/* STUDIO の main / container も透過に */
body main,
body > div,
.container,
.StudioCanvas{background:transparent !important;}
.adl-pinball-wrap{z-index:0 !important;}
/* === zz189: zz188 の z-index 上書きを取り消して -1 に戻す === */
.adl-pinball-wrap{z-index:-1 !important;}
/* === zz190: ピンボールを必ず可視化 — 半透明＋multiply で背景レイヤとして表示 === */
.adl-pinball-wrap{
z-index:9999 !important; /* コンテンツの上に重ねる */
opacity:.35 !important;
mix-blend-mode:multiply;
pointer-events:none !important;
}
.adl-pinball::before,
.adl-pinball::after{
filter:none !important;
}
/* === zz191: イガイガ強弱を強める — 鋭く長いトゲ＋短いコブで起伏を強調 === */
.adl-pinball::before{
clip-path: polygon(
/* 1) 上 真上の超長スパイク + 短いコブ */
50% 0%, 54% 28%, 60% 18%, 58% 30%,
/* 2) 右上 中スパイク+小コブ群 */
78% 4%, 62% 32%, 92% 14%, 66% 36%,
/* 3) 右 超長水平スパイク */
100% 38%, 70% 42%, 96% 50%, 70% 50%,
/* 4) 右下 細長 */
98% 70%, 68% 56%, 82% 96%, 60% 60%,
/* 5) 真下 超長 */
55% 100%, 50% 65%, 42% 100%, 46% 64%,
/* 6) 左下 大スパイク */
18% 96%, 38% 60%, 0% 82%, 32% 56%,
/* 7) 左 超長水平 */
2% 50%, 30% 50%, 6% 28%, 34% 42%,
/* 8) 左上 長＋短コブ */
14% 6%, 38% 32%, 30% 0%, 44% 28%
);
}
.adl-pinball::after{
/* レイヤ2: 異なる角度の長スパイク群（短いコブと交互） */
clip-path: polygon(
35% 0%, 48% 32%, 65% 6%, 52% 30%,
100% 18%, 64% 38%, 88% 38%, 64% 44%,
100% 56%, 66% 50%, 88% 78%, 60% 56%,
72% 100%, 52% 66%, 38% 96%, 46% 62%,
8% 100%, 34% 58%, 14% 80%, 32% 50%,
0% 60%, 30% 46%, 18% 24%, 38% 40%,
4% 2%, 40% 30%
);
}
/* === zz192: /event-report/ 検索ボックス === */
.adl-report-search{
display:flex;
align-items:center;
gap:6px;
max-width:560px;
margin:0 auto 20px;
background:#fff;
border:1.5px solid #e3e3e3;
border-radius:999px;
padding:6px 8px 6px 16px;
box-shadow:0 1px 4px rgba(0,0,0,.04);
transition:border-color .15s, box-shadow .15s;
}
.adl-report-search:focus-within{
border-color:#c0136b;
box-shadow:0 0 0 4px rgba(192,19,107,.12);
}
.adl-report-search input[type="search"]{
flex:1;
border:0;
outline:none;
background:transparent;
font-size:14px;
font-family:inherit;
padding:8px 0;
min-width:0;
}
.adl-report-search button{
width:36px;
height:36px;
border:0;
border-radius:50%;
background:#c0136b;
color:#fff;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
flex:0 0 36px;
transition:opacity .15s;
}
.adl-report-search button:hover{opacity:.85;}
.adl-report-search button .material-icons{font-size:18px;line-height:1;}
@media screen and (max-width:540px){
.adl-report-search{margin:0 8px 16px;padding:4px 6px 4px 12px;}
.adl-report-search input[type="search"]{font-size:13.5px;}
.adl-report-search button{width:32px;height:32px;flex-basis:32px;}
}
/* === curriculum: 体験会ウェイティング登録 フロー（support踏襲） === */
.adl-detail-page.adl-curriculum .adl-wait-flow{
background:#fdf6df;
border-radius:14px;
padding:36px 28px 32px;
margin:48px 0 0;
}
.adl-detail-page.adl-curriculum .adl-wait-flow-head{
text-align:center;
font-size:22px;
font-weight:900;
color:#b5226f;
margin:0 0 24px;
line-height:1.4;
}
.adl-detail-page.adl-curriculum .adl-wait-steps{
display:flex;
flex-direction:column;
gap:10px;
margin:0 0 20px;
}
.adl-detail-page.adl-curriculum .adl-wait-card{
background:#fff;
border-radius:999px;
padding:14px 22px;
display:flex;
align-items:center;
gap:14px;
flex-wrap:wrap;
}
.adl-detail-page.adl-curriculum .adl-wait-card .adl-wait-step{
font-size:11px;
font-weight:700;
letter-spacing:.08em;
color:#2cb090;
flex:0 0 auto;
}
.adl-detail-page.adl-curriculum .adl-wait-card h3{
font-size:15px;
font-weight:900;
color:#b5226f;
margin:0;
flex:0 0 auto;
line-height:1.4;
}
.adl-detail-page.adl-curriculum .adl-wait-card p{
font-size:13px;
color:#333;
margin:0;
flex:1;
min-width:0;
line-height:1.6;
}
.adl-detail-page.adl-curriculum .adl-wait-note{
font-size:22px;
font-weight:900;
text-align:center;
color:#b5226f;
margin:0 0 28px;
line-height:1.5;
background:#fff;
border-radius:14px;
padding:22px 24px;
}
.adl-detail-page.adl-curriculum .adl-wait-note strong{color:#b5226f;font-size:1.15em;}
@media (max-width:540px){
.adl-detail-page.adl-curriculum .adl-wait-note{font-size:17px;padding:18px 16px;}
}
.adl-detail-page.adl-curriculum .adl-wait-sub-title{
font-size:14px;
font-weight:900;
text-align:center;
color:#b5226f;
margin:0 0 12px;
}
.adl-detail-page.adl-curriculum .adl-wait-callout{
background:#fff;
border-radius:12px;
padding:18px 22px;
margin:0 0 24px;
}
.adl-detail-page.adl-curriculum .adl-wait-callout p{margin:0 0 8px;font-size:13.5px;line-height:1.85;}
.adl-detail-page.adl-curriculum .adl-wait-callout p:last-child{margin:0;}
.adl-detail-page.adl-curriculum .adl-wait-callout .adl-sm{font-size:12.5px;color:#555;}
.adl-detail-page.adl-curriculum .adl-wait-flow .adl-cta{margin:0;text-align:center;}
@media (max-width:540px){
.adl-detail-page.adl-curriculum .adl-wait-flow{padding:24px 16px;}
.adl-detail-page.adl-curriculum .adl-wait-flow-head{font-size:18px;}
.adl-detail-page.adl-curriculum .adl-wait-card{border-radius:14px;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 18px;}
.adl-detail-page.adl-curriculum .adl-wait-card p{font-size:12.5px;}
}
/* === zz193: 検索ボタンの虫眼鏡を白に === */
.adl-report-search button,
.adl-report-search button .material-icons{
color:#fff !important;
}
/* === zz194: 404ページ === */
.adl-404-page{
text-align:center;
padding:40px 24px 60px;
}
.adl-404-content{
margin-top:32px;
}
.adl-404-code{
font-size:120px;
font-weight:900;
color:#dad33c;
margin:0;
line-height:1;
letter-spacing:-.04em;
text-shadow:4px 4px 0 rgba(192,19,107,.15);
}
.adl-404-title{
font-size:24px;
font-weight:900;
color:#b5226f;
margin:24px 0 16px;
}
.adl-404-lead{
font-size:14px;
line-height:1.9;
color:#555;
margin:0 0 36px;
}
.adl-404-links{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:14px;
max-width:560px;
margin:0 auto;
}
.adl-404-link{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
padding:18px 12px;
background:#fff;
border:1.5px solid #e3e3e3;
border-radius:14px;
text-decoration:none;
color:#333;
transition:border-color .2s, transform .15s, box-shadow .2s;
}
.adl-404-link:hover{
border-color:#b5226f;
transform:translateY(-2px);
box-shadow:0 4px 12px rgba(181,34,111,.12);
}
.adl-404-link-en{
font-size:14px;
font-weight:900;
color:#b5226f;
letter-spacing:.04em;
}
.adl-404-link-jp{
font-size:11px;
font-weight:700;
color:#666;
margin-top:4px;
}
@media screen and (max-width:540px){
.adl-404-code{font-size:80px;}
.adl-404-title{font-size:18px;}
.adl-404-lead{font-size:13px;}
.adl-404-links{grid-template-columns:repeat(2,1fr);gap:10px;}
.adl-404-link{padding:14px 10px;}
}
/* === zz195: 検索結果ページ === */
.adl-search-page{padding:40px 24px 60px;}
.adl-search-header{text-align:center;margin-bottom:36px;}
.adl-search-section-title{font-size:13px;font-weight:900;color:#999;letter-spacing:.16em;margin:0 0 8px;}
.adl-search-title{font-size:28px;font-weight:900;color:#dad33c;margin:0 0 20px;letter-spacing:.02em;text-shadow:3px 3px 0 rgba(192,19,107,.12);}
.adl-search-input{margin:0 auto 20px;}
.adl-search-meta{font-size:13px;color:#555;margin:0;}
.adl-search-meta b{color:#b5226f;}
.adl-search-results{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:24px;
margin:24px 0 40px;
}
.adl-search-card{
display:flex;
flex-direction:column;
background:#fff;
border:1px solid #eee;
border-radius:10px;
overflow:hidden;
text-decoration:none;
color:inherit;
transition:box-shadow .2s, transform .15s;
}
.adl-search-card:hover{
box-shadow:0 6px 20px rgba(0,0,0,.08);
transform:translateY(-2px);
}
.adl-search-thumb{
width:100%;
aspect-ratio:3/2;
background:#f5f5f5;
overflow:hidden;
}
.adl-search-noimg{background:linear-gradient(135deg,#fef9ce,#fff);}
.adl-search-body{padding:14px 16px 18px;}
.adl-search-label{
display:inline-block;
font-size:10.5px;
font-weight:900;
color:#2cb090;
letter-spacing:.06em;
margin-bottom:8px;
}
.adl-search-h{
font-size:14.5px !important;
font-weight:800 !important;
line-height:1.55 !important;
margin:0 0 8px !important;
color:#222 !important;
display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.adl-search-excerpt{
font-size:12.5px;
color:#666;
line-height:1.7;
margin:0 0 10px;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.adl-search-date{
font-size:11.5px;
color:#999;
margin:0;
}
.adl-search-empty{
text-align:center;
font-size:14px;
color:#666;
padding:60px 24px;
background:#fafafa;
border-radius:14px;
line-height:1.9;
}
@media screen and (max-width:780px){
.adl-search-results{grid-template-columns:repeat(2,1fr);gap:16px;}
}
@media screen and (max-width:540px){
.adl-search-page{padding:24px 16px 40px;}
.adl-search-results{grid-template-columns:1fr;gap:14px;}
.adl-search-title{font-size:22px;}
}
/* === trial-waiting: 確認/完了画面 === */
.adl-detail-page.adl-curriculum .adl-tw-progress > li{flex:1;color:#aaa;}
.adl-detail-page.adl-curriculum .adl-tw-progress > li .adl-flow-num{background:#ddd;color:#fff;}
.adl-detail-page.adl-curriculum .adl-tw-progress > li.adl-flow-step-on{color:#333;}
.adl-detail-page.adl-curriculum .adl-tw-progress > li.adl-flow-step-on .adl-flow-num{background:#c0136b;}
.adl-detail-page.adl-curriculum .adl-tw-progress > li:not(:last-child)::after{background:#ddd;}
.adl-detail-page.adl-curriculum .adl-tw-pane{margin:8px 0 24px;}
.adl-detail-page.adl-curriculum .adl-tw-confirm-dl{
background:#fff;border:1px solid #e3e3e3;border-radius:14px;padding:18px 22px;margin:16px 0 28px;
display:grid;grid-template-columns:140px 1fr;gap:10px 16px;
}
.adl-detail-page.adl-curriculum .adl-tw-confirm-dl dt{font-size:13px;font-weight:700;color:#2cb090;margin:0;}
.adl-detail-page.adl-curriculum .adl-tw-confirm-dl dd{font-size:14px;font-weight:600;color:#333;margin:0;word-break:break-word;}
@media (max-width:540px){.adl-detail-page.adl-curriculum .adl-tw-confirm-dl{grid-template-columns:1fr;gap:6px 0;}.adl-detail-page.adl-curriculum .adl-tw-confirm-dl dt{margin-top:8px;}.adl-detail-page.adl-curriculum .adl-tw-confirm-dl dd{padding-bottom:8px;border-bottom:1px solid #f0f0f0;}}
.adl-detail-page.adl-curriculum .adl-tw-done-box{
background:#fdf6df;border-radius:14px;padding:32px 28px;text-align:center;
}
.adl-detail-page.adl-curriculum .adl-tw-done-head{font-size:20px;font-weight:900;color:#b5226f;margin:0 0 16px;}
.adl-detail-page.adl-curriculum .adl-tw-done-note{font-size:13px;color:#666;margin-top:18px;}
.adl-detail-page.adl-curriculum .adl-rform-submit-wrap{text-align:center;margin-top:24px;}
.adl-detail-page.adl-curriculum .adl-rform-submit{min-width:240px;}
/* === zz196: 全ページ共通パンくず + 404画像 === */
.adl-404-fig{
margin:0 auto 28px;
max-width:520px;
}
.adl-404-fig img{
width:100%;
height:auto;
display:block;
border-radius:16px;
}
@media screen and (max-width:540px){
.adl-404-fig{max-width:280px;margin:0 auto 18px;}
.adl-404-fig img{border-radius:12px;}
}
/* === zz198: zz188の背景透過化を取消（メニュー遷移時の黒帯出現を解消） === */
html{background:initial;}
body{background:var(--s-color-069b3beb) !important;}
body main,
body > div,
.container,
.StudioCanvas{background:initial !important;}
/* === register/trial-waiting フォームスタイルを contact (CF7) 風に統一 === */
.adl-rform input[type=text],
.adl-rform input[type=email],
.adl-rform input[type=tel],
.adl-rform input[type=url],
.adl-rform input[type=date],
.adl-rform textarea{
border:2px solid #e0e0e0 !important;
border-radius:12px !important;
padding:12px 16px !important;
font-size:16px !important;
font-weight:600 !important;
color:#333 !important;
background:#fff !important;
box-sizing:border-box;
width:100%;
}
.adl-rform input:focus,
.adl-rform textarea:focus{
border-color:#dac127 !important;
box-shadow:none !important;
}
/* セクション見出し（legend）= adl-form-section 風 */
.adl-rform-fs{border:none !important;padding:0 !important;background:none !important;gap:18px !important;}
.adl-rform-fs > legend{
font-size:16px !important;
font-weight:900 !important;
color:#333 !important;
letter-spacing:0 !important;
padding:0 !important;
margin:28px 0 10px !important;
}
/* trial-waiting: 「お子様の情報」見出し（最初のfieldset legend）を非表示 */
.adl-tw-form .adl-rform-fs:first-of-type > legend{display:none !important;}
.adl-rform-row > label,
.adl-rform-label{font-size:16px !important;font-weight:900 !important;color:#333 !important;line-height:1.6 !important;}
/* 必須バッジ */
.adl-rform-req{
background:#b5226f !important;color:#fff !important;
font-size:11px !important;font-weight:700 !important;
border-radius:6px !important;padding:2px 8px !important;
margin-left:8px !important;letter-spacing:.04em !important;
vertical-align:2px;
}
/* ラジオ・チェックボックス */
.adl-rform-radios,.adl-rform-checks{display:flex;flex-direction:column;gap:10px;}
.adl-rform-radio,.adl-rform-check{
display:flex;align-items:center;gap:10px;
font-size:15px !important;font-weight:600 !important;color:#333 !important;
line-height:1.6 !important;cursor:pointer;margin:0;
}
.adl-rform input[type=radio],
.adl-rform input[type=checkbox]{
width:18px !important;height:18px !important;
accent-color:#b5226f !important;
flex:none;
border-radius:0 !important;border:none !important;padding:0 !important;
}
/* 送信ボタン: contact風（黒丸 + 独特shadow） */
.adl-rform-submit-wrap{text-align:center;margin-top:40px;}
.adl-rform .adl-rform-btn,
.adl-rform .adl-detail-btn,
.adl-tw-form button[type=submit],
#adl-tw-confirm .adl-tw-send{
display:inline-block;box-sizing:border-box;
background:#333 !important;color:#fff !important;
font-weight:900 !important;font-size:18px !important;
padding:16px 56px !important;
border-radius:128px !important;
border:2px solid #333 !important;
font-family:"Noto Sans JP",sans-serif;
line-height:1.4;cursor:pointer;
box-shadow:-2px 6px 0 0 #f8f8f8,-2px 6px 0 2px #333 !important;
transition:background .2s,color .2s;
text-decoration:none;
}
.adl-rform .adl-rform-btn:hover,
.adl-rform .adl-detail-btn:hover,
.adl-tw-form button[type=submit]:hover,
#adl-tw-confirm .adl-tw-send:hover{background:#fff !important;color:#333 !important;}
/* 「戻る」ボタンはグレー */
#adl-tw-confirm .adl-tw-back{
background:#999 !important;border-color:#999 !important;
box-shadow:-2px 6px 0 0 #f8f8f8,-2px 6px 0 2px #999 !important;
}
#adl-tw-confirm .adl-tw-back:hover{background:#fff !important;color:#999 !important;}
/* === adl-rform select (contact風) === */
.adl-rform select.adl-rform-select{
border:2px solid #e0e0e0 !important;
border-radius:12px !important;
padding:12px 40px 12px 16px !important;
font-size:16px !important;
font-weight:600 !important;
color:#333 !important;
background:#fff url("data:image/svg+xml;utf8,") no-repeat right 14px center !important;
-webkit-appearance:none;-moz-appearance:none;appearance:none;
width:100%;
box-sizing:border-box;
font-family:"Noto Sans JP",sans-serif;
line-height:1.6 !important;
cursor:pointer;
}
.adl-rform select.adl-rform-select:focus{outline:none;border-color:#dac127 !important;}
/* === zz200: 404ロゴ小サイズ === */
.adl-404-fig.adl-404-fig-sm{max-width:300px;margin:0 auto 24px;}
@media screen and (max-width:540px){
.adl-404-fig.adl-404-fig-sm{max-width:200px;margin:0 auto 16px;}
}
/* === ordermade: 冒頭ヒーロー画像 (curriculum と同じ breakout) === */
.adl-detail-page.adl-ordermade .adl-mp-hero-fig{
margin:6px 0 24px;text-align:center;
width:100vw !important;max-width:100vw !important;
position:relative;left:50%;
margin-left:-50vw !important;margin-right:-50vw !important;
padding:0 max(24px, calc(50vw - 480px)) !important;
box-sizing:border-box;
}
.adl-detail-page.adl-ordermade .adl-mp-hero-fig img{
display:block;width:100%;height:auto;max-width:960px;margin:0 auto;
border-radius:16px;object-fit:cover;
}
.adl-detail-page.adl-ordermade .adl-mp-photo-fig{
margin:18px 0 24px;text-align:center;
}
.adl-detail-page.adl-ordermade .adl-mp-photo-fig img{
display:block;width:100%;height:auto;border-radius:14px;
}
@media screen and (max-width:540px){
.adl-detail-page.adl-ordermade .adl-mp-hero-fig{padding:0 16px !important;}
.adl-detail-page.adl-ordermade .adl-mp-hero-fig img{border-radius:12px;}
.adl-detail-page.adl-ordermade .adl-mp-photo-fig img{border-radius:10px;}
}
/* === ordermade: 入会の流れ 横ステップ (curriculum 同等) === */
.adl-detail-page.adl-ordermade ol.adl-flow-steps{
list-style:none;padding:0;margin:24px 0 20px;
display:flex;align-items:flex-start;justify-content:space-between;gap:0;
counter-reset:none;
}
.adl-detail-page.adl-ordermade ol.adl-flow-steps > li{
flex:1;display:flex;flex-direction:column;align-items:center;
position:relative;padding:0;margin:0;text-indent:0;background:none;border:none;border-radius:0;
font-size:12px;text-align:center;color:#333;line-height:1.5;
}
.adl-detail-page.adl-ordermade ol.adl-flow-steps > li::before{content:none;}
.adl-detail-page.adl-ordermade ol.adl-flow-steps > li:not(:last-child)::after{
content:"";position:absolute;top:18px;left:50%;width:100%;height:2px;background:#e3e3e3;z-index:0;
}
@media (max-width:540px){
/* 1行4ステップ表示を維持。フォントとアイコンを縮小して収める */
.adl-detail-page.adl-ordermade ol.adl-flow-steps{flex-wrap:nowrap;gap:0;}
.adl-detail-page.adl-ordermade ol.adl-flow-steps > li{flex:1;font-size:10.5px;line-height:1.4;}
.adl-detail-page.adl-ordermade ol.adl-flow-steps > li .adl-flow-num{width:28px;height:28px;font-size:12px;}
.adl-detail-page.adl-ordermade ol.adl-flow-steps > li:not(:last-child)::after{top:14px;}
}
/* === 体験会の内容ボックス: Google マップ埋め込み === */
.adl-yellow .adl-map-embed{margin:10px 0 4px;border-radius:10px;overflow:hidden;line-height:0;background:#fff;}
.adl-yellow .adl-map-embed iframe{display:block;width:100%;height:220px;border:0;}
/* === zz201: 記事詳細のボタンを全て中央寄せ（親段落の text-align も強制） === */
.adl-report-content p:has(a.adl-btn),
.adl-report-content p:has(a.button),
.adl-report-content div:has(> a.adl-btn),
.adl-report-content div:has(> a.button){
text-align:center !important;
}
.adl-report-content a.adl-btn,
.adl-report-content a.button{
display:inline-block;
margin-left:auto !important;
margin-right:auto !important;
}
.adl-report-content a.adl-btn-block,
.adl-report-content a.button.adl-btn-block{
display:block !important;
margin-left:auto !important;
margin-right:auto !important;
}
/* === ordermade: 体験会ウェイティング登録 フロー (curriculum 同等) === */
.adl-detail-page.adl-ordermade .adl-wait-flow{
background:#fdf6df;
border-radius:14px;
padding:36px 28px 32px;
margin:48px 0 0;
}
.adl-detail-page.adl-ordermade .adl-wait-flow-head{
text-align:center;
font-size:22px;
font-weight:900;
color:#b5226f;
margin:0 0 24px;
line-height:1.4;
}
.adl-detail-page.adl-ordermade .adl-wait-steps{
display:flex;
flex-direction:column;
gap:10px;
margin:0 0 20px;
}
.adl-detail-page.adl-ordermade .adl-wait-card{
background:#fff;
border-radius:999px;
padding:14px 22px;
display:flex;
align-items:center;
gap:14px;
flex-wrap:wrap;
}
.adl-detail-page.adl-ordermade .adl-wait-card .adl-wait-step{
font-size:11px;
font-weight:700;
letter-spacing:.08em;
color:#2cb090;
flex:0 0 auto;
}
.adl-detail-page.adl-ordermade .adl-wait-card h3{
font-size:15px;
font-weight:900;
color:#b5226f;
margin:0;
flex:0 0 auto;
line-height:1.4;
}
.adl-detail-page.adl-ordermade .adl-wait-card p{
font-size:13px;
color:#333;
margin:0;
flex:1;
min-width:0;
line-height:1.6;
}
.adl-detail-page.adl-ordermade .adl-wait-note{
font-size:22px;
font-weight:900;
text-align:center;
color:#b5226f;
margin:0 0 28px;
line-height:1.5;
background:#fff;
border-radius:14px;
padding:22px 24px;
}
.adl-detail-page.adl-ordermade .adl-wait-note strong{color:#b5226f;font-size:1.15em;}
@media (max-width:540px){
.adl-detail-page.adl-ordermade .adl-wait-note{font-size:17px;padding:18px 16px;}
}
.adl-detail-page.adl-ordermade .adl-wait-sub-title{
font-size:14px;
font-weight:900;
text-align:center;
color:#b5226f;
margin:0 0 12px;
}
.adl-detail-page.adl-ordermade .adl-wait-callout{
background:#fff;
border-radius:12px;
padding:18px 22px;
margin:0 0 24px;
}
.adl-detail-page.adl-ordermade .adl-wait-callout p{margin:0 0 8px;font-size:13.5px;line-height:1.85;}
.adl-detail-page.adl-ordermade .adl-wait-callout p:last-child{margin:0;}
.adl-detail-page.adl-ordermade .adl-wait-callout .adl-sm{font-size:12.5px;color:#555;}
.adl-detail-page.adl-ordermade .adl-wait-flow .adl-cta{margin:0;text-align:center;}
@media (max-width:540px){
.adl-detail-page.adl-ordermade .adl-wait-flow{padding:24px 16px;}
.adl-detail-page.adl-ordermade .adl-wait-flow-head{font-size:18px;}
.adl-detail-page.adl-ordermade .adl-wait-card{border-radius:14px;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 18px;}
.adl-detail-page.adl-ordermade .adl-wait-card p{font-size:12.5px;}
}
/* === ordermade: 開催日程の日付行をサブ見出しカラー(緑)に === */
.adl-detail-page.adl-ordermade .adl-wait-callout p.adl-wait-date{
color:#2cb090;
font-weight:700;
font-size:15px;
}
.adl-detail-page.adl-ordermade .adl-wait-callout p.adl-wait-date b{
font-weight:900;
color:#2cb090;
}
/* ====== Q&A ページ: ブラッシュアップ (フィルタ/検索/アコーディオン/バッジ) ====== */
.adl-detail-page.adl-qa{max-width:860px;margin:0 auto;padding:8px 24px 64px;}
.adl-detail-page.adl-qa .adl-faq-wrap{display:flex;flex-direction:column;gap:18px;}
/* フィルタボタン: グレー背景の外、上に中央配置（白カード化で浮かせる） */
.adl-detail-page.adl-qa .adl-faq-filter{
display:flex !important;flex-wrap:wrap;gap:8px 10px;
justify-content:center !important;
background:#fff !important;
padding:18px 20px !important;
border-radius:14px;
border:1px solid #ececec;
box-shadow:0 1px 4px rgba(0,0,0,0.04);
margin:0 auto 24px !important;
}
@media (max-width:540px){
.adl-detail-page.adl-qa .adl-faq-filter{padding:14px 14px !important;gap:6px 8px;}
.adl-detail-page.adl-qa .adl-faq-fb{font-size:12px;padding:6px 12px;}
}
.adl-detail-page.adl-qa .adl-faq-fb{
appearance:none;-webkit-appearance:none;
background:#fff;border:1.5px solid #e3e3e3;color:#333;
font-family:"Noto Sans JP",sans-serif;font-weight:700;font-size:13px;
border-radius:999px;padding:8px 16px;cursor:pointer;
transition:background .2s,border-color .2s,color .2s;
line-height:1.4;
}
.adl-detail-page.adl-qa .adl-faq-fb:hover{background:#f4faf7;border-color:#2cb090;color:#2cb090;}
.adl-detail-page.adl-qa .adl-faq-fb.is-active{background:#2cb090;border-color:#2cb090;color:#fff;}
/* 検索ボックス */
.adl-detail-page.adl-qa .adl-faq-search{
position:relative;
background:#fff;border:1.5px solid #e3e3e3;border-radius:12px;
padding:6px 14px 6px 42px;display:flex;align-items:center;
transition:border-color .2s;
}
.adl-detail-page.adl-qa .adl-faq-search:focus-within{border-color:#2cb090;}
.adl-detail-page.adl-qa .adl-faq-search-ico{
position:absolute;left:14px;top:50%;transform:translateY(-50%);
color:#999;font-size:20px;pointer-events:none;
}
.adl-detail-page.adl-qa .adl-faq-search input{
flex:1;border:0;outline:none;background:transparent;
font-family:"Noto Sans JP",sans-serif;font-size:14px;
padding:8px 0;color:#333;
}
.adl-detail-page.adl-qa .adl-faq-search input::placeholder{color:#aaa;}
/* リスト */
.adl-detail-page.adl-qa ul.adl-faq-list{
list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;
}
.adl-detail-page.adl-qa .adl-faq-item{
background:#fff;border-radius:14px;
box-shadow:0 1px 3px rgba(0,0,0,0.04);
overflow:hidden;border:1px solid #eee;
transition:box-shadow .2s,border-color .2s;
}
.adl-detail-page.adl-qa .adl-faq-item.is-open{box-shadow:0 3px 12px rgba(0,0,0,0.08);border-color:#dbe;}
/* Q ボタン */
.adl-detail-page.adl-qa .adl-faq-q{
appearance:none;-webkit-appearance:none;
width:100%;background:none;border:0;cursor:pointer;
display:flex;align-items:flex-start;gap:14px;
padding:18px 20px;text-align:left;
font-family:"Noto Sans JP",sans-serif;
}
.adl-detail-page.adl-qa .adl-faq-qmark{
display:inline-grid;place-items:center;
width:32px;height:32px;border-radius:50%;
background:#b5226f;color:#fff;font-weight:900;font-size:13px;
flex:0 0 auto;line-height:1;
}
.adl-detail-page.adl-qa .adl-faq-qbody{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;}
.adl-detail-page.adl-qa .adl-faq-badges{display:flex;flex-wrap:wrap;gap:6px;}
.adl-detail-page.adl-qa .adl-faq-badge{
display:inline-block;background:#eef9f4;color:#2cb090;
font-size:10.5px;font-weight:900;letter-spacing:.04em;
border-radius:999px;padding:2px 10px;line-height:1.5;
}
.adl-detail-page.adl-qa .adl-faq-qtext{
font-size:15.5px;font-weight:900;color:#333;line-height:1.55;
}
.adl-detail-page.adl-qa .adl-faq-icon{
flex:0 0 auto;color:#aaa;font-size:22px;margin-top:4px;
transition:transform .2s,color .2s;
}
.adl-detail-page.adl-qa .adl-faq-item.is-open .adl-faq-icon{color:#b5226f;}
/* 回答エリア */
.adl-detail-page.adl-qa .adl-faq-a{
display:none;
padding:0 20px 18px 66px;
border-top:1px dashed #eee;margin-top:0;
}
.adl-detail-page.adl-qa .adl-faq-item.is-open .adl-faq-a{display:block;}
.adl-detail-page.adl-qa .adl-faq-amark{
display:inline-grid;place-items:center;
width:32px;height:32px;border-radius:50%;
background:#2cb090;color:#fff;font-weight:900;font-size:13px;
margin:14px 0 8px -46px;float:left;line-height:1;
}
.adl-detail-page.adl-qa .adl-faq-abody{
padding-top:14px;color:#333;font-size:14px;line-height:1.85;
}
.adl-detail-page.adl-qa .adl-faq-abody p{margin:0 0 10px;}
.adl-detail-page.adl-qa .adl-faq-abody p:last-child{margin:0;}
.adl-detail-page.adl-qa .adl-faq-abody a{color:#2cb090;font-weight:700;text-decoration:underline;}
/* 空状態 */
.adl-detail-page.adl-qa .adl-faq-empty{
text-align:center;padding:32px 16px;color:#888;font-size:14px;
background:#fafafa;border-radius:12px;
}
/* レスポンシブ */
@media screen and (max-width:540px){
.adl-detail-page.adl-qa{padding:8px 16px 48px;}
.adl-detail-page.adl-qa .adl-faq-q{padding:14px 16px;gap:10px;}
.adl-detail-page.adl-qa .adl-faq-qtext{font-size:14.5px;}
.adl-detail-page.adl-qa .adl-faq-a{padding:0 16px 14px 56px;}
.adl-detail-page.adl-qa .adl-faq-amark{margin-left:-40px;}
.adl-detail-page.adl-qa .adl-faq-fb{font-size:12px;padding:6px 12px;}
}
/* ===== 最終オーバーライド: SP版 footer 2カラム =====
zz110/zz111 の `grid-template-columns:1fr !important` を打ち消し、
footcol3(ファシリ募集〜) と footcol4(お問合せ〜) を SP でも横並び 2 カラムに */
@media screen and (max-width:540px){
.adl-footnav{grid-template-columns:1fr 1fr !important;gap:28px 20px !important;}
.adl-footnav>.adl-footcol{grid-column:1 / -1 !important;}
.adl-footnav>.adl-footcol:nth-child(3),
.adl-footnav>.adl-footcol:nth-child(4){grid-column:auto !important;}
.adl-footinfo{grid-column:1 / -1 !important;}
}
/* curriculum → ordermade 導線カード */
.adl-class-crosslink{
margin:48px auto 0;max-width:560px;
background:#fff;border:1px solid #f0d97a;border-radius:14px;
padding:24px 28px;text-align:center;
}
.adl-class-crosslink-lead{margin:0 0 16px;font-size:15px;line-height:1.8;color:#333;}
.adl-class-crosslink-badge{
display:inline-block;background:#dac127;color:#fff;
font-size:13px;padding:3px 12px;border-radius:999px;letter-spacing:.04em;
}
.adl-class-crosslink .adl-cta{margin-top:0;}
@media (max-width:540px){.adl-class-crosslink{padding:20px 18px;margin-top:36px;}.adl-class-crosslink-lead{font-size:13.5px;}}
/* === zz201: 関連記事ラッパー幅制限 (Studioコンテンツラッパー外に注入される場合の保険) === */
.adl-report-static-extras{
max-width:1280px;
margin:0 auto;
padding:0 24px 80px;
box-sizing:border-box;
}
@media (max-width:540px){
.adl-report-static-extras{padding:0 16px 60px;}
}
/* === zz202: LINE/AIファシリ floatバナーを画面右下に固定 (privacy-policyのインライン定義を全ページへ) === */
.line-float-btn{
position:fixed !important;
bottom:24px !important;
right:24px !important;
z-index:9999 !important;
display:block !important;
text-decoration:none !important;
}
.line-float-btn .adl-ai-banner-svg{
display:block;
width:180px;
height:auto;
}
@media (max-width:540px){
.line-float-btn{bottom:16px !important;right:16px !important;}
.line-float-btn .adl-ai-banner-svg{width:140px;}
}
/* === zz203: QAページ カテゴリーフィルター - 装飾なし＆グレー背景の外配置 === */
.adl-faq-filter-mount{
max-width:860px;
margin:0 auto 32px;
padding:0 24px;
box-sizing:border-box;
}
.adl-faq-filter-mount .adl-faq-filter,
.adl-detail-page.adl-qa .adl-faq-filter{
display:flex !important;flex-wrap:wrap;gap:8px 10px;
justify-content:center !important;
background:transparent !important;
padding:0 !important;
border:none !important;
box-shadow:none !important;
border-radius:0 !important;
margin:0 auto 4px !important;
}
.adl-faq-filter-mount .adl-faq-fb{
appearance:none;-webkit-appearance:none;
background:#fff;border:1.5px solid #e3e3e3;color:#333;
font-family:"Noto Sans JP",sans-serif;font-weight:700;font-size:13px;
border-radius:999px;padding:8px 16px;cursor:pointer;
transition:background .2s,border-color .2s,color .2s;
line-height:1.4;
}
.adl-faq-filter-mount .adl-faq-fb:hover{background:#f4faf7;border-color:#2cb090;color:#2cb090;}
.adl-faq-filter-mount .adl-faq-fb.is-active{background:#2cb090;border-color:#2cb090;color:#fff;}
@media (max-width:540px){
.adl-faq-filter-mount{padding:0 16px;}
.adl-faq-filter-mount .adl-faq-fb{font-size:12px;padding:6px 12px;}
}
/* === zz204: contactページ LINE友だち追加ボタン（LINE公式画像のみ表示） === */
a.adl-line-add-btn{
display:inline-block;
background:transparent !important;
border-radius:0 !important;
padding:0 !important;
box-shadow:none !important;
transition:transform .2s, opacity .2s;
line-height:0;
}
a.adl-line-add-btn:hover{
transform:translateY(-2px);
opacity:.85;
}
a.adl-line-add-btn img{
display:block;
height:72px;
width:auto;
border-radius:0 !important;
margin:0 !important;
}
@media (max-width:540px){
a.adl-line-add-btn img{height:56px;}
}
/* === zz205: SPカテゴリーフィルターボタン一回り小さく（News/Event&Report共通） === */
@media (max-width:540px){
.adl-report-filter{gap:7px;margin-top:28px;}
.adl-rf-btn{
font-size:11.5px !important;
padding:6px 14px !important;
border-width:1.5px !important;
}
.adl-rf-count{
font-size:10.5px !important;
}
.adl-news-filter{margin-bottom:24px;}
}
/* === zz206: カリキュラム/オーダーメイド SP カルーセルカードのはみ出し修正 === */
@media (max-width:540px){
.adl-step-section{
width:100% !important;
max-width:100vw !important;
margin-left:auto !important;
margin-right:auto !important;
padding:0 16px !important;
box-sizing:border-box !important;
overflow:hidden;
}
.adl-step-carousel{
width:100%;
max-width:100%;
overflow:hidden;
box-sizing:border-box;
}
.adl-step-track{
width:100%;
max-width:100%;
box-sizing:border-box;
padding:6px 0 8px !important;
gap:12px;
}
.adl-step-card{
box-sizing:border-box !important;
flex:0 0 100% !important;
max-width:100%;
width:100%;
padding:18px 16px !important;
overflow:hidden;
}
.adl-step-card .adl-step-photo{
margin:-18px -16px 12px !important;
border-radius:18px 18px 0 0 !important;
overflow:hidden;
max-width:none;
}
.adl-step-card .adl-step-photo img{
display:block;
width:100%;
max-width:100%;
height:auto;
}
}
/* === zz210: aboutページのアンカーへのスクロールオフセット === */
#mission, #class, #creative-note, #materials,
#kids-design-award, #extracurricular, #facilitator, #ai{
scroll-margin-top:90px;
}
@media (max-width:540px){
#mission, #class, #creative-note, #materials,
#kids-design-award, #extracurricular, #facilitator, #ai{
scroll-margin-top:60px;
}
}
/* === zz209: フッターメニュー右側ピルバッジ === */
.adl-foot-badge{
display:inline-block;
margin-left:10px;
padding:3px 14px;
font-family:"Noto Sans JP",sans-serif;
font-size:10.5px;
font-weight:700;
line-height:1.4;
border-radius:999px;
color:#fff;
letter-spacing:.04em;
vertical-align:1px;
white-space:nowrap;
text-decoration:none;
}
.adl-foot-badge-green{background:#2cb090;}
.adl-foot-badge-red{background:#c0136b;}
.adl-foot-badge-gray{background:#b5b5b5;}
/* SP: バッジを次の行へ落として、文字との重なりを回避 */
@media (max-width:540px){
.adl-foot-badge{
font-size:10px;
padding:3px 14px;
margin-left:0;
margin-top:5px;
margin-bottom:2px;
display:block;
width:fit-content;
max-width:100%;
letter-spacing:.04em;
box-sizing:content-box;
text-indent:0;
}
}
/* === zz208: about ページ AI×取り組み下部マップ === */
.adl-about-map{margin:16px 0 4px;line-height:0;border-radius:10px;overflow:hidden;}
.adl-about-map iframe{display:block;width:100%;border:0;border-radius:10px;}
@media (max-width:540px){
.adl-about-map iframe{height:240px;}
}
/* === zz207: イベント記事 本文内のwp-caption/img/table SPはみ出し対策 === */
.adl-report-content .wp-caption,
.adl-report-content [id^="attachment_"],
.adl-report-content figure,
.adl-report-content .wp-block-image{
max-width:100% !important;
width:auto !important;
height:auto !important;
margin-left:auto !important;
margin-right:auto !important;
box-sizing:border-box;
}
.adl-report-content .wp-caption img,
.adl-report-content figure img,
.adl-report-content .wp-block-image img,
.adl-report-content img[class*="wp-image-"]{
max-width:100% !important;
width:auto !important;
height:auto !important;
}
.adl-report-content table{
max-width:100% !important;
display:block;
overflow-x:auto;
-webkit-overflow-scrolling:touch;
}
.adl-report-content pre,
.adl-report-content code{
max-width:100%;
white-space:pre-wrap;
word-break:break-word;
}
/* === zz212: フッターバッジを下に改行（企業団体様・体験募集中） === */
.adl-foot-badge{
display:block;
margin-left:0;
margin-top:6px;
width:fit-content;
text-indent:0;
padding-left:14px;
padding-right:14px;
}
/* === zz213: フッター5カラムバランス調整（コンテンツ自然幅＋space-between） === */
@media (min-width:841px){
.adl-footnav{
grid-template-columns: auto auto auto auto auto !important;
justify-content: space-between !important;
column-gap: 24px !important;
}
.adl-footinfo{justify-self: end !important;}
}
/* === zz214: ハンバーガーメニュー クラス紹介を1カラム全幅、残り2カラム === */
.adl-hm-grid{grid-template-columns:1fr 1fr !important; gap:8px 32px !important;}
.adl-hm-grid > .adl-hm-class{grid-column:1 / -1; display:flex; flex-direction:column; gap:14px;}
@media (max-width:540px){
.adl-hm-grid{grid-template-columns:1fr 1fr !important;}
.adl-hm-grid > .adl-hm-class{grid-column:1 / -1;}
.adl-hm-grid > div:not(.adl-hm-class){display:flex; flex-direction:column; gap:14px;}
}
/* === zz215: ハンバーガー内クラス紹介サブメニューを強調＋行間ゆとり === */
#adl-hbg-menu .adl-hm-class{gap:18px !important;}
#adl-hbg-menu .adl-hm-class a.adl-hm-sub{
font-size:14.5px;
font-weight:700;
color:#333;
margin:0 0 0 1em !important;
line-height:1.5;
}
#adl-hbg-menu .adl-hm-class a.adl-hm-sub .adl-foot-badge{margin-top:10px;}
@media (max-width:540px){
#adl-hbg-menu .adl-hm-class{gap:18px !important;}
#adl-hbg-menu .adl-hm-class a.adl-hm-sub{
font-size:14.5px;
font-weight:700;
color:#333;
margin:0 0 0 1em !important;
line-height:1.5;
}
}
/* === zz216: クラス紹介セクション下に余白追加（イベント&レポートの上） === */
#adl-hbg-menu .adl-hm-grid > .adl-hm-class{margin-bottom:20px;}
/* === zz217: SPフッターcol2をイベント&レポート/お知らせの2カラム化（col3/col4とカラム幅・gapを揃える） === */
.adl-foot-sec{display:flex;flex-direction:column;gap:18px;align-items:flex-start;}
@media (max-width:540px){
.adl-footnav > .adl-footcol:nth-child(2){
display: grid !important;
grid-template-columns: 1fr 1fr;
width: 100%;
column-gap: 24px;
align-items: start;
justify-self: stretch;
}
.adl-footnav > .adl-footcol:nth-child(2) > .adl-foot-sec{display:flex;flex-direction:column;gap:14px;}
}
/* === zz218: contact /contact/ 送信ボタン中央化（spinnerが押し出すのを抑止） === */
.adl-cf7 .adl-form-submit{position:relative;}
.adl-cf7 .adl-form-submit .wpcf7-spinner{
position:absolute;
left:50%;
transform:translateX(-50%);
margin:0;
}
/* === zz219: ハンバーガー内 小学2年生〜オーダーメイドクラス の右に体験募集中バッジ === */
#adl-hbg-menu .adl-hm-class a.adl-hm-sub .adl-foot-badge{
display:inline-block !important;
margin-top:0 !important;
margin-left:10px !important;
vertical-align:middle;
text-indent:0;
}
/* === zz220: ハンバーガー内 sub バッジを1行に収める === */
#adl-hbg-menu .adl-hm-class a.adl-hm-sub{margin-left:.5em !important;}
#adl-hbg-menu .adl-hm-class a.adl-hm-sub .adl-foot-badge{
margin-left:6px !important;
padding:2px 8px !important;
font-size:11px !important;
line-height:1.4 !important;
}
/* === zz221: ハンバーガー オーダーメイドクラス バッジをさらに圧縮して1行に === */
#adl-hbg-menu .adl-hm-class a.adl-hm-sub{margin-left:0 !important;}
#adl-hbg-menu .adl-hm-class a.adl-hm-sub .adl-foot-badge{
margin-left:4px !important;
padding:1px 6px !important;
font-size:10px !important;
}
/* === zz222: /about/materials/ 100種類の素材ページ === */
.adl-mat-filter{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 auto 36px;max-width:980px;}
.adl-mf-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 20px;border:1px solid #d4d4d4;border-radius:30px;background:#fff;color:#333;font-size:14px;text-decoration:none;transition:background .2s,color .2s,border-color .2s;cursor:pointer;line-height:1.4;}
.adl-mf-btn:hover{background:#f5f5f5;}
.adl-mf-btn.is-active{background:#222;color:#fff;border-color:#222;}
.adl-mf-count{font-size:12px;color:#999;font-variant-numeric:tabular-nums;}
.adl-mf-btn.is-active .adl-mf-count{color:#bbb;}
.adl-mat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;}
.adl-mat-card{background:#fff;border:1px solid #eee;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;}
.adl-mat-thumb{aspect-ratio:4/3;background:#e8e8e8;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.adl-mat-thumb-dummy{background:repeating-linear-gradient(45deg,#dadada 0 12px,#cfcfcf 12px 24px);}
.adl-mat-thumb .adl-mat-img,.adl-mat-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.adl-mat-body{padding:20px 22px 24px;}
.adl-mat-title{font-size:18px;margin:0 0 12px;font-weight:700;line-height:1.5;letter-spacing:.02em;}
.adl-mat-desc{font-size:13.5px;color:#444;line-height:1.85;margin:0;}
.adl-mat-desc p{margin:0 0 .8em;}
.adl-mat-desc p:last-child{margin-bottom:0;}
@media (max-width:540px){
.adl-mat-filter{gap:6px;margin-bottom:24px;}
.adl-mf-btn{padding:6px 12px;font-size:12px;}
.adl-mf-count{font-size:11px;}
.adl-mat-grid{grid-template-columns:1fr;gap:16px;}
.adl-mat-thumb{aspect-ratio:4/3;}
.adl-mat-body{padding:14px 16px 18px;}
.adl-mat-title{font-size:15px;margin:0 0 8px;}
.adl-mat-desc{font-size:12.5px;line-height:1.7;}
}
/* === zz223: materials ページ ボタン色・バッジ・行間をevent-reportと統一 === */
/* フィルターボタン：event-reportのピンク #b5226f に合わせる */
.adl-mat-filter .adl-mf-btn{
font-family:'Noto Sans JP',sans-serif;
font-size:13px !important;
font-weight:700 !important;
padding:8px 20px !important;
border-radius:999px !important;
border:2px solid #ddd !important;
background:#fff !important;
color:#555 !important;
line-height:1.4 !important;
display:inline-block !important;
gap:0 !important;
}
.adl-mat-filter .adl-mf-btn:hover{border-color:#b5226f !important;color:#b5226f !important;background:#fff !important;}
.adl-mat-filter .adl-mf-btn.is-active{background:#b5226f !important;border-color:#b5226f !important;color:#fff !important;}
.adl-mat-filter .adl-mf-count{
display:inline !important;
background:none !important;
padding:0 !important;
border-radius:0 !important;
font-size:12px !important;
font-weight:400 !important;
color:#999 !important;
line-height:inherit !important;
min-width:0 !important;
}
.adl-mat-filter .adl-mf-btn.is-active .adl-mf-count{color:rgba(255,255,255,.75) !important;}
/* カード内カテゴリーバッジ：グリーン #2cb090 */
.adl-mat-cats{display:flex;flex-wrap:wrap;gap:3px 4px;margin:0 0 10px;min-height:22px;}
.adl-mat-cat{
display:inline-block;
background:#2cb090;
color:#fff;
font-size:10px;
font-weight:700;
padding:1px 9px;
border-radius:999px;
line-height:1.55;
white-space:nowrap;
letter-spacing:0;
}
@media (max-width:540px){
.adl-mat-cat{font-size:9px;padding:1px 7px;}
.adl-mat-cats{margin-bottom:6px;min-height:0;}
}
/* カード内テキストをevent-reportに合わせる（13px / line-height 1.7 / #666） */
.adl-mat-desc{font-size:13px !important;color:#666 !important;line-height:1.7 !important;}
.adl-mat-desc p{margin:0 0 .8em !important;line-height:1.7 !important;}
.adl-mat-desc p:last-child{margin-bottom:0 !important;}
@media (max-width:540px){
.adl-mat-desc{font-size:11.5px !important;line-height:1.6 !important;}
.adl-mat-desc p{line-height:1.6 !important;}
}
/* === zz224: 素材カードのカテゴリーバッジを でクリック可能に === */
a.adl-mat-cat,
a.adl-mat-cat-link{
text-decoration:none;
cursor:pointer;
transition:background .2s,transform .15s;
}
a.adl-mat-cat:hover{
background:#249679;
transform:translateY(-1px);
}
/* === zz225: materials ダミー画像 軽量化＋"撮影中"ラベル＋英語タイトル === */
.adl-mat-thumb-dummy{
background:#f3f3f3 !important;
position:relative;
}
.adl-mat-thumb-dummy .adl-mat-thumb-label{
position:absolute;
top:50%;left:50%;
transform:translate(-50%,-50%);
font-size:11px;
color:#bcbcbc;
letter-spacing:.08em;
font-weight:500;
}
.adl-mat-title-en{
font-size:11px;
color:#a0a0a0;
letter-spacing:.06em;
margin:-8px 0 12px;
font-weight:400;
line-height:1.3;
}
@media (max-width:540px){
.adl-mat-thumb-dummy .adl-mat-thumb-label{font-size:10px;}
.adl-mat-title-en{font-size:10px;margin:-6px 0 8px;}
}
/* === zz226: 素材カード本文の1行目を見出し化 === */
.adl-mat-desc>p:first-child{
font-size:14.5px;
color:#c0136b;
font-weight:700;
line-height:1.6;
margin:0 0 .9em;
letter-spacing:.02em;
}
@media (max-width:540px){
.adl-mat-desc>p:first-child{font-size:13.5px;margin:0 0 .7em;}
}
/* === zz227: /class/ Materials promo carousel === */
.adl-mat-promo-section{
padding:0 0 50px;
margin-top:-40px;
text-align:center;
}
.adl-mat-promo-section .adl-class-head{margin-bottom:24px;}
.adl-matc-wrap{
display:block;
overflow:hidden;
position:relative;
width:100%;
max-width:1200px;
margin:0 auto;
text-decoration:none;
-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);
mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);
}
.adl-matc-track{
display:flex;
width:max-content;
animation: adl-matc-scroll 36s linear infinite;
}
.adl-matc-set{
display:flex;
gap:18px;
padding-right:18px;
}
.adl-matc-cell{
width:200px;
height:150px;
background:#f3f3f3;
border-radius:8px;
overflow:hidden;
flex-shrink:0;
}
.adl-matc-cell .adl-matc-img,
.adl-matc-cell img{
width:100%;height:100%;object-fit:cover;display:block;
}
@keyframes adl-matc-scroll{
from{ transform: translateX(0); }
to { transform: translateX(-50%); }
}
.adl-matc-wrap:hover .adl-matc-track{ animation-play-state: paused; }
@media (max-width:540px){
.adl-mat-promo-section{padding:0 0 28px;margin-top:-20px;}
.adl-mat-promo-section .adl-class-head{margin-bottom:14px;}
.adl-matc-cell{width:140px;height:105px;}
.adl-matc-set{gap:12px;padding-right:12px;}
.adl-matc-track{animation-duration:28s;}
}
/* === zz228: detail-page内のhn-title色を黄色に固定 === */
.adl-detail-page .adl-hn-title{color:#dac127 !important;}
/* === zz229: removed (wrapper marginで調整) === */
/* === zz230: press-cta 縦積み（同幅ボタン） === */
.adl-press-cta.adl-press-cta-stack{display:inline-flex;flex-direction:column;gap:24px;align-items:stretch;}
.adl-press-cta.adl-press-cta-stack .adl-press-btn{text-align:center;}
/* === zz231: ハンバーガーメニュー 私たちについての2カラムsub === */
.adl-hm-about-subs{
display:grid;
grid-template-columns:1fr 1fr;
gap:6px 16px;
margin-top:-4px;
}
#adl-hbg-menu .adl-hm-about-subs a.adl-hm-sub{
margin:0 0 0 1em;
}
@media (max-width:540px){
.adl-hm-about-subs{gap:4px 8px;}
}
/* === zz232: ハンバーガー内バッジを少し大きく === */
#adl-hbg-menu .adl-hm-class a.adl-hm-sub .adl-foot-badge{
padding:3px 12px !important;
font-size:12px !important;
line-height:1.5 !important;
margin-left:8px !important;
}
#adl-hbg-menu a.adl-hm-h .adl-foot-badge{
padding:4px 14px !important;
font-size:13px !important;
line-height:1.5 !important;
}
/* === zz233: ハンバーガー sub フォント細く === */
#adl-hbg-menu a.adl-hm-sub{font-weight:400 !important;}
/* === zz234: SEO用 H1 (スクリーンリーダーのみ可視) === */
.adl-sr-h1{
position:absolute;
width:1px;height:1px;
padding:0;margin:-1px;
overflow:hidden;
clip:rect(0,0,0,0);
white-space:nowrap;
border:0;
}
/* === zz235: 視覚的H1（控えめなサブタイトル風） === */
.adl-page-h1{
display:block;
text-align:center;
font-family:"Noto Sans JP", sans-serif;
font-size:13px;
font-weight:600;
color:#888;
letter-spacing:0.05em;
line-height:1.6;
margin:20px auto 0;
padding:0 16px;
max-width:880px;
}
@media (max-width:540px){
.adl-page-h1{font-size:11px;margin:14px auto 0;padding:0 12px;}
}