@charset "UTF-8";
/*--------------------------------------------
政治プレミア
2018.06

0. common
1. header
2. top-wrap
3. plural-column-wrap
4. main-column
5. sub-column
6. footer
7. 記事ページ
8. SNS tools
9. readmore（中間ページ用）
10. lists
11. search-result（検索結果ページ）
12. チャンネルトップ
13. 政治プレミアとは
14. タイムライン
15. ランキング
--------------------------------------------*/

/*--------------------------------------------
0. common
--------------------------------------------*/
html {
	font-size: 62.5%;
}
body {
	font-size: 14px;
	font-size: 1.4rem;/* 基本文字サイズ 16px */
	font-family:-apple-system,BlinkMacSystemFont,YuGothic,"游ゴシック","Yu Gothic","メイリオ",sans-serif;
	font-weight: 500;
	line-height: 1.4;
	color: #272727;
}
@font-face {
	font-family: 'number';
	src:url(https://cdn.mainichi.jp/vol1/fonts/Oswald/Oswald-Regular.ttf) format('truetype');
}
h1,
h2,
h3 {
	line-height: 1.4;
}
p {
	line-height: 1.7;
}
a {
	text-decoration: none;
}
/* clearfix */
.clr:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* IE7 Hack*/
*:first-child+html .clr {
	display: inline-block;
}
.box-inner {
	width: 1080px;
	margin: 0 auto;
}
.btn-more,
article.news a.btn-more {
	display: block;
	height: 36px;
	line-height: 36px;
	color: #FFF;
	font-weight: bold;
	border-radius: 18px;
	background-color: #0078C6;
	font-size: 13px;
	font-size: 1.3rem;
	margin: 0 auto;
	text-align: center;
	text-decoration: none;
}
article.news a.btn-more {
	font-size: 16px;
	font-size: 1.6rem;
}
.btn-more:hover,
article.news a.btn-more:hover {
	background-color: #2C2C2C;
}
.plural-column-wrap .main-column .btn-comment {
	margin-bottom: 30px;
}
.plural-column-wrap .main-column .btn-comment .btn-more {
	width: 375px;
}
.btn-comment .btn-more {
	border: 1px solid #CACACA;
	background-color: #FFF;
	color: #272727;
}
.btn-comment .btn-more:hover {
	background-color: #EEE;
}
.top-wrap figure,
.plural-column-wrap figure.thumb {
	overflow: hidden;
	position: relative;
	background: #CCC;
}
.top-wrap figure img,
.plural-column-wrap figure.thumb img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
.sub-column .ranking figure img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: auto;
	height: 100%;
}
figure.thumb::after,
figure.main::after,
.main-text figure::after {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	content: "";
}
.sub-column .twitter {
/*	min-height:1014px;*/
	background: #FFF;
}
.disp-sp {
	display:none;
}
/*--------------------------------------------
1. header
--------------------------------------------*/
/*Gナビ（プレミアほぼ共通）*/
#gnavi {padding:5px 0 0; position:relative; z-index:1000;}
#gnavi .gnavi-inner {width:1080px; margin:0 auto;}
#gnavi li {float:left; margin-top: 9px; line-height: 1.5;}
#gnavi li a {display:inline-block; padding:0 12px 7px; height: 29px;}
#gnavi li a:hover {
background-image:url(/vol1/premier/politics/images/pc/Nav_Poli_Selected.svg);
background-repeat: no-repeat;
background-position: 50% 100%;
}
#gnavi .home {margin-right:30px; margin-top: 7px;}
#gnavi .home a {padding:0;}
#gnavi .home a:hover {background-image:none;}
#gnavi .premier a {padding-right: 0;}
#gnavi .premier a span {border-right: 1px solid #C3C3C3; display: inline-block; padding: 0 15px; height: 22px; margin-right: 5px;}
#gnavi .politics a {
background-image:url(/vol1/premier/politics/images/pc/Nav_Poli_Selected.svg);
background-repeat: no-repeat;
background-position: 50% 100%;
}

#gnavi .Utility { float:right; padding: 0; font-size: 12px; margin-bottom: 5px;}
#gnavi .Utility li { float: left; margin-top: 0; position: relative; }
#gnavi .Utility li.login { margin-right: 0 }
#gnavi .Utility li a:hover {background-image:none;opacity: 0.8;}
#gnavi .Utility a:hover,
#gnavi .Utility a:focus,
#gnavi .Utility a:active { text-decoration: none; }
#gnavi .Utility li.member-menu a{
font-weight:bold;
}
#gnavi .Utility li .sq-btn {
background-color: #0076C6;
border-radius: 3px;
color: #FFF;
font-size: 12px;
height: 33px;
text-align: center;
margin-left: 10px;
padding: 0 12px;
line-height: 33px;
}
#gnavi .Utility li .sq-btn:hover {
color: #FFF;
opacity: 0.8;
}
#gnavi .Utility li.mynews-btn a,
#gnavi .Utility li.confirm-btn a{
border:2px solid #1B7ABD;
height: 33px;
line-height: 29px;
border-radius: 16px;
color: #1B7ABD;
font-size: 12px;
font-weight: bold;
padding: 0 10px;
position: relative;
background-color: #FFF;
}
#gnavi .Utility li.mynews-btn a {
padding: 0 12px 0 38px;
}
#gnavi .Utility li.mynews-btn a:hover,
#gnavi .Utility li.confirm-btn a:hover{
color: #1B7ABD;
}
#gnavi .Utility li.mynews-btn a::before {
position: absolute;
background: url(/vol1/images/pc/icon_mynews_follow.svg) no-repeat center;
width: 24px;
height: 30px;
display: inline-block;
left: 12px;
content: "";
}
#setting-btn{
cursor: pointer;
}
#setting-btn::after {
width: 0;
height: 0;
border: 3px solid transparent;
border-top: 5px solid #FFF;
margin-left: 5px;
display: inline-block;
content:"";
}
#setting-menu{
position:absolute;
top:34px;
right:-8px;
z-index:10000;
background:rgba(255,255,255,0.95);
border:1px solid #CCC;
border-radius:4px;
width:17em;
padding:8px 12px;
display:none;
}
#setting-menu ul{
width:auto;
height:auto;
}
#setting-menu li{
float:none;
height:auto;
padding: 0;
}
#setting-menu li:first-child {
margin-left:0;
}
#setting-menu li a{
line-height:32px;
height: 32px;
font-size: 13px;
color: #434343;
padding: 0 10px;
white-space: nowrap;
}
#setting-menu li.news {
border-top: 1px solid #DFDFDF;
margin-top: 5px;
}
#setting-menu li.mynews {
border-bottom: 1px solid #DFDFDF;
margin-bottom: 5px;
}
/* 政治プレミアheader */
header .header-wrap {}
header .header-inner {}
header .header-inner nav {}
header .header-inner nav:before { display:none;}

