@charset "UTF-8";
/* ods_Instagram for PC/TB/SP */
#instagram {
	/*	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;*/
}
#ist_wrap { /* 2015.02.23 追記 */
	max-width: 960px;
	margin: 0 auto;
}
#ist_wrap h1 { /* 2015.02.23 追記 */
	font-size: 1.7rem;
	text-align: center;
	margin: 0 0 3.5rem 10px;
	font-family: "din-2014","a-otf-midashi-go-mb31-pr6n";
	letter-spacing: 0.05em;
	font-weight: bold;
}
.ist_cnt {
	width: 76px;
	margin: 5px 2px;
	background-color: #eeeCe8;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	color: #666;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.ist_username {
	padding: 0.3rem;
	font-size: 0.75rem;
	background-color: #666;
}
.ist_username a {
	color: #fff;
}

.ist_username img {
	width: 20px;
	margin-right: 0.2rem;
	vertical-align: middle;
}
.ist_post {
}
.ist_pic {
	width: 76px;
	height: 76px;
}
.ist_pic img {
	width: 100%;
}
.ist_text {
	padding: 0.8rem 0.4rem;
	font-size: 0.9rem;
	overflow: hidden;
}
.ist_hashtag {
	padding: 0 0.4rem;
	font-size: 0.9rem;
	overflow: hidden;
}
.ist_status {
	padding: 0.3rem;
	font-size: 0.75rem;
	display: none;
}
.ist_status img {
	width: 9px;
	height: 9px;
}
.ist_date {
	text-align: right;
	padding: 0.4rem;
	font-size: 0.75rem;
	background-color: #DDDCD8;
}
#more-area {
	text-align: center;
	font-size: 1.2rem;
	margin: 1.5rem auto 6.0rem;
	padding: 0.5rem;
	width: 300px;
}
#more-area a:hover {
	opacity: 0.8;
}
/* 2015.02.23 追記 START */
.ist_post {
	overflow: hidden;
}
.ist_username a {
	width: 72px;
	position: absolute;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ist_username {
	height: 12px;
}
/**/
#instagram_pick {
	position: relative;
	height: 250px;
	width: 200px;
	margin-bottom: 5rem;
}
.ist_pic_photo {
	width: 200px;
	height: 250px;
}
.ist_cnt_photo {
	width: 200px;
	margin: 5px 2px;
	background-color: #eeeCe8;
	overflow: hidden;
	color: #666;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.username {
	padding: 0.5rem 0;
	font-size: 0.85rem;
	background-color: #fff;
	height: 12px;
	text-align: center;
}
.username img {
	width: 200px;
	margin-right: 0.2rem;
	vertical-align: middle;
}
.username a {
	width: 200px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
h5 {
	color: #fff;
	width: 190px;
	margin-left: 0.5rem;
	background-color: #000;
	font-weight: 100;
	text-align: center;
	font-size: 1.3rem;
	letter-spacing: 0.18rem;
	padding: 0.6rem 0;
	margin-bottom: 2rem;
	font-family: 'ProximaThin','LucidaGrandeRegular','Lucida Grande','Lucida Sans','Lucida Sans Unicode',Verdana,sans-serif;
}
.pick_photo li {
	display: inline-block;
}
@media screen and (max-width:959px) {
	#ist_wrap {
		width: 880px;
		margin: 0 auto;
	}
	#ist_wrap h1 {
		font-size: 1.7rem;
		margin: 0 0 10px 10px;
	}
}
@media screen and (max-width:879px) {
	#ist_wrap {
		width: 800px;
		margin: 0 auto;
	}
	#ist_wrap h1 {
		font-size: 1.6rem;
		margin: 0 0 10px 10px;
	}
}
@media screen and (max-width:799px) {
	#ist_wrap {
		width: 720px;
		margin: 0 auto;
	}
	#ist_wrap h1 {
		font-size: 1.5rem;
		margin: 0 0 10px 10px;
	}
}
@media screen and (max-width:719px) {
	#ist_wrap {
		width: 640px;
		margin: 0 auto;
	}
	#ist_wrap h1 {
		margin: 0 0 10px 10px;
	}
}
@media screen and (max-width:639px) {
	#ist_wrap {
		width: 560px;
		margin: 0 auto;
	}
	#ist_wrap h1 {
		margin: 0 0 2rem 0;
	}
}
@media screen and (max-width:559px) {
	#ist_wrap {
		width: 480px;
		margin: 0 auto;
	}
}
@media screen and (max-width:479px) {
	#ist_wrap {
		width: 400px;
		margin: 0 auto;
	}
	h5 {
		margin: 2.5rem auto 2rem;
		font-size: 1.2rem;
	}
}
@media screen and (max-width:414px) {
	#instagram_pick {
		height: 190px;
		width: 150px;
	}
	.ist_pic_photo {
		width: 150px;
		height: 190px;
	}
	.ist_cnt_photo {
		width: 150px;
	}
	.username img {
		width: 100%;
	}
}
@media screen and (max-width:399px) {
	#ist_wrap {
		width: 320px;
		margin: 0 auto;
	}

}

/* 2015.02.23 追記 END */