@charset "UTF-8";
/* ==========================================================================
   blog.css
   ========================================================================== */
/* body */
body {
	color : #444444;
	background : #e6d7c8;
}

#header .inner {
	margin : 0 auto;
	width : 900px;
}


a:link , a:visited {
	color : #444444;
}
a:hover {
	color : #444444;
}

/* header */
#header {
	border-bottom : 1px solid #a9a495;
}

/* contents */
#contents {
	margin : 52px auto 80px;
	width : 900px;
}

/* main */
#main {
	width : 670px;
}
@media screen and (max-width: 767px) {
	#contents {
		margin : 10vw auto 10vw;
		width : 86%;
	}
	#main {
		width : 86%;
		margin : 0 auto;
	}
}


#main .tit {
	padding-bottom : 3px;
	font-size : 14px;
	border-bottom : 1px solid #a9a495;
}

#main .detail {
	margin-top : 10px;
	text-align : right;
	font-size : 11px;
	line-height : 1;
}

#main .detail span {
	margin-left : 10px;
	padding-left : 9px;
	border-left : 1px solid #444444;
}

/* article */

#main .article {
	margin-top : 48px;
	margin-bottom : 100px;
}

#main .article p {
	margin-bottom : 2em;
}

/* pager */
#main .pager {
	padding : 44px 28px 0;
	border-top : 1px solid #a9a495;
}

#main .prev img {
	padding-right : 15px;
}

#main .next img {
	padding-left : 15px;
}

/* sideNav */
#sideNav {
	width : 190px;
}
@media screen and (max-width: 767px) {
	#sideNav {
		width : 86%;
		margin : 0 auto;
		margin-top : 10vw;
	}
	#main .pager {
		padding : 20px 5px 0;
	}
	#main .pager p span {
		display : none;
	}
	#main .pager .flR {
		float : right;
	}
	#main .pager .flL {
		float : left;
	}
}


#sideNav .tit {
	margin-bottom : 11px;
	padding : 9px 0 7px 11px;
	line-height : 1;
	background : #eee5db;
}

#sideNav .list {
	margin-bottom : 20px;
}

#sideNav .list li {
	margin-left : 5px;
	padding-left : 13px;
	line-height : 1.8;
	background : url("/shared/img/blog_ico_01.gif") no-repeat left center;
}


ul.flip li a {
	display : block;
	width : 24px;
	height : 24px;
	text-indent : -9999em;
}

ul.flip li.newer a {
	float : left;
	display : inline;
	background : url(/shared/img/blog_prev_01.gif) no-repeat 0 0;
}

ul.flip li.older a {
	float : right;
	display : inline;
	background : url(/shared/img/blog_next_01.gif) no-repeat 0 0;
}




/* footer */
#footer {
	color : #777777;
	border-top : 1px solid #a9a495;
}


#main .article img {
	margin : 10px;
}


#main .article img.alignright {
	float : right;
	display : inline;
	margin-left : 20px;
	margin-top : 5px;
}

#main .article img.alignleft {
	float : left;
	display : inline;
	margin-right : 20px;
	margin-top : 5px;
}

#main .article img.aligncenter {
	text-align : center;
	display : block;
	margin-left : auto;
	margin-right : auto;
}



/* footer */

#sample {
	width : 960px;
	margin : 0 auto;
}
#sample li {
	margin-bottom : 30px;
	border-bottom : #cccccc 1px solid;
	padding-bottom : 20px;
}
#sample .instagram-image {
	float : left;
}
#sample .instagram-data {
	float : right;
	width : 800px;
}
#sample .instagram-like .like-user {
	float : left;
	margin-right : 20px;
	font-size : 11px;
}
#sample .instagram-comments {
	clear : both;
	padding-top : 10px;
}
#sample .instagram-comments .comments-user {
	overflow : hidden;
	margin-bottom : 10px;
}
#sample .instagram-comments .comments-user-icon {
	float : left;
	margin-right : 10px;
}