@charset "utf-8";
/* Copyright 2020 FSFIELD All Rights Reserved. */
/* 世論時報（モック）
   ※トップページの世論時報セクション と 一覧ページ(/opinion/) 共通スタイル */

@media print, screen and (min-width:768px){
	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	PC

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

	/* 日付＋タイトルのリスト（共通）
	---------------------------------------------- */
	.opinion_list .opinion_item{border-bottom: 1px solid #B9B9C8;}

	.opinion_list .opinion_item:first-child{border-top: 1px solid #B9B9C8;}

	.opinion_list .opinion_item a{
		display: flex;
		align-items: center;
		color: #333;
		padding: 22px 5px;
		transition: opacity .3s;
	}

	.opinion_list .opinion_item a:hover{opacity: .7;}

	.opinion_list .opinion_item .date{
		display: block;
		width: 170px;
		font-size: 1.6rem;
		font-weight: bold;
		line-height: 1.2;
	}

	.opinion_list .opinion_item .title{
		display: block;
		flex: 1;
		color: #19528C;
		font-size: 1.8rem;
		font-weight: bold;
		line-height: 1.6;
	}

	.opinion_list .opinion_item .title .ico_tab{
		width: 13px;
		margin-left: 8px;
		vertical-align: middle;
	}

	/* トップページ 世論時報セクション
	---------------------------------------------- */
	/* .activity.opinion は home.css の .activity(1200px/中央寄せ/btn_more01) を継承 */

	/* 一覧ページ /opinion/
	---------------------------------------------- */
	.pagettl .ttl_opinion{
		display: block;
		color: #19528C;
		font-size: 3.4rem;
		font-weight: bold;
		line-height: 1.2;
	}

	.wrap_opinion{
		width: 1100px;
		padding-top: 75px;
		margin: 0 auto 130px;
	}

	/* ページ送り（モック） */
	.opinion_pager{
		margin-top: 50px;
		text-align: center;
	}

	.opinion_pager a,
	.opinion_pager span{
		display: inline-block;
		min-width: 40px;
		color: #0096DA;
		font-weight: bold;
		line-height: 1.2;
		padding: 8px 10px;
		margin: 0 4px;
		border: 1px solid #ECECFB;
		transition: opacity .3s;
	}

	.opinion_pager a:hover{opacity: .6;}

	.opinion_pager .current{
		color: #FFF;
		background: #0096D9;
		border-color: #0096D9;
	}
}

@media screen and (max-width:767px){
	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	SP

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

	/* 日付＋タイトルのリスト（共通）
	---------------------------------------------- */
	.opinion_list .opinion_item{border-bottom: 1px solid #ECECFB;}

	.opinion_list .opinion_item:first-child{border-top: 1px solid #ECECFB;}

	.opinion_list .opinion_item a{
		display: block;
		color: #333;
		padding: 15px 10px;
	}

	.opinion_list .opinion_item a:hover{opacity: .7;}

	.opinion_list .opinion_item .date{
		display: block;
		font-size: 1.4rem;
		font-weight: bold;
		line-height: 1.2;
		margin-bottom: 5px;
	}

	.opinion_list .opinion_item .title{
		display: block;
		color: #19528C;
		font-size: 1.4rem;
		font-weight: bold;
		line-height: 1.5;
	}

	.opinion_list .opinion_item .title .ico_tab{
		width: 12px;
		margin-left: 5px;
		vertical-align: middle;
	}

	/* トップページ 世論時報セクション
	---------------------------------------------- */
	.activity.opinion{padding: 0 15px;}

	.sec_activity .activity.opinion{margin-top: 40px;}

	/* 一覧ページ /opinion/
	---------------------------------------------- */
	.pagettl .ttl_opinion{
		display: block;
		color: #19528C;
		font-size: 2.4rem;
		font-weight: bold;
		line-height: 1.3;
	}

	.wrap_opinion{padding: 40px 15px 65px;}

	/* ページ送り（モック） */
	.opinion_pager{
		margin-top: 30px;
		text-align: center;
	}

	.opinion_pager a,
	.opinion_pager span{
		display: inline-block;
		min-width: 36px;
		color: #0096DA;
		font-weight: bold;
		line-height: 1.2;
		padding: 7px 9px;
		margin: 0 3px;
		border: 1px solid #ECECFB;
	}

	.opinion_pager .current{
		color: #FFF;
		background: #0096D9;
		border-color: #0096D9;
	}
}