@charset "utf-8";

@font-face{
    font-family:'number';
    src:url(https://cdn.mainichi.jp/vol1/fonts/Oswald/Oswald-Regular.ttf) format('truetype');
}

/* 共通
---------------------------------------- */
body {
	 color: #000000;
	 text-align: center;
	 background: #f2f1ef;
	 font-family:-apple-system,BlinkMacSystemFont,YuGothic,"游ゴシック","Yu Gothic","メイリオ",sans-serif;
	 font-weight: 500;
	 font-size: 100%;
	 line-height: 1.4;
	 width:100%;
	 min-width:1080px;
	 overflow-x:hidden;
}

h1,h2,h3,h4,h5,h6 {
	line-height:100%;
}

*	{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

ul { list-style:none;}

a {
	color: #000;
	text-decoration: none;
}

a.opa img:hover, a.opa img:focus, a.opa img:active {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

a:visited {
  color: #000;
}

.bg-focus li a:hover { background-color:#e6e6e6; }

.clr:after { /* clearfix */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
hr.clr { border:none; clear:both;}
/* IE7 Hack*/
*:first-child+html .clr {
	display: inline-block;
}

.mb-m {
	margin-bottom:24px !important;
}

/* header
---------------------------------------- */
header .header-wrap {}
header .header-inner {}
header .header-inner nav {}
header .header-inner nav:before { display:none;}
header .header-inner nav h1.logo a {}
ul#top-navi {}


header { height: 54px; position: relative; }
header .header-wrap {
width: 100%; color: #172448; text-align: left;
z-index: 3; position: absolute; top: 0; height:auto;
}
header .header-inner { width: 100%; background-color: #192851; height:auto; padding:10px 0; }
header .header-inner nav { width: 1080px; margin: 0 auto; padding: 28px 0 0; padding-top:0;}
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/business/images/pc/logo_business_white.svg?201805);
background-repeat: no-repeat;
background-position: 0 55%;
background-size: auto 34px;
-moz-background-size: auto 34px;
width:390px;height:34px;display:inline-block;text-indent:-9999px;position:relative;top:0;z-index:1000;
}
.header-inner .share2 { width:700px; height:35px; float:right; padding:5px 20px; position:relative; z-index:100; margin-top:-28px;}
.header-inner .share2 li.tw {float:right;}
.header-inner .share2 li.fb {float:right;margin-left:40px;}
.header-inner .share2 li a {color:#FFF; display:inline-block; vertical-align:middle;}
.header-inner .share2 .tw a:first-child {
background-image:url(/vol1/images/pc/icon-tool-tw.png);
background-image:none,url(/vol1/images/pc/icon-tool-tw.svg);
background-repeat: no-repeat;
background-position: 50% 50%;
width:25px; height:20px; }
.header-inner .share2 .fb a:first-child {
background-image:url(/vol1/images/pc/icon-tool-fb.png);
background-image:none,url(/vol1/images/pc/icon-tool-fb.svg);
background-repeat: no-repeat;
background-position: 0% 50%;
width:25px; height:20px; }
.header-inner .share2 .tw .count, .share2 .fb .count { background:none; display:inline; }
.header-inner .share2 .gp,
.header-inner .share2 .hb {display:none;}

.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; }

.social-area .share2 { height:30px;}
.social-area .share2 li {float:left; list-style-type:none; margin-right: 10px; white-space:nowrap;}
.social-area .share2 li a { display:inline-block; margin-right:5px;}
.social-area .share2 .tw a:first-child,
.social-area .share2 .fb a:first-child,
.social-area .share2 .gp a:first-child,
.social-area .share2 .hb a:first-child { vertical-align:middle; background:url() no-repeat 50% 50%; width:20px; height:20px;background-size:contain;}
.social-area .share2 .tw a:first-child { background-image:url(/vol1/premier/business/images/pc/icon_sns_tw20.png);}
.social-area .share2 .fb a:first-child { background-image:url(/vol1/premier/business/images/pc/icon_sns_fb20.png);}
.social-area .share2 .gp a:first-child { background-image:url(/vol1/premier/business/images/pc/icon_sns_gp20.png);}
.social-area .share2 .hb a:first-child { background-image:url(/vol1/premier/business/images/pc/icon_sns_hb20.png);}
.social-area .share2 .count { background:none; display:inline;border:1px solid #CCC; border-radius:3px; padding:3px 5px; font-size:12px; position:relative; color:#666; background:#FFF;}
.social-area .share2 .count:after,
.social-area .share2 .count:before { content: ""; position: absolute; height: 0; width: 0; }
.social-area .share2 .count:after { top: 4px; left: -9px; border: 5px solid transparent; border-right: 5px solid #FFF; }
.social-area .share2 .count:before { top: 4px; left: -10px; border: 5px solid transparent; border-right: 5px solid #CCC; }


/*   top-navi  */
ul#top-navi { font-size: 15px; float: right;}
ul#top-navi li { display: inline-block; float: left; margin-left: 12px; }
ul#top-navi li a { color: #fff; text-decoration: none; padding: 7px 15px 0px; display: block; }
ul#top-navi li a:hover { text-decoration: underline; }
ul#top-navi li a.menu { outline:none; padding: 7px 16px 0px; position: relative; }
ul#top-navi li a.menu::after { content: ""; width: 5px; height: 5px; display: inline-block; vertical-align: bottom; border-bottom: 2px solid #FFF; border-left: 2px solid #FFF; transform: rotate(-45deg); position: absolute; top: 12px; right: 3px; }


/*   slide-navi  */
.slide-navi {
margin-top:-60px; width: 100%; text-align: left; /*padding-bottom: 4px;*/
z-index: 2; position: relative;
}
.slide-navi .navi-wrap { width: 100%; background: #E7E9EF; /*padding: 17px 0 12px*/}
.slide-navi .navi-inner { width: 1080px; margin: 0 auto; }
.slide-navi .title { float: left; color: #fff; }
.slide-navi .title img { vertical-align: middle; margin-right: 10px; }
.slide-navi .close { }
.slide-navi .close a { float: right; color: #fff; display: block; width: 80px;
background-image: url("/vol1/premier/business/images/pc/img_topnavi02-ie.png");
background-image: none,url("/vol1/premier/business/images/pc/img_topnavi02.svg");
background-repeat: no-repeat;
background-position: 53px 2px;
}
.slide-navi ul { display: block; width: 950px; margin: 0 auto; font-size: 14px; }
.slide-navi ul li { float: left; display: block; /*margin-right: 3%;*/ text-align: center; }
.slide-navi ul li a { text-decoration: none; color: #192851; font-weight: bold; display: inline-block; padding: 12px 14px; }
.slide-navi ul li a:hover { /*text-decoration: underline;*/ background: #FFF; }

/*   article-wrap  */
#article-wrap  { margin:0 auto; background: #f2f1ef; position: relative; z-index: 1; }

/* Fallbacks */
.no-csstransforms .slide { position: static; }
.no-csstransforms .article-wrap  ul.sub-navi { display: none; }
.no-csstransforms .article-wrap .active ul.sub-navi { display: block;}

/* article
---------------------------------------- */
#article-wrap { width: 100%;}

/* container
---------------------------------------- */
.container { width: 1080px; margin: 0 auto; padding-bottom: 40px;}

/* main-colum
---------------------------------------- */
.main-column { width: 750px; float: left; text-align: left;}

/*  第１記事  */
.topics01 { margin-bottom: 34px; width: 750px; height: 410px; position: relative; overflow:hidden;background:#000;}
.topics01 .thum-img { background: #000; height: 100%; }
.topics01 .thum-img img { width: 100%;}
.topics01 .overlay { position: absolute; top:0; width: 99%; height: 410px; padding: 0 0 0 20px;  z-index: 1 ; line-height: 1.2;}
.topics01 a:nth-child(1) .overlay { top: 160px;width:100%;}
.topics01 .overlay.on { background: none}
.topics01 .text-box { max-height:410px;position: absolute;bottom:0;}
.topics01 .title { font-size: 24px; font-weight: bold; display: block; letter-spacing: 0.2px;}
.topics01 .name { font-size: 14px; margin-top: 10px;}
.topics01 .lead { font-size: 16px; margin-top: 10px; line-height: 150%; opacity:0;min-height:160px;max-height:160px;overflow:hidden;}
.topics01 a { color: #fff; }
.topics01 a:hover * { text-decoration: underline\9;}
.img-mask { position: absolute; width: 100%; height: 100%; top: 0; left: 0 ; background: url("/vol1/premier/business/images/pc/t.png")}

.topics01 .overlay-back {background: url("/vol1/premier/business/images/pc/bg_topics01_title.png") 0 100% repeat-x;position:absolute;top:0;width:100%;height:410px;}
.topics01 .overlay-back {
background: -moz-linear-gradient(top, rgba(0,0,0,0) 75%, rgba(0,0,0,0.9) 95%, rgba(0,0,0,0.9) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(95%,rgba(0,0,0,0.9)), color-stop(100%,rgba(0,0,0,0.9))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 75%,rgba(0,0,0,0.9) 95%,rgba(0,0,0,0.9) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0) 75%,rgba(0,0,0,0.9) 95%,rgba(0,0,0,0.9) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0) 75%,rgba(0,0,0,0.9) 95%,rgba(0,0,0,0.9) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0) 75%,rgba(0,0,0,0.9) 95%,rgba(0,0,0,0.9) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

/*   第２記事  */
.topics02 { margin-bottom: 39px; font-size: 88%; }
.topics02 .topics02-01 a { display: block; width: 490px; float: left; }
.topics02 .topics02-01 p { line-height: 1.3;margin-bottom:0;}
.topics02 .topics02-01 .title { font-weight: bold; padding: 8px 0 5px; font-size: 18px;}
.topics02 .topics02-01 .name { font-size: 13px; padding-bottom: 5px;}
.topics02 .thum-img { position:relative; width: 490px; height: 275px; overflow: hidden;}
.topics02 .thum-img:before {content:''; position:absolute; width:100%; height:100%; }
.topics02 .thum-img img { width: 100%; }

/*   第２記事  注目ニュース */
.topics02 .pickup { width: 238px; float: right;  }
.topics02 .pickup h3.news { border-bottom: #e7e4dd  3px solid; padding-bottom: 8px; color: #172c59 }
.topics02 .pickup ul { list-style: none; margin-bottom: 13px }
.topics02 .pickup ul li a { display:block; border-bottom: #e7e4dd  1px solid; padding: 11px 8px }
.topics02 .pickup ul li a.nobar { border-bottom: none; }
.topics02 .pickup ul li.sponsor { background-color:#fff; font-size: 13px }
.topics02 .pickup ul li.sponsor .s-link { padding: 10px 13px ; }
.topics02 .pickup ul li.sponsor .s-link span.name { font-size: 11px; color: #705c5b;}
.topics02 .pickup ul li.sponsor .s-link span.name:hover { text-decoration: none; }
.topics02 .pickup ul li h3.prompt { margin-bottom: 10px;  }

/*   第３記事  */
.topics03 { background-color: #192851; padding: 10px; margin-bottom: 40px; position:relative;}
.topics03 .thum-img { background: #000; width: 378px; height: 214px; float: left; overflow: hidden; position: relative; }
.topics03 .thum-img:before {content:''; position:absolute; width:100%; height:100%; }
.topics03 img { width: 100%; }

.topics03 .topics-lists { font-size: 13px; line-height: 1.5; }
.topics03 .topics-lists { display: block; width:352px; height: 214px; padding: 10px 10px 15px 15px;  float: left; background-color: #0b162a; overflow:hidden;}
.topics03 .topics-lists a { display: block;border-bottom:1px solid #666; padding:10px 0; z-index:1000; position: relative;}
.topics03 .topics-lists a:hover * { text-decoration: underline\9;}/*background: #0f1e39;*/
.topics03 .topics-lists h4 { font-size: 22px; margin-bottom: 5px; color: #f4c432; }
.topics03 .topics-lists p { color: #fff; }
.topics03 .topics-lists .title {font-weight:bold;}
.topics03 .topics-lists .subtitle,
.topics03 .topics-lists .name {display:inline-block;color:#CCC;}
.topics03 .topics-lists .name:before {content:'／';}
.topics03 .topics-lists .lead {display:none;}
.topics03 .overlay {overflow:hidden; width:378px; height:216px;position: absolute;}
.topics03 .overlay .lead{position: absolute; top:0px; left:378px; width:378px;height:216px;padding:15px;color: #FFF; font-size:14px;}/*background: rgba(0,0,0,0.8);*/
.topics03 .topics-lists li {position:relative;overflow: hidden;}
.topics03 .topics-lists li .textback {position:absolute;top:0; left:352px;width:100%;z-index:10;}/*background: rgba(255,255,255,0.2);*/


/*  最新記事  */
.new-list { width: 750px; text-align: left; margin-bottom: 20px; }
.new-list h3 { font-size: 20px; margin-bottom: 15px; color: #001242; }
.new-list ul { width: 765px; overflow: hidden; padding :0; list-style: none; _zoom: 1;}
.new-list ul li {position: relative; width:250px; float: left;}
.new-list ul li a { display: block; width: 236px; height: 215px; margin-bottom:10px; font-size: 15px; line-height: 1.2 }
.new-list ul li a:hover * {text-decoration: underline\9;}
.new-list ul li .thum-img {border: #ddd  1px solid; background: #000;position: relative; overflow: hidden; height: 133px; width: 236px;}
.new-list ul li .thum-img:before {content:''; position:absolute; width:235px; height:133px;}
.new-list ul li img { position:relative; display:block;background: #000; width: 100%;}

.new-list ul li p { margin: 0; padding: 6px 0 0; line-height: 1.2 }
.new-list ul li .overlay {position:relative;}
.new-list ul li .title { font-weight: bold; /*height: 20px;*/ display: block;}
.new-list ul li .subtitle,
.new-list ul li .name {  font-size: 12px; color: #7C7C7C ; font-weight: normal; display: inline-block;}
.new-list ul li .name:before { content:'／';}
.new-list ul li .lead { opacity:0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)";}
.new-list .more { text-align: right; font-size: 12px;}
.new-list .more a { color: #7C7C7C }
.new-list .more a:hover {  background: none; text-decoration: underline;  }

.new-list ul li.on {z-index:1000;}
.new-list ul li.on .overlay {}
.new-list ul li.on p { }
.new-list ul li.on .title { margin-bottom: 10px; color: #FFF;}
.new-list ul li.on .subtitle,
.new-list ul li.on .name { font-size: 12px; color: #CCC;}
.new-list ul li.on .lead { margin-top: 10px; line-height: 150%;color: #FFF;}



/*  特集  */
.feature { text-align: left; overflow: hidden; padding :0; list-style: none; _zoom: 1; }
.feature h5 { margin-bottom: 10px; color: #172C59; margin-top: 2px;}
.feature .column { float:left; padding: 0; margin-right:10px; width:362px;}
.feature .column:nth-child(1) { float:left; margin-right:0;}
.feature .column:nth-child(2) {float:right; margin-right:0;}
.feature .column a { display: inline-block; padding: 0 0 0px; width:362px;}
.feature .column a:hover * {text-decoration: underline\9;}
.feature .column > a { height:265px; overflow: hidden;}
.feature .column .thum-img {background: #000; position:relative; height: 205px; overflow: hidden; }
.feature .column .thum-img:before {content:''; position:absolute; width:100%; height:100%; }
.feature .column img { border:1px solid #DDD; display:block; width: 100%; position:relative; }
.feature .column .overlay {position:relative;width:363px;}
.feature .column p { margin: 0; padding: 0; line-height: 1.2 }
.feature .column ul a:hover p { text-decoration: underline; }

.feature .column .title { margin: 0 ; padding: 5px 0 0; font-weight: bold;}
.feature .column .subtitle,
.feature .column .name {  font-size: 12px;  color: #7C7C7C; display:inline-block;}
.feature .column .name:before { content:'／';}
.feature .column .lead {opacity:0;color: #FFF; margin-top:10px; line-height:150%;font-size: 14px}
.feature .column ul { list-style: none; }
.feature .column ul li a { padding-top: 5px;}

.feature .column a.on {z-index:1000;position:relative;background:#000;}
.feature .column a.on .title { color: #FFF; }
.feature .column a.on .subtitle {color: #CCC;}
.feature .column a.on .name {color: #CCC;}

/* right-colum
---------------------------------------- */
.sub-column { padding-top:15px; width: 300px; float: right;}
.sub-column .logo { width: 110px; float: left; margin-top: 20px;}

/*  会員メニュー  */
.sub-column ul.Utility { padding: 0; font-size: 12px; margin-top: 15px; line-height: 1.6}
.sub-column ul.Utility li { float: left; margin-right: 18px; }
.sub-column ul.Utility li.login { margin-right: 0 }
.sub-column ul.Utility li a { display:inline-block; padding: 3px 0; color: #0078C6; }
.sub-column ul.Utility .login a { padding:3px 8px; color:#FFF; background-color:#0076B0;}
.sub-column ul.Utility a:hover, a:focus, a:active { text-decoration: underline; }

/* 愛読者セット デジタル毎日 */
.sub-column .request ul { margin-top: 10px;}
.sub-column .request ul::before { background: url(/vol1/premier/business/images/pc/bg_infolink.png) no-repeat 45px 0 /233px; height: 70px; content:""; display: block;}
.sub-column .request li { display: inline-block;}
.sub-column .request li a {
border:2px solid #1B7ABD;
height: 32px;
line-height: 28px;
border-radius: 16px;
color: #1B7ABD;
font-size: 12px;
font-weight: bold;
padding: 0 10px;
position: relative;
display:block;
background-color: #FFF;
min-width: 80px;
}
.sub-column .request li a:hover,
.sub-column .request li a:focus,
.sub-column .request li a:active { text-decoration: none; opacity: 0.8; }

/*.sub-column .request li { display: block; width: 145px; }
.sub-column .request li a { display:block; width:100%; }
.sub-column .request li a img { height: 88px; }
.sub-column .request li a span { display:block; margin:auto;}
.sub-column .request .newspaper { float: left; }
.sub-column .request .digital { float: right; }
.sub-column .request a:hover { opacity: 0.8}*/

/*  広告  */
.ad { margin: 18px auto;}

/*  検索ボックス  */
/* Reset input[type="search"] */
input[type="search"] { -webkit-appearance: textfield;}
input[type="search"]:focus { outline-offset: -2px;}
input[type="search"]::-webkit-search-decoration { display: none; }
input.keyword {width:260px;padding: 5px 0 7px 10px ; min-height: 38px ;border:none; font-size: 16px;color: #9E1836;}
.searchbox { border: 1px #ECE0E0 solid; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;  background-color: #fff;}
.img-search {margin:0 6px;}

/*  バナーエリア  */
.sub-column .banner-area {  line-height: 1.3; margin-top: 20px; width: 300px; text-align: center; }
.sub-column .banner-area img { width: 100%;}

.article-banner iframe{margin:0 auto;text-align:center;}

/* ランキング、人気コラム共通*/
.list-box { margin-bottom: 22px; text-align: left; background-color: #fff; padding: 18px 16px 8px; margin: 20px auto;}
.list-box h3 { color: #172C59; }
.list-box li span:hover { text-decoration: underline; }
.list-box li span img { border: #ddd  1px solid; vertical-align: top ;}

/*  ランキング  */
.ranking h3 {margin-bottom:20px;}
.ranking ol { list-style: none; margin: 10px 0 0; }
.ranking ol li { font-size: 13px; clear: both; display: block; clear: both }
.ranking ol li a { display: block; height: 70px; padding: 0px }
.ranking ol li .detail { display: block; float: left; width: 90px; }
.ranking ol li .caption { display: block; padding: 0;}
.ranking .thumbnail { height:60px; width:60px; position:relative; background:url() no-repeat 50% 50%; background-size:cover; display:block; float:right; overflow:hidden; margin-left: 10px }
.ranking .thumbnail span { padding-left:50%; display:inline-block;}.ranking .thumbnail img {position:relative; right:auto; border:none; }
.ranking .thumbnail span img { margin-left:-50%; height:60px;}
.ranking .rank-img {float:left; margin-right:10px; border-right: 2px solid #EEE; display:block; height:80%; width:25px;}
.ranking .rank-img img {border:none; display:block; width:auto; height:27px; margin:5px -23px;}
.ranking.bg-focus li a:hover { background-color:#FFF; }
.ranking .rank {float:left; text-align:center; margin-right:10px; padding-right:10px; border-right: 2px solid #EEE; display:block; height:80%; width:25px; font-size:26px; color:#0076C9; font-family: number, sans-serif;}
.ranking .rank.rank-4, .ranking .rank.rank-5 {color:#192851;}
.ranking a .rank {text-decoration: none!important;}

/*  ツイッター  */
.twitter { margin: 20px 0}
/* { border: 1px #ECE0E0 solid; margin-bottom: 22px}*/

/*  人気コラム、経済速報（TOP） */
.serial dl,.flash dl { list-style: none; margin: 10px 0 0;}
.serial dl dt,.flash dl dt { clear: both;}
.serial dl dt a,.flash dl dt a { font-size:12px; color: #1387b6; font-weight:bold;}
.serial dl dt a:hover,.flash dl dt a:hover { background:none; text-decoration:underline; }
.serial dl dd a,.flash dl dd a { display: block; height: auto; padding: 10px }
.serial dl dd img,.flash dl dd img { float: right; margin-left: 10px; margin-bottom: 20px; }
.serial dl dd p,.flash dl dd p { margin-bottom: 0.4em;}
.serial dl dd .title,.flash dl dd .title { font-size: 14px; font-weight: bold;  }
.serial dl dd .name,.flash dl dd .name { font-size: 12px;  color: #7C7C7C }
.serial dl dd .lead,.flash dl dd .lead { font-size: 13px; }
.serial dl dd span,.flash dl dd span { display: block; margin-bottom: 8px; }
.serial dl dd a span:hover,.flash dl dd a span:hover { text-decoration:underline; }
.serial .thumbnail,.flash .thumbnail { height:60px; width:60px; position:relative; background:url() no-repeat 50% 50%; background-size:cover; display:block; float:right; margin-left:10px;}


.serial dl dd img,.serial dl dd img { float: none; margin-left: 0px; margin-bottom: 0px; }
.serial dl dd span,.flash dl dd span { display: inline;}
.serial .thumbnail,.flash .thumbnail { height:60px; width:60px; position:relative; background:url() no-repeat 50% 50%; background-size:cover; display:block; float:right; margin-left:10px; overflow:hidden;}
.serial .thumbnail span,.flash .thumbnail span { padding-left:50%; display:inline-block;}
.serial .thumbnail span img,.flash .thumbnail span img { margin-left:-50%; height:60px;}

/* category-list
---------------------------------------- */
.category-wrap { background: #fff; padding: 30px 0 30px 0; }
.category-list { width: 1080px; margin: 0 auto ; text-align: left; }
.category-list ul#category { float: left; width: 253px; display: block; list-style: none; line-height: 3.6}
.category-list ul#category li img { vertical-align: middle; margin-right: 10px; }
.category-list .category-inner { width: 827px; float: left;}
.category-list .category-inner h4 { font-size: 16px; margin: 2px 0 15px 25px; color: #001240; }
.category-list .category-inner ul { list-style: none; }
.category-list .category-inner ul li a .thumbnail { float: left; margin: 10px 15px 10px 10px;  border: #ddd  1px solid; height:60px; background:url() no-repeat 50% 50%; background-size:cover;}
.category-list .category-inner ul li p { line-height: 1.1;}
.category-list .category-inner ul li a:hover * { text-decoration: underline; }
.category-list .category-inner ul li .title { font-weight: bold; display: block; margin: 10px 0; padding: 0 }
.category-list .category-inner ul li .title-area { overflow: hidden;}
.category-list .category-inner ul li .name { font-size: 12px; color: #7C7C7C; }
.category-list .category-inner .column { margin-bottom: 20px; padding: 15px 0; overflow: hidden;}
.category-list .category-inner .column ul { font-size: 0; width: 700px; margin: 0 auto 5px; overflow: hidden; }
.category-list .category-inner .column ul li { display: inline-block; width: 350px; vertical-align: top; }
.category-list .category-inner .column ul li a { width: 350px; min-height:7em; float: left; display: block; font-size: 13px; padding: 0 5px 0 0; line-height: 1.2; }
.category-list .category-inner .column ul li .name { }
.category-list .category-inner .border { border: #f1f6f0 1px solid; }
/*.category-list.business-top .category-inner .column:nth-of-type(3n+1) {clear: both;}*/

.category-list .category-inner .writer { padding: 15px 0;}
.category-list .category-inner .writer ul { font-size:0; margin: 0 auto; width: 798px;}
.category-list .category-inner .writer ul li { display: inline-block; vertical-align: top;}
.category-list .category-inner .writer ul li a { width:114px; float: left; display: block; font-size: 13px; padding: 10px; line-height: 1.2; text-align: center; }
.category-list .category-inner .writer ul li a img { margin: 0; float: none; width: 74px; border-radius:50%;}
.category-list .category-inner .writer ul li p { margin-top: 5px;  line-height: 1.1;}
/*.category-list .category-inner .writer ul li:nth-of-type(7n+1){clear:both;}*/

.category-inner .thumbnail {overflow:hidden;}
.category-inner .thumbnail span {/*padding-left:50%;*/ display:inline-block;}
.category-inner .thumbnail span img {height:60px;/*margin-left:-50%;*/}


/*  メニュー切り替え用 */
.category-list ul#category li { cursor: pointer; font-weight: bold; }
.category-list ul#category li.select  { text-decoration: underline; }
.category-list .disnon { display: none;}


/* 連載一覧 */
.business-column-top article.column { margin-bottom: 0;}
.business-column-top hr { margin: 0;}
.business-column-top .menu-filter {margin-top: 0;}
.business-column-top .category-list .category-inner ul li { display: inline-block; vertical-align: top; }
.business-column-top .category-list .category-inner ul li a { width: 350px; min-height:7em; float: left; display: block; font-size: 13px; padding: 0 5px 0 0; line-height: 1.2; }

img {
	-moz-user-select:none;
	-khtml-user-select:none;
	user-select:none;
}

p.profile a {text-decoration:underline; color:#0078c6;}
p.profile a:hover {text-decoration:none;}

/* 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 }


/* 2015.6.30 -> 2018.3 修正 */
#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;}
#gnavi li a {display:inline-block; padding:0 12px 7px; /*min-width:72px;*/}
#gnavi li a:hover {
background-image:url('/vol1/premier/business/images/pc/Nav_Biz_Selected-ie.png');
background-image:none,url('/vol1/premier/business/images/pc/Nav_Biz_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 .business a {
background-image:url('/vol1/premier/business/images/pc/Nav_Biz_Selected-ie.png');
background-image:none,url('/vol1/premier/business/images/pc/Nav_Biz_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;/*margin-right: 18px;*/ }
#gnavi .Utility li.login { margin-right: 0 }
/*#gnavi .Utility li a { display:inline-block; padding: 3px 0; color: #0078C6; }*/
#gnavi .Utility li a:hover {background-image:none;opacity: 0.8;}
/*#gnavi .Utility .login a { padding:3px 8px; color:#FFF; background-color:#0076B0;}*/
#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::after {
position: absolute;
background: url(/vol1/images/pc/everyone-mini.svg) no-repeat center /28px auto;
width: 30px;
height: 31px;
bottom: -5px;
display: inline-block;
left: 12px;
content: "";
}
*/
#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;
}


.topics02 .cat-title,
.topics01 .cat-title {font-size:14px;}
.topics02 .cat-title,
.topics01 .cat-title { background:url('/vol1/premier/business/images/pc/Arrow_Biz_Light_S.png') no-repeat 98% 50% #FFF;margin:0 0 10px -20px;color:#0084b4;display: inline-block; padding-right: 30px;}
.topics02 .cat-title span,
.topics01 .cat-title span {background:#192851; color:#FFF; display: inline-block; padding: 5px 10px 5px 20px; margin: 0 10px 0 0;}

.topics02 .cat-title { margin:0 0 1em 0px;}
.topics02 .topics02-01 .title,
.topics02 .topics02-01 .name { margin-left:20px;}
.topics02 .thum-img .lead {background-color:#000;}
.topics02 .thum-img .lead {color:#FFF; padding:20px;
background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 1%, rgba(0,0,0,0.9) 30%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(30%,rgba(0,0,0,0.9)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 1%,rgba(0,0,0,0.9) 30%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0.2) 1%,rgba(0,0,0,0.9) 30%,rgba(0,0,0,0.8) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0.2) 1%,rgba(0,0,0,0.9) 30%,rgba(0,0,0,0.8) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0.2) 1%,rgba(0,0,0,0.9) 30%,rgba(0,0,0,0.8) 100%); /* W3C */
}
.topics02 a:hover {text-decoration:none; background:#e6e6e6;}
.topics02 a:hover .thum-img {opacity:0.9;}


.topics02 .topics02-01 .thum-img { height:280px; width:490px; position:relative; overflow:hidden;}
.topics02 .topics02-01 .thum-img img { width:100%;}
.topics02 .topics02-01 .lead {
position:relative;
margin-top:-4em;
color:#FFF;
padding:20px;
color:#FFF;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 1%, rgba(0,0,0,0.9) 30%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(30%,rgba(0,0,0,0.9)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 1%,rgba(0,0,0,0.9) 30%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0) 1%,rgba(0,0,0,0.9) 30%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0) 1%,rgba(0,0,0,0.9) 30%,rgba(0,0,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0) 1%,rgba(0,0,0,0.9) 30%,rgba(0,0,0,1) 100%); /* W3C */
}

/* 2016.04 経済速報 */
.flash .icon{display:block;float:right;padding:3px 0 0 3px;}
.flash .icon img{width:16px;height:16px;}
.flash .date{font-size:12px; color:#7C7C7C;}
.flash h3 a{color:#172c59;}
.flash h3 a:hover{text-decoration:underline;}


/* 2016.10 中間ページ */
.readmore-tool{
clear:both;
display:block;
margin:0 0 48px 63px;
padding-top:6px;
width:441px;
}
.readmore-tool ul{
margin:15px 0 17px;
}
.readmore-tool ul.inline-list{
position:relative;
width:100%;
}
.readmore-tool ul.inline-list li{
display:block;
float:left;
}
.readmore-tool ul.inline-list li.sub{
float:right;
margin:0 0 6px 6px;
}
.readmore-tool ul.inline-list:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
overflow:hidden;
}
.readmore-tool .link-btn{
font-weight: bold;
margin:0;
}
.readmore-tool button{
cursor:pointer;
border:none;
background-color:inherit;
padding:0;
font-size:100%;
font-family:inherit;
}
article.news .readmore-tool .link-btn a,
article.news .readmore-tool .link-btn button{
color:#222;
font-weight:normal;
line-height:20px;
text-decoration:none;
padding:10px 24px 10px 12px;
border: 1px solid #e0e0e0;
border-radius: 4px;
background-image: url("/vol1/images/pc/icon-arrow_gr-ie.png");
background-image: none,url("/vol1/images/pc/icon-arrow_gr.svg");
background-color: #f8f8f8;
background-repeat: no-repeat;
background-position: 97% 11px;
background-attachment: scroll;
display:block;
text-align:center;
margin-bottom:10px;
}
article.news .readmore-tool .btn-blue button,
article.news .readmore-tool .btn-blue a {
background-image: url("/vol1/images/pc/icon-arrow_gr-ie.png");
background-image: none,url("/vol1/images/pc/icon-arrow_gr.svg");
background-color: #192851;
background-repeat: no-repeat;
background-position: 97% -89px;
background-attachment: scroll;
border-color:#192851;
color:#fff;
}
article.news .readmore-tool .link-btn button:hover,
article.news .readmore-tool .link-btn a:hover {
background-image: url("/vol1/images/pc/icon-arrow_gr-ie.png");
background-image: none,url("/vol1/images/pc/icon-arrow_gr.svg");
background-color: #f4f4f4;
background-repeat: no-repeat;
background-position: 97% -39px;
background-attachment: scroll;
}
article.news .readmore-tool .btn-blue button:hover,
article.news .readmore-tool .btn-blue a:hover{
background-image: url("/vol1/images/pc/icon-arrow_gr-ie.png");
background-image: none,url("/vol1/images/pc/icon-arrow_gr.svg");
background-color: #838e93;
background-repeat: no-repeat;
background-position: 97% -89px;
background-attachment: scroll;
border-color:#838e93;
}
article.news .text-area02 .readmore-tool p.txt-count{
margin:2px 0 5px;
font-weight:bold;
font-size:100%;
}
article.news .text-area02 .readmore-tool p.subtxt{
margin:0;
color:#696969;
font-size:87.5%;
}
article.news .text-area02 .readmore-tool p.login {
font-size:100%;
margin-bottom:5px;
}
article.news .text-area02 .readmore-tool .subtxt a{
padding:0 18px 0 0;
color:#696969;
background-image: url("/vol1/images/pc/icon-arrow_gr-ie.png");
background-image: none,url("/vol1/images/pc/icon-arrow_gr.svg");
background-repeat: no-repeat;
background-position: 100% -1px;
background-attachment: scroll;
text-decoration:none;
}
article.news .text-area02 .readmore-tool .subtxt a:hover{
text-decoration:underline;
}
article.news .text-area02 .readmore-tool p.login a {
font-weight:bold;
color:#192851;
}
article.news .text-area02 .readmore-tool .txt-red,
article.news .text-area02 .readmore-tool .txt-red a{
color:#a00 !important;
}
article.news .text-area02 button a {color:#000; text-decoration:none; padding:0;}
article.news .text-area02 aside.box { margin:0 0 30px; }

/* eSuite版用 */
.readmore-txt{
	margin:36px 0;
}
.readmore-txt .lead-txt{
margin:0 0 5px !important;
font-weight:bold;
font-size:125% !important;
}
.readmore-txt .subtxt{
margin:0 !important;
color:#696969;
font-size:87.5% !important;
}
.readmore-btns{
display:block;
margin:0 0 48px 0;
padding:0;
text-align:center;
}
.readmore-btns .lead-txt{
font-size:125% !important;
font-weight:bold;
margin:0 0 .8em 0!important;
}
.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-btns .subtxt{
margin:0 !important;
color:#696969;
font-size: 75% !important;
}
.readmore-btns .link-btn{
height:36px;
padding:0 !important;
background:#FFF;
border:1px solid #CACACA;
border-radius:18px;
color:#2A2A2A !important;
font-weight:bold;
line-height:36px;
text-align:center;
margin:5px 0 10px;
display:block;
text-decoration:none !important;
font-size:87.5%;
width:100%;
}
.readmore-btns .link-btn:hover{
background-color:#EEE;
}
.readmore-btns button{
cursor:pointer;
}
.readmore-btns .btn-blue{
border-color:#192851;
background-color:#192851;
color:#FFF !important;
text-decoration:none !important;
}
.readmore-btns .btn-blue:hover{
border-color:#192851;
background-color:#192851;
opacity:0.8;
}

.readmore-btns .lines-on-sides {
border-top: 1px solid #dbdbdb;
height: 15px;
margin: 30px 0 15px !important;
position: relative;
}
.readmore-btns .lines-on-sides span {
background-color: #fff;
color: #2a2a2a;
display: inline-block;
font-size: 75%;
padding: 0 4px;
position: absolute;
transform: translateY(-50%) translateX(-50%);
}

article.news .text-area02 p.campaign {
	text-align: center;
	margin-bottom: 1em;
}
article.news .text-area02 p.campaign a {
	font-weight: bold;
	text-decoration: none;
}
article.news .text-area02 p.campaign a span {
	color: #222;
}
article.news .text-area02 p.campaign a:hover {
	text-decoration: none;
	opacity: 0.8;
}

/* fix-bottom banner */
.fixbtm-banner {
height:33px;
}
.fixbtm-banner a {
display:block;
height:33px;
width:100%;
padding-top:33px;
position:fixed;
bottom:0;
z-index:99999;
background:#E08080 URL(/vol1/images/pc/spring2017-cb-pink-mouse-off.png) center center no-repeat;
background-size:1042px;
}
.fixbtm-banner a:hover {
background:#F3ACAC URL(/vol1/images/pc/spring2017-cb-pink-mouse-on.png) center center no-repeat;
background-size:1042px;
}

/* コメントボタン */
.comment-form {
    padding: 45px 50px 45px 0;
    clear: both;
}
.comment-form p {
    color: #192851;
    font-weight: bold;
    font-size: 26px!important;
    margin-bottom: 15px;
    text-align: center;
    margin:0 0 15px 0!important;
}
.comment-form .btn-more {
    width: 380px;
    font-size: 18px;
    height: 48px;
    line-height: 48px;
    border-radius: 24px;
    display: block;
    color: #FFF!important;
    font-weight: bold;
    background-color: #192851;
    margin: 0 auto;
    text-align: center;
    text-decoration: none!important;
}
.comment-form .btn-more:hover {
    opacity:0.7;
}

/*Outbrain*/
article.news .ob-text-content a,
article.news .ob-text-content a:hover {
	color: #000 !important;
}

/* END */