.shInstagram { font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif ; background-color: #fff; box-sizing: border-box; padding: 20px; border: solid 1px #ddd; width: 960px; margin: 50px auto 0; position: relative;}

.shInstagram-inner { margin-bottom: 20px; }
.shInstagram-inner1 { position: relative; margin-bottom: 30px;}
.shInstagram-icon1 { content: ''; position: absolute; top: 0; right: 0; width: 50px; height: 50px; background: url('../img/icon.png') no-repeat; background-size: contain;
}

.shInstagram-ttl1 { font-size: 30px; letter-spacing: 0; text-align: center; color: #732D25;}
.shInstagram-ttl2 { font-size: 19px; letter-spacing: 0; text-align: center; margin-bottom: 10px; color: #C0A47D;}
.shInstagram-txt1 { font-size: 12px; text-align: center; color: #C0A47D;}
.shInstagram-txt2 { font-size: 17px; font-weight: bold; color: #44643A;}

.shInstagram-tab-outer { margin-bottom: 20px; }
.shInstagram-tab { float: left; width: 20%; text-align: center; font-family: "Sawarabi Mincho"; font-size: 12px; cursor: pointer; box-sizing: border-box; border: solid 1px #aaa; height: 60px; border-top: 7px solid #BFA876; border-right: none; position: relative;}

.shInstagram-tab-txt1 {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; font-weight: bold; line-height: 1.2; font-weight: bold;}

.shInstagram-tab.on { border-top: solid #7F251F 7px; }
.shInstagram-tab:last-of-type { border-right: solid 1px #aaa; }

.shInstagram-contents { margin-bottom: 3%; display: none;}
.shInstagram-contents.on { display: block;}
.shInstagram-contentsOuter { margin-bottom: 20px; }
.shInstagram-contentsInner {width: 24.25%; margin-right: 1%; margin-bottom: 1%; float: left; position: relative; cursor:pointer; overflow:hidden; height: 222px;}
.shInstagram-contentsInner:nth-of-type(4n){ margin-right: 0; }
/* .shInstagram-contentsInner:before {transition: background-color .5s ease-out;} */

.shInstagram-loading.off { display: none; }

.shInstagram-popup { display: block; }
.shInstagram-popup:before {content: '';width: 100%;height: 100%;background-color: rgba(0,0,0,0);position: absolute;top: 0;left: 0;z-index: 2;transition: background-color .4s ease-out;}
.shInstagram-userInfo:hover + .shInstagram-popup:before ,.shInstagram-popup:hover:before { background-color: rgba(0,0,0,.6); }

.shInstagram-userInfo { display: block; position: absolute; top: 40%; left: -100%; transition: .3s left ease-out; z-index: 10;}

.shInstagram-contentsInner:hover .shInstagram-userInfo { position: absolute; top: 40%; left: 3%; }
.shInstagram-icon {display: block; float: left; margin-right: 5px;}
.shInstagram-usernameDate {display: block; float: left; color: #fff;}
.shInstagram-icon img{ width: 35px; height: 35px; border-radius: 50%; display: none;}

.shInstagram-ph {width: 170%;height: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1;}
.shInstagram-username {display: block; font-size: 13px;}
.shInstagram-date {display: block; font-size: 13px;}

.shInstagram-btn { background-color: #4F6E46; width: 200px; margin: 0 auto; cursor: pointer; padding: 20px 0; color: #fff; text-align: center; font-size: 15px;  font-family: "Sawarabi Mincho"; transition: .5s opacity ease-out; clear: both;}

.shInstagram .shInstagram-cpBtn { position: absolute; top: 59px; left: 20px; background-color: #BDA87D; color: #fff !important; display: block; text-align: center; padding: 15px; text-decoration: none; letter-spacing: 1px; font-size: 13px; z-index: 1; transition: .5s opacity ease-out;}

.shInstagram-cpBtn:hover { opacity: .7; }

.shInstagram-btn:hover { opacity: .6; }

#fancybox-overlay {z-index: 1500 !important;}
#fancybox-wrap {z-index: 1600 !important;}

.fit {width: 100%; height: auto;}
.cf:after {content: ''; display: table; clear: both;}

@media screen and ( max-width: 767px ) {
	.sumaho {display: block !important;}
	.nosumaho {display: none !important;}
	.shInstagram { width: 100%; }
	.shInstagram-ttl1 {font-size: 14px;}
	.shInstagram-ttl2 {font-size:12px; }
	.shInstagram-txt1 {font-size: 10px; line-height: 1.5;}
	.shInstagram-tab {font-size: 10px;}
	.shInstagram-tab-txt1 { letter-spacing: -1px; }
	.shInstagram-tab-outer .shInstagram-tab:nth-of-type(1),.shInstagram-tab-outer .shInstagram-tab:nth-of-type(2),.shInstagram-tab-outer .shInstagram-tab:nth-of-type(3) { width: 33.33%; }
	.shInstagram-tab:nth-of-type(3) { border-right: solid 1px #aaa; }
		.shInstagram-tab-outer .shInstagram-tab:nth-of-type(4),.shInstagram-tab-outer .shInstagram-tab:nth-of-type(5) { width: 50%; }

		.shInstagram-contentsInner { width: 33.33%; margin: 0; box-sizing: border-box; border: solid 1px #fff; border-bottom: none; border-right:none; height: auto;}
		.shInstagram-contentsInner:nth-of-type(3n) {margin-right: 0; }
		.shInstagram-userInfo {left: 200px;}
		.shInstagram-ph,.shInstagram-popup {width: 100%; height: 100px;}
		.shInstagram-icon1 { width: 29px; height: 29px; top: 0; left: 0; text-decoration: none !important;}
}