header .header-inner { background-color: #0078C6; padding:10px 0; }
header .header-inner nav { width: 1080px; margin: 0 auto; }
header .header-inner nav h1.logo { float: left; vertical-align:middle;height:34px;}
header .header-inner nav h1.logo a {
background-image:url(/vol1/premier/politics/images/pc/logo_politics_white.svg?201806);
background-repeat: no-repeat;
background-position: 0 55%;
background-size: auto 34px;
-moz-background-size: auto 34px;
width:411px;height:34px;display:inline-block;text-indent:-9999px;position:relative;top:0;z-index:1000;
}
.header-inner .share3 {width:250px; float:right; padding:0;}
.header-inner .share3 li {float:right; font-size:12px; color:#FFF; margin-top:9px;}
.header-inner .share3 li.tw {float:right;margin-left:15px; margin-top:8px;}
.header-inner .share3 li.fb {float:right; margin-top:7px;}
.header-inner .share3 li a {color:#FFF; display:inline-block; vertical-align:middle; text-indent:-9999px;}
.header-inner .share3 .tw a:first-child {
background-image:url(/vol1/images/pc/icon-tool-tw.svg);
background-repeat: no-repeat;
background-position: 50% 50%;
width:25px; height:20px; }
.header-inner .share3 .fb a:first-child {
background-image:url(/vol1/images/pc/icon-tool-fb.svg);
background-repeat: no-repeat;
background-position: 0% 50%;
width:25px; height:20px; }

/* slide-navi */
.slide-navi { background: #E7E9EF; }
.slide-navi .navi-wrap { width: 1080px; margin: 0 auto;}
.slide-navi ul { display: inline-block; font-size: 14px; float: left;}
.slide-navi ul li { float: left; display: block; /*margin-right: 3%;*/ text-align: center; }
.slide-navi ul li a { text-decoration: none; color: #0078C6; font-weight: bold; display: inline-block; padding: 12px; }
.slide-navi ul li a:hover { /*text-decoration: underline;*/ background: #FFF; }
.slide-navi ul.lists {float:right;}

/*--------------------------------------------
2. top-wrap
--------------------------------------------*/
.top-wrap {
	padding: 35px 0;
	background: #FFF;
}
.top-wrap ul {
	display: flex;
	flex-wrap: wrap;
/*	justify-content: space-between;*/
}
.top-wrap ul li {
	width: 344px;
	margin-right: 24px;
}
.top-wrap ul li:nth-child(3n) {
	margin-right: 0;
}
.top-wrap ul li a {
	width: 100%;
	height: 100%;
	display: block;
}
.top-wrap li a figure {
	width: 100%;
	max-height: 194px;
	margin-bottom: 10px;
}
.top-wrap ul li h3 {
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	color: #272727;
	margin-bottom: 10px;
}
.top-wrap li p {
	color: #272727;
	font-size: 16px;
	font-size: 1.6rem;
}
.top-wrap li p.catname {
	color: #0078C6;
	margin-bottom: 10px;
}
.top-wrap li p.series {
	margin-bottom: 10px;
}
.top-wrap li p.author {
	font-weight: bold;
}
.top-wrap li p.date,
.top-wrap li p.job-title {
	color:#787878;
	font-size: 12px;
	font-size: 1.2rem;
}
.top-wrap ul li a:hover {
	opacity: 0.8;
}
.top-wrap .topnews h2,
.top-wrap .features-top h2 {
	font-size: 24px;
	font-size: 2.4rem;
	margin-top: 40px;
	margin-bottom: 24px;
	font-weight: bold;
}
.top-wrap .features-top li {
	margin-bottom: 24px;
}
.top-wrap .topnews li:first-child {
	flex-basis: 100%;
	margin-right: 0;
}
.top-wrap .topnews ul li:first-child h3 {
	width: 340px;
}
.top-wrap .topnews li:first-child p {
	width: 340px;
}
.top-wrap .topnews li:first-child p.date {
	margin-top: 30px;
}
.top-wrap .topnews li:first-child p.catname {
	font-size: 20px;
	font-size: 2.0rem;
	margin-bottom: 45px;
}
.top-wrap .topnews li:first-child p.series {
	margin-bottom: 10px;
}
.top-wrap .topnews li:first-child p.lead {
	color: #787878;
}
.top-wrap .topnews ul li:first-child a {
	width: 100%;
	display: block;
	padding-bottom: 20px;
	border-bottom: 1px solid #E6E4DC;
	margin-bottom: 20px;
}
.top-wrap .topnews ul li:first-child figure {
	width: 712px;
	float: right;
	max-height: 402px;
	overflow: hidden;
	margin-bottom: 0;
}
.top-wrap .topnews ul li:nth-child(3n) {
	margin-right: 24px;
}
.top-wrap .topnews ul li:last-child {
	margin-right: 0;
}

/* -- トップの新着４件 日付非表示 -- */
.top-wrap .topnews p.date {
	display: none;
}
.top-wrap .topnews li:first-child p.job-title {
	margin-top: 10px;
}
/* -- /トップの新着４件 日付非表示 -- */

.top-wrap .bnr {
	display: block;
	margin-top: 30px;
}
.top-wrap .bnr:hover {
	opacity: 0.8;
}
.top-wrap .bnr img {
	width: 100%;
	vertical-align: bottom;
}
/*--------------------------------------------
3. plural-column-wrap
--------------------------------------------*/
.plural-column-wrap {
	background-color: #EFEDE9;
	padding: 30px 0;
}
/*--------------------------------------------
4. main-column
--------------------------------------------*/
.plural-column-wrap .main-column {
	float: left;
	width: 750px;
}
.plural-column-wrap .main-column .btn-more {
	width: 160px;
}
.plural-column-wrap .main-column > section:first-child {
	margin-top: 0;
}

section.article-list h2,
section.type01 h2,
section.type02 h2 {
	text-align: center;
	font-size: 24px;
	font-size: 2.4rem;
	margin-bottom: 24px;
}
section.type01 h2,
section.type02 h2 {
	font-weight: bold;
}
section.article-list,
section.type01,
section.type02 {
	margin: 50px 0;
}
section.type01 ul,
section.type02 ul{
	display: flex;
	flex-wrap: wrap;
/*	justify-content: space-between;*/
}
section.type01 ul li,
section.type02 ul li {
	width: 228px;
	margin-right: 24px;
	margin-bottom: 24px;
}
section.type02 ul li:first-child {
	flex-basis: 100%;
	margin-right: 0;
	width: auto;
}
section.type01 ul li:nth-child(3n),
section.type02 ul li:nth-child(4n) {
	margin-right: 0;
}
section.type01 li a,
section.type02 li a{
	display: block;
	padding: 12px;
	height: 100%;
	background-color: #FFF;
}
section.type02 li:first-child a {
	padding: 0;
	background-color: inherit;
}
.box-top li a:hover,
section.type01 li a:hover,
section.type02 li a:hover {
	opacity: 0.8;
}
section.type01 li a figure,
section.type02 li a figure{
	width: 100%;
	max-height: 115px;
	margin-bottom: 12px;
}
section.type02 li:first-child a figure {
	height: auto;
	max-height: 413px;
}
section.type01 .catname,
section.type02 .catname{
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
	margin-bottom: 12px;
}
section.type02 li:first-child .catname,
section.type02 li .date,
section.type02 li .job-title {
	color: #787878;
	font-weight: normal;
}
section.type02 li .author {
	font-weight: bold;
	font-size: 12px;
	font-size: 1.2rem;
}
section.type02 li .date,
section.type02 li .job-title,
section.type01 p {
	font-size: 11px;
	font-size: 1.1rem;
}
section.type02 li:first-child .author {
	font-size: 14px;
	font-size: 1.4rem;
}
section.type02 .catname{
	margin-bottom: 10px;
}
section.type01 h3,
section.type02 h3{
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	color: #272727;
	margin: 6px 0;
}
section.type02 li:first-child h3{
	font-size: 24px;
	font-size: 2.4rem;
	margin: 10px 0;
}
section.type01 p,
section.type02 p{
	color: #272727;
}
section.type02 li:first-child p{
	font-size: 13px;
	font-size: 1.3rem;
}
.main-article .ad {
	margin-top: 40px;
	padding: 0 50px;
}
.main-article .ad a {
	float: left;
}
.main-article .ad a:first-child {
	margin-right: 32px;
}

.main-column .bnr {
display: block;
width: 100%;
}
.main-column .bnr:hover {
opacity: 0.8;
}
.main-column .bnr img {
width: 100%;
vertical-align: bottom;
}

/*--------------------------------------------
5. sub-column
--------------------------------------------*/
.plural-column-wrap .sub-column {
	float: right;
	width: 300px;
}
.sub-column > section,
.sub-column > aside {
	margin-bottom: 30px;
}
.sub-column h2 {
	color: #272727;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	padding: 12px 12px 8px;
}
.sub-column h2 a {
	color: #0078C6;
}
.sub-column h2 a:hover {
	text-decoration: underline;
}

/* 広告 */
.sub-column .ad {
	height: 250px;
	width: 300px;
/*	background: #CCC;*/
	z-index: 3;
}
/* アクセスランキング */
.sub-column section.ranking,
.sub-column section.flash {
	background: #FFF;
}
.sub-column .ranking li > a{
	display: block;
	padding: 10px;
}
.sub-column .ranking p {
	color: #000;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.4;
	width: 175px;
	float: left;
}
.sub-column .ranking a span {
	display: block;
	float: left;
	color: #0078C6;
	font-weight: bold;
	font-size: 32px;
	font-size: 3.2rem;
	width: 25px;
	text-align: center;
	margin-right: 12px;
	padding-top: 5px;
	font-family: number, sans-serif;
	line-height: 1;
}
.sub-column .ranking li > a:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.sub-column .ranking figure {
	width: 60px;
	height: 60px;
	overflow: hidden;
	float: right;
}
.sub-column .ranking li a:hover p,
.sub-column .flash li a:hover .title{
	text-decoration: underline;
}
.sub-column .flash ul {
	padding-bottom: 8px;
}
.sub-column .flash li a {
	padding: 6px 12px;
	color: #272727;
	display: block;
}
.sub-column .flash li a .series {
	font-size: 12px;
	font-size: 1.2rem;
	color: #7C7C7C;
}
.sub-column .flash li a .title {
	font-weight: bold;
}
.sub-column .flash li a .date {
	font-size: 11px;
	font-size: 1.1rem;
	color: #7C7C7C;
}
/* アーカイブ検索（記事DB） */
.sub-column .search input,
.search-result input.form-input {
	background-color: #FFF;
	border: none;
	width: 300px;
	height: 36px;
	line-height: 36px;
	padding: 0 36px 0 12px;
	font-size: 14px;
	font-size: 1.4rem;
	background-image: url(/vol1/premier/politics/images/pc/icon_search_blue.svg);
	background-repeat: no-repeat;
	background-position: 270px 50%;
	margin-bottom: 6px;
}
.sub-column .search p {
	font-size: 11px;
	font-size: 1.1rem;
	color: #464646;
	padding: 0 12px;
}
.sub-column .search h2 {
	padding-bottom: 12px;
}

/*--------------------------------------------
6. footer
--------------------------------------------*/
/*プレミア共通*/
footer { text-align: left; position: relative; z-index: 2; }
footer div { background-color: #E7E3D8; font-size: 13px; padding: 35px 0 30px; color: #777263;}
footer ul { list-style: none; width: 1080px; margin: 0 auto 20px; }
footer ul li { display: inline-block; float: left; margin-right: 15px; }
footer ul li a { text-decoration: none; color: #6e695b!important; border-right: 1px #c8c1ae solid; padding-right: 15px;  }
footer ul li.last a { border-right: none; }
footer ul li a:hover { text-decoration: underline; }
footer .copyright { font-size: 11px; margin: 0 auto; width: 1080px; margin: 0 auto }
#cxFixedAd { background-color: #E7E3D8; }

/*--------------------------------------------
7. 記事ページ
--------------------------------------------*/
.article-wrap {
	background: linear-gradient(180deg, #FFF 0%, #FFF 295px, #EFEDE9 295px, #EFEDE9 100%);
}
.article-wrap header {
	margin-bottom: 18px;
}
.article-wrap header,
.article-wrap header a {
	color: #464646;
}
.article-wrap header .cat-title {
	padding-bottom: 18px;
	margin-bottom: 18px;
}
.article-wrap header .cat-title span {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	margin-right: 32px;
}
.article-wrap header .cat-title span a {
	color: #0078C6;
}
.article-wrap header .cat-title a:hover,
.article-wrap header .editor a:hover {
	text-decoration: underline;
}
.article-wrap header h1 {
	font-size: 27px;
	font-size: 2.7rem;
	font-weight: bold;
	margin-bottom: 4px;
}
.article-wrap header .lead {
	font-size: 16px;
	font-size: 1.6rem;
	color: #272727;
	margin-bottom: 15px;
}
.article-wrap header .editor {
	font-size: 14px;
	font-size: 1.4rem;
	width: 480px;
	float: left;
}
.article-wrap header .toolbox {
	float: right;
}
.article-wrap header .toolbox .date {
	float: right;
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
	margin-top: 6px;
}
.article-wrap header .toolbox .sns {
	float: right;
}
.article-wrap header .toolbox .sns li {
	float: left;
}
.white-bg {
	background-color: #FFF;
	padding-bottom: 45px;
	font-size: 14px;
	font-size: 1.4rem;
	border-top: 24px solid #0078C6;
}
.no-photo .white-bg {
	border-top: 12px solid #0078C6;
}
figure.main {
	position: relative;
}
figure.main img {
	width: 100%;
	vertical-align: bottom;
}
/*
figure.main figcaption {
	font-size: 12px;
	font-size: 1.2rem;
	color: #464646;
	margin: 0 12px;
	padding-top: 8px;
	line-height: 1.7;
}
*/
.header-full figure.main figcaption {
	width: 750px;
	margin: 0;
	padding: 8px 12px 30px;
	background: #FFF;
}
.white-bg p {
	margin: 0 60px;
	color: #292929;
	margin-bottom: 30px;
}
.white-bg p.intro {
	font-weight: bold;
	margin-bottom: 35px;
}
.white-bg .kanren-links {
	background-color: #EEE;
	width: 560px;
	margin: 0 0 30px 128px;
	padding: 2px 10px;
	overflow: hidden;
}
.white-bg .kanren-links a {
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
	color: #000;
	padding: 10px 0;
	display: block;
	border-top: 1px solid #BAB9B4;
	line-height: 1.4;
}
.white-bg .kanren-links li:first-child a {
	border-top: none;
}
.white-bg .kanren-links a:hover {
	text-decoration: underline;
}
.plural-column-wrap .main-text {
	position: relative;
	margin-top: 35px;
}
.header-full .main-text {
	margin-top: 0;
}
.plural-column-wrap .main-text h2 {
	margin: 30px 60px 0;
	font-weight: bold;
	color: #0078C6;
	margin-bottom: 18px;
	padding-top: 15px;
}
.main-text figure {
	width: auto;
	margin: 0 60px 30px;
	position: relative;
}
.main-text figure img {
	width: 100%;
}
.main-text figure.left {
	width: 342px;
	float: left;
	margin: 0 24px 12px 12px;
}
.main-text figure.right {
	width: 342px;
	float: right;
	margin: 0 12px 12px 24px;
}
.main-text figure figcaption {
	color: #464646;
	padding-top: 8px;
	line-height: 1.7;
}
.main-text .mv-youtube {
	width: 630px;
	height: 365px;
	margin: 0 60px 30px;
}
.main-text p a {
	color:#0078C6;
}
.main-text p a:hover {
	text-decoration: underline;
}
.main-text hr {
	margin: 30px 60px;
}
.white-bg .article-info {
	color: #5D5D5D;
}
.white-bg .related-list {
	width: 100%;
	overflow: hidden;
}
.white-bg .related-links h3,
.white-bg .related-list h3,
.white-bg .writer-profile h3{
	margin: 45px 60px 0;
	color: #0078C6;
	font-weight: bold;
	margin-bottom: 12px;
}
.white-bg .related-links a,
.white-bg .related-list a {
	color: #000;
	padding: 12px 0;
	display: block;
	line-height: 1.4;
}
.white-bg .related-list ul {
	margin: 0 60px;
}
.white-bg .related-list a {
	border-top: 1px solid #E6E4DC;
}
.white-bg .related-list li:first-child a {
	border-top: none;
}
.white-bg .related-links a:hover,
.white-bg .related-list a:hover {
	background-color: #EEE;
	text-decoration: none;
}
.white-bg .writer-profile a:hover {
	opacity: 0.8;
}
.white-bg .writer-profile figure {
	float: right;
	margin: 0 60px 30px 20px;
	max-width: 224px;
}
.white-bg .writer-profile .title {
	font-weight: bold;
	margin-bottom: 0;
}
.white-bg .writer-profile .title a {
	color: #464646;
}
.white-bg .writer-profile .profile {
	overflow: hidden;
	margin-top: 10px;
}
.white-bg .writer-profile .name {
	margin-bottom: 0;
	color: #666;
}

.main-text #tools {
	position: absolute;
	top: 0;
	width: 48px;
	z-index: 2;
	bottom: auto;
	left: auto;
	margin-left: -56px;
}
.header-full figure.main {
	margin-bottom: 0;
}
.header-full .white-bg {
	border-top: none;
}
.header-full .sub-column {
	margin-top: 36px;
}

/* --- font size --- */
/* default, size-m */
.white-bg .kanren-links a,
.fontsize-m .white-bg .kanren-links a,
.white-bg figure figcaption,
.fontsize-m white-bg figure figcaption,
.white-bg .writer-profile .profile,
.fontsize-m .white-bg .writer-profile .profile,
.white-bg .writer-profile .name,
.fontsize-m .white-bg .writer-profile .name,
.btn-comment .btn-more,
.fontsize-m .btn-comment .btn-more {
	font-size: 14px;
	font-size: 1.4rem;
}
.white-bg .main-text h2,
.fontsize-m .white-bg h2,
.readmore-txt .lead-txt,
.fontsize-m .readmore-txt .lead-txt {
	font-size: 20px;
	font-size: 2.0rem;
}
.plural-column-wrap .main-text,
.plural-column-wrap .fontsize-m,
.white-bg .writer-profile .title,
.fontsize-m .white-bg .writer-profile .title,
.white-bg .related-links h3,
.white-bg .related-list h3,
.fontsize-m .white-bg .related-links h3,
.fontsize-m .white-bg .related-list h3,
.white-bg .writer-profile h3,
.fontsize-m .white-bg .writer-profile h3 {
	font-size: 18px;
	font-size: 1.8rem;
}
.white-bg .related-list li a,
.fontsize-m .white-bg .related-list li a,
.readmore-box p,
.fontsize-m .readmore-box p,
.white-bg .related-links a,
.fontsize-m .white-bg .related-links a {
	font-size: 16px;
	font-size: 1.6rem;
}
.readmore-box h3,
.fontsize-m .readmore-box h3 {
	font-size: 30px;
	font-size: 3.0rem;
}
.readmore-box .lead-txt span,
.fontsize-m .readmore-box .lead-txt span {
	font-size: 26px;
	font-size: 2.6rem;
}

/* size-s */
.fontsize-s .btn-comment .btn-more {
	font-size: 14px;
	font-size: 1.4rem;
}
.plural-column-wrap .fontsize-s .main-text,
.fontsize-s .white-bg .writer-profile .title,
.fontsize-s .white-bg .related-links h3,
.fontsize-s .white-bg .related-list h3,
.fontsize-s .white-bg .writer-profile h3{
	font-size: 15px;
	font-size: 1.5rem;
}
.fontsize-s .white-bg .kanren-links a {
	font-size: 11.5px;
	font-size: 1.15rem;
}
.fontsize-s .white-bg h2 {
	font-size: 16px;
	font-size: 1.6rem;
}
.fontsize-s .white-bg .related-list li a,
.fontsize-s .readmore-box p,
.fontsize-s .white-bg .related-links a{
	font-size: 13px;
	font-size: 1.3rem;
}
.fontsize-s .readmore-box h3 {
	font-size: 28px;
	font-size: 2.8rem;
}
.fontsize-s .readmore-box .lead-txt span {
	font-size: 24px;
	font-size: 2.4rem;
}
.fontsize-s .readmore-txt .lead-txt {
	font-size: 18px;
	font-size: 1.8rem;
}
.fontsize-s figure figcaption,
.fontsize-s .white-bg .writer-profile .profile,
.fontsize-s .white-bg .writer-profile .name {
	font-size: 12px;
	font-size: 1.2rem;
}

/* size-l */
.fontsize-l .readmore-box p,
.fontsize-l .white-bg .related-links a{
	font-size: 20px;
	font-size: 2.0rem;
}
.plural-column-wrap .fontsize-l .main-text,
.fontsize-l .readmore-txt .lead-txt,
.fontsize-l .white-bg .writer-profile .title,
.fontsize-l .white-bg .related-links h3,
.fontsize-l .white-bg .related-list h3,
.fontsize-l .white-bg .writer-profile h3{
	font-size: 22.5px;
	font-size: 2.25rem;
}
.fontsize-l .white-bg .kanren-links a,
.fontsize-l .white-bg .writer-profile .name,
.fontsize-l .white-bg .writer-profile .profile {
	font-size: 17.5px;
	font-size: 1.75rem;
}
.fontsize-l .white-bg h2 {
	font-size: 25px;
	font-size: 2.5rem;
}
.fontsize-l .readmore-box h3 {
	font-size: 32px;
	font-size: 3.2rem;
}
.fontsize-l .readmore-box .lead-txt span {
	font-size: 30px;
	font-size: 3.0rem;
}
.fontsize-l figure figcaption,
.fontsize-l .btn-comment .btn-more {
	font-size: 16px;
	font-size: 1.6rem;
}

/* info-box */
.info-box {
	display: flex;
	border: 4px solid #0078C6;
	padding: 20px;
	background: #FFF;
	width: 100%;
}
.info-box .wrap-left {
	flex-grow: 1;
	width: 530px;
	margin-right: 40px;
}
.info-box .wrap-right {
	flex-grow: 1;
}
.info-box h3 {
	font-size: 28px;
	font-size: 2.8rem;
	text-align: center;
	color: #0078C6;
	margin-bottom: 20px;
	font-weight: bold;
}
.info-box p {
	margin: 0;
	font-weight: bold;
}
.info-box .lead-txt {
	margin-bottom: 24px;
}
.info-box .lead-txt span {
	font-size: 24px;
	font-size: 2.4rem;
	margin: 0 5px;
}
.info-box .text-blue,
.info-box .text-blue a {
	color: #0078C6;
}
.info-box .text-blue:hover {
	text-decoration: underline;
}
.info-box .btn-apply {
	height: 44px;
	padding: 0;
	background: #0078C6;
	border-radius: 22px;
	color: #FFF;
	font-weight: bold;
	line-height: 44px;
	text-align: center;
	margin: 5px 0 10px;
	display: block;
	text-decoration: none;
	font-size: 18px;
	font-size: 1.8rem;
	width: 100%;
}
.info-box .btn-apply:hover {
	background-color: #2C2C2C;
}
.insert-info {
	background: linear-gradient(180deg, #FFF 0%, #FFF 89px, #EFEDE9 89px, #EFEDE9 100%);
	padding-bottom: 12px;
}
/* facebook コメント欄 */
#commentsWrap {
	margin: 45px 60px 0;
}
#commentsWrap .comment-info {
	margin: 0;
	font-size: 13px;
	font-size: 1.3rem;
}

/* コメントボタン */
.comment-form {
	margin: 45px 0;
	clear: both;
}
article.news .comment-form p {
	color: #0078C6;
	font-weight: bold;
	font-size: 22px;
	font-size: 2.2rem;
	margin-bottom: 15px;
	padding: 0;
}
.plural-column-wrap .main-column .comment-form .btn-more {
	width: 380px;
	font-size: 18px;
	font-size: 1.8rem;
	height: 48px;
	line-height: 48px;
	border-radius: 24px;
}

/*--------------------------------------------
8. SNS tools
--------------------------------------------*/
header .sns {
	float: right;
}
header .sns li,
.cat-detail .sns li,
.cat-detail .sns li:nth-child(3n){
	float: left;
	margin-right: 10px;
}
.cat-detail .sns li:last-child {
	margin-right: 0;
}
header .sns a,
.cat-detail .sns a,
#tools li .tool li a {
	display: inline-block;
	border-radius: 50%;
	height: 32px;
	width: 32px;
	background-repeat: no-repeat;
	background-size: 32px;
}
header .sns a,
.cat-detail .sns a,
#tools li .tool li a,
#tools li a.btn,
#tools li.btn-fontSize .fonts {
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
header .sns .fb a,
#tools li.fb a,
.article-wrap header .toolbox .sns .fb a:hover,
.cat-detail .toolbox .sns .fb a:hover {
	background-image: url(/vol1/images/pc/icon-tool-fb.svg);
	background-position: 0% 50%;
}
header .sns .tw a,
#tools li.tw a,
.article-wrap header .toolbox .sns .tw a:hover,
.cat-detail .toolbox .sns .tw a:hover {
	background-image: url(/vol1/images/pc/icon-tool-tw.svg);
	background-position: 50% 50%;
}
header .sns .hb a,
#tools li.hb a,
.article-wrap header .toolbox .sns .hb a:hover,
.cat-detail .toolbox .sns .hb a:hover {
	background-image: url(/vol1/images/pc/icon-tool-hb.svg);
	background-position: 0% 50%;
}
.article-wrap header .toolbox .sns .gp a:hover,
.cat-detail .toolbox .sns .gp a:hover,
#tools li.gp a {
	background-image: url(/vol1/images/pc/icon-tool-gp.svg);
	background-position: 50% 50%;
}
.article-wrap header .toolbox .sns .fb a,
.cat-detail .toolbox .sns .fb a {
	background-image: url(/vol1/premier/politics/images/pc/icon-tool-fb-blue.svg);
	background-position: 0% 50%;
}
.article-wrap header .toolbox .sns .tw a,
.cat-detail .toolbox .sns .tw a {
	background-image: url(/vol1/premier/politics/images/pc/icon-tool-tw-blue.svg);
	background-position: 50% 50%;
}
.article-wrap header .toolbox .sns .hb a,
.cat-detail .toolbox .sns .hb a {
	background-image: url(/vol1/premier/politics/images/pc/icon-tool-hb-blue.svg);
	background-position: 0% 50%;
}
.article-wrap header .toolbox .sns .gp a,
.cat-detail .toolbox .sns .gp a {
	background-image: url(/vol1/premier/politics/images/pc/icon-tool-gp-blue.svg);
	background-position: 50% 50%;
}
header#header .sns a {
	background-color: #2E2E2E;
}
header#header .sns a:hover {
	background-color: #555;
}
#tools li .tool li a {
	background-color: #0078C6;
}
.article-wrap header .toolbox .sns a,
.cat-detail .toolbox .sns a{
	background-color: #FFF;
	border: 1px solid #0078C6;
	vertical-align: bottom;
}
.article-wrap header .toolbox .sns a:hover,
.cat-detail .toolbox .sns a:hover {
	background-color: #0078C6;
	border: 1px solid #FFF;
}
#tools li {
	position: relative;
	display: block;
	width: 48px;
	height: 48px;
	margin: 0 auto 6px;
	padding: 3px;
	text-align: center;
}
#tools li a.btn {
	display: block;
	width: 40px;
	height: 40px;
	max-width: 40px;
	padding: 0;
	background-color: #0078C6;
	background-repeat: no-repeat;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	outline: none;
}
#tools li a.btn:hover,
#tools li.active a.btn,
#tools li .tool li a:hover {
	background-color: #2C2C2C;
}
#tools ul.tool {
	margin: 0 auto;
	visibility: hidden;
}
#tools ul.tool li {
	padding: 0;
}
#tools li.active {
	height: auto;
}
/* fontSize */
#tools li.btn-fontSize a.btn {
	background-image: url(/vol1/images/pc/icon-tool-font.svg);
	background-position: 0 0;
}
#tools li.btn-fontSize .fonts {
	display: block;
	width: 32px;
	height: 32px;
	margin: 0 auto;
	border: none;
	background-repeat: no-repeat;
	text-align: center;
	cursor: pointer;
}
#tools li.btn-fontSize .font-s {
	margin: 6px auto 0;
	background-image: url(/vol1/images/pc/icon-tool-font-s_gr.svg);
	background-position: 0 0;
}
#tools li.btn-fontSize .font-s:hover,
#tools li.btn-fontSize .font-s.active {
	background-image: url(/vol1/premier/politics/images/pc/icon-tool-font-s_blue.svg);
	background-position: 0 0;
}
#tools li.btn-fontSize .font-m {
	background-image: url(/vol1/images/pc/icon-tool-font-m_gr.svg);
	background-position: 0 0;
}
#tools li.btn-fontSize .font-m:hover,
#tools li.btn-fontSize .font-m.active {
	background-image: url(/vol1/premier/politics/images/pc/icon-tool-font-m_blue.svg);
	background-position: 0 0;
}
#tools li.btn-fontSize .font-l {
	background-image: url(/vol1/images/pc/icon-tool-font-l_gr.svg);
	background-position: 0 0;
}
#tools li.btn-fontSize .font-l:hover,
#tools li.btn-fontSize .font-l.active {
	background-image: url(/vol1/premier/politics/images/pc/icon-tool-font-l_blue.svg);
	background-position: 0 0;
}
/* print */
#tools li.btn-print a.btn {
	background-image: url(/vol1/images/pc/icon-tool-print.svg);
	background-position: 0 0;
}
/* share(sns) */
.main-text #tools li.btn-share {
	border-top: 1px solid #e0e0e0;
}
#tools li.btn-share a.btn {
	background-image: url(/vol1/images/pc/icon-tool-share.svg);
	background-position: 0 0;
}
#tools li.btn-share.active a.btn {
	background-color: transparent;
	background-image: url(/vol1/premier/politics/images/pc/icon-tool-share-blue.svg);
	background-position: 0 0;
}
#tools li.btn-share.active a.btn:hover {
	background-image: url(/vol1/images/pc/icon-tool-share.svg);
	background-color: #2C2C2C;
	background-position: 0 0;
}
#tools li.active ul.tool {
	visibility: visible;
}
/*
#tools li .tool li {
	width: 32px;
	height: auto;
	margin: 6px auto 0;
	border: none;
}
#tools li .tool li a.count,
#tools li .tool li span.count {
	display: block;
	width: 42px;
	height: auto;
	background: transparent;
	font-size: 9px;
	font-size: 0.9rem;
	text-indent: 0;
	text-align: center;
	border-radius: 0;
	color: #0078C6;
}
*/
#tools li.fsbots:hover span {
	cursor: pointer;
}
#tools li li.tw {
	margin: 12px auto 0;
}
/*
#tools li li.tw a.count,
#tools li .tool li span.count {
	margin: 0 0 0 -5px;
}

#tools li li.tw a.count:hover {
	text-decoration: underline;
}
*/

