﻿/* ■■■■■■■■■■■■■■ 参考価格のコピペ用のモーダルのスタイル ■■■■■■■■■■■■■■ */

            /* Unique Modal (background) */
            .unique-modal {
                display: none;
                position: fixed;
                z-index: 100;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                overflow: auto;
                background-color: rgba(0, 0, 0, 0.58);
                padding: 24px;
                box-sizing: border-box;
            }
            /* Unique Modal Content */
            .unique-modal-content {
                background-color: #fefefe;
                margin: min(6vh, 48px) auto;
                padding: 28px 30px 30px;
                border: 1px solid rgba(0, 0, 0, 0.08);
                border-radius: 16px;
                width: min(680px, calc(100vw - 48px));
                max-height: calc(100vh - 48px);
                overflow: auto;
                position: relative;
                top: auto;
                transform: none;
                box-shadow: 0 18px 56px rgba(0, 0, 0, 0.22);
                box-sizing: border-box;
            }
            /* The Close Button */
            .unique-close {
                color: #9b9b9b;
                position: absolute;
                right: 18px;
                top: 14px;
                font-size: 56px;
                font-weight: bold;
                line-height: 1;
                cursor: pointer;
            }
            .unique-close:hover,
            .unique-close:focus {
                color: black;
                text-decoration: none;
            }
            #uniqueModalText {
                color: #2e2e2e;
                font-size: clamp(14px, 0.9vw, 16px);
                line-height: 1.45;
                padding-top: 6px;
            }
            .unique-modal-heading {
                font-size: clamp(22px, 1.55vw, 28px);
                font-weight: 700;
                color: #1c1c1c;
                margin-bottom: 18px;
                padding-right: 56px;
            }
            .unique-modal-list {
                display: grid;
                gap: 8px;
                margin-bottom: 24px;
            }
            .unique-modal-row {
                display: grid;
                grid-template-columns: minmax(150px, 220px) minmax(0, 1fr);
                gap: 16px;
                align-items: start;
            }
            .unique-modal-label {
                font-weight: 700;
                color: #444;
            }
            .unique-modal-value {
                color: #222;
                word-break: break-word;
            }
            .unique-modal-section-title {
                font-size: clamp(16px, 1vw, 18px);
                font-weight: 700;
                color: #1c1c1c;
                margin-bottom: 6px;
            }
            .unique-modal-note {
                color: #4a4a4a;
            }
            .unique-modal-actions {
                display: flex;
                justify-content: flex-end;
                margin-top: 18px;
            }
            .unique-modal-copy-button {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-width: 180px;
                min-height: 40px;
                padding: 10px 16px;
                border: 1px solid rgba(40, 110, 82, 0.4);
                border-radius: 999px;
                background: linear-gradient(180deg, #2e7f5d 0%, #225e45 100%);
                color: #f8fff9;
                font-size: 14px;
                font-weight: 700;
                cursor: pointer;
                transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
            }
            .unique-modal-copy-button:hover,
            .unique-modal-copy-button:focus {
                transform: translateY(-1px);
                box-shadow: 0 10px 24px rgba(34, 94, 69, 0.22);
                outline: none;
            }
            .unique-modal-copy-button.is-copied {
                background: linear-gradient(180deg, #2f9d73 0%, #24795a 100%);
                border-color: rgba(36, 121, 90, 0.55);
            }
            .unique-modal-copy-button.is-error {
                background: linear-gradient(180deg, #a35656 0%, #7c3d3d 100%);
                border-color: rgba(124, 61, 61, 0.55);
            }

            @media (max-width: 768px) {
                .unique-modal {
                    padding: 16px;
                }
                .unique-modal-content {
                    width: calc(100vw - 32px);
                    max-height: calc(100vh - 32px);
                    margin: 16px auto;
                    padding: 22px 18px 20px;
                }
                .unique-close {
                    right: 12px;
                    top: 10px;
                    font-size: 42px;
                }
                .unique-modal-row {
                    grid-template-columns: 1fr;
                    gap: 2px;
                }
                .unique-modal-actions {
                    justify-content: stretch;
                }
                .unique-modal-copy-button {
                    width: 100%;
                }
            }


