/*メインクラスに対する指定*/
.activity-link-page{
    text-align: center;
    word-break: keep-all;

}

.wrapper{
    max-width: 1120px;
    margin: auto;
    padding: 0 1.5rem;
}

/*画像*/
img{max-width: 100%;
}


/*見出し*/
h1 .heading{
    background: #0bd;
    color: #fff;
    display: inline-block;
    padding: 6rem 3rem;
    border-radius: 50%;

    word-break: keep-all;
}


.choose-area{
    border-style: solid;
    border-color: black;

    background-color:white;

    justify-content: center;
    align-items: center;

    margin: 5px;
    padding: 5px;
}

/*年の選択*/
     .container-choose-year
        {
            background-color:  ivory;
            border-style:solid;

            display: grid;
            grid-template-columns:repeat(5,1fr);

            margin: 5px;
            padding: 5px;

            align-content: center;
            justify-content: space-around;

            gap: 10px;

        }

    @media(max-width:700px){
        .container-choose-year
        {display:grid;
        grid-template-columns: repeat(2,1fr);
        }
    }

        @media(max-width:400px){
        .container-choose-year
        {display:block;
        }
    }

 /*年のコンテナ*/   

.item-area-hryokunactivity2026,.item-area-hryokunactivity2025,.item-area-hryokunactivity2024,
.item-area-hryokunactivity2023,.item-area-hryokunactivity2022,.item-area-hryokunactivity2021,
.item-area-hryokunactivity2019,.item-area-hryokunactivity2018,.item-area-hryokunactivity2016{
    border-style:solid;
    border-color: gray;

    margin: 5px;
    padding: 5px;
}

.item-area-hryokunactivity2026 a,.item-area-hryokunactivity2025 a,.item-area-hryokunactivity2024 a,
.item-area-hryokunactivity2023 a,.item-area-hryokunactivity2022 a,.item-area-hryokunactivity2021 a,
.item-area-hryokunactivity2019 a,.item-area-hryokunactivity2018 a,.item-area-hryokunactivity2016 a{
    color: white;
}

/*日付の選択*/
.container-choose-month {
    background-color:  ivory;
    border-style:solid;

    display: grid;
    grid-template-columns: repeat(4,1fr);
    
    align-items: center;
    justify-content: center;

    margin: 5px;
    padding: 5px;

    gap: 10px;
}

    /*モバイル版(日付選択)*/

@media(max-width:700px){
    .container-choose-month
     {
    display: grid;
    grid-template-columns: repeat(2,1fr);
}}

@media(max-width:400px){
        .container-choose-month
     {
    display: block;
}
}


/*日付のコンテナ*/
.item-area-cryokunactivity2026,.item-area-cryokunactivity2025,
.item-area-cryokunactivity2024,.item-area-cryokunactivity2023,
.item-area-cryokunactivity2022,.item-area-cryokunactivity2021,
.item-area-cryokunactivity2019,.item-area-cryokunactivity2018,
.item-area-cryokunactivity2016{

    border-width: thick;
    border-style:solid;
    border-color: gray;
    
    margin: 5px;
    padding: 5px;

}

.item-area-cryokunactivity2026 a,.item-area-cryokunactivity2025 a,.item-area-cryokunactivity2024 a,.item-area-cryokunactivity2023 a,.item-area-cryokunactivity2022 a,
.item-area-cryokunactivity2021 a,
.item-area-cryokunactivity2019 a,.item-area-cryokunactivity2018 a,.item-area-cryokunactivity2016 a{
    color: white;
}




/*背景色*/

.item-area-hryokunactivity2026,.item-area-cryokunactivity2026,.item-area-coryokunactivity2026,#activity2026{
    background:purple;
    color: #fff;
}

.item-area-hryokunactivity2025,.item-area-cryokunactivity2025,.item-area-coryokunactivity2025,#activity2025{
    background: black;
    color: #fff;
}

.item-area-hryokunactivity2024,.item-area-cryokunactivity2024,.item-area-coryokunactivity2024,#activity2024{
    background: yellowgreen;
    color: #fff;
}

.item-area-hryokunactivity2023,.item-area-cryokunactivity2023,.item-area-coryokunactivity2023,#activity2023{
    background: blue;
    color: #fff;
}

.item-area-hryokunactivity2022,.item-area-cryokunactivity2022,.item-area-coryokunactivity2022,#activity2022{
    background: green;
    color: #fff;
}

.item-area-hryokunactivity2021,.item-area-cryokunactivity2021,.item-area-coryokunactivity2021,#activity2021{
    background: orange;
    color: #fff;
}

.item-area-hryokunactivity2019,.activity-cryokunactivity2019,.item-area-coryokunactivity2019,#activity2019{
    background: brown;
    color: #fff;
}

.item-area-hryokunactivity2018,.item-area-cryokunactivity2018,.item-area-coryokunactivity2018,#activity2018{
    background: navy;
    color: #fff;
}

.item-area-hryokunactivity2016,.item-area-cryokunactivity2016,.item-area-coryokunactivity2016,#activity2016{
    background: skyblue;
    color: #fff;
}



/*コンテンツエリア*/

/*グリッド*/
.grid{

    display: grid;
    grid-template-columns: repeat(2,1fr);

    align-content: center;
    justify-content: space-around;

    gap: 5px;

    }
 
@media(max-width:600px){
    .grid{
        display: block;
    }
}   


.item-area-ryokunactivity{
    border-width: medium;
    border-style: solid;
    border-color: black;

    margin: 10px;
    padding: 10px;

    word-break: keep-all;
}

.item-area-ryokunactivity p{
    font-size: small;
}

@media(max-width:400px){
    .item-area-ryokunactivity p{
        font-size: 5%;
    }
}

.item-area-ryokunactivity img{
    max-width: 100%;
    max-height: auto;

    object-fit: contain;
}



/*コンテンツの選択*/
     .container-choose-contents
        {
            background-color:  ivory;
            border-style:solid;

            display: grid;
            grid-template-columns:repeat(3,1fr);

            margin: 5px;
            padding: 5px;

            align-content: center;
            justify-content: space-around;

            align-items: center;

            gap: 10px;

        }

    @media(max-width:700px){
        .container-choose-contents
        {display:grid;
        grid-template-columns: repeat(2,1fr);
        }
    }

        @media(max-width:400px){
        .container-choose-contents
        {display:block;
        }
    }


/*日付のコンテナ*/
.item-area-coryokunactivity2026,.item-area-coryokunactivity2025,
.item-area-coryokunactivity2024,.item-area-coryokunactivity2023,
.item-area-coryokunactivity2022,.item-area-coryokunactivity2021,
.item-area-coryokunactivity2019,.item-area-coryokunactivity2018,
.item-area-coryokunactivity2016{

    border-width: thick;
    border-style:solid;
    border-color: gray;
    
    margin: 5px;
    padding: 5px;

}

.item-area-coryokunactivity2026 a,.item-area-coryokunactivity2025 a,.item-area-coryokunactivity2024 a,.item-area-coryokunactivity2023 a,.item-area-coryokunactivity2022 a,
.item-area-coryokunactivity2021 a,
.item-area-coryokunactivity2019 a,.item-area-coryokunactivity2018 a,.item-area-coryokunactivity2016 a{
    color: white;
}


/*矢印*/

.activity-arrow-item{
    position: fixed;
    bottom: 16px;
    right: 16px;

    border-radius: 50%;
    background: blue;
    margin: 10px;
    font-size: larger;
}

.activity-arrow-item a{
    color: white;

    display: block;
    text-decoration: none;
}

.activity-arrow-item:hover{
    opacity: 0.85;
}