@charset "UTF-8";
/* ------------------------------
記事ページ　ニュース ＆ トピックス用css
------------------------------ */

/* --------------------------- mainvis */
.single .mainvis{
	background-image:url(../img/news_mainvis.png);
}
.news .mainvis h2{
	letter-spacing: 0.1em;
}

.news-area{
	margin: 50px 1% 90px;
}
.single .news-area{
	margin: 100px auto 100px;
	width: 75%;
}
.news-area .news-detail{
	margin: 15px 0 0 0;
	border-top: solid #ddd 1px;
	border-bottom: solid #ddd 1px;
}
.news-area .news-detail span.date{
	line-height: 2.0;
	margin-right:1em;
}
.news-area .news-detail span.cat{
	text-align: center;
	background:#eee;
	padding:5px;
	font-weight:bold;
	font-size:75%;
	margin-right:1em;
	margin-right: auto;
	width:97px;
	display: block;
	float: right;
}
.single .news-detail a:link { text-decoration:underline;}
.single .news-detail a:visited { text-decoration:underline;}
.single .news-detail a:active { text-decoration:none;}
.single .news-detail a:hover { text-decoration:none;}

/* お知らせ */
.news-area .news-detail span.cat-news{
	background:#29A5FF;
	color:#fff;
}
/* IR */
.news-area .news-detail span.cat-ir{
	background:#0d3875;
	color:#fff;
}
/* メディア掲載 */
.news-area .news-detail span.cat-media{
	background:#00CC5E;
	color:#fff;
}
/* イベント開催 */
.news-area .news-detail span.cat-event{
	background:#00AFC6;
	color:#fff;
}
/*テキストエリア*/
.news-area .news-detail div.text{
	margin: 30px auto 150px;
}
.news-area .back{
	margin: 25px 0 0 0;
}
/*写真4並びtable*/
table.image-tbl{
	margin:0 auto 3em auto;
	border-collapse: collapse;
}
table.image-tbl td{
	padding:1em;
	text-align: center;
	vertical-align: top;
}
table.image-tbl td img{
	margin-bottom: 10px;
}

/* ---------------------------------------------------------------------------- 

▼▼▼ ウィンドウサイズ1140px以下にのみ適用されるcss ▼▼▼

---------------------------------------------------------------------------- */
@media only screen and (max-width: 1140px) {

	.news-area{
		padding:20px 3%;
	}
	.single .news-area{
		padding:20px 0;
		margin: 20px auto 20px;
		width: 100%;
	}


}


/* ---------------------------------------------------------------------------- 

▼▼▼ ウィンドウサイズ768px以下にのみ適用されるcss ▼▼▼

---------------------------------------------------------------------------- */

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

	.news-area{
		margin: 20px 0 20px;
	}
	.news-area .news-detail div.text{
		padding:0 5%;
		word-break: break-all;
	}

	/*写真4並びtable*/
	table.image-tbl td{
		display: block;
		width: 100%;
		padding:1em 0em;
	}
	table.image-tbl td img{
		margin-bottom: 10px;
	}


}