.mavie-dialogue{max-width:820px;margin:1.8rem auto 2.4rem;padding:0 10px}.mavie-dialogue .row{display:flex;align-items:flex-start;gap:14px;margin:18px 0}.mavie-dialogue .row.ken,.mavie-dialogue .row.shiozawa{justify-content:flex-start}.mavie-dialogue .avatar{width:44px;min-width:44px;height:44px;border-radius:999px;overflow:hidden;flex:0 0 44px;box-shadow:0 2px 10px #0000000f}.mavie-dialogue .avatar img{width:100%;height:100%;object-fit:cover;display:block}.mavie-dialogue .bubble{flex:1 1 auto;border-radius:18px;padding:14px 16px;box-shadow:0 2px 12px #0000000f;border:1px solid rgba(0,0,0,.04)}.mavie-dialogue .speaker-name{margin:0 0 8px;font-weight:700;font-size:14px;line-height:1.3;opacity:.85}.mavie-dialogue .bubble-body{font-size:16px;line-height:1.75;letter-spacing:.01em}.mavie-dialogue .bubble-body p{margin:0 0 .9em}.mavie-dialogue .bubble-body p:last-child{margin-bottom:0}.mavie-dialogue .bubble-body .mavie-explanation-box,.mavie-dialogue .bubble-body .explanation-box,.mavie-dialogue .bubble-body .note-box{margin-top:12px;padding:14px;border-radius:14px;border:1px solid rgba(0,0,0,.08);background:#ffffffbf}.mavie-dialogue .bubble-body h3,.mavie-dialogue .bubble-body h4{margin:0 0 8px;font-size:16px;line-height:1.45}.mavie-dialogue .bubble-body ul,.mavie-dialogue .bubble-body ol{margin:.6em 0 .6em 1.2em}.mavie-dialogue .row.ken .bubble{background:#eef8fb}.mavie-dialogue .row.shiozawa .bubble{background:#fbf1f4}@media (min-width: 990px){.mavie-dialogue{max-width:920px;padding:0}.mavie-dialogue .bubble{padding:16px 18px}}@media (max-width: 640px){.mavie-dialogue{padding:0 12px}.mavie-dialogue .row{gap:12px;margin:16px 0}.mavie-dialogue .avatar{width:40px;min-width:40px;height:40px}.mavie-dialogue .bubble{padding:12px 14px;border-radius:16px}.mavie-dialogue .speaker-name{font-size:13px}.mavie-dialogue .bubble-body{font-size:16px;line-height:1.78}}@media (max-width: 360px){.mavie-dialogue .bubble-body{font-size:15.5px}}@media (min-width: 990px){.oshiete-layout.page-width--narrow{max-width:980px!important}}@media (max-width: 989px){.oshiete-layout.page-width--narrow{max-width:100%!important;padding-left:12px;padding-right:12px}}@media (max-width: 640px){.mavie-dialogue{padding-left:0;padding-right:0}.mavie-dialogue .avatar{width:32px;min-width:32px;height:32px;flex:0 0 32px}.mavie-dialogue .row{gap:10px;margin:14px 0}.mavie-dialogue .bubble{padding:12px 13px;border-radius:16px}}@media (min-width: 990px){.mavie-dialogue{max-width:980px;padding:0}}.oshiete-layout{max-width:1100px;margin-left:auto;margin-right:auto}@media (min-width: 990px){.oshiete-layout.page-width{padding-left:24px;padding-right:24px}}.oshiete-layout .article-template.rte{font-size:17px;line-height:1.9}.oshiete-layout .article-template.rte p{margin-bottom:1.05em}.mavie-dialogue{max-width:1100px;margin:1.8rem auto 2.6rem;padding:0}.mavie-dialogue .row{gap:12px;margin:18px 0}.mavie-dialogue .avatar{width:40px;min-width:40px;height:40px;flex:0 0 40px}.mavie-dialogue .bubble{padding:15px 17px;border-radius:18px;box-shadow:0 2px 12px #0000000d;border:1px solid rgba(0,0,0,.05)}.mavie-dialogue .bubble-body{font-size:17.5px;line-height:1.85;letter-spacing:.01em}.mavie-dialogue .speaker-name{font-size:13.5px;margin:0 0 8px;opacity:.82}.mavie-dialogue .bubble-body .mavie-explanation-box,.mavie-dialogue .bubble-body .explanation-box,.mavie-dialogue .bubble-body .note-box{margin-top:12px;padding:14px;border-radius:14px;border:1px solid rgba(0,0,0,.08);background:#ffffffc7}.mavie-dialogue .bubble-body h3,.mavie-dialogue .bubble-body h4{font-size:16.5px;line-height:1.45;margin:0 0 8px}@media (max-width: 640px){.oshiete-layout.page-width{padding-left:12px;padding-right:12px}.mavie-dialogue{padding-left:0;padding-right:0}.mavie-dialogue .avatar{width:28px;min-width:28px;height:28px;flex:0 0 28px}.mavie-dialogue .row{gap:9px;margin:14px 0}.mavie-dialogue .bubble{padding:12px 13px;border-radius:16px}.mavie-dialogue .bubble-body{font-size:16.5px;line-height:1.9}}@media (max-width: 640px){.oshiete-layout.page-width{padding-left:8px!important;padding-right:8px!important}.mavie-dialogue{margin-left:0;margin-right:0}.mavie-dialogue .avatar{width:26px;min-width:26px;height:26px;flex:0 0 26px}.mavie-dialogue .row{gap:8px}.mavie-dialogue .bubble{padding:12px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/mavie-dialogue.css.map */