@charset "utf-8";

/*記事一覧設定*/

h1 {
	color: #283764;
}

ul.pr {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
	margin-top: 15px;
}

ul.pr li a {
	display: block;
	width: 380px;
	color: #000;
}

ul.pr li a img {
	width: 100%;
	height: auto;
}

ul.pr li a .exp {
	padding: 10px 15px;
}

ul.pr li a small::before {
	content: "|";
	font-size: small;
	margin-right: 0.5em;
}

ul.pr li a small::after {
	content: "|";
	font-size: small;
	margin-left: 0.5em;
}

ul.pr li a strong {
	display: block;
	font-size: 1.2em;
	margin-top: 0.5em;
}

ul.pr li a {
	box-shadow: 0 0 8px rgba(0,0,0,0.4);
}

/*space-between時の位置調整*/
ul.pr::after {
    display: block;
    content: "";
    width:380px;
}

/*記事リンク無し 2021.6.7 */
ul.pr li .link-blank img {
	/*width: 380px;*/
	box-shadow: 0 0 8px rgba(0,0,0,0.4);
}

/*ページネーション*/
#pagination-area {
	text-align: center;
}

#pagination-area .nav-links {
	margin-top: 20px;
	/*padding-top: 15px;*/
}

#pagination-area .nav-links span,
#pagination-area .nav-links a {
	padding: 5px 10px;
	border-radius: 3px;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

/*カレント*/
#pagination-area .nav-links span.current {
	background-color: #E3F2FD;
}

/*ページ番号*/
/*
#pagination-area .nav-links a.page-numbers {
	background-color: #788bc4;
	color: #FFF;
}
*/

/*前へ・次へ*/
/*
#pagination-area .nav-links a.prev, 
#pagination-area .nav-links a.next {
	background-color: transparent;
	color: #333;
}
*/

nav.pagination h2.screen-reader-text {
	display: none;
}

/* PC*/
@media print,screen and (min-width: 768px) {
ul.pr {
	max-width: 1200px;
	flex-wrap: wrap;
}

ul.pr li a {
	margin-bottom: 1.5em;
}

ul.pr li a strong {
	/*height: 56px;*/
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	overflow: hidden;
	/*Chrome・Safariのみ2行で点リーダー*/
}

/*シニア起業アイデア*/
/*リストボックス*/
ul.idea li a {
	/*width: 277px;
	height: 264px;*/
	height: 260px;
}
/*タイトル*/
ul.idea li a strong {
	display: -webkit-box;
    -webkit-box-orient: inline-axis;
    -webkit-line-clamp: none;
	overflow: visible;
	/*3点リーダー省略無効*/
}

/*導入文*/
ul.idea li a .intro-msg {
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
	overflow: hidden;
	/*Chrome・Safariのみ5行で点リーダー*/
}
}

/* Tablet */
@media only screen and (min-width: 767px) and (max-width:1024px) {
	ul.pr {
		flex-wrap: wrap;
	}

	/*スペーサーリスト非表示*/
	ul.pr li[class^="spacer-0"]{
		display: none;
}

}

/* SP */
@media screen and (max-width:767px) {
	ul.pr {
		flex-direction: column;
	}

ul.pr li a {
	width: 100%;
	margin-bottom: 1.0em;
}

ul.pr li a img {
	width: 100%;
}

/*記事リンク無し 2021.6.7 */
/*ul.pr li .link-blank img {
	width: 100%;
	height: auto;
	margin-bottom: 1.0em;
}*/

/*スペーサーリスト非表示*/
ul.pr li[class^="spacer-0"]{
	display: none;
}

.msg {
	margin-bottom: 2em;
}

}

/*news一覧*/
ul.news-list {
	padding-left: 0;
}

ul.news-list li {
	list-style-type: none;
	margin-bottom: 0.5em;
}

ul.news-list li a {
	display: flex;
	color: #000;
}

ul.news-list li .news-date::before {
	content: "|";
	margin-right: 0.5em;
}

ul.news-list li .news-date::after {
	content: "|";
	margin-left: 0.5em;
	margin-right: 1.0em;
}

ul.news-list li a:hover {
	background-color: #B2EBF2;
	text-decoration: none;
}