#tools ul.tool li a, #tools li a.btn,
#tools li.btn-comment a.btn { background-color: #0078C6 !important; }
#tools ul.tool li.tw a.count { background: transparent !important; }

/*--------------------------------------------
9. readmore（中間ページ用）
--------------------------------------------*/
.readmore-txt {
	margin-top: 60px;
	clear: both;
}
.readmore-txt .lead-txt {
	font-weight: bold;
	color: #0078C6;
	margin-bottom: 4px;
}
.readmore-box {
	display: block;
	margin: 0 auto;
	padding: 45px 20px;
	width: 650px;
	border: 4px solid #0078C6;
}
.readmore-box h3 {
	font-size: 28px;
	font-size: 2.8rem;
	text-align: center;
	color: #0078C6;
	margin-bottom: 30px;
	font-weight: bold;
}
.readmore-box p {
	margin: 0 0 12px;
	font-weight: bold;
}
.readmore-box .lead-txt {
	font-size: 20px!important;
	font-size: 2.0rem!important;
	margin: 0 0 .4em 0;
    text-align: center;
}
.readmore-box .lead-txt span {
	margin: 0 5px;
}
.readmore-box .text-blue,
.readmore-box .text-blue a {
	color: #0078C6;
}
.readmore-box .text-blue a:hover {
	text-decoration: underline;
}
.readmore-btns {
	width: 450px;
	margin: 0 auto;
}
.readmore-btns .btn-login,
.readmore-btns .link-btn {
	height: 36px;
	padding: 0;
	background: #FFF;
	border: 1px solid #CACACA;
	border-radius: 18px;
	color: #2A2A2A;
	font-weight: bold;
	line-height: 36px;
	text-align: center;
	margin: 5px 0 0;
	display: block;
	text-decoration: none;
	width: 100%;
	font-size: 14px;
	font-size: 1.4rem;
}
.readmore-btns .btn-apply,
.readmore-btns .link-btn.btn-blue {
	height: 44px;
	padding: 0;
	background: #0078C6;
	border-radius: 22px;
	color: #FFF;
	font-weight: bold;
	line-height: 44px;
	text-align: center;
	margin: 5px 0 10px;
	display: block;
	text-decoration: none;
	font-size: 18px;
	font-size: 1.8rem;
	width: 100%;
}
.readmore-btns .btn-login:hover,
.readmore-btns .link-btn:hover {
	background-color: #EEE;
}
.readmore-btns .btn-apply:hover,
.readmore-btns .link-btn.btn-blue:hover {
	background-color: #0078C6;
	opacity: 0.8;
}
.readmore-btns button {
	cursor: pointer;
}
.readmore-btns .lines-on-sides {
	border-top: 1px solid #dbdbdb;
	height: 15px;
	margin: 30px 0 15px;
	position: relative;
}
.readmore-btns .lines-on-sides span {
	background-color: #fff;
	color: #2A2A2A;
	display: inline-block;
	left: 198px;
	padding: 0 4px;
	position: absolute;
	top: -13px;
	font-weight: normal;
	font-size: 15px;
	font-size: 1.5rem;
}
.readmore-btns .lead-txt{
	font-size:2.0rem!important;
	font-weight:bold;
    text-align: center;
}
.readmore-btns .lead-txt a{
	color:#007CC8;
	padding: 0 !important;
	text-decoration: none !important;
}
.readmore-btns .lead-txt a:hover{
	text-decoration:underline !important;
}
.readmore-box .campaign {
	text-align: center;
}
.readmore-box .campaign a {
	font-size: 112.5%;
	font-weight: bold;
}
.readmore-box .campaign a span {
	color: #222;
}
.readmore-box .campaign a:hover {
	text-decoration: none;
	opacity: 0.8;
}


