.page-title {
    & h1 {
        & small {
            font-size: inherit;
        }
    }
}

.item-pollen {
    margin-top: clamp(2.5rem, 2.0005rem + 2.0492vw, 3.75rem);

    & .content {
        padding-bottom: clamp(3.4375rem, 2.938rem + 2.0492vw, 4.6875rem);
    }
}

.item-pollen-column {
    display: grid;
    row-gap: 60px;
}

.pollen-region {
    & > *:first-child {
        margin-top: 0;
    }
    & > *:last-child {
        margin-bottom: 0;
    }
}

.item-pollen {
    & .pollen-map {
        margin: 0 auto;
    }
    & h2 {
        clear: both;
        color: #000;
        background: #ecf6f5;
        border-radius: 4px;
        /* font-size: 1.5em; */
        padding: 0.5em;
        margin: 1em 0;
        font-weight: 300;
        font-size: clamp(1.5rem, 1.4001rem + 0.4098vw, 1.75rem);
        margin: 0;
        margin-top: 30px;
        /* margin-bottom: 15px; */
        border-radius: 0px;
    }

    & h3 {
        font-size: 1.25em;
        border-bottom: #ddddde solid 1px;
        padding: 0.5em;
        margin: 0.5em 0;
        color: #333;
        background: none;
        border-radius: 0;

    }

    & h4 {
        font-size: 1em;
    }

    & .list-pollen {
        margin: 0;
        padding: 0;

        & .list-pollen-block {
            margin: 0;
            padding: 0;
            border-bottom: 1px solid #EEEEEE;
            padding: 16px 0;

            display: grid;
            row-gap: 5px;
        }
        & .list-pollen-block::before {
            display: none;
        }
        & .list-pollen-heading {
            font-size: 1rem;
            border-bottom:unset;
            padding: 0;
            padding-left: 15px;
            position: relative;
            line-height: 1rem;
            padding-top: 6px;
            padding-bottom: 6px;
            margin: 0;
            font-weight: 600;
        }
        & .list-pollen-heading::before {
            position: absolute;
            content: '';
            top: 0;
            width: 5px;
            height: 28px;
            background: #00968D;
            left: 0;
        }
        & .list-pollen-contents {
            display: flex;
            flex-wrap: wrap;
            align-items: baseline;
            column-gap: 10px;

            & p {
                margin: 0;
            }

            & .list-pollen-icon {
                display: flex;
                flex-wrap: wrap;
                column-gap: 10px;

                & .icon-img {
                    display: flex;
                    flex-wrap: wrap;
                }
            }
        }
        & .list-pollen-free {

        }
        & .list-pollen-contents,
        & .list-pollen-free {

            & > *:first-child{
                margin-top: 0;
            }
            & > *:last-child{
                margin-bottom: 0;
            }

        }

    }
}

.today-comments {
        

    & .today-comments-heading {
        font-size: clamp(1.5rem, 1.4001rem + 0.4098vw, 1.75rem);
        display: flex;
        flex-wrap: wrap;
        background: none;
        align-items: baseline;

        padding-left: 60px;
        margin-bottom: -45px;
        flex-direction: column;

        position: relative;

        & small {
            font-size: clamp(0.875rem, 0.7751rem + 0.4098vw, 1.125rem);
        }
    }
    & .today-comments-heading::before {
        position: absolute;
        content: '';
        width: 60px;
        height: 75px;
        background: url("/img/pollen/icon__doctor.svg?date=202512");
        background-repeat: no-repeat;
        background-size: contain;
        left: 0;
        top: 50%;
        translate: 0 -50% 0;
    }
    & .today-comments-contents {

        padding-top: 57px;
        padding-left: clamp(1.25rem, 1.0003rem + 1.0246vw, 1.875rem);
        padding-right: clamp(1.25rem, 1.0003rem + 1.0246vw, 1.875rem);
        padding: 45px;

        border-radius: 20px;
        /* overflow: hidden; */
        background: #ECF6F5;

         & > *:first-child{
            margin-top: 0;
        }
        & > *:last-child{
            margin-bottom: 0;
        }
    }
}

.text-small-gray {
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: #666666;
    margin-top: 15px;
    padding: 0 clamp(1.25rem, 1.0003rem + 1.0246vw, 1.875rem);
}

.color-pale {
    color: #666666;
    font-size: 12px;
}
.last-post {
    display: grid;
    margin-top: 20px;
}
.text-a-end {
    text-align: end;
}

/* ---------- ---------- ---------- ---------- ---------- ---------- */
/* ---------- ---------- レスポンシブ（768px） ---------- ---------- */
@media screen and (min-width: 768px) {
    .item-pollen-column {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: clamp(1.25rem, 0.6256rem + 2.5615vw, 2.8125rem);
    }

    .item-pollen {
        & .pollen-map {
            margin: 0 0 0 auto;
        }
    }

    .today-comments {
        & .today-comments-heading {
            flex-direction: row;
            margin-bottom: -35px;
        }
    }
}

/* ---------- ---------- ---------- ---------- ---------- ---------- */
/* ---------- ---------- レスポンシブ（1160px） ---------- ---------- */
@media screen and (min-width: 1160px) {
    .item-pollen {
        & .line {
            padding: 0;
        }
    }
}