@charset "utf-8";

/*---------------------------------------
header
----------------------------------------*/
body#pageTop header h1 {
	float:left;
	width:297px;
}
body#pageTop header h1 img {
	display:block;
}

/*---------------------------------------
#contents
----------------------------------------*/
#contents {
	margin-right:-20px;
	width:710px;
}
#contents .contentsInner {
	width:710px;
}

/*---------------------------------------
article
----------------------------------------*/
#contents article {
	margin:0 12px 20px 0;
	width:335px;
	float:left;
	border-width:4px;
	border-style:solid;
	border-color:rgba(24, 39, 61, 0.8);
	border-color:#18263D\9;
	border-radius:15px;
}
#contents article.hide {
	display:none !important;
}
#contents article img {
	display:block;
}

/* .columnBox */
#contents article .columnBox {
	border-radius:10px;
	background-color:#FFF;
}
#contents article .columnBox a img {
	border-radius:10px 10px 0 0;
	transition:all 0.5s;
}
#contents article .columnBox a:hover img {
	filter:alpha(opacity=70);
	opacity:0.7;
}
#contents article .columnBox .columnTitle {
	margin-top:-77px;
	padding:10px;
	border-radius:0 0 10px 10px;
	width:315px;
	height:220px;
	color:#FFF;
	background-color:rgba(24, 39, 61, 0.8);
	background-color:#18263D\9;
	position:relative;
	overflow:hidden;
}
#contents article .columnBox .columnTitle h2 {
	margin-bottom:0;
	border-bottom:1px solid #FFF;
	height:66px;
	min-height:66px;
}
#contents article .columnBox .columnTitle h2 a {
	font-size:138%;
	font-weight:bold;
}
#contents article .columnBox .columnTitle .postMeta {
	padding:7px 0;
}
#contents article .columnBox .columnTitle .postMeta .date,
#contents article .columnBox .columnTitle .postMeta .writer {
	padding-right:15px;
	font-size:85%;
	display:inline-block;
	*display:inline;
	*zoom:1;
}
#contents article .columnBox .columnTitle .postMeta .category,
#contents article .columnBox .columnTitle .postMeta .tag {
	padding-right:15px;
	font-size:85%;
	display:block;
}
#contents article .columnBox .columnTitle .postMeta .date:before {
	margin-right:6px;
	content:'calendar';
	font-family: 'LigatureSymbols';
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-font-feature-settings: "liga" 1, "dlig" 1;
	-moz-font-feature-settings: "liga=1, dlig=1";
	-ms-font-feature-settings: "liga" 1, "dlig" 1;
	-o-font-feature-settings: "liga" 1, "dlig" 1;
	font-feature-settings: "liga" 1, "dlig" 1;
	color:#E54C25;
	font-size:159%;
	vertical-align:middle;
	line-height:1;
}
#contents article .columnBox .columnTitle .postMeta .writer:before {
	margin-right:6px;
	content:'pen';
	font-family: 'LigatureSymbols';
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-font-feature-settings: "liga" 1, "dlig" 1;
	-moz-font-feature-settings: "liga=1, dlig=1";
	-ms-font-feature-settings: "liga" 1, "dlig" 1;
	-o-font-feature-settings: "liga" 1, "dlig" 1;
	font-feature-settings: "liga" 1, "dlig" 1;
	color:#E54C25;
	font-size:159%;
	vertical-align:middle;
	line-height:1;
}
#contents article .columnBox .columnTitle .postMeta .category:before {
	margin-right:6px;
	content:'folder';
	font-family: 'LigatureSymbols';
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-font-feature-settings: "liga" 1, "dlig" 1;
	-moz-font-feature-settings: "liga=1, dlig=1";
	-ms-font-feature-settings: "liga" 1, "dlig" 1;
	-o-font-feature-settings: "liga" 1, "dlig" 1;
	font-feature-settings: "liga" 1, "dlig" 1;
	color:#E54C25;
	font-size:159%;
	vertical-align:middle;
	line-height:1;
}
#contents article .columnBox .columnTitle .postMeta .tag:before {
	margin-right:4px;
	content:'tag';
	font-family: 'LigatureSymbols';
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-font-feature-settings: "liga" 1, "dlig" 1;
	-moz-font-feature-settings: "liga=1, dlig=1";
	-ms-font-feature-settings: "liga" 1, "dlig" 1;
	-o-font-feature-settings: "liga" 1, "dlig" 1;
	font-feature-settings: "liga" 1, "dlig" 1;
	color:#E54C25;
	font-size:159%;
	vertical-align:middle;
	line-height:1;
}
#contents article .columnBox .columnTitle .lead {
	height:5em;
	overflow:hidden;
}
#contents article .columnBox .columnTitle .lead br {
	display:none;
}