/*--------------------------------------------
10. lists
--------------------------------------------*/
/* category-list */
.category-list {
	margin-bottom: 34px;
}
.category-list h4 {
	font-size: 16px;
	font-size: 1.6rem;
	margin: 2px 0 15px 25px;
	color: #001240;
}
.category-list ul {
	list-style: none;
}
.category-list ul li a .thumbnail {
	float: left;
	margin: 0 15px 0 0;
	height: 60px;
	background: url() no-repeat 50% 50%;
	background-size: cover;
}
.category-list ul li p {
	line-height: 1.1;
}
.category-list ul li .title {
	font-weight: bold;
	display: block;
	color: #000;
	margin-bottom: 10px;
}
.category-list ul li .title-area {
	overflow: hidden;
}
.category-list ul li .name {
	font-size: 12px;
	font-size: 1.2rem;
	color: #7C7C7C;
}
.category-list .thumbnail {
	overflow: hidden;
	display: inline-block;
}
.category-list .thumbnail img {
	height: 60px;
}
.category-list ul li {
	display: inline-block;
	vertical-align: top;
}
.category-list ul li a {
	width: 350px;
	min-height: 7em;
	float: left;
	display: block;
	font-size: 13px;
	font-size: 1.3rem;
	padding: 10px;
	line-height: 1.2;
}
.category-list ul li a:hover {
	background-color: #FFF;
}
.column h2,
.author h2 {
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	margin-bottom: 24px;
	color: #0078C6;
}
.column h3 {
	font-size: 24px;
	font-size: 2.4rem;
	margin-bottom: 12px;
	text-align: center;
}

