.red{
    color: #f66;
    -webkit-text-decoration: underline wavy red;
    text-decoration: underline wavy red;
}
.imgbox{
    width: 100%;
    height: 10vw;
    position: relative;
}
.imgbox .img{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    background-image: url("../images/index/image1.png"), url("../images/index/image1.png"), url("../images/index/image2.png");
    background-repeat: no-repeat;
    background-size: 10% auto, 10% auto, 15% auto;
    background-position: bottom left, bottom left 10%, bottom right;
}

#announce {
}
#announce h4+div {
    padding: 0 5%;
    box-sizing: border-box;
    border: 0.3em solid #FFD300;
    border-radius: 16px;
}

#infobox{
    display: block;
    width: 100%;
}
.info_flex{
    display: flex;
}
.info_flex>div{
    display: block;
    width: 49%;
    padding: 0;
}
.info_flex>div:nth-child(odd){
    margin: 0 1% 0 0;
}
.info_flex>div:nth-child(even){
    margin: 0 0 0 1%;
}

div#info_log{
}
div#info_log .log{
    max-height: 20em;
    overflow-y: scroll;
}

div#info_insta{
    display: block;
}
div#info_insta{
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    border: 0.3em solid #FFD300;
    border-radius: 16px;
}
div#info_insta>*{
    display: block;
    width: 90%;
    margin: 0 auto;
}
div#info_insta_profile{
    display: flex;
    padding: 12px 0;
}
div#info_insta_profile img{
    display: block;
    width: 50px;
    height: 50px;
    margin: auto;
    object-fit: contain;
}
div#info_insta_profile p{
    display: block;
    width: 60%;
    height: fit-content;
    margin: auto;
    margin-left: 10px;

    white-space: nowrap;
}
div#info_insta_profile a{
    display: block;
    width: fit-content;
    height: fit-content;
    margin: auto;
    padding: 0 10px;
    margin-right: 0;

    color: #666;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;

    border: 0.2em solid #ffe258;
    border-radius: 12px;
    box-sizing: border-box;
}
div#info_insta_img a img{
    display: block;
    aspect-ratio: 1 / 1;
    width: 100%;
    object-fit: cover;
}
div#info_insta_caption{
    max-height: 200px;
}
div#info_insta_caption p{
    overflow: hidden;
    text-overflow: ellipsis;
}
div#info_insta_caption p.post_date{
    width: fit-content;
    margin: 0 0 0 auto;
}
ul#info_insta_album{
    display: flex;
    margin: 0 auto 10px auto;
    padding: 0;
}
ul#info_insta_album li{
    display: block;
    width: 24%;
    margin: 0 auto;
}
ul#info_insta_album li a{
    display: block;
    position: relative;
}
ul#info_insta_album li a{
    display: block;
    padding-top: 100%; /*ここを75%にすると4:3の長方形になる*/ 
}
ul#info_insta_album li a img{
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    object-fit: cover; 
    position: absolute;
}
@media (max-width: 900px) {
	.imgbox{
        height: 6rem;
	}
    .imgbox .img{
        background-size: 15% auto,15% auto, 25% auto;
    }
    .info_flex{
        display: block;
    }
     .info_flex>div{
        display: block;
        width: 100%;
        margin: 0 1%;
        padding: 0;
    }
}