/* ========================================================= article_talk.css ── 会話 UI・アバターマッピング 【このファイルの責務】 - .talk（会話ブロックの外枠グリッド） - .talkline-wrap（1 発言分のグリッドレイアウト） - .talkline__avatar（キャラクターアバター画像） - .talkline__say（吹き出し） - キャラクター別発言背景色（data-speaker 属性） - アバター画像マッピング（data-av 属性 → background-image URL） ・Deaple / Phabee / Shimama / Stoke の各表情 × 左右向き 【触るべきとき】 ・吹き出しのデザインを変えたい → .talkline__say ・アバターのサイズを変えたい → .talkline__who, .talkline__avatar ・特定キャラの発言背景色を変えたい → .talkline[data-speaker="XXX"] .talkline__say ・新しいキャラクターを追加したい → tokens.css にカラー変数を追加 → .talkline[data-speaker="new"] の背景色を追加 → アバター data-av マッピングを末尾に追加 【アバター URL の規則】 https://shimaphoto03.com/wp-content/uploads/Avators/{キャラ名}/{キャラ名}_{番号}_{表情}_{向き}.png 番号・表情の対応表は ExpressionVariations.xlsx 参照。 【関連ファイル】 - 記事本文 → article_body.css - サイドバーナビ → article_nav.css - レスポンシブ → responsive.css ========================================================= */ /* ========================================================= 23 Talk UI ── キャラクター会話ブロック ========================================================= */ /* 会話ブロック全体 */ .talk { max-width: 900px; margin: 26px auto; display: grid; gap: 18px; } /* 1 発言分のグリッドコンテナ */ .talkline-wrap { display: grid; width: 100%; column-gap: 14px; row-gap: 4px; align-items: start; } /* 左向き（キャラ → 吹き出し） */ .talkline-wrap[data-align="left"] { grid-template-columns: 84px minmax(0, 1fr); grid-template-rows: 84px auto; } /* 右向き（吹き出し → キャラ） */ .talkline-wrap[data-align="right"] { grid-template-columns: minmax(0, 1fr) 84px; grid-template-rows: 84px auto; } .talkline { display: contents; } /* アバターの位置合わせコンテナ */ .talkline__who { display: flex; align-items: center; justify-content: center; width: 84px; height: 84px; min-width: 84px; } .talkline-wrap[data-align="left"] .talkline__who { grid-column: 1; grid-row: 1; } .talkline-wrap[data-align="right"] .talkline__who { grid-column: 2; grid-row: 1; } /* アバター画像（background-image で差し替え） */ .talkline__avatar { display: block; width: 84px; height: 84px; border-radius: 22px; border: 2px solid rgba(210,190,100,.55); background-color: #fefef5; background-size: cover; background-position: center; background-repeat: no-repeat; box-shadow: var(--shadow-xs); overflow: hidden; } /* キャラクター名 */ .talkline__name { display: block; width: 84px; margin: 0; padding: 0; font-family: var(--font-ui); font-size: 14px; font-weight: 500; line-height: 1.2; letter-spacing: .06em; text-align: center; color: var(--muted); } .talkline-wrap[data-align="left"] .talkline__name { grid-column: 1; grid-row: 2; align-self: start; } .talkline-wrap[data-align="right"] .talkline__name { grid-column: 2; grid-row: 2; align-self: start; } /* 吹き出し */ .talkline__say { position: relative; display: block; min-height: 84px; margin: 0; padding: 16px 18px; border: 1.5px solid rgba(210,190,100,.35); border-radius: 20px; box-shadow: 0 1px 0 rgba(255,255,255,.88) inset, var(--shadow-xs); color: var(--ink); font-family: var(--font-body); font-size: var(--fz-talk); line-height: 1.95; letter-spacing: .01em; text-align: left; background: linear-gradient(160deg, #fffff8 0%, #fdfbea 100%); max-width: 100%; } /* 吹き出しのグリッド配置 */ .talkline-wrap[data-align="left"] .talkline__say { grid-column: 2; grid-row: 1 / span 2; align-self: start; } .talkline-wrap[data-align="right"] .talkline__say { grid-column: 1; grid-row: 1 / span 2; align-self: start; } /* ── キャラクター別発言背景 ── */ .talkline[data-speaker="shimama"] .talkline__say { background: linear-gradient(160deg, #fffcf5 0%, #fff6e2 100%); border-color: rgba(240,160,80,.32); } .talkline[data-speaker="stork"] .talkline__say { background: linear-gradient(160deg, #fffafa 0%, #ffeced 100%); border-color: rgba(224,120,128,.30); } .talkline[data-speaker="fabee"] .talkline__say { background: linear-gradient(160deg, #fffdf0 0%, #fff8da 100%); border-color: rgba(240,184,64,.30); } .talkline[data-speaker="deeple"] .talkline__say { background: linear-gradient(160deg, #f2faff 0%, #e4f4fc 100%); border-color: rgba(90,174,212,.30); } .talkline.is-joke .talkline__say { box-shadow: 0 1px 0 rgba(255,255,255,.84) inset, 0 6px 18px rgba(49,36,23,.05); } /* ── 吹き出しの三角（:: before の擬似要素） ── */ .talkline-wrap[data-align="left"] .talkline__say::before, .talkline-wrap[data-align="right"] .talkline__say::before { content: ""; position: absolute; top: 24px; width: 10px; height: 10px; background: inherit; } .talkline-wrap[data-align="left"] .talkline__say::before { left: -5px; border-left: 1px solid var(--line); border-bottom: 1px solid var(--line); transform: rotate(45deg); } .talkline-wrap[data-align="right"] .talkline__say::before { right: -5px; border-right: 1px solid var(--line); border-top: 1px solid var(--line); transform: rotate(45deg); } /* ========================================================= SP（680px 以下） ========================================================= */ @media (max-width: 680px) { .talk { gap: 14px; } .talkline-wrap[data-align="left"] { grid-template-columns: 72px minmax(0, 1fr); grid-template-rows: 72px auto; column-gap: 10px; row-gap: 3px; } .talkline-wrap[data-align="right"] { grid-template-columns: minmax(0, 1fr) 72px; grid-template-rows: 72px auto; column-gap: 10px; row-gap: 3px; } .talkline__who { width: 72px; height: 72px; min-width: 72px; } .talkline__avatar { width: 72px; height: 72px; border-radius: 18px; } .talkline__name { width: 72px; font-size: 13px; line-height: 1.15; } .talkline__say { min-height: 72px; font-size: 14px; line-height: 1.9; padding: 12px 14px; border-radius: 16px; } .talkline-wrap[data-align="left"] .talkline__say::before, .talkline-wrap[data-align="right"] .talkline__say::before { top: 20px; } } /* ========================================================= Avatar Mapping ── data-av 属性でアバター画像を差し替え ExpressionVariations.xlsx を参照した完全版 命名規則: {キャラ名}_{表情番号}_{表情名}_{向き}.png 向き: L = 左向き, R = 右向き ========================================================= */ /* ---------- Deaple（ディープル） ---------- */ .talkline__avatar[data-av="Deaple_normal_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Deaple/Deaple_01_normal_L.png");} .talkline__avatar[data-av="Deaple_normal_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Deaple/Deaple_01_normal_R.png");} .talkline__avatar[data-av="Deaple_laugh_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Deaple/Deaple_02_laugh_L.png");} .talkline__avatar[data-av="Deaple_laugh_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Deaple/Deaple_02_laugh_R.png");} .talkline__avatar[data-av="Deaple_ang_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Deaple/Deaple_03_ang_L.png");} .talkline__avatar[data-av="Deaple_ang_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Deaple/Deaple_03_ang_R.png");} .talkline__avatar[data-av="Deaple_cry_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Deaple/Deaple_04_cry_L.png");} .talkline__avatar[data-av="Deaple_cry_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Deaple/Deaple_04_cry_R.png");} .talkline__avatar[data-av="Deaple_sad_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Deaple/Deaple_05_sad_L.png");} .talkline__avatar[data-av="Deaple_sad_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Deaple/Deaple_05_sad_R.png");} .talkline__avatar[data-av="Deaple_sup_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Deaple/Deaple_06_sup_L.png");} .talkline__avatar[data-av="Deaple_sup_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Deaple/Deaple_06_sup_R.png");} .talkline__avatar[data-av="Deaple_think_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Deaple/Deaple_07_think_L.png");} .talkline__avatar[data-av="Deaple_think_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Deaple/Deaple_07_think_R.png");} .talkline__avatar[data-av="Deaple_upset_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Deaple/Deaple_08_upset_L.png");} .talkline__avatar[data-av="Deaple_upset_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Deaple/Deaple_08_upset_R.png");} .talkline__avatar[data-av="Deaple_shy_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Deaple/Deaple_09_shy_L.png");} .talkline__avatar[data-av="Deaple_shy_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Deaple/Deaple_09_shy_R.png");} .talkline__avatar[data-av="Deaple_love_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Deaple/Deaple_10_love_L.png");} .talkline__avatar[data-av="Deaple_love_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Deaple/Deaple_10_love_R.png");} .talkline__avatar[data-av="Deaple_sing_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Deaple/Deaple_11_sing_L.png");} .talkline__avatar[data-av="Deaple_sing_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Deaple/Deaple_11_sing_R.png");} .talkline__avatar[data-av="Deaple_determined_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Deaple/Deaple_12_determined_L.png");} .talkline__avatar[data-av="Deaple_determined_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Deaple/Deaple_12_determined_R.png");} .talkline__avatar[data-av="Deaple_excited_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Deaple/Deaple_13_excited_L.png");} .talkline__avatar[data-av="Deaple_excited_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Deaple/Deaple_13_excited_R.png");} .talkline__avatar[data-av="Deaple_sleepy_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Deaple/Deaple_14_sleepy_L.png");} .talkline__avatar[data-av="Deaple_sleepy_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Deaple/Deaple_14_sleepy_R.png");} .talkline__avatar[data-av="Deaple_understand_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Deaple/Deaple_15_understand_L.png");} .talkline__avatar[data-av="Deaple_understand_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Deaple/Deaple_15_understand_R.png");} .talkline__avatar[data-av="Deaple_sigh_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Deaple/Deaple_16_sigh_L.png");} .talkline__avatar[data-av="Deaple_sigh_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Deaple/Deaple_16_sigh_R.png");} .talkline__avatar[data-av="Deaple_proud_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Deaple/Deaple_17_proud_L.png");} .talkline__avatar[data-av="Deaple_proud_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Deaple/Deaple_17_proud_R.png");} /* ---------- Phabee（ファビー） ---------- */ .talkline__avatar[data-av="Phabee_normal_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Phabee/Phabee_01_normal_L.png");} .talkline__avatar[data-av="Phabee_normal_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Phabee/Phabee_01_normal_R.png");} .talkline__avatar[data-av="Phabee_laugh_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Phabee/Phabee_02_laugh_L.png");} .talkline__avatar[data-av="Phabee_laugh_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Phabee/Phabee_02_laugh_R.png");} .talkline__avatar[data-av="Phabee_ang_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Phabee/Phabee_03_ang_L.png");} .talkline__avatar[data-av="Phabee_ang_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Phabee/Phabee_03_ang_R.png");} .talkline__avatar[data-av="Phabee_cry_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Phabee/Phabee_04_cry_L.png");} .talkline__avatar[data-av="Phabee_cry_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Phabee/Phabee_04_cry_R.png");} .talkline__avatar[data-av="Phabee_sad_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Phabee/Phabee_05_sad_L.png");} .talkline__avatar[data-av="Phabee_sad_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Phabee/Phabee_05_sad_R.png");} .talkline__avatar[data-av="Phabee_sup_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Phabee/Phabee_06_sup_L.png");} .talkline__avatar[data-av="Phabee_sup_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Phabee/Phabee_06_sup_R.png");} .talkline__avatar[data-av="Phabee_think_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Phabee/Phabee_07_think_L.png");} .talkline__avatar[data-av="Phabee_think_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Phabee/Phabee_07_think_R.png");} .talkline__avatar[data-av="Phabee_upset_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Phabee/Phabee_08_upset_L.png");} .talkline__avatar[data-av="Phabee_upset_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Phabee/Phabee_08_upset_R.png");} .talkline__avatar[data-av="Phabee_shy_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Phabee/Phabee_09_shy_L.png");} .talkline__avatar[data-av="Phabee_shy_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Phabee/Phabee_09_shy_R.png");} .talkline__avatar[data-av="Phabee_love_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Phabee/Phabee_10_love_L.png");} .talkline__avatar[data-av="Phabee_love_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Phabee/Phabee_10_love_R.png");} .talkline__avatar[data-av="Phabee_sing_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Phabee/Phabee_11_sing_L.png");} .talkline__avatar[data-av="Phabee_sing_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Phabee/Phabee_11_sing_R.png");} .talkline__avatar[data-av="Phabee_determined_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Phabee/Phabee_12_determined_L.png");} .talkline__avatar[data-av="Phabee_determined_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Phabee/Phabee_12_determined_R.png");} .talkline__avatar[data-av="Phabee_excited_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Phabee/Phabee_13_excited_L.png");} .talkline__avatar[data-av="Phabee_excited_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Phabee/Phabee_13_excited_R.png");} .talkline__avatar[data-av="Phabee_sleepy_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Phabee/Phabee_14_sleepy_L.png");} .talkline__avatar[data-av="Phabee_sleepy_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Phabee/Phabee_14_sleepy_R.png");} .talkline__avatar[data-av="Phabee_understand_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Phabee/Phabee_15_understand_L.png");} .talkline__avatar[data-av="Phabee_understand_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Phabee/Phabee_15_understand_R.png");} .talkline__avatar[data-av="Phabee_sigh_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Phabee/Phabee_16_sigh_L.png");} .talkline__avatar[data-av="Phabee_sigh_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Phabee/Phabee_16_sigh_R.png");} .talkline__avatar[data-av="Phabee_proud_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Phabee/Phabee_17_proud_L.png");} .talkline__avatar[data-av="Phabee_proud_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Phabee/Phabee_17_proud_R.png");} /* ---------- Shimama（シママ） ---------- */ .talkline__avatar[data-av="Shimama_normal_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Shimama/Shimama_01_normal_L.png");} .talkline__avatar[data-av="Shimama_normal_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Shimama/Shimama_01_normal_R.png");} .talkline__avatar[data-av="Shimama_laugh_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Shimama/Shimama_02_laugh_L.png");} .talkline__avatar[data-av="Shimama_laugh_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Shimama/Shimama_02_laugh_R.png");} .talkline__avatar[data-av="Shimama_ang_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Shimama/Shimama_03_ang_L.png");} .talkline__avatar[data-av="Shimama_ang_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Shimama/Shimama_03_ang_R.png");} .talkline__avatar[data-av="Shimama_cry_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Shimama/Shimama_04_cry_L.png");} .talkline__avatar[data-av="Shimama_cry_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Shimama/Shimama_04_cry_R.png");} .talkline__avatar[data-av="Shimama_sad_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Shimama/Shimama_05_sad_L.png");} .talkline__avatar[data-av="Shimama_sad_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Shimama/Shimama_05_sad_R.png");} .talkline__avatar[data-av="Shimama_sup_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Shimama/Shimama_06_sup_L.png");} .talkline__avatar[data-av="Shimama_sup_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Shimama/Shimama_06_sup_R.png");} .talkline__avatar[data-av="Shimama_think_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Shimama/Shimama_07_think_L.png");} .talkline__avatar[data-av="Shimama_think_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Shimama/Shimama_07_think_R.png");} .talkline__avatar[data-av="Shimama_upset_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Shimama/Shimama_08_upset_L.png");} .talkline__avatar[data-av="Shimama_upset_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Shimama/Shimama_08_upset_R.png");} .talkline__avatar[data-av="Shimama_shy_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Shimama/Shimama_09_shy_L.png");} .talkline__avatar[data-av="Shimama_shy_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Shimama/Shimama_09_shy_R.png");} .talkline__avatar[data-av="Shimama_love_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Shimama/Shimama_10_love_L.png");} .talkline__avatar[data-av="Shimama_love_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Shimama/Shimama_10_love_R.png");} .talkline__avatar[data-av="Shimama_sing_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Shimama/Shimama_11_sing_L.png");} .talkline__avatar[data-av="Shimama_sing_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Shimama/Shimama_11_sing_R.png");} .talkline__avatar[data-av="Shimama_determined_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Shimama/Shimama_12_determined_L.png");} .talkline__avatar[data-av="Shimama_determined_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Shimama/Shimama_12_determined_R.png");} .talkline__avatar[data-av="Shimama_excited_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Shimama/Shimama_13_excited_L.png");} .talkline__avatar[data-av="Shimama_excited_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Shimama/Shimama_13_excited_R.png");} .talkline__avatar[data-av="Shimama_sleepy_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Shimama/Shimama_14_sleepy_L.png");} .talkline__avatar[data-av="Shimama_sleepy_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Shimama/Shimama_14_sleepy_R.png");} .talkline__avatar[data-av="Shimama_understand_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Shimama/Shimama_15_understand_L.png");} .talkline__avatar[data-av="Shimama_understand_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Shimama/Shimama_15_understand_R.png");} .talkline__avatar[data-av="Shimama_sigh_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Shimama/Shimama_16_sigh_L.png");} .talkline__avatar[data-av="Shimama_sigh_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Shimama/Shimama_16_sigh_R.png");} .talkline__avatar[data-av="Shimama_proud_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Shimama/Shimama_17_proud_L.png");} .talkline__avatar[data-av="Shimama_proud_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Shimama/Shimama_17_proud_R.png");} /* ---------- Stoke（ストーク） ---------- */ .talkline__avatar[data-av="Stoke_normal_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Stoke/Stoke_01_normal_L.png");} .talkline__avatar[data-av="Stoke_normal_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Stoke/Stoke_01_normal_R.png");} .talkline__avatar[data-av="Stoke_laugh_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Stoke/Stoke_02_laugh_L.png");} .talkline__avatar[data-av="Stoke_laugh_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Stoke/Stoke_02_laugh_R.png");} .talkline__avatar[data-av="Stoke_ang_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Stoke/Stoke_03_ang_L.png");} .talkline__avatar[data-av="Stoke_ang_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Stoke/Stoke_03_ang_R.png");} .talkline__avatar[data-av="Stoke_cry_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Stoke/Stoke_04_cry_L.png");} .talkline__avatar[data-av="Stoke_cry_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Stoke/Stoke_04_cry_R.png");} .talkline__avatar[data-av="Stoke_sad_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Stoke/Stoke_05_sad_L.png");} .talkline__avatar[data-av="Stoke_sad_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Stoke/Stoke_05_sad_R.png");} .talkline__avatar[data-av="Stoke_sup_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Stoke/Stoke_06_sup_L.png");} .talkline__avatar[data-av="Stoke_sup_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Stoke/Stoke_06_sup_R.png");} .talkline__avatar[data-av="Stoke_think_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Stoke/Stoke_07_think_L.png");} .talkline__avatar[data-av="Stoke_think_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Stoke/Stoke_07_think_R.png");} .talkline__avatar[data-av="Stoke_upset_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Stoke/Stoke_08_upset_L.png");} .talkline__avatar[data-av="Stoke_upset_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Stoke/Stoke_08_upset_R.png");} .talkline__avatar[data-av="Stoke_shy_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Stoke/Stoke_09_shy_L.png");} .talkline__avatar[data-av="Stoke_shy_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Stoke/Stoke_09_shy_R.png");} .talkline__avatar[data-av="Stoke_love_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Stoke/Stoke_10_love_L.png");} .talkline__avatar[data-av="Stoke_love_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Stoke/Stoke_10_love_R.png");} .talkline__avatar[data-av="Stoke_sing_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Stoke/Stoke_11_sing_L.png");} .talkline__avatar[data-av="Stoke_sing_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Stoke/Stoke_11_sing_R.png");} .talkline__avatar[data-av="Stoke_determined_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Stoke/Stoke_12_determined_L.png");} .talkline__avatar[data-av="Stoke_determined_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Stoke/Stoke_12_determined_R.png");} .talkline__avatar[data-av="Stoke_excited_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Stoke/Stoke_13_excited_L.png");} .talkline__avatar[data-av="Stoke_excited_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Stoke/Stoke_13_excited_R.png");} .talkline__avatar[data-av="Stoke_sleepy_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Stoke/Stoke_14_sleepy_L.png");} .talkline__avatar[data-av="Stoke_sleepy_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Stoke/Stoke_14_sleepy_R.png");} .talkline__avatar[data-av="Stoke_understand_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Stoke/Stoke_15_understand_L.png");} .talkline__avatar[data-av="Stoke_understand_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Stoke/Stoke_15_understand_R.png");} .talkline__avatar[data-av="Stoke_sigh_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Stoke/Stoke_16_sigh_L.png");} .talkline__avatar[data-av="Stoke_sigh_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Stoke/Stoke_16_sigh_R.png");} .talkline__avatar[data-av="Stoke_proud_L"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Stoke/Stoke_17_proud_L.png");} .talkline__avatar[data-av="Stoke_proud_R"]{background-image:url("https://shimaphoto03.com/wp-content/uploads/Avators/Stoke/Stoke_17_proud_R.png");}