@charset "utf-8";

/*//////////////////////////////////////////////////////////
//  - CSS for POSTS
//////////////////////////////////////////////////////////*/


#posts {}

#posts #container {
	min-height: 500px;
}

#posts #container .innerblock {
	padding: 40px 0 60px 0;
}


/*----------------------------------------------------------
  - ENTRY
----------------------------------------------------------*/

#posts .main { padding: 30px 0 30px 0; }

#posts .post { padding: 0 0 60px 0; }

#posts .post h1.title {
	color: ##35220e;
	font-size: 22px;
	font-weight: bold;
	margin: 0 0 40px 0;
}
#posts .post h1.title,
#posts .post h1.title a { color: #35220e; }

#posts .post .entry { padding: 0 0 30px 0; }

#posts .post .meta {
	font-size: 11px;
	text-align: right;
	border-top: 1px solid #35220e;
	padding: 5px 0 10px;
}

#posts .post .entry {}

#posts .post .entry div,
#posts .post .entry dl,
#posts .post .entry dt,
#posts .post .entry dd,
#posts .post .entry ul,
#posts .post .entry ol,
#posts .post .entry li,
#posts .post .entry h1,
#posts .post .entry h2,
#posts .post .entry h3,
#posts .post .entry h4,
#posts .post .entry h5,
#posts .post .entry h6,
#posts .post .entry pre,
#posts .post .entry form,
#posts .post .entry p,
#posts .post .entry blockquote,
#posts .post .entry th,
#posts .post .entry td {
	margin: 0;
	padding: 0;
}

#posts .post .entry p {
	font-size: inherit;
	margin: 5px 0 15px 0;
	text-align: justify;
	text-rendering: optimizeLegibility;
	text-justify: inter-ideograph;
}

#posts .post .entry em,
#posts .post .entry i {
	font-style: italic;
	line-height: inherit;
}

#posts .post .entry strong,
#posts .post .entry b {
#posts .post .entry font-weight: bold;
	line-height: inherit;
}

#posts .post .entry small {
	font-size: 80%;
	line-height: inherit;
}

#posts .post .entry img {
	width: auto;
	max-width: 100%;
	height: auto;
}

#posts .post .entry h1,
#posts .post .entry h2,
#posts .post .entry h3,
#posts .post .entry h4,
#posts .post .entry h5,
#posts .post .entry h6 {
	font-weight: bold;
	font-style: normal;
	font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", "Lucida Grande", "Tahoma", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans Japanese", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
	color: inherit;
	text-rendering: optimizeLegibility;
	margin: 0 0 10px 0;
	line-height: 160%;
}
#posts .post .entry h1 small,
#posts .post .entry h2 small,
#posts .post .entry h3 small,
#posts .post .entry h4 small,
#posts .post .entry h5 small,
#posts .post .entry h6 small {
	color: #cacaca;
	line-height: 0;
}

#posts .post .entry h1 { font-size: 1.5rem; }
#posts .post .entry h2 { font-size: 1.25rem; }
#posts .post .entry h3 { font-size: 1.1875rem; }
#posts .post .entry h4 { font-size: 1.125rem; }
#posts .post .entry h5 { font-size: 1.0625rem; }
#posts .post .entry h6 { font-size: 1rem; }

@media screen and (min-width: 900px) {
/*	#posts .post .entry h1 { font-size: 34px; }
	#posts .post .entry h2 { font-size: 28px; }
	#posts .post .entry h3 { font-size: 22px; }
	#posts .post .entry h4 { font-size: 18px; }
	#posts .post .entry h5 { font-size: 14px; }
	#posts .post .entry h6 { font-size: 12px; }*/
}

#posts .post .entry hr {
	max-width: 75rem;
	height: 0;
	border-right: 0;
	border-top: 0;
	border-bottom: 1px solid #cacaca;
	border-left: 0;
	margin: 1.25rem auto;
	clear: both;
}

#posts .post .entry ul,
#posts .post .entry ol,
#posts .post .entry dl {
	line-height: 1.6;
	margin-bottom: 1rem;
	list-style-position: outside;
}

#posts .post .entry li { font-size: inherit; }

#posts .post .entry ul {
	list-style-type: disc;
	margin-left: 1.25rem;
}

#posts .post .entry ol {
	list-style-type: decimal;
	margin-left: 1.35rem;
}

#posts .post .entry ul {
	list-style-type: disc;
	margin-left: 1.25rem;
}

