@charset "UTF-8";

/* わか杉っ子元気に ネット */
.youho-navigation
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 10px;
}
.youho-navigation .item
{
    text-align: center;
    width: calc(50.00% - 10px);
    margin-bottom: 5px;
}
.subpage-dated-list
{
    list-style-type: none;
    padding-left: 10px;
}
.to-list-text
{
    text-align: right;
    margin-right: 10px;
}

.youho-page-nav
{
    list-style: none;
}

.youho-page-nav.p-related-page-nav {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 0 10px;
}
.youho-page-nav .p-related-page-nav__item {
    margin-bottom: .68493%;
    display: inline-block;
    list-style: none;
    margin-left: 10px;
}
/* わか杉っ子元気に ネット end */

/* 秋田県水と緑の森づくり税 */
/* 画像スライダー */
.css-carousel-slider8 {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.css-carousel-slider8 img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

/* スライド設定 */
.css-carousel-slider8 .slide-wrap {
    width: 800%;
    position: absolute;
    display: flex;
    top: 0;
    left: 0;
    z-index: 0;
    animation: css-carousel-slider8 40s infinite;
    animation-delay: 2s;
}
.css-carousel-slider8 .slide-wrap-main {
    width: 100%;
    z-index: 1;
    animation: css-carousel-slider-main8 40s infinite;
    animation-delay: 2s;
}
.css-carousel-slider8 .slide {
    width: 100%;
}

/* スライダーアニメーションの設定 */
@keyframes css-carousel-slider8 {
    0% { transform: translateX(0); }

    10.5% { transform: translateX(calc(1 / 8 * -100%)); }
    12.5% { transform: translateX(calc(1 / 8 * -100%)); }

    23% { transform: translateX(calc(2 / 8 * -100%)); }
    25% { transform: translateX(calc(2 / 8 * -100%)); }

    35.5% { transform: translateX(calc(3 / 8 * -100%)); }
    37.5% { transform: translateX(calc(3 / 8 * -100%)); }

    48% { transform: translateX(calc(4 / 8 * -100%)); }
    50% { transform: translateX(calc(4 / 8 * -100%)); }

    60.5% { transform: translateX(calc(5 / 8 * -100%)); }
    62.5% { transform: translateX(calc(5 / 8 * -100%)); }

    73% { transform: translateX(calc(6 / 8 * -100%)); }
    75% { transform: translateX(calc(6 / 8 * -100%)); }

    85.5% { transform: translateX(calc(7 / 8 * -100%)); }
    87.5% { transform: translateX(calc(7 / 8 * -100%)); }

    98% { transform: translateX(calc(8 / 8 * -100%)); }
    100% { transform: translateX(calc(8 / 8 * -100%)); }
}

@keyframes css-carousel-slider-main8 {
    0% { transform: translateX(100%); }
    87.5% { transform: translateX(100%); }
    98% { transform: translateX(0%);}
}
.mizumidori-navigation
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 1px;
}
.mizumidori-navigation .item
{
        width: calc(33.333% - 10px); /* 6列1行のPCレイアウトの場合 */
        margin-bottom: 5px;
        box-sizing: border-box;
}
/* 秋田県水と緑の森づくり税 end */

@media (min-width: 48rem) {

    /* わか杉っ子元気に ネット */
    .youho-navigation .item
    {
        width: calc(33.333% - 10px);
        margin-bottom: 20px;
        box-sizing: border-box;
    }
    /* わか杉っ子元気に ネット end */

    /* 秋田県水と緑の森づくり税 */
    .mizumidori-navigation .item
    {
        width: calc(17.466% - 10px);
        margin-bottom: 20px;
        box-sizing: border-box;
    }
    /* 秋田県水と緑の森づくり税 end */
}



/* 県民の声 */
.c-btn-pref__voice{
    margin: 1rem auto;
    width: 80%;
}

.label-pref__voice{
    font-weight: normal;
}

.c-grid__pref__voice{
    background-color: #f5f5f5;
    padding: 0.5% 2%;
}

@media (max-width: 48rem) {
    .c-grid__pref__voice{
        float:none !important;
    }
}

.table-pref__voice th {
    white-space: nowrap;
    text-align: center;
}

.new_pref_voice_table{
    counter-reset: rowCount;
}

.new_pref_voice_table > tbody > tr {
    counter-increment: rowCount;
}

.new_pref_voice_table > tbody > tr > td:first-child::before {
    content: counter(rowCount);
}
.new_pref_voice_table > tbody > tr > td.date {
    white-space: nowrap;
}
.home-p-sns-update--webtv
{
    border-color: #990000;
}
.home-p-sns-update--webtv .home-p-sns-update__heading:before,
.home-p-sns-update--webtv .home-p-sns-update__heading
{
    border-color: #990000;
}
.home-p-sns-update--webtv .home-p-sns-update__title:before {
    width: 40px;
    height: 32px;
    background-image: url(../img/home/icon-youtube-logo.svg);
}