/* デモプレイ 入口側 */
.sdp-has{position:relative}
.sh-rows .sdp-has .sh-row,.sd-item.sdp-has .sd-row{padding-right:70px}
.sdp-chip{position:absolute;right:10px;top:50%;transform:translateY(-50%);appearance:none;display:inline-flex;align-items:center;gap:5px;background:#1f2a33;color:#fff;border:0;border-radius:999px;padding:5px 10px 5px 6px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;line-height:1;z-index:2;box-shadow:0 2px 6px rgba(0,0,0,.18)}
.sd-item.sdp-has .sdp-chip{right:48px}
.sdp-chip:hover{background:#e8822a}
.sdp-chip-ic{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#e8822a;color:#fff;font-size:9px}
.sdp-pick{margin:6px 10px 10px;background:#fff7ef;border:1px solid #f0d9c2;border-left:5px solid #e8822a;border-radius:10px;padding:8px 10px}
.sdp-pick-h{font-size:12px;color:#5a6670;margin:0 0 6px;font-weight:700}
.sdp-pick-a{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #f0d9c2;border-radius:8px;padding:7px 10px;margin:0 0 5px;font-size:13.5px;font-weight:700;color:#1f2a33;text-decoration:none}
.sdp-pick-a:hover{border-color:#e8822a}
@media (max-width:640px){.sdp-chip{padding:5px 8px 5px 5px;font-size:11px}}
/* ツール一覧（タイル）では右下に */
.sd-item.sdp-has .sd-row{padding-right:14px;padding-bottom:44px}
.sd-item.sdp-has .sdp-chip{top:auto;bottom:10px;right:10px;transform:none}
.sd-item .sdp-pick{position:absolute;left:8px;right:8px;bottom:44px;z-index:5;margin:0;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.sdp-has>.sst-tool{padding-right:70px}
.sdp-wrap{position:relative;display:block}
.sdp-wrap>.sst-tool{display:flex}
.sdp-wrap{height:100%}
.sdp-wrap>.sst-tool{height:100%;box-sizing:border-box;padding-right:14px;padding-bottom:40px}
.sdp-wrap .sdp-chip{top:auto;bottom:8px;right:8px;transform:none}
.sdp-wrap .sdp-pick{position:absolute;left:6px;right:6px;bottom:40px;z-index:5;margin:0;box-shadow:0 8px 24px rgba(0,0,0,.18)}
