@charset "utf-8";

/*チェック用*/
/*
border: 1px solid green;
*/



/*201807リニューアル後、ここの記述削除 -Sart*/


/*************************************************/
/*       トップページ設定                  */
/*************************************************/


/*トップメイン記事*/
#topnews-title {
margin : 10px 10px 0px 0px; /* Div外側-上右下左 */
padding : 4px 2px 6px 0px; /* Div内側-上右下左 */
background-color : #E0E0E0;
width : 540px;
}

#topnews-article {
float: left;
width: 265px;
margin-top : 10px; /* Div外側上 */
padding : 0px 0px 0px 10px; /* Div内側-上右下左 */
}

#topnews-photo {
float : right;
width: 270px;
margin-top : 10px; /* Div外側上 */
}

/*201807リニューアル後、ここの記述削除 -End*/





/*************************************************/
/*  トップページ設定 メインビジュアル           */
/*************************************************/


/*画像の文字載せコントロール：ブラウザのデフォルト設定をクリアして初期設定*/

figure {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	max-height: 380px;
	/*画像部分の最大高指定*/
	overflow: hidden;
	/*最大高オーバー分は非表示*/
}



/*画像の文字載せコントロール：掲載位置や背景色*/

.relative {
	position: relative;
	margin-bottom: 15px;
}

.absolute {
	position: absolute;
	bottom: 0px;
	color: #fff;
	background: rgba(0, 0, 0, .6);
	width: 100%;
	padding: 1em 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}



/*画像に載せる文字の装飾*/

.absolute p {
	margin: 0;
	padding: 0 0.5em;
	font-size: 125%;
	text-align: left;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}




/*画像に載せる文字のリンク装飾*/

a.mainvisual-linktext {
	/*リンクされた文字*/
	color: white;
	font-style: normal;
	text-decoration: none;
}
a:link.mainvisual-linktext {
	/*未訪問のリンク*/
	color: white;
	font-style: normal;
	text-decoration: none;
}
a:visited.mainvisual-linktext {
	/*訪問後のリンク*/
	color: white;
	text-decoration: none;
}
a:hover.mainvisual-linktext {
	/*マウスをのせたとき*/
	color: gray;
	font-style: normal;
	text-decoration: none;
}
a:active.mainvisual-linktext {
	/*クリック中*/
	text-decoration: none;
}



/* 1枚目画像のボックスサイズ指定-溢れた部分はカット */

.mainvisual {
	width: 560px;
	height: 380px;
	position: relative;
	overflow: hidden;
}



/*画像のマウスホバー時半透明処理装飾*/

.mainvisual img:hover {
	opacity: 0.8;
	/* マウスホバー時透過させる */
	transition: 1.0s;
	/* マウスホバー時1秒かけて透過させる */
	position: absolute;
	/* 1枚目画像のボックスサイズ指定 */
	top: 0px;
	left: 50%;
}



/*メインビジュアル下とリスト一覧のサマリー本文リンク装飾*/

a.linktext-articlesummury {
	/*リンクされた文字*/
	color: black;
	font-style: normal;
	text-decoration: none;
}
a:link.linktext-articlesummury {
	/*未訪問のリンク*/
	color: black;
	font-style: normal;
	text-decoration: none;
}
a:visited.linktext-articlesummury {
	/*訪問後のリンク*/
	color: #585858;
	text-decoration: none;
}
a:hover.linktext-articlesummury {
	/*マウスをのせたとき*/
	color: gray;
	font-style: normal;
	text-decoration: none;
}
a:active.linktext-articlesummury {
	/*クリック中*/
	text-decoration: none;
}



/*メインビジュアル下とリスト一覧の「続きを読む」装飾*/

.main-articles-next {
	font-size: small;
	text-align: right;
	margin-right: 25px;
}






/*************************************************/
/*  トップリスト記事一覧                         */
/*************************************************/

/*トップリスト記事*/

#topnews-list-title {
	clear: both;
	padding: 0px 0px 10px 0px;
	/* Div内側-上右下左 */
}

#topnews-list-photo {
	float: left;
	width: 110px;
}

#topnews-list-articletitle {
	float: right;
	width: 410px;
	margin: 0px 16px 6px 0px;
	/* Div外側-上右下左 */
	padding: 2px 10px 2px 10px;
	/* Div内側-上右下左 */
	background-color: #E0E0E0;
}

#topnews-list-article {
	float: right;
	width: 420px;
	padding: 0px 15px 0px 0px;
	/* Div内側-上右下左 */
}