@charset "utf-8"; /* このファイルはメンテナンス画面の「css追加編集」から自動生成されます。 直接編集しても、次にメンテナンス画面で保存したときに消えます。 */ /* ===== 55 旧デザイン調整（Aurora移行） ===== */ /* ============================================================ 55 グリーンシード：旧008テンプレ(greenseed)の見た目に寄せる調整 ============================================================ */ /* ---- フォント：旧と同じ Noto Sans JP、地は白 ---- */ @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap"); body{ font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif; background:var(--panel); } /* ---- ヘッダー：旧サイトのサイズ感に合わせる ---- */ header.site .bar{ height:100px; } header.site .brand{ max-height:none; } header.site .brand img{ width:285px; max-width:none; max-height:none; height:auto; } /* ---- アピールエリア（旧 box / box reverse 相当）---- Aurora の wm-aa-lA/lB は「画像＋文章」の横並び。旧のように ・画像は切らずに全体を見せる ・画像の左右を交互にする ・枠や下地は出さない ようにする。 */ /* 画像は自然な比率で全体表示（切り抜かない） */ .wm-aa-lA .wm-aa-img, .wm-aa-lB .wm-aa-img{ overflow:visible; } .wm-aa-lA .wm-aa-img img, .wm-aa-lB .wm-aa-img img{ width:100%; height:auto; object-fit:contain; } /* リンクなしの記事でも画像左右を交互にする（旧の box / box reverse）。 テンプレ標準は .wm-aa-link を反転させるが、リンクが無いと item 自体が flex 行になるので item を反転させる。 */ .wm-aa-lA .wm-aa-item, .wm-aa-lB .wm-aa-item{ display:flex; align-items:center; background:none; border:0; border-radius:0; box-shadow:none; } .wm-aa-lA .wm-aa-item:nth-child(even), .wm-aa-lB .wm-aa-item:nth-child(even){ flex-direction:row-reverse; } .wm-aa-lA .wm-aa-body, .wm-aa-lB .wm-aa-body{ padding:8px clamp(16px,3vw,48px); } /* ---- 旧 css_custom 移植：button1 ---- グレー地・白字、ホバーで緑が左からスライドイン */ a.button1{ font-size:1.1rem; font-weight:700; line-height:1.5; position:relative; display:inline-block; cursor:pointer; user-select:none; transition:all .3s; text-align:center; vertical-align:middle; text-decoration:none; letter-spacing:.1em; padding:.5rem .5rem .5rem 1rem; color:#fff; border-radius:0; background:#979797; overflow:hidden; } a.button1 span{ position:relative; } a.button1:before{ position:absolute; top:0; left:0; width:100%; height:100%; content:''; transition:all .5s ease-in-out; transform:translateX(-96%); background:#9ade50; } a.button1:hover:before{ transform:translateX(0%); } /* ---- ナビ画像サイズ(55)：旧の文字入りボタン画像を旧サイト寄りに ---- */ nav.main .gnav-item.has-ico.no-lbl{ --nav-ico-h:58px; } nav.main .gnav-item.has-ico.no-lbl > .gnav-top{ gap:0; padding:4px 10px; } /* スマホはテンプレート標準のバーガーメニューサイズを優先 */ @media (max-width:900px){ header.site .bar{ height:72px; } header.site .brand img{ width:auto; max-width:220px; max-height:48px; } } /* ===== トップ画像を旧サイトに合わせる ===== */ /* ------------------------------------------------------------------ トップ画像（ヒーロー）を、旧サイトと同じ見え方にする ------------------------------------------------------------------ Aurora の既定は「横長の帯に、写真を切り抜いて敷きつめる」形。 地の色が暗く、写真をうっすら透かすので、白いロゴ画像だと灰色に見える。 旧サイトは「白地に、画像を切らずにそのまま」なので、そこへ寄せる。 ------------------------------------------------------------------ */ .hero{ background:#fff; } /* 旧サイトのトップ画像は中身の幅（1280px）に収まっている。画面いっぱいにしない */ .hero{ max-width:1280px; margin:0 auto; } /* 高さを画像の比率（1280 x 340）に合わせる。既定は 16:6.4 で背が高すぎる */ .hero .slides{ aspect-ratio:1280/340; min-height:0; } /* 切り抜かず全体を見せる。うっすら透かすのもやめる */ .hero .s img{ object-fit:contain; opacity:1; } /* ===== ヘッダー上の一行を旧サイトに合わせる ===== */ /* ------------------------------------------------------------------ ヘッダーの上の一行（サイト説明・H1）を、旧サイトと同じ見え方にする ------------------------------------------------------------------ 旧サイト（greenseed.co.jp）の実際の指定に合わせてある: .site_introduction{ padding:0 3px; height:18px; background:#fff } #head h1{ padding:0 5px; color:#333; font-size:14px } ------------------------------------------------------------------ */ .site-intro{ background:#fff; padding:4px 24px 0; } .site-intro h1{ font-size:14px; color:#333; } /* ===== ヘッダーの大きさを旧サイトに合わせる ===== */ /* ------------------------------------------------------------------ ヘッダー（ロゴとメニュー）を、旧サイトと同じ大きさにする ------------------------------------------------------------------ 旧サイト（greenseed.co.jp）は、ロゴもメニューも同じ1列に並んだ画像: ロゴ 635 x 95 メニュー 105 x 95 を6つ 合計 635 + 105x6 = 1265px（1280px の行に収まる） 画像は新旧で同じものを使っているので、同じ寸法で出せば同じ見え方になる。 ・中身の幅はページ色管理で 1280px にしてある ・この行だけ左右の余白を外す（1265px を収めるため） ------------------------------------------------------------------ */ header.site .bar{ padding-left:0; padding-right:0; gap:0; } header.site .brand img{ width:635px; } nav.main .gnav-item.has-ico.no-lbl{ --nav-ico-h:95px; } nav.main .gnav-item.has-ico.no-lbl > .gnav-top{ padding:0; gap:0; } /* 幅も高さも数字で決める。auto にすると、画像が読み込まれるまで幅0になり、 メニューがつぶれて子メニューが画面からはみ出す（2026-09-23 に実際に起きた）。 */ nav.main .gnav-ico img{ width:105px; height:95px; max-width:none; } /* ===== ホームページ制作の流れ（図と手順） ===== */ /* ホームページ制作の流れ（画像をやめてテキストにしたもの） 旧サイトでは図も手順も画像でした。文字を画像にすると検索にも読み上げにも乗らず、 拡大すると潰れるので、テキストとCSSで作り直しています。 色はページ色管理の「アクセント」（var(--accent)）を使うので、色を変えるとここも変わります。 本文で使うクラス … gs-flow（上の流れ図）／ gs-step（下の手順。サブエリアの「CSSクラス」欄） */ /* ---- 上の流れ図（1〜6の箱） ---- */ .gs-flow-ttl{ text-align:center; font-size:1.35em; font-weight:700; letter-spacing:.04em; margin:0 0 1.6em; padding-bottom:.45em; } .gs-flow-ttl::after{ content:""; display:block; width:7em; height:3px; margin:.45em auto 0; background:var(--accent); } .gs-flow{ list-style:none; margin:0 0 2.4em; padding:0; display:grid; grid-template-columns:repeat(6,1fr); gap:1.4em 1.5em; } .gs-flow > li{ position:relative; display:flex; align-items:center; justify-content:center; min-height:5.4em; padding:1em .4em; text-align:center; font-size:.92em; line-height:1.5; word-break:keep-all; background:#fff; border:1px solid var(--accent); } /* 左上のかど（数字） */ .gs-flow > li > .gs-flow-no{ position:absolute; top:0; left:0; width:2.4em; height:2.4em; background:linear-gradient(135deg, var(--accent) 50%, transparent 50%); color:#fff; font-size:.7em; font-weight:700; line-height:1.3; padding-left:.4em; text-align:left; } /* 箱と箱のあいだの矢印（右向き） */ .gs-flow > li::after{ content:""; position:absolute; right:-1.05em; top:50%; transform:translateY(-50%); border-left:.6em solid var(--accent); border-top:.45em solid transparent; border-bottom:.45em solid transparent; } .gs-flow > li:last-child::after{ content:none; } /* 画面の広さで段数を変える。折り返した行の右はしには矢印を出さない */ @media (max-width:1100px){ .gs-flow{ grid-template-columns:repeat(3,1fr); } .gs-flow > li:nth-child(3n)::after{ content:none; } } /* ---- 下の手順（1〜6の見出し＋説明） ---- */ .NodClassSubArea{ counter-reset:gsstep; } .gs-step{ counter-increment:gsstep; position:relative; padding-left:3em; margin:0 0 1.8em; } .gs-step::before{ content:counter(gsstep); position:absolute; left:0; top:.1em; width:2em; height:2em; border-radius:3px; background:var(--accent); color:#fff; font-weight:700; font-size:.95em; display:flex; align-items:center; justify-content:center; } .gs-step h2.sub_area_ttl{ font-size:1.15em; font-weight:700; margin:0 0 .5em; padding-bottom:.4em; border-bottom:1px solid var(--border); } .gs-step p, .gs-step div{ line-height:1.9; } /* ---- スマホ ---- */ @media (max-width:620px){ .gs-flow{ grid-template-columns:1fr; gap:1.5em 0; } .gs-flow > li{ min-height:0; font-size:1em; } /* 矢印を下向きにする */ .gs-flow > li::after, .gs-flow > li:nth-child(3n)::after{ content:""; right:auto; left:50%; top:auto; bottom:-1.1em; transform:translateX(-50%); border-left:.45em solid transparent; border-right:.45em solid transparent; border-top:.6em solid var(--accent); border-bottom:0; } .gs-flow > li:last-child::after{ content:none; } .gs-step{ padding-left:2.6em; } .gs-step::before{ width:1.8em; height:1.8em; font-size:.9em; } } /* ===== 55 ナビをテキスト化（英語＋日本語＋アイコン） ===== */ /* ナビをテキスト化：英語(sub_ttl)＋日本語(node_name)＋小アイコン。WM_NAV_TEXT と併用 ★アイコンは「リンク先のURL」で選んでいます（ナビのHTMLにページ番号の目印が無いため）。 リンクネームを付けるとURLが変わり、アイコンが出なくなります。 そのときは下の「項目ごとのアイコン」に、新しいURLを1行足してください。 旧URL（/contents/NOD番号/）も残してあるので、どちらでも出ます。 */ nav.main .gnav-list{gap:2px} /* 既定は空マスク＝アイコン未指定の項目に黒四角を出さない */ nav.main .gnav-item > .gnav-top, nav.main .gnav-item > .gnav-nolink{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%2F%3E");display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 13px;line-height:1.15;text-align:center;color:var(--ink,#2a2a2a)} nav.main .gnav-eng{font-size:.84rem;font-weight:700;letter-spacing:.08em} nav.main .gnav-lbl{font-size:.67rem;font-weight:500;letter-spacing:.02em;color:var(--muted,#777)} nav.main .gnav-item > .gnav-top::before, nav.main .gnav-item > .gnav-nolink::before{content:"";width:21px;height:21px;margin-bottom:1px;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat} nav.main .gnav-item:hover > .gnav-top,nav.main .gnav-item:focus-within > .gnav-top, nav.main .gnav-item.is-here > .gnav-top,nav.main .gnav-item.is-here-parent > .gnav-top{color:var(--accent,#6fa82f)} nav.main .gnav-item:hover > .gnav-top .gnav-lbl,nav.main .gnav-item.is-here > .gnav-top .gnav-lbl,nav.main .gnav-item.is-here-parent > .gnav-top .gnav-lbl{color:var(--accent,#6fa82f)} /* ---- 項目ごとのアイコン（href で判定。旧URLと新URLの両方を書く） ---- */ /* HOME */ nav.main a.gnav-top[href="/"]{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%2011l9-7%209%207%27%2F%3E%3Cpath%20d%3D%27M5%2010v9h14v-9%27%2F%3E%3Cpath%20d%3D%27M10%2019v-5h4v5%27%2F%3E%3C%2Fsvg%3E")} /* ABOUT（会社概要） */ nav.main a.gnav-top[href="/contents/NOD3/"], nav.main a.gnav-top[href="/about/"]{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%274%27%20y%3D%273%27%20width%3D%2711%27%20height%3D%2718%27%20rx%3D%271%27%2F%3E%3Cpath%20d%3D%27M15%208h4a1%201%200%200%201%201%201v11a1%201%200%200%201-1%201h-4%27%2F%3E%3Cpath%20d%3D%27M8%207h3M8%2011h3M8%2015h3%27%2F%3E%3C%2Fsvg%3E")} /* SERVICE（業務内容）※綴りはどちらでも出るようにしてある */ nav.main a.gnav-top[href="/contents/NOD4/"], nav.main a.gnav-top[href="/servise/"], nav.main a.gnav-top[href="/service/"]{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%277%27%20width%3D%2718%27%20height%3D%2713%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M8%207V5a2%202%200%200%201%202-2h4a2%202%200%200%201%202%202v2%27%2F%3E%3Cpath%20d%3D%27M3%2012h18%27%2F%3E%3C%2Fsvg%3E")} /* WORKS（制作事例） */ nav.main a.gnav-top[href="/contents/NOD5/"], nav.main a.gnav-top[href="/works/"]{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%273%27%20width%3D%277%27%20height%3D%277%27%20rx%3D%271%27%2F%3E%3Crect%20x%3D%2714%27%20y%3D%273%27%20width%3D%277%27%20height%3D%277%27%20rx%3D%271%27%2F%3E%3Crect%20x%3D%273%27%20y%3D%2714%27%20width%3D%277%27%20height%3D%277%27%20rx%3D%271%27%2F%3E%3Crect%20x%3D%2714%27%20y%3D%2714%27%20width%3D%277%27%20height%3D%277%27%20rx%3D%271%27%2F%3E%3C%2Fsvg%3E")} /* RECRUIT（採用情報） */ nav.main a.gnav-top[href="/contents/NOD6/"], nav.main a.gnav-top[href="/recruit/"]{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%279%27%20cy%3D%278%27%20r%3D%273%27%2F%3E%3Cpath%20d%3D%27M4%2020c0-3%202.5-5%205-5s5%202%205%205%27%2F%3E%3Cpath%20d%3D%27M18%208v6M15%2011h6%27%2F%3E%3C%2Fsvg%3E")} /* CONTACT（お問い合わせ）※contact はウェブモバの予約語なのでリンクネームには使えない。 フォーム直リンク /contact/FNO1/ と、カテゴリに名前を付けた場合の両方に当たるようにしてある */ nav.main a.gnav-top[href^="/contact/"], nav.main a.gnav-top[href="/contents/NOD7/"], nav.main a.gnav-top[href="/inquiry/"]{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%275%27%20width%3D%2718%27%20height%3D%2714%27%20rx%3D%272%27%2F%3E%3Cpath%20d%3D%27M4%207l8%206%208-6%27%2F%3E%3C%2Fsvg%3E")} @media (max-width:900px){ nav.main .gnav-item > .gnav-top,nav.main .gnav-item > .gnav-nolink{flex-direction:row;justify-content:flex-start;gap:12px;padding:12px 16px;text-align:left} nav.main .gnav-eng{font-size:.95rem}nav.main .gnav-lbl{font-size:.8rem} nav.main .gnav-item > .gnav-top::before,nav.main .gnav-item > .gnav-nolink::before{margin-bottom:0;flex:0 0 auto} } /* ===== 55 業務内容カードを写真カードに（仮画像） ===== */ /* 子ページ一覧を写真カードに。対象=業務内容(category:4)・制作事例(category:5)。 写真は内容に合わせた画像(Wikimedia Commons/商用可の仮画像 gs_card_*.jpg)。 子記事の画像・DBは変更せず、これらのページ限定でCSSだけで見栄えを整える。差し替えは gs_card_*.jpg を置換。 ★2026-10-07 なおしたこと 1. リスト種類で中の作りが変わる。 リンク集 … 写真2〜6列 …
…
← href が中の a にある 前は前者しか見ていなかったので、レイアウトを変えると写真が消えていた。両方に当てる。 2. 写真はリンク先URLで選ぶ。リンクネームを付けるとURLが変わるので、 旧URL（/contents/NOD番号/）と新URL（/親/子/）の両方を書いてある。 子ページにリンクネームを足したら、下の「項目別」に1行足すこと。 ※カード1枚＝下の $card、写真と名前は --ph / --nm で渡す。 */ /* ---- 並べ方 ---- */ :is([data-wm-edit="category:4"],[data-wm-edit="category:5"]) .wm-list{ display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px;margin:4px 0 0} /* ---- カードの枠（リンク集＝a自身 / 写真列＝中のa） ---- */ :is([data-wm-edit="category:4"],[data-wm-edit="category:5"]) .wm-list a.wm-li, :is([data-wm-edit="category:4"],[data-wm-edit="category:5"]) .wm-list .wm-li > a{ position:relative;display:block;border:1px solid var(--border,#e6e6e6);border-radius:14px;overflow:hidden; background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.06);text-decoration:none;color:var(--ink,#2a2a2a); transition:transform .18s,box-shadow .18s} :is([data-wm-edit="category:4"],[data-wm-edit="category:5"]) .wm-list a.wm-li:hover, :is([data-wm-edit="category:4"],[data-wm-edit="category:5"]) .wm-list .wm-li > a:hover{ transform:translateY(-4px);box-shadow:0 10px 26px rgba(0,0,0,.13)} /* 外側の div には枠を付けない（二重線にしない） */ :is([data-wm-edit="category:4"],[data-wm-edit="category:5"]) .wm-list div.wm-li{border:0;background:none;box-shadow:none;padding:0} /* ---- 既定の画像・テキストは一覧では隠す（詳細ページには出る） ---- */ :is([data-wm-edit="category:4"],[data-wm-edit="category:5"]) .wm-list .wm-img, :is([data-wm-edit="category:4"],[data-wm-edit="category:5"]) .wm-list .wm-t, :is([data-wm-edit="category:4"],[data-wm-edit="category:5"]) .wm-list .wm-s, :is([data-wm-edit="category:4"],[data-wm-edit="category:5"]) .wm-list .wm-c{display:none} /* ---- 写真ゾーン ---- */ :is([data-wm-edit="category:4"],[data-wm-edit="category:5"]) .wm-list a.wm-li::before, :is([data-wm-edit="category:4"],[data-wm-edit="category:5"]) .wm-list .wm-li > a::before{ content:"";display:block;aspect-ratio:16/10;background:#eef0ee var(--ph,none) center/cover no-repeat;transition:transform .3s} :is([data-wm-edit="category:4"],[data-wm-edit="category:5"]) .wm-list a.wm-li:hover::before, :is([data-wm-edit="category:4"],[data-wm-edit="category:5"]) .wm-list .wm-li > a:hover::before{transform:scale(1.04)} /* ---- 名前（緑バー） ---- */ :is([data-wm-edit="category:4"],[data-wm-edit="category:5"]) .wm-list a.wm-li::after, :is([data-wm-edit="category:4"],[data-wm-edit="category:5"]) .wm-list .wm-li > a::after{ content:var(--nm,"");display:block;padding:14px 16px;font-weight:700;font-size:1.05rem;letter-spacing:.02em; border-left:4px solid var(--accent,#6fa82f)} :is([data-wm-edit="category:4"],[data-wm-edit="category:5"]) .wm-list a.wm-li:hover::after, :is([data-wm-edit="category:4"],[data-wm-edit="category:5"]) .wm-list .wm-li > a:hover::after{color:var(--accent,#6fa82f)} /* ---- 項目別：写真と名前（業務内容 category:4） ---- */ [data-wm-edit="category:4"] .wm-list [href="/contents/NOD9/"], [data-wm-edit="category:4"] .wm-list [href="/servise/web/"], [data-wm-edit="category:4"] .wm-list [href="/service/web/"], [data-wm-edit="category:4"] .wm-list [href="/web/"]{--ph:url("/images/gs_card_web.jpg");--nm:"WEB制作"} [data-wm-edit="category:4"] .wm-list [href="/contents/NOD10/"], [data-wm-edit="category:4"] .wm-list [href="/servise/system/"], [data-wm-edit="category:4"] .wm-list [href="/service/system/"]{--ph:url("/images/gs_card_system.jpg");--nm:"システム開発"} [data-wm-edit="category:4"] .wm-list [href="/contents/NOD11/"], [data-wm-edit="category:4"] .wm-list [href="/servise/print/"], [data-wm-edit="category:4"] .wm-list [href="/service/print/"]{--ph:url("/images/gs_card_print.jpg?v=1791195919");--nm:"刺繍・プリント"} [data-wm-edit="category:4"] .wm-list [href="/contents/NOD26/"], [data-wm-edit="category:4"] .wm-list [href="/servise/badminton/"], [data-wm-edit="category:4"] .wm-list [href="/service/badminton/"]{--ph:url("/images/gs_card_badminton.jpg?v=1791195919");--nm:"バドミントン"} /* ---- 項目別：写真と名前（制作事例 category:5。同じ3サービスの写真を再利用） ---- */ [data-wm-edit="category:5"] .wm-list [href="/contents/NOD12/"], [data-wm-edit="category:5"] .wm-list [href="/works/web/"]{--ph:url("/images/gs_card_web.jpg");--nm:"WEB制作"} [data-wm-edit="category:5"] .wm-list [href="/contents/NOD13/"], [data-wm-edit="category:5"] .wm-list [href="/works/system/"]{--ph:url("/images/gs_card_system.jpg");--nm:"システム開発"} [data-wm-edit="category:5"] .wm-list [href="/contents/NOD14/"], [data-wm-edit="category:5"] .wm-list [href="/works/print/"]{--ph:url("/images/gs_card_print.jpg?v=1791195919");--nm:"刺繍・プリント"}