@charset "UTF-8";

@-ms-viewport	{width: device-width;}
/*--------------------------------------------------------------------------
INSTA FEED js 用スタイルシート
--------------------------------------------------------------------------*/
.insta-linl-logo{
	display:block;
	width: 100%;
	margin-top:0;
}
.insta-linl-logo img{

	margin:20px auto;
	height:70px;
	width:auto;
}
.oi{
	margin-right:6px;
}

ul.instafeed {
	margin:0 -15px;
	padding:0;
  display: flex;
  flex-wrap: wrap;
}
ul.instafeed li {
	margin:0;
  list-style: none;
  width: 25%;
  border:2px solid #FFF;
}
ul.instafeed li img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
ul.instafeed li a {
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%;
  overflow: hidden;
}
ul.instafeed li a .like {
  position: absolute;
  width: 100%;
  max-width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-family:'Roboto', sans-serif;
  color: #fff;
  font-weight:400;
  text-shadow: 0 0 7px #000;

}
ul.instafeed li a .like i{
	font-size:30px;
	margin-right:8px;
}
ul.instafeed li a:link .like,ul.instafeed li a:visited .like{
	opacity: 0;
  background:rgba(0,0,0,0);
  -webkit-transition: 0.4s ; /* Safariに対応させるため */
    transition: 0.4s ;

}
ul.instafeed li a:hover .like,ul.instafeed li a:active .like{
	opacity: 1;
  background:rgba(0,0,0,0.6);
  display:flex;
  -webkit-transition: 0.4s ; /* Safariに対応させるため */
    transition: 0.4s ;
}
ul.instafeed h1 {
  text-align: center;
  font-size: 30px;
  font-weight:bold;
  padding: 30px;
  color:#333;
}
/* -------------------------------------------------------------------------------
 320px～560
------------------------------------------------------------------------------- */
@media only screen and (min-width: 1.063em) and (max-width: 34.9375em) { 
ul.instafeed li {
  list-style: none;
  width: 33.3333%;
  height:auto;
}
}
/* -------------------------------------------------------------------------------
 560px～768
------------------------------------------------------------------------------- */
@media only screen and (min-width: 35em) and (max-width: 47.9375em) { 
ul.instafeed li {
  list-style: none;
  width: 33.3333%;
  height:auto;
}
}
/* -------------------------------------------------------------------------------
 768px～
------------------------------------------------------------------------------- */
@media only screen and (min-width : 768px) {
}
/* -------------------------------------------------------------------------------
 768px～991px(Small/col-sm)
------------------------------------------------------------------------------- */
@media only screen and (min-width: 48.063em) and (max-width: 61.9375em) { 
ul.instafeed li {
  list-style: none;
  width: 33.3333%;
  height:auto;
}
}
/* -------------------------------------------------------------------------------
 992px～1199px(Medium/col-md)
------------------------------------------------------------------------------- */
@media only screen and (min-width: 62em) and (max-width: 74.9375em) {
ul.instafeed li {
  list-style: none;
  width: 33.33333%;
  height:auto;
}
}
/* -------------------------------------------------------------------------------
 ～1199px
------------------------------------------------------------------------------- */
@media only screen and (max-width: 74.9375em) {

}
/* -------------------------------------------------------------------------------
1200px～(Large/col-lg)
------------------------------------------------------------------------------- */
@media only screen and (min-width: 75em) {
ul.instafeed li {
  list-style: none;
  width: 25%;
  height:auto;
}
 } 
/* -------------------------------------------------------------------------------
1600px～(Large/col-lg)
------------------------------------------------------------------------------- */
@media only screen and (min-width: 100em) {
ul.instafeed li {
  list-style: none;
  width: 16.6666%;
  height:auto;
}
 }