@charset "UTF-8";
/*------------ instagram.php ------------*/
.ig_section {
    margin: 0 auto;
    width: 74.306vw;
    position: relative;
}
.ig_list {	
	display: flex;
    flex-wrap: wrap;
	margin-bottom: 0.694vw;
}
.ig_list li {
	width: calc((74.306vw - 5.555vw)/3);
	position: relative;
	margin-bottom: 2.777vw;
	margin-right: 2.777vw;
	height: calc((74.306vw - 5.555vw)/3);
}
.ig_list li:nth-child(3n) {	
	margin-right: 0;
}
.ig_list li a {
	display: block;
	height: 100%;
}
.ig_list li a img {
	object-fit:cover;
	height: 100%;
}
.ig_list li .c {
	display: none;
}
.ig_list li .overlay {
	position: absolute;	  
	width: 100%;
	height: 100%;
	padding: 1em;
	word-wrap: break-word;
	background: rgba(255,255,255,0.70);
	left: 0;
	top: 0;
	display: flex;
	flex-direction: column;
    justify-content: center;
    transition: 0.5s;
	opacity: 0;
}
.ig_list li .overlay p {
	font-size: 87.5%;
	line-height: 1.7;
	/*三点リーダー*/
   display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
   overflow: hidden;
}
.ig_list li:hover .overlay {
	opacity: 1;
}
.ig_logo {
	width: 40px;
	height: auto;	
	display: block;
	margin-left: auto;
	margin-right: 0;
	margin-bottom: 20px;
	padding: 10px 0 10px 10px;    
    transition: 0.2s;
}
.ig_logo:hover {
	opacity: 0.7;
}
@media screen and (max-width: 767px) {
	/*------------SP instagram.php ------------*/
    .ig_section {
        width: 89.333vw;
    }
	.ig_list {	
		margin-bottom: 0.694vw;
	}
	.ig_list li {
		width: calc((89.333vw - 5.333vw)/3);
		margin-bottom: 2.666vw;
		margin-right: 2.666vw;
		height: calc((89.333vw - 5.333vw)/3);
	}
	.ig_list li .overlay {
		padding: 0.3em;
	}
	.ig_list li .overlay p {
		font-size: 3.466vw;
		/*三点リーダー*/
	   display: -webkit-box;
	  -webkit-box-orient: vertical;
	  -webkit-line-clamp: 4;
	   overflow: hidden;
	}
	.ig_logo {		
		width: 30px;
		margin-bottom: 0;
	}
}