@charset "utf-8";

/* ===============================================

ニュース、開発者コラム(news, column)　共通のスタイル

================================================== */
article {
	width:960px;
	margin:0 auto 0 auto;
}
article + article {
	padding-top:2em;
	border-top:dotted 1px #ccc;
}
article a:link,
article a:visited,
article a:hover,
article a:active {
	color:#555;
	text-decoration:none;
}
.post_data {
	float:left;
	margin-right:2em;
	padding:0.5em 1em;
	background-color:#3FBCEA;
	color:#fff;
	text-align:center;
}
.post_data p {
	margin-bottom:0;
	font-weight:bold;
}
.post_data .day {
	margin-bottom:0.25em;
	padding-bottom:0.25em;
	border-bottom:solid 1px #fff;
	font-size:1.8rem;
}
.post_body {
	overflow:hidden;
}
.post_body h2 {
	color:#19A7DF;
	font-size:2.4rem;
	font-weight:normal;
	letter-spacing:0.25rem;
}
.post_body h3 {
	margin-top:2em;
	margin-bottom:2em;
	color:#19A7DF;
	font-size:2.0rem;
	letter-spacing:0.25rem;
}
.post_body h4 {
	margin-top:2em;
	font-size:1.8rem;
	letter-spacing:0.25rem;
}
.post_body .author {
	margin-top:1em;
	margin-bottom:2em;
	padding-top:1em;
	border-top:dotted 1px #19A7DF;
}

/* news */
.post_data.news {
	background-color:#54C989;
}
.post_body.news h2 {
	color:#54C989;
}
.post_body.news h3 {
	color:#54C989;
}
.post_body.news .author {
	border-top:dotted 1px #54C989;
}


/* column */
.pict_column {
	list-style:none;
}
.pict_column li {
	float:left;
	width:260px;
	margin-right:30px;
	margin-left:0 !important;
	padding-left:0;
}
.pict_column li:last-child {
	margin-right:0;
}
.pict_column li img {
	width:260px;
}

/* ページネーション */
.pagenation{
	width:960px;
	margin:4em auto 0 auto;
}
.column_prev{float:left;}
.column_next{float:right;}

.column_prev a,.column_next a{
	font-size:1em;
	display:block;
	position:relative;
	padding:0.3em 3em 0.34em 3em; /* 上下隙間微調整 */
	border-radius: 5px;
	color:#fff;
	background:url(../images/bcg_nav.jpg) repeat center top;
}
.column_prev a{padding-left:4.3em;} /* 隙間1em,マーク1em、マークと文字の隙間0.3em */
.column_next a{padding-right:4.3em;} /* 隙間1em,マーク1em、マークと文字の隙間0.3em */
.column_prev a::before,.column_next a::before{
	content:'';
	position:absolute;
	left:0;
	top:0;

	background-repeat: no-repeat;
	background-size:auto 1em;
	width:100%;
	height:100%;
}
.column_prev a::before{
	background-image:url("../images/pagenation_column_prev.png");
	background-position:1em center;

}
.column_next a::before{
	background-image:url("../images/pagenation_column_next.png");
	background-position:right 1em center;
}

/* 記事 */
.block{display: block;}
.inline_block{display:inline-block;}
.float_left{float:left;}
.float_right{float:right;}
.margin_left_130px{margin-left:130px;}
.text_center{text-align: center;}
.post_body .gray_color{color:#666;}
.post_body .key_color{color:#19A7DF;}
.caption{
	margin-top:0.8em;
	font-size:0.92em;
	line-height:1.6;
}
.rice_mark{
	position:relative;
	left:2em;
	margin-right: 2em;
}
.rice_mark::before{
	content:'※';
	position:absolute;
	margin-left:-1em;
}

.speech_balloon{
	position:relative;
	background-color:rgba(25,167,223,0.15);
	border-radius: 10px;
	padding:1.6em 2.4em 1.6em 2.4em;
	margin-bottom:0;

}
.speech_balloon::before{
	content:'';
	position:absolute;
	top:45px;
	left:-20px;

	width: 0;
	height: 0;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-right: 20px solid rgba(25,167,223,0.15);
}

.speech_balloon_bottom,.speech_balloon_right{
	position:relative;
	background-color:rgba(25,167,223,0.15);
	border-radius: 10px;
	padding:1.6em 2.4em 1.6em 2.4em;
	margin-bottom:0;
}
.speech_balloon_bottom::before,.speech_balloon_right::before{
	content:'';
	position:absolute;
	width: 0;
	height: 0;
}
.speech_balloon_bottom::before{
	bottom:-20px;
	right:40px;
	border-top: 20px solid rgba(25,167,223,0.15);
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
}

.speech_balloon_right::before{
	right:-20px;
	top:40px;
	border-left: 20px solid rgba(25,167,223,0.15);
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
}

.no-margin{margin:0 !important;}
.space_08{letter-spacing: 0.8em;}

.size-120,.pict_column li .size-120{
	width:120px;
}
.right{
	display: block;
	margin-left:auto;
	margin-right:0;
}
.margin_right_130px{
	margin-right: 130px;
}
.list-style-normal{
	padding-left:40px;
}
.list-style-normal li{
	padding-bottom:1.2em;
}

.margin-left-60{
	margin-left:60px;
}

.w--45par{
	width:49%;
}

.border-gray{
	border:1px solid #ccc;
}

.margin-bottom--75px{
	margin-bottom:75px;
}