/*---------------------------------------
article:first-child,
article:nth-child(5n+1)
----------------------------------------*/
#contents .contentsInner article:first-child,
#contents .contentsInner article:nth-child(5n+1) {
	margin:0 12px 20px 0;
	width:690px;
	height:300px;
	position:relative;
}
#contents .contentsInner article:first-child:before {
	width:65px;
	height:66px;
	content:url(https://img.phoenix.webcrew.co.jp/91041/images/icon_new.png);
	display:block;
	position:absolute;
	top:-15px;
	left:-25px;
	z-index:100;
}
#contents .contentsInner article:first-child .columnBox,
#contents .contentsInner article:nth-child(5n+1) .columnBox {
	border-radius:10px;
	background-color:#FFF;
}
#contents .contentsInner article:first-child .columnBox a,
#contents .contentsInner article:nth-child(5n+1) .columnBox a {
	z-index:99;
}
#contents .contentsInner article:first-child .columnBox a img,
#contents .contentsInner article:nth-child(5n+1) .columnBox a img {
	float:left;
	border-radius:10px 0 0 10px;
	display:block;
	transition:all 0.5s;
}
#contents .contentsInner article:first-child .columnBox a:hover img,
#contents .contentsInner article:nth-child(5n+1) .columnBox a:hover img {
	filter:alpha(opacity=70);
	opacity:0.7;
}
#contents .contentsInner article:first-child .columnBox .columnTitle,
#contents .contentsInner article:nth-child(5n+1) .columnBox .columnTitle {
	margin:0;
	padding:15px;
	border-radius:0 10px 10px 0;
	width:325px;
	height:270px;
	float:right;
	color:#FFF;
	background-color:rgba(24, 39, 61, 0.8);
	background-color:#18263D\9;
	position:static;
	overflow:hidden;
}
#contents .contentsInner article:first-child .columnBox .columnTitle h2,
#contents .contentsInner article:nth-child(5n+1) .columnBox .columnTitle h2 {
	margin-bottom:0;
	border-bottom:1px solid #FFF;
	font-size:100%;
	font-weight:bold;
}
#contents .contentsInner article:first-child .columnBox .columnTitle .postMeta,
#contents .contentsInner article:nth-child(5n+1) .columnBox .columnTitle .postMeta {
	padding:7px 0;
}
#contents .contentsInner article:first-child .columnBox .columnTitle .postMeta .date,
#contents .contentsInner article:first-child .columnBox .columnTitle .postMeta .writer,
#contents .contentsInner article:nth-child(5n+1) .columnBox .columnTitle .postMeta .date,
#contents .contentsInner article:nth-child(5n+1) .columnBox .columnTitle .postMeta .writer {
	padding-right:15px;
	font-size:85%;
	display:inline-block;
	*display:inline;
	*zoom:1;
}
#contents .contentsInner article:first-child .columnBox .columnTitle .postMeta .category,
#contents .contentsInner article:first-child .columnBox .columnTitle .postMeta .tag,
#contents .contentsInner article:nth-child(5n+1) .columnBox .columnTitle .postMeta .category,
#contents .contentsInner article:nth-child(5n+1) .columnBox .columnTitle .postMeta .tag {
	padding-right:15px;
	font-size:85%;
	display:block;
}
#contents .contentsInner article:first-child .columnBox .columnTitle .postMeta .date:before,
#contents .contentsInner article:nth-child(5n+1) .columnBox .columnTitle .postMeta .date:before {
	margin-right:6px;
	content:'calendar';
	font-family: 'LigatureSymbols';
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-font-feature-settings: "liga" 1, "dlig" 1;
	-moz-font-feature-settings: "liga=1, dlig=1";
	-ms-font-feature-settings: "liga" 1, "dlig" 1;
	-o-font-feature-settings: "liga" 1, "dlig" 1;
	font-feature-settings: "liga" 1, "dlig" 1;
	color:#E54C25;
	font-size:159%;
	vertical-align:middle;
	line-height:1;
}
#contents .contentsInner article:first-child .columnBox .columnTitle .postMeta .writer:before,
#contents .contentsInner article:nth-child(5n+1) .columnBox .columnTitle .postMeta .writer:before {
	margin-right:6px;
	content:'pen';
	font-family: 'LigatureSymbols';
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-font-feature-settings: "liga" 1, "dlig" 1;
	-moz-font-feature-settings: "liga=1, dlig=1";
	-ms-font-feature-settings: "liga" 1, "dlig" 1;
	-o-font-feature-settings: "liga" 1, "dlig" 1;
	font-feature-settings: "liga" 1, "dlig" 1;
	color:#E54C25;
	font-size:159%;
	vertical-align:middle;
	line-height:1;
}
#contents .contentsInner article:first-child .columnBox .columnTitle .postMeta .category:before,
#contents .contentsInner article:nth-child(5n+1) .columnBox .columnTitle .postMeta .category:before {
	margin-right:6px;
	content:'folder';
	font-family: 'LigatureSymbols';
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-font-feature-settings: "liga" 1, "dlig" 1;
	-moz-font-feature-settings: "liga=1, dlig=1";
	-ms-font-feature-settings: "liga" 1, "dlig" 1;
	-o-font-feature-settings: "liga" 1, "dlig" 1;
	font-feature-settings: "liga" 1, "dlig" 1;
	color:#E54C25;
	font-size:159%;
	vertical-align:middle;
	line-height:1;
}
#contents .contentsInner article:first-child .columnBox .columnTitle .postMeta .tag:before,
#contents .contentsInner article:nth-child(5n+1) .columnBox .columnTitle .postMeta .tag:before {
	margin-right:4px;
	content:'tag';
	font-family: 'LigatureSymbols';
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-font-feature-settings: "liga" 1, "dlig" 1;
	-moz-font-feature-settings: "liga=1, dlig=1";
	-ms-font-feature-settings: "liga" 1, "dlig" 1;
	-o-font-feature-settings: "liga" 1, "dlig" 1;
	font-feature-settings: "liga" 1, "dlig" 1;
	color:#E54C25;
	font-size:159%;
	vertical-align:middle;
	line-height:1;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#contents .contentsInner article:first-child .columnBox .columnTitle .postMeta .date:before,
#contents .contentsInner article:nth-child(5n+1) .columnBox .columnTitle .postMeta .date:before,
#contents .contentsInner article:first-child .columnBox .columnTitle .postMeta .writer:before,
#contents .contentsInner article:nth-child(5n+1) .columnBox .columnTitle .postMeta .writer:before,
#contents .contentsInner article:first-child .columnBox .columnTitle .postMeta .category:before,
#contents .contentsInner article:nth-child(5n+1) .columnBox .columnTitle .postMeta .category:before,
#contents .contentsInner article:first-child .columnBox .columnTitle .postMeta .tag:before,
#contents .contentsInner article:nth-child(5n+1) .columnBox .columnTitle .postMeta .tag:before {
    font-size:65% !important;
}
}

#contents .contentsInner article:first-child .columnBox .columnTitle .lead,
#contents .contentsInner article:nth-child(5n+1) .columnBox .columnTitle .lead {
	height:9em;
	overflow:hidden;
}