@charset "utf-8";
/****************
responsive
****************/
@media screen and (max-width: 1200px) {
    .global_nav__list {
        width: 100%;
    }

    .info__inner {
        padding-right: 20px;
    }

    .plant_info {
        grid-template-rows: repeat(5, auto);
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 1100px) {

    .sp_nav__wrap,
    .overlay {
        top: 54px;
    }

    .sns_links {
        grid-row: 2;
        justify-content: end;
    }

    .header__nav,
    .sns_links,
    .global_nav__wrap,
    .header_nadd-link {
        display: none;
    }

    .humberger {
        display: revert;
    }

    .header__inner {
        padding: 2.46vw 0;
        grid-template-columns: 1fr;
        row-gap: 8px;
    }

    .header__right {
        grid-template-columns: 1fr;
        width: 500px;
        margin-left: auto;
    }

    .header_search input {
        height: 53px;
    }

    .header__logo {
        width: 200px;
    }

    .header__inner {
        padding: 8px 0 10px;
    }

    .under_right {
        display: revert;
    }

    input#detailed-search-box {
        width: calc(100% - 68px);
        padding: 16px;
    }

    input#hd-search-button {
        padding: 17px 8px;
    }

    .channel_arrow {
        width: 40px !important;
        height: 40px !important;
    }

    .top_video__wrap .contents__inner {
        width: calc(95% - 80px);
    }

    .page_title {
        font-size: var(--f-l);
    }

    .common_page .page_contents__wrap h2,
    .page_contents__wrap h2 {
        font-size: var(--f-mll);
    }
}

