a img {
-webkit-transition: opacity 0.5s ease-out;
-moz-transition: opacity 0.5s ease-out;
-ms-transition: opacity 0.5s ease-out;
}@charset 'UTF-8';
#instagram {
width: 100%;
padding-top: 1em;
}
.main_inst {
max-width: 825px;
/*margin-right: auto;
margin-left: auto;*/
}
#instafeed {
overflow: hidden;
-js-display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
#instafeed li{
background-color: #000;
width: 23%;
line-height: 0;
margin-bottom: 1.5em;
/*正方形維持
max-height: 205px;
overflow: hidden;
*/
position: relative;
}
/*正方形維持*/
#instafeed li:before{
content: "";
display: block;
padding-top: 100%;
}
#instafeed img{
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
object-fit: cover;
}
/*
#instafeed li img {
width: 100%;
height: auto;
}
*/
#instafeed li a{
-webkit-transition: opacity 0.5s ease-out;
-moz-transition: opacity 0.5s ease-out;
-ms-transition: opacity 0.5s ease-out;
}
#instafeed li a:hover{
filter: alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}
@media only screen and (min-width:1px) and (max-width:738px){
#instafeed li{
width: 32%;
/*margin-bottom: 2%;*/
}
}
@media only screen and (min-width:1px) and (max-width:480px){
#instafeed li{
width: 48%;
/*margin-bottom: 2%;*/
}
}