/* 三重県歯科医師会 災害時診療状況マップ */

.mie-dmap {
    margin: 32px 0;
}

.mie-dmap-title {
    margin-bottom: 20px;
}

.mie-dmap.is-disaster .mie-dmap-title {
    color: #c00;
}

.mie-dmap-notice,
.mie-dmap-caution {
    background: #fff7f0;
    border: 1px solid #f2d3b8;
    border-radius: 8px;
    padding: 14px 20px;
    margin-bottom: 16px;
}

.mie-dmap-notice ul,
.mie-dmap-caution ul,
.mie-dmap-legend ul {
    margin: 0;
    padding-left: 1.4em;
}

.mie-dmap-legend {
    background: #f7f7f7;
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    padding: 14px 20px;
    margin-bottom: 16px;
}

.mie-dmap-legend p {
    margin: 0 0 8px;
    font-weight: 700;
}

.mie-dmap-legend li {
    list-style: none;
    margin: 4px 0;
}

.mie-dmap-legend-pin {
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: -6px;
    margin-right: 6px;
}

.mie-dmap-filter {
    margin-bottom: 16px;
}

.mie-dmap-filter select {
    padding: 6px 10px;
}

.mie-dmap-canvas {
    width: 100%;
    height: 666px;
    border: 1px solid #979797;
    border-radius: 8px;
    margin-bottom: 24px;
}

.mie-dmap-error {
    background: #fff7f7;
    border: 1px solid #f0cccc;
    padding: 16px;
    border-radius: 8px;
}

.mie-dmap-table-wrap {
    overflow-x: auto;
}

.mie-dmap-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
}

.mie-dmap-table th,
.mie-dmap-table td {
    border: 1px solid #ddd;
    padding: 10px 12px;
    text-align: left;
    vertical-align: top;
    font-size: 15px;
}

.mie-dmap-table th {
    background: #f7f7f7;
    white-space: nowrap;
}

/* 診療状況の色分け */
.mie-dmap-status {
    white-space: nowrap;
    font-weight: 700;
}

.mie-dmap-status--normal {
    background: #e8f0fe;
    color: #1a56b8;
}

.mie-dmap-status--partial {
    background: #fef7e0;
    color: #9a6c00;
}

.mie-dmap-status--unavailable {
    background: #fce8e6;
    color: #a31408;
}

.mie-dmap-status--unknown {
    background: #f5f5f5;
    color: #666;
}

/* 吹き出し */
.mie-dmap-iw {
    max-width: 280px;
    line-height: 1.6;
}

.mie-dmap-iw p {
    margin: 0 0 8px;
}

.mie-dmap-iw-name {
    font-size: 16px;
    font-weight: 700;
}

.mie-dmap-iw-updated {
    font-size: 12px;
    color: #666;
}

.mie-dmap-iw-status {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .mie-dmap-canvas {
        height: 70vw;
        min-height: 320px;
    }
}

/* 説明文中に差し込むマーカー画像（[mie_dmap_pin] ショートコード） */
.mie-dmap-inline-pin {
    display: inline-block;
    width: 1.25em;
    height: 1.25em;
    vertical-align: -0.3em;
    margin-right: 0.3em;
}