@charset "utf-8";

/*//////////////////////////////////////////////////////////
//  - POSTS / BLOG
//////////////////////////////////////////////////////////*/

#posts {}


/*----------------------------------------------------------
  - TITLE
----------------------------------------------------------*/


#posts h1#title {
font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    position: relative;
    text-align: center;
    font-size: 20px;
    margin: 0 auto;
}

#posts h1#title img {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 260px;
	margin: -61px 0 0 -130px;
}


/*----------------------------------------------------------
  - CONTENTS
----------------------------------------------------------*/

#posts #contents {
	margin: 0 auto;
	padding: 30px 10px 40px 10px;
}

#posts #contents .main {
/*	float: right;
	width: 655px;*/
}

#posts #contents .main .post { margin-bottom: 40px; }

#posts #contents .main .post .category {
	position: relative;
	margin-bottom: 20px;
}

#posts #contents .main .post .category span {
	display: block;
	width: 160px;
	height: 40px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
}
#posts #contents .main .post .category span.news   { background: url(../../images/blog/flag_news.png) no-repeat 0 0; }
#posts #contents .main .post .category span.staff  { background: url(../../images/blog/flag_staff.png) no-repeat 0 0; }
#posts #contents .main .post .category span.report { background: url(../../images/blog/flag_report.png) no-repeat 0 0; }

#posts #contents .main .post h1.title {
	color: #5b5744;
	font-size: 22px;
	font-weight: bold;
	margin: 0 0 40px 0;
}
#posts #contents .main .post h1.title,
#posts #contents .main .post h1.title a { color: #5b5744; }

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

#posts #contents .main .post .meta {
	color: #fe4f78;
	font-size: 11px;
	text-align: right;
	border-top: 1px dotted #afa895;
	padding: 5px 0 10px;
}

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

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

#posts .navigation .prev a { background: url(../../images/share/pagenavi_arrow_prev.gif) no-repeat 0 center; padding: 2px 0 2px 15px; }
#posts .navigation .next a { background: url(../../images/share/pagenavi_arrow_next.gif) no-repeat right center; padding: 2px 15px 2px 0; }

#posts #contents .aside {

	width: 100%;
	border-top: 2px dotted #afa895;
	padding: 0;
}

#posts #contents .aside .box {
	border-bottom: 2px dotted #afa895;
	padding: 30px 0 20px 0;
}

#posts #contents .aside .box h4 {
	margin: 0 0 10px 0;
	padding: 0;
}

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

#posts #contents .aside .box li a {
	display: block;
	color: #5b5744;
	line-height: 120%;
	background: url(../../images/blog/aside_arrow.gif) no-repeat left center;
	padding: 5px 0 5px 15px;
}


/*----------------------------------------------------------
  - INDEX
----------------------------------------------------------*/

#posts .index { display: none; }

#posts .index .table {
	display: table;
	width: 100%;
	margin: 0;
	padding: 0;
	_zoom: 1;
	overflow: hidden;
}

#posts .index .table li {
	display: table-cell;
	width: 50%;
	height: auto;
	margin: 0;
	padding: 0 0 15px 5px;
}
#posts .index .table li.even { padding: 0 5px 15px 0; }

#posts .index .table li .category span {
	font-weight: bold;
}



#posts .index .table li a .block {
	position: relative;
	border: 3px solid #fff;
	margin: 0;
	_zoom: 1;
	overflow: hidden;
}

#posts .index .table li a .block .detail {
	text-align: center;
	z-index: 1;
}

#posts .index .table li a .block .detail h4 {
	position: absolute;
	bottom: 0;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 140%;
	width: 100%;
/*	height: 45px;*/
	background: rgba(0, 0, 0, 0.65);
	padding: 6px 5px 8px 5px;
	_zoom: 1;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#posts .index .table li .block .pict {}
#posts .index .table li .block .pict img { width: 100%; }


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

#posts #contents .post .entry {}

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

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

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

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

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

#posts #contents .post .entry h1,
#posts #contents .post .entry h2,
#posts #contents .post .entry h3,
#posts #contents .post .entry h4,
#posts #contents .post .entry h5,
#posts #contents .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 #contents .post .entry h1 small,
#posts #contents .post .entry h2 small,
#posts #contents .post .entry h3 small,
#posts #contents .post .entry h4 small,
#posts #contents .post .entry h5 small,
#posts #contents .post .entry h6 small {
	color: #cacaca;
	line-height: 0;
}

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

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

#posts #contents .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 #contents .post .entry ul,
#posts #contents .post .entry ol,
#posts #contents .post .entry dl {
	line-height: 1.6;
	margin-bottom: 1rem;
	list-style-position: outside;
}

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

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

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

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

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

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

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

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

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

#posts #contents .post .entry abbr {
	color: #0a0a0a;
	cursor: help;
	border-bottom: 1px dotted #0a0a0a;
}

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

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

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

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

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


/*----------------------------------------------------------
  - TBD
----------------------------------------------------------*/

.sample {
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	_zoom: 1;
	overflow: hidden;
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
	-webkit-background-size: 30px auto;
	   -moz-background-size: 30px auto;
		    background-size: 30px auto;
	-webkit-background-origin: content;
	   -moz-background-origin: content;
	        background-origin: content;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

@media screen and (min-width: 769px) {
}

@media screen and (min-width: 0px) and (max-width: 768px) {
}