@charset "UTF-8";



* {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color : inherit;
}

body {
	text-align: center;
	font-family: "Helvetica Neue",
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;

}

ul {
	list-style: none;
}


	/*clearfix*/
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.insta_list {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.insta_list li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 23%; 
    aspect-ratio: 3 / 4;
    margin: 3px;
    overflow: hidden; 
    background-color: #000;
    position: relative; 
}

/*.insta_list li:hover {
    filter: blur(1px);
}
*/
.insta_list li img:hover {
    transform: scale(1.1);
    transition: 0.5s all;
}

.insta_list li img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
/*    transform: translate(-50%, -50%);*/
    max-width: none;
    max-height: 100%;
    object-fit: cover;
}

#instBtn a {
	display: block;
	width: 200px;
	margin: 15px auto 0;
	line-height: 45px;
	background-color: #a9a9a9;
	color: #fff;
	text-align: center;
	position: relative;
	font-family: "Helvetica Neue",
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}

#instBtn a span {
    margin-left: 10px;
}

#instBtn a::before {
    content: url(instagram-logo001.svg);
    width: 20px;
    position: absolute;
    top: 6px;
    left: 30px;
}

#instBtn a:hover {
	opacity: 0.6;
	transition: all 0.3s ease 0s;
}