@media screen and (max-width: 1024px) {
    .contents__title_g {
        width: calc(100% - 41px);
    }

    .contents__title_wrap {
        grid-template-columns: 1fr;
    }

    .top_news__btn {
        margin-top: var(--s-m);
    }

    .conntent__description {
        padding-left: revert;
        margin-top: var(--s-m);
    }

    .wrap-bg02 .contents__title_wrap {
        background: revert;
        margin-right: revert;
    }

    .wrap-bg02 .conntent__description {
        background: var(--c-gray);
        margin-top: 0;
        padding: 16px 5%;
        margin-inline: calc(50% - 50vw);
    }

    footer .contents__inner {
        grid-template-columns: 1fr;
    }

    .footer__sns {
        justify-content: revert;
    }

    .footer__contact {
        gap: 5vw;
    }

    .info__noinfo,
    .info__error {
        padding-inline: 4vw 0;
    }

    .menu__list {
        grid-template-columns: repeat(2, 1fr);
    }

    .area__list {
        grid-template-columns: 1fr;
    }

    .info__inner {
        grid-template-columns: 60px 1fr;
        width: 100%;
        padding-right: 60px;
    }

    .info__title {
        display: none;
    }

    .info__noinfo, .info__list, .info__error {
        grid-column: 1 / -1;
    }

    .info__noinfo, .info__error {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .info__linkbtn {
        grid-column: 2;
        margin-left: revert;
    }

    .info__linkbtn a {
        padding: 12px 16px;
    }

    .info__banner__wrap {
        --height: 160px;
    }

    .info_open, .info__inner {
        height: var(--height);
    }

    .pro_info_btn {
        top: var(--height);
    }

}

@media screen and (max-width: 900px) {
    dl:has(.ml25) {
        display: grid;
        grid-template-columns: 1fr;
    }

    .breadcrumb__wrap {
        display: flex;
        flex-wrap: wrap;
    }

    .breadcrumb__txt {
        display: none;
    }
}


@media screen and (max-width: 767px) {
    :root {
        --s-ml: 1.875rem;
    }

    .header__right {
        width: 100%;
    }

    .sp_nav__wrap, .overlay {
        top: 54px;
    }

    .ramis_banner__wrap {
        grid-template-columns: 1fr;
    }

    .news__title {
        grid-row: 2;
        grid-column: 1 / -1;
        margin-top: var(--s-double);
    }

    .banner__wrap {
        grid-template-columns: 1fr;
    }

    .day_content__list {
        grid-template-columns: 1fr;
        row-gap: .2rem;
    }

    .day_content__list dt {
        margin-top: var(--s-nomal);
    }

    .day_content__list dd {
        border-top: revert;
        padding-top: revert;
    }

    .plant_info {
        grid-auto-flow: revert;
        grid-template-rows: revert;
        grid-template-columns: 1fr;
    }

    .power_plant_map {
        display: revert;
        padding-inline: 2%;
        overflow: auto;
    }

    .power_plant_map img {
        min-width: 600px;
        margin-inline: auto;
    }

    .map_icon_info {
        justify-content: flex-start;
    }

    .overview-info tr {
        display: flex;
        flex-wrap: wrap;
    }

    .overview-info {
        th, td {
            width: 100%;
        }
    }

    .page_txt__wrap .overview-info ul {
        margin-inline-start: 0;
        padding-left: .5em;
    }
    .contents__inner table {
        th {
            min-width: 90px;
        }
    }
    .date_list-auto {
        grid-template-columns: 1fr;
    }

    .date_list-auto dt, .date_list-auto dd {
        grid-column: revert;
    }


}

@media screen and (max-width: 599px) {
    :root {
        /* space */
        /* --s-huge  : 5rem;    /* 80px */
        /* --s-big   : 4.5rem; /* 72px */
        --s-ll: 3.75rem;
        /* 60px */
        --s-l: 1.875rem;
        /* 30px */
        --s-m: 1.25rem;
        /* 20px */
        --s-ms: 0.5rem;
        /* 8px */
        --s-double: 0.25rem;
        /* 4px */

        /* font */
        --f-l: 1.5rem;
        /* 24px */
        --f-mll: 1.25rem;
        /* 20px */
        --f-ml: 1.125rem;
        /* 18px */
        --f-m: 1rem;
        /* 16px */
    }

    .header__inner {
        grid-template-columns: 1fr;
    }

    .under_right {
        justify-content: flex-start;
    }

    .reloadButton img {
        width: 25px;
    }

    .icon_attention {
        width: 48px;
    }

    .info__noinfo,
    .info__error {
        background: var(--c-gray);
    }

    .footer__right {
        width: 100%;
    }

    .contents__wrap.splide .contents__inner {
        width: 100%;
    }

    .top_mainimg {
        display: revert;
    }

    .top_mainimg__caption {
        width: calc(100% - 45px);
    }

    .slide_description,
    .thumbnails {
        width: 90%;
        margin-inline: auto;
    }

    .slide_link__btn {
        padding-left: 5%;
    }

    .thumbnails {
        grid-template-columns: repeat(2, 1fr);
    }

    .n-add__section {
        background-size: 76%;
        background-position: -80px 0;
    }

    .n-add__serch_icon {
        width: 30px;
    }

    .report__list {
        grid-template-columns: 1fr;
    }

    .report__list li a {
        border-left: revert;
        padding-inline: revert;
    }

    .report__time {
        width: 150px;
        border-right: 1px solid;
    }

    .report__list li:after {
        top: var(--space);
    }

    .banner__wrap article p {
        grid-row: 2;
        grid-column: 1 / -1;
        margin-top: 1.2rem;
    }

    .banner__item_onecolumn a {
        grid-template-columns: 20% auto 25px;
    }

    .gototop a {
        width: 56px;
        height: 56px;
        font-size: 12px;
    }

    .gototop img {
        height: 15px;
    }

    .area_item__info {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-auto-flow: revert;
    }

    .page_txt__btn_wrap,
    .page_list_3column {
        grid-template-columns: 1fr;
    }

    .page_child_cate__list {
        grid-template-columns: 1fr;
    }

    .page_child_cate__list li {
        margin-inline: .5rem;
    }

    .gchild_cate__title:before {
        font-size: 12px;
    }
    .pre-em__wrap {
        grid-template-columns: 1fr;
    }
    .info__linkbtn {
    width: auto;
    }
}

@media screen and (max-width: 374px) {
    :root {

        /* space */
        /* --s-huge  : 4.5rem; /* 72px */
        /* --s-big   : 3.75rem; /* 60px */
        --s-ll: 1.875rem;
        /* --s-l     : 1.25rem; /* 20px */
        /* --s-double: 1rem;    /* 16x */
        /* --s-nomal : 0.5rem;  /* 8px */
        /* --s-s     : 0.25rem; /* 4px */

        /* font */
        --f-l: 1.5rem;
        /* --f-mll : 1.5625rem;/* 25px */
        /* --f-ml  : 1.25rem;  /* 20px */
        /* --f-m   : 1.125rem; /* 18px */
    }

    .sp_nav__footer_nav-list li {
        font-size: var(--f-s);
    }

    .top_mainimg__caption:after {
        content: none;
    }

    .top_mainimg__caption {
        width: 100%;
    }

    .calendar__cate,
    .page_footer__nav_list {
        grid-template-columns: 1fr;
    }
    .info__linkbtn a {
        padding: var(--s-nomal);
    }

    .info__inner {
        grid-template-columns: 40px 1fr;
    }
}