/* authors-list */
.authors-list header {
	margin-bottom: 40px;
}
.authors-list header {
	color: #0078C6;
}
.authors-list header .cat-title {
	padding-bottom: 14px;
	font-weight: bold;
	font-size: 20px;
	font-size: 2.0rem;
}
.authors-list section h2 {
	font-size: 24px;
	font-size: 2.4rem;
	margin-bottom: 24px;
	text-align: center;
	font-weight: bold;
}
.top-wrap .authors-list li {
	margin-bottom: 24px;
}
.top-wrap .authors-list li h3 {
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 5px;
}
.top-wrap .authors-list li p {
	color: #787878;
	font-size: 12px;
	font-size: 1.2rem;
}
.authors-list .type01 li {
	margin-bottom: 24px;
}
.authors-list .type01 h3 {
	margin-top: 12px;
}

/* article-list */
.title-area {
	margin-bottom:40px;
}
.title-area h2 {
	margin: 12px 0 8px;
	line-height: 1.4;
	padding-bottom: 0;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
}
.title-area .title {
	width: 600px;
	float: left;
}
.cat-detail h2 {
	color: #0078C6;
	margin: 12px 0 16px;
	line-height: 1.4;
	padding-bottom: 14px;
	border-bottom: 1px solid #0078C6;
	font-weight: bold;
	font-size: 24px;
	font-size: 2.4rem;
}
.cat-detail .title {
	width: 100%;
}
.cat-detail .cat-title {
	border-bottom: none;
}
.cat-detail .title {
	position: relative;
}
.cat-detail .toolbox {
	position: absolute;
	right: 0;
}
.cat-detail-box img {
	width: 100%;
	border-top: 24px solid #0078C6;
}
.cat-detail-box p {
	color: #292929;
}
.cat-detail-box .profile {
	font-size: 16px;
}
.cat-detail-box .profile a {
	color: #0078C6;
}
.cat-detail-box .profile a:hover {
	text-decoration: underline;
}
.cat-detail-box .author-title {
	font-weight: normal;
	margin-bottom: 12px;
	color: #666;
}
.cat-detail-box .author-name {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
.cat-detail-box .author-name span {
	font-weight: normal;
}
.top-wrap .cat-detail ul li {
	width: inherit;
}
.cat-detail .no-border h2 {
	border-bottom: none;
	margin-bottom: 0;
	margin-top: 0;
	line-height: 1.7;
	font-size: 20px;
	font-size: 2.0rem;
}
.title-area .profile{
	font-size: 15px;
	font-size: 1.5rem;
	color: #272727;
	margin-bottom:15px;
}
.author-title {
	margin-bottom: 15px;
	color: #666;
	font-weight: bold;
}
.title-area .author {
	margin-bottom: 15px;
	font-size: 12px;
	font-size: 1.2rem;
	color: #464646;
}
.title-area .title .cate-name {
	color: #006192;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	display: inline-block;
}
.title-area .title .cate-name:hover {
	text-decoration: underline;
}
.title-area .lead {
	font-size: 16px;
	font-size: 1.6rem;
	color: #272727;
	margin-bottom: 12px;
}
.title-area .thumb {
	float: left;
	margin-right: 24px;
	max-width:110px;
}
.list-count {
	margin: 0 0 15px;
	color: #000;
	font-weight: bold;
}
.article-list {
}
.article-list li {
	list-style: none;
	margin-bottom: 35px;
	max-height: 170px;
	overflow: hidden;
}
.article-list li a {
	display: block;
	min-height: 133px;
	clear: both;
	position: relative;
	padding: 7px 7px 7px 0;
}
.article-list li a:hover {
	background-color: #FFF;
}
.article-list li a:hover img {
	opacity: 0.8;
}
.article-list li a:before,
.article-list li a:after {
	content: "";
	display: table;
}
.article-list li a:after {
	clear: both;
}
.article-list li figure {
	position: absolute;
	top: 0;
}
.article-list li img {
	float: left;
	width: 240px;
}
.article-list li p {
	float: right;
	line-height: 1.5;
	width: 480px;
}
.article-list li span {
	display: block;
}
.article-list li span:hover {
	text-decoration: underline;
}
.article-list li .author {
	font-weight: bold;
	color: #000;
	margin-bottom: 2px;
}
.article-list li .title {
	font-weight: bold;
	margin-bottom: 7px;
	font-size: 18px;
	font-size: 1.8rem;
	color: #000;
}
.article-list li .name {
	color: #7c7c7c;
	margin-bottom: 7px;
}
.article-list li .subtitle {
	color: #7c7c7c;
	margin-bottom: 7px;
	font-size: 14px;
	font-size: 1.4rem;
}
.article-list li .lead {
	margin-bottom: 5px;
	font-size: 14px;
	font-size: 1.4rem;
	color: #000;
}
.article-list li .date,
.article-list li .job-title {
	color: #7c7c7c;
	font-size: 12px;
	font-size: 1.2rem;
}
.pager {
	margin: 0 auto 24px;
	text-align: center;
}
.pager ul {
	position: relative;
	display: inline-block;
	width: auto;
}
.pager li {
	display: inline-block;
	margin: 0 3px 6px 0;
}
.pager li a,
.pager li.current span {
	text-align: center;
	background: #2C2C2C;
	height: 32px;
	line-height: 32px;
	width: 32px;
	display: inline-block;
	font-size: 14px;
	font-size: 1.4rem;
	color: #FFF;
	border-radius: 4px;
}
.pager li.first a,
.pager li.last a,
.pager li.first span,
.pager li.last span,
.pager li.prev a,
.pager li.next a {
	width: auto;
	padding: 0 10px;
}
.pager li a:hover {
	background: #0078C6;
}
.pager li.current span {
	background: #FFF;
	color: #2C2C2C;
}

/*--------------------------------------------
11. search-result
--------------------------------------------*/
.search-result h2 {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	margin: 30px 0;
}
.search-result span {
	font-size: 24px;
	font-size: 2.4rem;
}

/*--------------------------------------------
12. チャンネルトップ
--------------------------------------------*/
/*
.cat-title {
	border-bottom: 1px solid #0078C6;
}
*/
.top-wrap .cat-title {
	color: #0078C6;
	padding-bottom: 14px;
	font-weight: bold;
	font-size: 20px;
	font-size: 2.0rem;
}
.separate-bgcolor {
	background-color: #006394;
	background: linear-gradient(180deg, #FFF 0%, #FFF 180px, #EFEDE9 180px, #EFEDE9 100%);
}

/*--------------------------------------------
13. 政治プレミアとは
--------------------------------------------*/
.img-about {
	height: 250px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	background: url(/vol1/premier/politics/images/pc/about_header.svg) #0078C6 no-repeat center /530px auto;
}
.about-upper {
	margin-top: 60px;
	background: url(/vol1/premier/politics/images/pc/about_diagram.svg) no-repeat top center /1050px auto;
	display: flex;
	flex-wrap: wrap;
	padding: 570px 3px 0;
}
.about-upper .pc-none {
	display: none;
}
.about-upper h2,
.about-upper h3 {
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	padding: 0;
	margin: 0;
	line-height: inherit;
	border: none;
	width: 100%;
	height: 0;
}
.about-upper > div {
	width: 308px;
	margin: 0px 25px;
}
.about-upper div.center {
	margin-top: -100px;
}
.about-upper p {
	color: #0078C6;
	font-weight: bold;
	font-size: 16px;
	font-size: 1.6rem;
}
.about-upper p.title {
	text-align: center;
	margin-bottom: 12px;
	font-size: 28px;
	font-size: 2.8rem;
}
.about-upper .btn-more {
	margin: 18px auto;
	font-size: 18px;
	height: 44px;
	line-height: 44px;
	border-radius: 22px;
	width: 280px;
}
.about-upper .journalist {
	margin-top: 50px;
}
.about-lower section h2 {
	font-weight: bold;
	font-size: 28px;
	font-size: 2.8rem;
	text-align: center;
	margin-bottom: 6px;
}
.about-lower section > p {
	font-weight: bold;
	font-size: 18px;
	font-size: 1.8rem;
	text-align: center;
	margin-bottom: 18px;
}
.about-lower section .white-bg {
	padding-top: 10px;
	padding-bottom: 25px;
}
.about-lower .white-bg h3 {
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	margin: 30px 60px 12px;
	padding-top: 15px;
}
.about-lower .white-bg p {
	font-size: 16px;
	font-size: 1.6rem;
}
.about-lower .white-bg p a,
.about-lower .agreement li a {
	color: #0078C6;
}
.about-lower .white-bg p a:hover,
.about-lower .agreement li a:hover {
	text-decoration: underline;
}
.about-lower .agreement {
	margin-top: 60px;
}
.about-lower .agreement h2 {
	font-size: 32px;
	font-size: 3.2rem;
	margin-bottom: 18px;
}
.about-lower .agreement h3 {
	color: #0078C6;
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 30px;
}
.about-lower .agreement ul {
	padding: 0 60px;
	list-style-type: disc;
	font-size: 16px;
	font-size: 1.6rem;
}
.about-lower .agreement li {
	margin-left: 1em;
	margin-bottom: 30px;
}

/*--------------------------------------------
14. タイムライン
--------------------------------------------*/
.tl-summary {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}
.tl-summary h3 {
	color: #0078C6;
	font-weight: bold;
	margin-bottom: 4px;
}
.tl-summary ul.headline {
	float: none;
	width: 100%;
}

.tl-summary .headline li {
	background-position: 0 10px;
	padding: 12px 0 4px 28px;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
}
.tl-main dl {
	background: #FFF;
	padding: 12px;
	border-top:4px solid #0078C6;
}
.tl-main dt .time {
	font-size: 13px;
	font-size: 1.3rem;
}
.tl-main dt time {
	font-size: 10px;
	font-size: 1.0rem;
}
.tl-main dd {
	width: 615px;
}
.tl-main dd p {
	font-size: 16px;
	font-size: 1.6rem;
	margin: 0 0 1em;
}
.tl-main figcaption {
	margin: 0 0 12px;
	color: #696969;
}
.tl-main a {
	color: #0078C6;
}
.tl-main a:hover {
	text-decoration: underline;
}

/*.typeC-line*/
.typeC-line li {
	position: relative;
	margin: 0 0 6px;
	padding: 6px;
	background: #f3f3f3;
	border: 1px solid #dbdbdb;
	border-radius: 3px;
	font-size: 14px;
	font-size: 1.4rem;
	overflow: hidden;
}
.list-typeC .thumb {
	display: table-cell;
	float: right;
	width: 100px;
	height: 67px;
	margin-left: 12px;
	background: #f8f8f8;
	border: 1px solid #ececec;
	text-align: center;
	vertical-align: middle;
	line-height: 65px;
	overflow: hidden;
}
.list-typeC .thumb img {
	max-width: 100%;
	max-height: 100%;
}
.list-typeC img.horizontal-photo {
	max-width: 100%;
	height: auto;
}
.list-typeC .keyword {
	padding: 3px 0 0;
	min-height: 22px;
	font-weight: bold;
	color: #222;
}
.list-typeC a {
	font-weight: bold;
}

.tl-main .list-typeC li{
	margin:0 0 12px 0;
}
.tl-main .list-typeC p.txt{
	margin:0;
	padding:12px;
	background:#FFF;
	border-top: 1px solid #dbdbdb;
	font-size:100%;
}



/*トップページ：キーワード*/
.top-keyword {
	text-align: center;
	/*height: 50px;*/
	border-bottom: 1px solid #D4D4D4;
	padding: 9px 0;
}
.top-keyword p {
	color: #787878;
	display: inline-block;
	line-height: 32px;
	font-size: 12px;
	font-size: 1.2rem;
	margin-right: 10px;
}
.top-keyword ul,
.top-keyword li {
	display: inline-block;
}
.top-keyword li a {
	display: inline-block;
	height: 32px;
	line-height: 28px;
	border: 2px solid #B2CFE3;
	border-radius: 16px;
	color: #505050;
	padding: 0 15px;
	font-size: 12px;
	font-size: 1.2rem;
}
.top-keyword li a:hover {
	color: #0078C6;
	font-weight: bold;
	border: 2px solid #0078C6;
}
.top-timeline {
	background: url(/vol1/premier/politics/images/pc/bg-tile.png) top / 10px 10px repeat;
	border-bottom: 2px solid #0078C6;
	padding: 20px 0 10px;
}
.top-timeline p.title {
	color: #0078C6;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
.top-timeline p.txt {
	color: #787878;
	font-size: 12px;
	font-size: 1.2rem;
	margin-bottom: 10px;
}
.top-timeline .btn-more {
	width: auto;
	display: inline-block;
}
.top-timeline .form-area {
	float: left;
	width: 320px;
}
.t-right {
	text-align: right;
}
.t-right .btn-more {
	margin-right: 10px;
}
.form-area .btn-more {
	padding: 0 25px;
}
.best-comment a {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #272727;
	margin-top: 6px;
	display: block;
}
.best-comment a.midashi {
	color: #0078C6;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: normal;
	margin-top: 0;
}
.best-comment a:hover {
	opacity: 0.8;
}

.top-timeline .sns-area {
	float: right;
	width: 715px;
	position: relative;
}
.sns-area ul,
.sns-area li {
	display: inline-block;
}
.sns-area li {
	margin-right: 10px;
	margin-top: 6px;
	vertical-align: top;
}
.sns-area li a {
	width: 270px;
	height: 72px;
	padding: 10px 15px;
	display: inline-block;
	background: url(/vol1/premier/politics/images/pc/bg-balloon.svg) top left/270px no-repeat;
	color: #272727;
	font-weight: bold;
	line-height: 1.45;
}
.sns-area li a:hover {
	opacity: 0.8;
}
.sns-area .btn-more {
	padding: 0 35px;
	position: absolute;
	top: 58px;
	right: 0;
}

/*--------------------------------------------
15. ランキング
--------------------------------------------*/
ul.ranking-tabs {
margin: 0 auto 35px;
position: relative;
width: 100%;
border-bottom: 2px solid #0078C6;
}

ul.ranking-tabs li {
margin: 0 1px 0 0;
padding: 0;
background: #f8f8f8;
display: block;
float: left;
width: 80px;
text-align: center;
overflow: hidden;
}
ul.ranking-tabs li a {
display: block;
padding: 6px;
color: #0078C6;
font-size: 16px;
font-size: 1.6rem;
}
ul.ranking-tabs li.active,
ul.ranking-tabs li:hover {
background: #0078C6;
}
ul.ranking-tabs li.active a,
ul.ranking-tabs li:hover a {
color: #fff;
text-decoration: none;
}

/*--------------------------------------------
16. FB COMMENT
--------------------------------------------*/
#commentsWrap.on .commentsMenu {display: block;}
#commentsWrap.on { overflow-y:scroll; margin-left:760px; padding: 5px 15px; background-color: #EEE; background: rgba(240, 240, 240, 0.95); box-shadow: 1px 1px 5px #666; border-top: 0px solid #CCC; width: 320px; height: 480px; z-index: 10000; position: fixed; border-radius: 6px;}
.commentsDiv-comments { background: #FFF;}
#commentsWrap.on #commentsDiv-comments { overflow: scroll; height: 190px; border: 1px solid #CCC; background: #FFF width: 90%;}
#commentsWrap.on #commentsDiv-commentBox { margin-top: 10px; border-top: none;}