#posts .post .entry ul.unstyled,
#posts .post .entry ol.unstyled {
	list-style-type: none !important;
	margin-left: 0;
}

#posts .post .entry ul ul,
#posts .post .entry ol ul,
#posts .post .entry ul ol,
#posts .post .entry ol ol {
	margin-left: 1.25rem;
	margin-bottom: 0;
}

#posts .post .entry dl {
	margin-bottom: 1rem;
}
#posts .post .entry dl dt {
	margin-bottom: 0.3rem;
	font-weight: bold;
}

#posts .post .entry blockquote {
	margin: 0 0 1rem;
	padding: 0.5625rem 1.25rem 0 1.1875rem;
	border-left: 1px solid #cacaca;
}
#posts .post .entry blockquote,
#posts .post .entry blockquote p {
	line-height: 1.6;
	color: #8a8a8a;
}

#posts .post .entry cite {
	display: block;
	font-size: 0.8125rem;
	color: #8a8a8a;
}
#posts .post .entry cite:before { content: '\2014 \0020'; }

#posts .post .entry abbr {
	color: #35220e;
	cursor: help;
	border-bottom: 1px dotted #35220e;
}

#posts .post .entry code {
	font-weight: normal;
	color: #0a0a0a;
	background-color: #e6e6e6;
	border: 1px solid #cacaca;
	padding: 0.125rem 0.3125rem 0.0625rem;
}

#posts .post .entry table {
	width: 100%;
	margin-bottom: 1rem;
	border-radius: 0;
}
#posts .post .entry table thead,
#posts .post .entry table tbody,
#posts .post .entry table tfoot {
	border: 1px solid #f1f1f1;
	background-color: #fefefe;
}
#posts .post .entry table caption {
	font-weight: bold;
	padding: 0.5rem 0.625rem 0.625rem;
}
#posts .post .entry table thead,
#posts .post .entry table tfoot {
	background: #f8f8f8;
	color: #0a0a0a;
}
#posts .post .entry table thead tr,
#posts .post .entry table tfoot tr {
	background: transparent;
}
#posts .post .entry table thead th,
#posts .post .entry table thead td,
#posts .post .entry table tfoot th,
#posts .post .entry table tfoot td {
	padding: 0.5rem 0.625rem 0.625rem;
	font-weight: bold;
	text-align: left;
}
#posts .post .entry table tbody tr:nth-child(even) {
	background-color: #f1f1f1;
}
#posts .post .entry table tbody th,
#posts .post .entry table tbody td {
	padding: 0.5rem 0.625rem 0.625rem;
}

#posts .post .entry table.scroll {
	display: block;
	width: 100%;
	overflow-x: auto;
}

#posts .post .entry table.hover tr:hover { background-color: #f9f9f9;}
#posts .post .entry table.hover tr:nth-of-type(even):hover { background-color: #ececec; }

#posts .post .entry .table-scroll { overflow-x: auto; }
#posts .post .entry .table-scroll table { width: auto; }

#posts .navigation {
	position: relative;
	width: 1000px;
	height: 20px;
	margin: 0 0 10px 0;
}

#posts .prev,
#posts .next { position: absolute; }
#posts .prev { left: 0; }
#posts .next { right: 0; }

#posts .prev a,
#posts .next a { color: #35220e; }
#posts .prev a { background: url(../../images/posts_arrow_prev.png) no-repeat 0 center; padding: 2px 0 2px 20px; }
#posts .next a { background: url(../../images/posts_arrow_next.png) no-repeat right center; padding: 2px 20px 2px 0; }


/*----------------------------------------------------------
  - ASIDE
----------------------------------------------------------*/

#posts .aside {
	padding: 30px 0;
	_zoom: 1;
	overflow: hidden;
}

#posts .aside .box {
	width: 480px;
}

#posts .aside .latest  { float: left; }
#posts .aside .archive { float: right; }

#posts .aside .box h4 {
	font-family: 'Montserrat', 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', 'Lucida Grande', 'Tahoma', sans-serif;
	font-size: 24px;
	font-weight: 700;
	line-height: 100%;
	text-align: center;
	margin: 0 0 30px 0;
	padding: 0;
}

#posts .aside .box ul,
#posts .aside .box li {
	margin: 0;
	padding: 0;
}

#posts .aside .box li a {
	display: block;
	background: url(../../images/posts_arrow_list.gif) no-repeat 0 7px;
	padding: 2px 0 2px 20px;
}