/* インスタ の画像 */

.insta_img{
        position: relative;
        display: block;
        margin: 0 auto;
        width: calc(100vw / 4);
        max-width: 200px; /* 最大幅 */
        object-fit: cover;
        aspect-ratio: 1/1;
        transition: 1s ease-in-out;
}
.insta_item:hover .insta_img{
        transform:scale(1.1,1.1);
        transition:1s all;
        opacity: 0.6;
}
.insta_item:hover .insta_mask {
	opacity:1;
}

.insta_box{
        position: relative;
        margin: 0px;
        width: calc(100vw / 4);
        max-width: 200px; /* 最大幅 */
        aspect-ratio: 1/1;
        overflow:hidden; 
        background-color: black;
        border-radius: 10px;
}

.insta_heart{
        position: relative;
        display: inline-block;
        margin: 0px 10px 0px 0px;
        width: 10px;
        opacity: 0.5;
}
.insta_fukidashi{
        position: relative;
        display: inline-block;
        margin: 0px 10px 0px 20px;
        width: 10px;
        opacity: 0.7;
}
.insta_container{
        position: relative;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 auto;
        width: 100%;
        max-width: 1000px;
}
.insta_item{
        position: relative;
        margin: 10px;
        width: calc(100vw / 4);
        max-width: 200px; /* 最大幅 */
}
.insta_mask{
        position: absolute;
        top: 0;
        width: calc(100vw / 4);
        max-width: 200px; /* 最大幅 */
        aspect-ratio: 1/1;
        vertical-align : middle;
	opacity:	0;
        transition: 0.5s ease-in-out;
}
.gaibu_link{
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
        display: block;
        margin: 0 auto;
        width: 30px;
        object-fit: cover;
        aspect-ratio: 1/1;
}

.insta_text{
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0px;
        height: 20px;
        font-size: 12px;
        color: #666666;
        text-align : center;
}