@charset "UTF-8";
/*
Theme Name: リクナビ進学ジャーナル
Theme URI:
Description: 2015/3 リクナビ進学ジャーナル用テーマ
Author: NEOPA
Version: 1.0
*/

/*============================================
		reset
==============================================*/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; font-weight: normal; font-size: 100%; }

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }

blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }

:focus { outline: 0; }

ins { text-decoration: none; }
del { text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0; }

article, aside, footer, header, nav, section { display: block; }

input[type=search] {
   -moz-appearance:none;
   -webkit-appearance:none;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
/*=============================================
		basic style
==============================================*/
*, *:before, *:after {
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
html { font-size: 62.5%; }
body{
	font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 10px;
	font-size: 1.0rem;
	color: #666;
	background: url(../img/bg.gif) top left repeat;
	line-height: 200%;
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: 100%;
	word-wrap: break-word;
}
a, a:link, a:active, a:visited { text-decoration: none; color: #666; }
a:hover { color: #000; text-decoration: underline; }
a:hover, a:active { outline: 0; }
b, strong { font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace;_font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
img { border: 0; }
small { font-size:12px; font-size: 1.2rem;}
sub, sup {
	font-size:10px; font-size: 1.0rem;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup { top: -0.5em; }
sub { bottom: -0.25em; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; }
em { font-style: italic; }
blockquote {display: block;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb45{margin-bottom:45px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}

.bold{font-weight:bold;}
.img-rounded{border-radius: 10px;}
.aligncenter {
    display: block;
    margin: 0 auto;
}
#wrap{
	width: 100%;
	min-width:980px;
	background-size:contain;
}

/*
* Noto Sans JP (japanese) http://www.google.com/fonts/earlyaccess
 */
 @font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 100;
	src: url(../fonts/NotoSansJP-Thin.woff2) format('woff2'),
		 url(../fonts/NotoSansJP-Thin.woff) format('woff'),
		 url(../fonts/NotoSansJP-Thin.otf) format('opentype');
  }
  @font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 300;
	src: url(../fonts/NotoSansJP-Light.woff2) format('woff2'),
		 url(../fonts/NotoSansJP-Light.woff) format('woff'),
		 url(../fonts/NotoSansJP-Light.otf) format('opentype');
  }
  
  @font-face {
	 font-family: 'Noto Sans JP';
	 font-style: normal;
	 font-weight: 400;
	 src: url(../fonts/NotoSansJP-Regular.woff2) format('woff2'),
		  url(../fonts/NotoSansJP-Regular.woff) format('woff'),
		  url(../fonts/NotoSansJP-Regular.otf) format('opentype');
   }
  @font-face {
	 font-family: 'Noto Sans JP';
	 font-style: normal;
	 font-weight: 500;
	 src: url(../fonts/NotoSansJP-Medium.woff2) format('woff2'),
		  url(../fonts/NotoSansJP-Medium.woff) format('woff'),
		  url(../fonts/NotoSansJP-Medium.otf) format('opentype');
   }
  @font-face {
	 font-family: 'Noto Sans JP';
	 font-style: normal;
	 font-weight: 700;
	 src: url(../fonts/NotoSansJP-Bold.woff2) format('woff2'),
		  url(../fonts/NotoSansJP-Bold.woff) format('woff'),
		  url(../fonts/NotoSansJP-Bold.otf) format('opentype');
   }
  @font-face {
	 font-family: 'Noto Sans JP';
	 font-style: normal;
	 font-weight: 900;
	 src: url(../fonts/NotoSansJP-Black.woff2) format('woff2'),
		  url(../fonts/NotoSansJP-Black.woff) format('woff'),
		  url(../fonts/NotoSansJP-Black.otf) format('opentype');
   }

body {
	background: #fff;
	font-family: "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Verdana, "MS PGothic", "ＭＳ　Ｐゴシック", sans-serif;
	color: #2f2f3e;
}

/* clearfix */
.clear {
	clear: both;
}
.clearfix:after {
	clear: both;
	content: "";
	display: block;
	overflow: hidden;
}

/* float */
.fL {
	float: left;
}

.fR {
	float: right;
}

/* align */
.t_left {
	text-align: left !important;
}
.t_center {
	text-align: center !important;
}
.t_right {
	text-align: right !important;
}

.wrap {
	margin: 0 auto;
	width: 960px;
	position: relative;
}

a:link,
a:visited {
	color: #0b41a0;
}

.imgBox {
	font-size: 0;
	line-height: 0;
}

/*=============================================
		header
==============================================*/
#header {
	background: #fff;
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	font-size: 100%;
	height: auto;
	margin-bottom: 0;
  width: 100%;
}

#header div.headerL p.siteLogo {
	font-size: 0;
	line-height: 0;
}

#header .rirekiBtn,
#header .orderBtn {
	font-size: 12px;
}

#header div.gnav {
	height: auto;
	margin-bottom: 0;
}

#headerBox {
	background: #f3ef7f;
	border-bottom: 1px solid #d9d9d9;
	width: 100%;
	left: 0;
	top: 0;
  z-index:100;
}

#headerBox .imgBox {
	padding-top: 12px;
	text-align: center;
}

#headerBox .wrap {
	height: 110px;
}

/* navi
-------------------------------------- */
#navi {
	clear: both;
	position: absolute;
	bottom: 0;
	left: 0;
}

#gloval-nav{
	margin: 0 auto;
}

#gloval-nav li{
	border: 1px solid #d9d9d9;
	border-bottom: 0;
	float: left;
	margin-right: 3px;
	text-align: center;
	width: 157px;
}

#gloval-nav li:last-child {
	margin-right: 0;
}

#gloval-nav li a {
	background: #fff;
	border: 1px solid #fff;
	color: #2f2f3e;
	display: block;
	font-size: 14px;
	line-height: 41px;
	height: 41px;
	position: relative;
	text-decoration: none;
}

#gloval-nav li a:before {
	background: #ff9d29;
	content: "";
	height: 2px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

#gloval-nav li.nav02 a:before {
	background: #94b75c;
}

#gloval-nav li.nav03 a:before {
	background: #84ccc9;
}

#gloval-nav li.nav04 a:before {
	background: #5486d1;
}

#gloval-nav li.nav05 a:before {
	background: #ef86a6;
}

#gloval-nav li.nav06 a:before {
	background: #808d96;
}

#gloval-nav li span {
	background: no-repeat 0 50%;
	display: inline-block;
}

#gloval-nav li span.icon01 {
	background-image: url(../img/gnavi_01.png);
	padding-left: 28px;
}

#gloval-nav li span.icon02 {
	background-image: url(../img/gnavi_02.png);
	padding-left: 23px;
}

#gloval-nav li span.icon03 {
	background-image: url(../img/gnavi_03.png);
	padding-left: 30px;
}

#gloval-nav li span.icon04 {
	background-image: url(../img/gnavi_04.png);
	padding-left: 34px;
}

#gloval-nav li span.icon05 {
	background-image: url(../img/gnavi_05.png);
	padding-left: 36px;
}

#gloval-nav li a:hover,
#gloval-nav li a.current {
	background: #ff9d29;
	border: 1px solid #ff9d29;
	color: #fff;
}

#gloval-nav li a:hover:before,
#gloval-nav li a.current:before {
	background: #fff;
}

#gloval-nav li.nav02 a:hover,
#gloval-nav li.nav02 a.current {
	background: #94b75c;
	border: 1px solid #94b75c;
}

#gloval-nav li.nav03 a:hover,
#gloval-nav li.nav03 a.current {
	background: #84ccc9;
	border: 1px solid #84ccc9;
}

#gloval-nav li.nav04 a:hover,
#gloval-nav li.nav04 a.current {
	background: #5486d1;
	border: 1px solid #5486d1;
}

#gloval-nav li.nav05 a:hover,
#gloval-nav li.nav05 a.current {
	background: #ef86a6;
	border: 1px solid #ef86a6;
}

#gloval-nav li.nav06 a:hover,
#gloval-nav li.nav06 a.current {
	background: #808d96;
	border: 1px solid #808d96;
}

#gloval-nav li a.current span.icon01,
#gloval-nav li a:hover span.icon01 {
	background-image: url(../img/icon_01.png);
}

#gloval-nav li a.current span.icon02,
#gloval-nav li a:hover span.icon02 {
	background-image: url(../img/icon_02.png);
}

#gloval-nav li a.current span.icon03,
#gloval-nav li a:hover span.icon03 {
	background-image: url(../img/icon_03.png);
}

#gloval-nav li a.current span.icon04,
#gloval-nav li a:hover span.icon04 {
	background-image: url(../img/icon_04.png);
}

#gloval-nav li a.current span.icon05,
#gloval-nav li a:hover span.icon05 {
	background-image: url(../img/icon_05.png);
}

/* .commonGlobalFooter
-------------------------------------- */
.commonGlobalFooter {
	margin-top: 0;
}

#footer-nav {
	margin-bottom: 0;
}

/* .search
-------------------------------------- */
.freeWordBox {
	background: none;
	border: 1px solid #cbcbcb;
	border-radius: 4px;
	box-sizing: border-box;
	height: 36px;
	width: 262px;
}

.freeWordBox .tf{
	position:absolute;
	width:200px;
	height:1.2em;
	top:9px;
	left:8px;
	background:none;
	border:none;
	line-height:1.1em;
	outline:none;
}

.freeWordBox .btnSearch {
	background-image: url(../img/btn_freeword_1.png) !important;
	background-color: #4488D0 !important;
	background-position: 50% 50% !important;
	border: none !important;
	display: block;
	float: right;
	height: 35px;
	margin: -1px -1px 0 0;
	text-indent: -9999px;
	width: 35px;
	z-index: 100;
}
.freeWordBox .btnSearch:hover {
	background-position: left top;
	border: none;
	opacity: 0.7;
}

/*=============================================
		bread nav
==============================================*/
#bread-nav{
	width: 100%;
	padding-top:140px;
	margin-bottom: 8px;
}
#bread{
	width: 980px;
	margin:0 auto;
}
#bread li{
	float: left;
	font-size: 12px;
	font-size: 1.2rem;
	color:#999;
}
#bread li a {
  	color: #003399;
}
#bread li:before{
	content:'＞';
	color:#666;
	margin: 0 10px;
}
#bread li:first-child:before{
	content:'';
}

/*=============================================
		contents common
==============================================*/
#contents{
	width: 960px;
	margin: 0 auto 60px;
	font-size: 12px;
	font-size: 1.2rem;
	position: relative;
}

.top #contents {
	padding-top: 20px;
	width: auto;
}

.single #contents {
	padding-top: 0;
	width: auto;
}

#side{
	float: right;
	width: 225px;
	position: relative;
}

#side .freeWordBox {
	margin-bottom: 10px;
	width: 225px;
}

#side .freeWordBox .tf {
	width: 170px;
}

.main{
	margin-bottom:40px;
}
.text-content{
	background:#fff;
	border-radius:10px;
	padding:20px 30px;
	font-size:16px;
	font-size:1.6rem;
	line-height: 26px;
	margin-bottom:30px;
}
.title{
	margin-bottom:20px;
	font-size:22px;
	font-size: 2.2rem;
	line-height:34px;
	color:#80a235;
	font-weight: bold;
	background:url(../img/icon_h1.gif) left center no-repeat;
	padding: 5px 0 5px 20px;
}
.block{
	margin-bottom: 45px;
}
.inner{
	width: 960px;
	margin:0 auto;
}

/* badge-cat color
-------------------------------------- */
.badge-cat_column {
	background: no-repeat #ff9d29;
}

.badge-cat_career {
	background: no-repeat #94b75c;
}

.badge-cat_learning {
	background: no-repeat #84ccc9;
}

.badge-cat_exam {
	background: no-repeat #5486d1;
}

.badge-cat_trend {
	background: no-repeat #ef86a6;
}

.badge-cat_news {
	background: no-repeat #808d96;
}


.badge-cat {
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
	color: #fff;
	font-size: 13px;
	font-weight: 500;
	height: 30px;
	line-height: 30px;
	text-align: center;
	bottom: 0;
}

.badge-cat span {
	display: inline-block;
}

.badge-cat_column span {
	background: url(../img/icon_01.png) no-repeat 0 50%;
	padding-left: 26px;
}

.badge-cat_career span {
	background: url(../img/icon_02.png) no-repeat 0 50%;
	padding-left: 24px;
}

.badge-cat_learning span {
	background: url(../img/icon_03.png) no-repeat 0 50%;
	padding-left: 28px;
}

.badge-cat_exam span {
	background: url(../img/icon_04.png) no-repeat 0 50%;
	padding-left: 33px;
}

.badge-cat_trend span {
	background: url(../img/icon_05.png) no-repeat 0 50%;
	padding-left: 31px;
}

.post-info{
	position: relative;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.post-link{
	display: block;
	position: relative;
}
.post-link:hover{
	color: #fff;
}
.post-link:hover .img-eyecatch{
	opacity: .7;
	-ms-filter: "alpha(opacity=70)";
}
.post-date{ float: left; }
.sns-cnt{ float: right; }
.sns-cnt li{
	display: inline-block;
	padding-left: 20px;
	margin-left:5px;
}
.sns-cnt li.f-cnt{ background: url(../img/icon_fb_off.png) center left no-repeat;}
.sns-cnt li.t-cnt{ background: url(../img/icon_tw_off.png) center left no-repeat; }
.badge-new,.badge-rank{
	position: absolute;
	z-index: 10;
}
/*=================================
		top featured
==================================*/
#featured{
	border-radius: 10px;
	float: left;
	height: 440px;
	margin-right: 20px;
	width: 715px;
	position: relative;
}

#featured .post-link,
.main-img {
	height: 440px;
}

.main-img{
	overflow: hidden;
	border-radius: 10px;
}

#featured .post-link {
	color: #2f2f3e;
}

#featured .post-info {
	background: rgba(255,255,255,0.75) !important;
	height: auto;
	padding: 20px;
	width: 100%;
	position: absolute;
	bottom: 0;
}

#featured .post-title {
	font-size: 28px;
	font-size: 2.8rem;
	height: auto;
	line-height: 40px;
	margin-bottom: 7px;
}

.main-img img{
	width:100%;
	height:auto;
}

#featured .post-date {
	font-size: 14px;
	font-size: 1.4rem;
}

#featured .badge-cat {
	border-radius: 0;
	border-bottom-right-radius: 7px;
	border-top-right-radius: 7px;
	color: #fff;
	font-size: 13px;
	font-weight: 500;
	height: 30px;
	line-height: 30px;
	padding: 0 12px 0 15px;
	text-align: left;
	position: absolute;
	bottom: auto;
	left: 0;
	top: 10px;
	z-index: 1;
}

.new {
	background: #db3535;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
	padding: 4px 5px 5px;
}

#featured .new {
	position: absolute;
	left: 10px;
	top: -31px;
}


/*=================================
		side ranking
==================================*/
#mainSide {
	float: right;
	width: 225px;
}

#mainSide .freeWordBox {
	margin-bottom: 10px;
	width: 225px;
}

#mainSide .freeWordBox .tf {
	width: 170px;
}

#ranking-posts {
	background: #fff;
	border: 1px solid #e5e5e5;
	height: 394px;
	margin: 0 0 30px;
	position: relative;
}

#ranking-posts h3 {
	background: #fafafa;
	border-bottom: 1px solid #e5e5e5;
	font-size: 0;
	line-height: 0;
	padding: 15px 0;
	text-align: center;
	position: relative;
}

#ranking-posts .rank-list {
	margin: 0 1px;
}

#ranking-posts .rank-list li {
	border-bottom: 1px dotted #ccc;
	height: 57px;
	line-height: 18px;
	margin: 0;
	padding: 0;
}

#ranking-posts .rank-list li a {
	background: none;
	color: #2f2f3e;
	display: table;
	line-height: 1.8;
	padding: 7px 10px;
	letter-spacing: -0.08em;
	word-break: break-all;
	width: 100%;
}

#ranking-posts .rank-list li a .img {
	float: right;
	margin-left: 10px;
	overflow: hidden;
	text-align: center;
	width: 46px;
}

#ranking-posts .rank-list li a img {
	border-radius: 0;
}

#ranking-posts .rank-list li a span {
	overflow: hidden;
}

.rank-link{
	margin: 0 10px;
}

.rank-link a,
.event-link a{
	background: #fff;
	border: 1px solid #0b41a0;
	border-radius: 5px;
	color: #0b41a0;
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1;
	margin: 10px auto 0;
	padding: 8px 10px;
	text-align: center;
	width: 167px;
}

/*=================================
                site announce
==================================*/
#site-announce{
        clear: both;
        margin-bottom: 10px;
}
#site-announce p a{
        display: block;
	color: red;
	text-decoration: underline;
}
/*=================================
		top news
==================================*/
.news-wrap{
	margin-bottom: 20px;
	clear: both;
}

#news-line{
	background: #fff;
	border: 1px solid #e5e5e5;
	clear:both;
	position: relative;
}

#news-line.open{
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

#news-line h3 {
	background: url(../img/icn_cal.png) no-repeat 19px 50% #808d96;
	color: #fff;
	float: left;
	font-weight: 700;
	height: 44px;
	line-height: 44px;
	padding-left: 36px;
	width: 170px;
}

#news-line h4 {
	font-size: 14px;
	font-size: 1.4rem;
	padding-top: 13px;
	left: 184px;
	position: absolute;
}

#news-line.open .news-link,
#news-line .news-link {
	background: #fff;
	border: 1px solid #808d96;
	border-radius: 5px;
	display: inline-block;
	float: right;
	font-size: 0;
	height: 32px;
	line-height: 30px;
	margin: 6px 4px 0 0;
	text-align: center;
	width: 32px;
}

#news-line .news-link img {
	vertical-align: middle;
}

#news-line .rss-link {
	text-align: right;
	position: absolute;
	right: 47px;
	top: 14px;
}

#news-panel {
	background: #fff;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	margin-top: 1px;
	padding: 14px 20px 10px;
}

#news-panel .event-link a {
	width: 200px;
}

#news-panel ul li {
	border-bottom: 1px solid #e3e3e3;
	font-size: 14px;
	font-size: 1.4rem;
	margin-bottom: 14px;
	padding-bottom: 15px;
}

.label-news {
	background: #003399;
	padding: 5px 10px;
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	margin-right: 10px;
}

.label-date {
	display: inline-block;
	margin-right: 10px;
}

/* topBanner
-------------------------------------- */
.topBanner {
	margin-bottom: 40px;
}

.topBanner ul {
	font-size: 0;
	line-height: 0;
}

.topBanner li {
	display: inline-block;
	margin: 0 15px 10px 0;
}

.topBanner li:nth-child(3n) {
	margin-right: 0;
}

/* bg
-------------------------------------- */
.bg01 {
	background: #f6f8f9;
	margin-bottom: 0;
	padding-bottom: 45px;
}


/*=================================
		top post list
==================================*/
.section-title{
	font-size: 28px;
	line-height: 1.1;
	margin-bottom: 34px;
	padding-top: 60px;
	text-align: center;
}

#new-posts .section-title {
	color: #d66161;
}

h2.cat-title_column .icon,
h2.section-title .icon01 {
	background: url(../img/cat_icon_01.png) no-repeat 0 50%;
	display: inline-block;
	padding: 8px 0 0 50px;
}

h2.cat-title_career .icon,
h2.section-title .icon02 {
	background: url(../img/cat_icon_02.png) no-repeat 0 50%;
	display: inline-block;
	padding: 8px 0 7px 48px;
}

h2.cat-title_learning .icon,
h2.section-title .icon03 {
	background: url(../img/cat_icon_03.png) no-repeat 0 50%;
	display: inline-block;
	padding: 5px 0 5px 53px;
}

h2.cat-title_exam .icon,
h2.section-title .icon04 {
	background: url(../img/cat_icon_04.png) no-repeat 0 15px;
	display: inline-block;
	padding: 13px 0 13px 59px;
}

h2.cat-title_trend .icon,
h2.section-title .icon05 {
	background: url(../img/cat_icon_05.png) no-repeat 0 50%;
	display: inline-block;
	padding: 12px 0 10px 58px;
}

.post-list {
	overflow: hidden;
}

.post-list > li {
	float: left;
	height: 355px;
	margin-right: 20px;
	width: 225px;
	position: relative;
}

.post-list > li:last-child {
	margin-right: 0;
}

.post-list .badge-cat {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.post-list .post-img,
.post-list .post-img img {
	background: #fff;
	border-radius: 0;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
	height: 225px;
	width: 225px;
}

.post-list .post-img {
	position: relative;
}

.post-list .new {
	position: absolute;
	bottom: 5px;
	left: 5px;
}

.post-list .post-link {
	height: 355px;
}

.post-list .post-info {
	background: #f6f8f9;
	border-radius: 0;
	color: #2f2f3e;
	padding: 0 20px;
	height: 130px;
	bottom: 0;
}

.bg01 .post-list .post-info {
	background: #fff;
}

.post-list .post-title {
	border-bottom: 1px dotted #c5c6c7;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 22px;
	margin-bottom: 12px;
	letter-spacing: 0.04em;
	height: 87px;
	padding: 11px 5px 0;
}

.post-list .sns-cnt {
	color: #0b41a0;
}

.archive-link{
	float: right;
}
.archive-link a{
	background: #fff;
	width: 157px;
	color: #666;
	padding:0 0 0 10px;
	font-size: 12px;
	font-size: 1.2rem;
	height:26px;
	line-height:26px;
}
.archive-link a:before{
	left: 20px;
	top: 9px;
	border-left-color: #666;
}
.archive-link a:hover{
	color: #fff;
}
.archive-link a:hover:before{
	border-left-color: #fff;
}


.badge-cat {
	color: #fff;
	font-size: 13px;
	font-weight: 500;
	height: 30px;
	line-height: 30px;
	text-align: center;
	bottom: 0;
}

.badge-cat span {
	display: inline-block;
}

.badge-cat_column span {
	background: url(../img/icon_01.png) no-repeat 0 50%;
	padding-left: 26px;
}

.badge-cat_career span {
	background: url(../img/icon_02.png) no-repeat 0 50%;
	padding-left: 24px;
}

.badge-cat_learning span {
	background: url(../img/icon_03.png) no-repeat 0 50%;
	padding-left: 28px;
}

.badge-cat_exam span {
	background: url(../img/icon_04.png) no-repeat 0 50%;
	padding-left: 33px;
}

.badge-cat_trend span {
	background: url(../img/icon_05.png) no-repeat 0 50%;
	padding-left: 31px;
}


/*=================================
		tag area top & single
==================================*/
#tag-wrap {
	display: table;
	height: auto;
	margin-bottom: 45px;
	width: 100%;
}

#tag-wrap h3,
#tag-wrap .tag-list {
	display: table-cell;
	float: none;
	vertical-align: middle;
}

#tag-wrap h3 {
	background: #808d96;
	text-align: center;
	width: 170px;
}

#tag-wrap h3 span {
	background: url(../img/icn_tag.png) no-repeat 0 50%;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	padding-left: 22px;
}

#tag-wrap .tag-list {
	background: #fff;
	border: 1px solid #e5e5e5;
	border-left: 0;
	padding: 10px 15px 10px 14px;
	width: 790px;
}

.tag-list a {
	display: inline-block;
	line-height: 24px;
	margin: 4px 6px 6px;
}

#tag-wrap .tag-list > a:last-of-type {
	margin-right: 70px;
}

#tag-wrap .tag-link {
	margin: -33px 0 0;
	padding: 0;
	text-align: right;
}

#tag-wrap .tag-link a {
	background: #fff;
	border: 1px solid #0b41a0;
	border-radius: 5px;
	font-size: 12px;
	font-size: 1.2rem;
	height: 28px;
	line-height:26px;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 70px;
}

/*=================================
		archives common
==================================*/
/*  ranking */
#side #ranking-posts {
	height: auto;
	margin: 0 0 20px;
}

#side #ranking-posts .rank-list li {
	height: auto;
}

#side #ranking-posts .rank-link a {
	margin: 14px auto;
}

.sideBanner li {
	margin-bottom: 10px;
}

.sideBanner li:last-child {
	margin-bottom: 0;
}

.sideBanner img {
	width: 100%;
}

#cat-header{
	background: #f6f8f9;
	color: #2f2f3e;
	height: 90px;
	line-height: 90px;
	margin: 20px 0;
	padding: 0;
	text-align: center;
}

#cat-header p{
	display: inline-block;
	font-size: 16px;
	font-size: 1.6rem;
	vertical-align: middle;
}

#cat-header h2.cat-title {
	display:inline-block;
	color: #2f2f3e;
	font-size:16px;
	font-size:1.6rem;
	line-height: 1;
	vertical-align: middle;
}

.cat-title span{
	display:inline-block;
	vertical-align: middle;
	padding-top: 0;
	padding-bottom: 2px;
}

#cat-header h2.cat-title .hit {
	border-radius: 5px;
	color: #fff;
	line-height: 1;
	margin: 3px 20px 0;
	padding: 5px 7px;
}

#cat-header h2.cat-title .icon {
	font-size: 30px;
}

#cat-header h2.cat-title_column .icon {
	padding-bottom: 8px;
}

#cat-header h2.cat-title_column .hit {
	background: #ff9d29;
}

#cat-header h2.cat-title_career .hit {
	background: #94b75c;
}

#cat-header h2.cat-title_learning .hit {
	background: #84ccc9;
}

#cat-header h2.cat-title_exam .hit {
	background: #5486d1;
}

#cat-header h2.cat-title_trend .hit {
	background: #ef86a6;
}

#cat-header h2.cat-title_news .hit {
	background: #808d96;
}

/* category
-------------------------------------- */
#search,
#news,
#category {
	background: #f6f8f9;
	padding: 20px;
}

.news-archive,
.cat-archive {
	background: #fff;
	border: 1px solid #ced1d0;
	border-radius: 10px;
	margin-bottom: 10px;
	position: relative;
}

.news-archive a.post-link,
.cat-archive a.post-link {
	color: #2f2f3e;
}

ul .news-archive a.post-link:hover .post-info,
ul .cat-archive a.post-link:hover .post-info {
	background: #fff;
	color: #2f2f3e;
}


.cat-archive .post-link {
	height: 190px;
	display: table;
}

.cat-archive .cat-img .img-eyecatch,
.cat-archive .cat-img{
	width: 190px;
	height: 190px;
}

.cat-archive .cat-img .img-eyecatch {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.cat-archive .post-info {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	background: #fff;
	padding: 9px 10px 15px;
	height: 190px;
	display: table-cell;
	word-break:break-all;
	vertical-align:middle;
	width: 550px;
}

.cat-archive h3.post-title {
	border-bottom: 1px dotted #ccc;
	display:table-cell;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 34px;
	letter-spacing: 0.04em;
	height: 132px;
	vertical-align:middle;
	width: 1000px;
}

.news-archive h3.post-title {
	width: auto;
}

.cat-archive  .sns-cnt,
.cat-archive  .post-date {
	margin-top: 14px;
}

.cat-archive .badge-cat {
	border-radius:0;
	border-top-left-radius: 10px;
	width: 190px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.cat-archive .new {
	position: absolute;
	bottom: 9px;
	left: 9px;
}

.news-archive .post-link {
	background: #fff !important;
	margin-bottom: 0;
	padding: 20px 20px 10px;
}

.news-archive .post-title {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 10px;
	padding: 1px 5px 12px;
	word-break: break-all;
	word-wrap: break-word;
}

.cat-archive .post-link_nocat:hover{color: #666;}
.cat-archive .post-link_nocat:hover .post-date{color: #666;}
.cat-archive .post-link_nocat:hover .sns-cnt li{color: #666;}
.cat-archive .post-link_nocat:hover .sns-cnt li.f-cnt{
	background: url(../img/icon_fb_off.png) center left no-repeat;
}
.cat-archive .post-link_nocat:hover .sns-cnt li.t-cnt{
	background: url(../img/icon_tw_off.png) center left no-repeat;
}
.cat-archive .post-link_nocat:hover .cat-img .img-eyecatch{
	opacity:1;
	-ms-filter: "alpha(opacity=100)";
}
/*=================================
		news event archive
==================================*/
#news-header{
	background: #fff;
	border-radius: 10px;
	padding: 0 30px;
	margin-bottom: 20px;
	height:63px;
	width:980px;
}
.news-title{
	vertical-align: middle;
	font-size:16px;
	font-size:1.6rem;
	display:inline-block;
	line-height:63px;
}
.news-title span{
	vertical-align:middle;
	color:#003399;
	display:inline-block;
	padding-top:3px;
}
#news-header p{
	font-size: 16px;
	font-size: 1.6rem;
	padding-left:15px;
	vertical-align:middle;
	display:inline-block;
}
.news-title img{
	vertical-align: middle;
}
.news-archive .post-link {
	background: #fff;
	border-radius: 10px;
	padding: 20px 20px 10px;
}
.news-archive .post-link:hover{
	background: #dfffd1;
	color: #666;
}
.news-archive .post-title {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 34px;
	margin-bottom: 10px;
}
.news-archive .post-link:hover .sns-cnt li.f-cnt{
	background: url(../img/icon_fb_off.png) center left no-repeat;
}
.news-archive .post-link:hover .sns-cnt li.t-cnt{
	background: url(../img/icon_tw_off.png) center left no-repeat;
}

.news-cat {
	margin: 0 10px;
}

.news-cat li {
	display:inline-block;
	font-size:12px;
	font-size:1.2rem;
	margin-right: 4px;
	vertical-align:top;
}

.news-cat .news-cat_news {
	background: #808d96;
	color:#fff;
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
}

.news-cat .new,
.news-cat .news-cat_news {
	padding: 2px 6px 4px;
}


.news-cat .news-cat_area{
	border:1px solid #999;
	padding:1px 8px;
	background:#fff;
}
.single-post .news-single .badge-cat.badge-cat_news{
	margin-bottom:40px;
}
.post-header.news-single .post-title{
	padding-top:10px;
}
.single-post .news-cat{
	padding:0 20px;
	margin-bottom:0;
}
/*=================================
		ranking archive
==================================*/
/* rank-header
-------------------------------------- */
#rank-header{
	background: #f6f8f9;
	font-size: 0;
	line-height: 0;
	margin: 20px 0;
	padding: 25px 0;
	text-align: center;
}

/* rank-cat
-------------------------------------- */
#rank-cat {
	border-bottom: 1px solid #e5e5e5;
	font-size: 0;
	line-height: 0;
	overflow: visible;
	margin-bottom: 20px;
	padding-bottom: 0;
	text-align: center;
	width: auto;
}

#rank-cat li {
	display: inline-block;
	float: none;
	margin: 0 5px -1px;
	width: 145px;
}

#rank-cat li a {
	background: #f6f8f9;
	border: 1px solid #e5e5e5;
	border-radius: 0;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	color: #2f2f3e;
	display: table-cell;
	font-size: 17px;
	height: 50px;
	line-height: 1;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 145px;
	position: relative;
}

#rank-cat li a:hover,
#rank-cat li a.select,
#rank-cat li.all a.select {
	background: #fff !important;
	border-bottom: 1px solid #fff;
	color: #0b41a0;
}

#rank-cat li a:hover:before,
#rank-cat li a.select:before {
	border-color: #043f94 transparent transparent;
	border-style: solid;
	border-width: 6px 6px 0;
	content: "";
	margin-left: -6px;
	position: absolute;
	bottom: 0;
	left: 50%;
}

#rank-cat li.column a:hover:before,
#rank-cat li.column a.select:before {
	border-color: #ff9d29 transparent transparent;
}

#rank-cat li.career a:hover:before,
#rank-cat li.career a.select:before {
	border-color: #94b75c transparent transparent;
}

#rank-cat li.learning a:hover:before,
#rank-cat li.learning a.select:before {
	border-color: #84ccc9 transparent transparent;
}

#rank-cat li.exam a:hover:before,
#rank-cat li.exam a.select:before {
	border-color: #5486d1 transparent transparent;
}

#rank-cat li.trend a:hover:before,
#rank-cat li.trend a.select:before {
	border-color: #ef86a6 transparent transparent;
}

/* rank-archive
-------------------------------------- */
.rank-archive{
	clear: both;
}
.rank-archive .post-list>li {
	margin-bottom: 20px;
}

.rank-archive .post-list>li:nth-child(-n+2){
	height: 351px;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 470px;
}

.rank-archive .main-img{
	overflow: hidden;
	height: 190px;
}

.rank-archive .main-img .img-rounded,
.rank-archive .main-img {
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
}

.rank-archive .post-list>li:nth-child(6),
.rank-archive .post-list>li:nth-child(2) {
	margin-right: 0;
}

.rank-archive .post-list>li .post-info,
.rank-archive .post-list>li:nth-child(-n+2) .post-info {
	background: #fff;
	border: 1px solid #e5e5e5;
	border-top: 0;
	height: 129px;
	padding: 0 9px 14px;
	bottom: 0;
}

.rank-archive .post-list>li .post-title,
.rank-archive .post-list>li:nth-child(-n+2) .post-title {
	display: table-cell;
	font-size: 18px;
	font-size: 1.8rem;
	line-height:24px;
	height: 87px;
	margin-bottom: 6px;
	padding: 0 6px;
	vertical-align: middle;
	width: 1000px;
	word-wrap: break-word;
	word-break: break-all;
}

.rank-archive .sns-cnt,
.rank-archive .post-date {
	margin-top: 9px;
}

.badge-rank {
	background: #E65554;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	height: 30px;
	line-height: 27px;
	text-align: center;
	width: 56px;
	position: absolute;
	left: 0;
	top: 151px;
}

.rank-archive .badge-rank {
	top: 181px;
}

.rank-2 .badge-rank,
.rank-1 .badge-rank {
	top: 151px;
}

.badge-rank:before {
	border-color: #E65554 transparent;
	border-style: solid;
	border-width: 15px 10px 15px 0;
	content: "";
	position: absolute;
	right: -10px;
	top: 0;
}

.badge-rank span {
	font-size: 12px;
}
/*
.badge-rank.rank1 {
	background: #d9c035;
	color: #fff;
}

.badge-rank.rank2 {
	background: #97abaf;
	color: #fff;
}

.badge-rank.rank3 {
	background: #c58d56;
	color: #fff;
}

.badge-rank.rank1:before {
	border-color: #d9c035 transparent;
}

.badge-rank.rank2:before {
	border-color: #97abaf transparent;
}

.badge-rank.rank3:before {
	border-color: #c58d56 transparent;
}
*/

/*=================================
		single
=================================*/
.single-post{
	background: #fff;
	padding-bottom: 30px;
	border-radius: 10px;
	margin-bottom: 45px;
}
.post-header .badge-cat{
	bottom: 0;
}
.post-header .badge-cat img{
	bottom: 8px;
}
.post-header .badge-cat.badge-cat_news img{
	bottom: 0;
}
.post-header .post-title{
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 30px;
	padding:45px 20px 10px; 
	font-weight:bold;
}
.post-header .post-date{
	padding:0 20px;
	color: #333;
	font-size: 14px;
	font-size: 1.4rem;
	float: none;
	margin-bottom:20px;
}
.sns-area{
	border-top:1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;
	padding: 20px 0 13px;
}
.sns-area .sns-list{
	text-align:center;
}
.sns-list li{
	margin-left: 20px;
	display:inline-block;
	vertical-align:top;
}
.sns-list li:first-child{
	margin-left:0;
}
.single-image{
	padding: 0 30px 30px;
	float: right;
}

/* --------------------------------------

■■■ detail ■■■■■

-------------------------------------- */
.single #contents {
	padding-top: 0;
	width: auto;
}

/* detailBox
-------------------------------------- */
#detailBox {
	background: #f6f8f9;
	margin-bottom: 50px;
	/*padding: 20px 0 65px;*/
}

#detailBox .main {
	background: #fff;
	/*border: 1px solid #e5e5e5;*/
	border-top: 0;
	margin-bottom: 0;
	/*padding: 0 19px;*/
	padding: 0;
}

#detailBox .post-header {
	margin: 0 -19px;
	padding: 0 19px;
}

#detailBox .badge-cat {
	border-radius: 0;
	margin: 0 -20px 18px;
}

#detailBox .post-header .post-title {
	color: #2f2f3e;
	font-size: 32px;
	font-weight: normal;
	line-height: 1.3;
	padding: 3px 0 20px;
}

/* sns-area
-------------------------------------- */
#detailBox .sns-area {
	border-bottom: 1px dotted #ccc;
	border-top: 1px dotted #ccc;
	margin-bottom: 43px;
	padding: 15px 5px 12px;
}

#detailBox .sns-area .sns-list {
	text-align: right;
}

#detailBox .sns-area2 {
	border: 0;
	margin-bottom: 0;
	padding: 20px 0 38px;
}

#detailBox .sns-area2 .sns-list {
	text-align: center;
}

/* post-content
-------------------------------------- */
.post-content{
	padding: 0 30px 60px;
	font-size: 16px;
	font-size:1.6rem;
	line-height: 26px;
	text-align: justify;
}
/* 20190320
.post-content h2{
	font-size:22px;
	font-size: 2.2rem;
	line-height:30px;
	color:#80a235;
	font-weight: bold;
	background:url(images/icon_h1.gif) left top no-repeat;
	padding: 5px 0 5px 20px;
}
*/
.post-content h3{
	font-size:20px;
	font-size: 2.0rem;
	line-height:28px;
	color:#80a235;
}
.post-content blockquote {
	border:1px solid #ccc;
	padding: 15px 20px;
	border-radius:8px;
	display:block;
}
.post-content a{
	  color: #0ca946;
}

/* post-content
-------------------------------------- */
#detailBox .single-post {
	background: #fff;
	border-radius: 0;
	margin: 0;
	padding: 0;
}

#detailBox .post-content {
	font-size: 17px;
	line-height: 1.7;
	padding: 0 0 60px;
}

#detailBox .single-image {
	margin-bottom: 38px;
	padding: 0 0 0 30px;
}

#detailBox .post-content p {
	margin-bottom: 30px;
}

/* 20190320
#detailBox .post-content h2 {
	background: none;
	border-bottom: 1px solid #e5e5e5;
	border-top: 3px solid #e5e5e5;
	color: #2f2f3e;
	display: block;
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: 500;
	line-height: 1.3;
	margin-bottom: 35px;
	overflow: hidden;
	padding: 20px 0 20px 32px;
	position: relative;
}

#detailBox .post-content h2:before {
	background: #ef86a6;
	border-radius: 2px;
	content: "";
	width: 7px;
	position: absolute;
	bottom: 20px;
	left: 10px;
	top: 21px;
}

#detailBox .post-content.column h2 {
	color: #f48f18;
}

#detailBox .post-content.column h2:before {
	background: #ff9d29;
}

#detailBox .post-content.career h2 {
	color: #8eb74c;
}

#detailBox .post-content.career h2:before {
	background: #94b75c;
}

#detailBox .post-content.learning h2 {
	color: #70b9b6;
}

#detailBox .post-content.learning h2:before {
	background: #84ccc9;
}

#detailBox .post-content.exam h2 {
	color: #5181c9;
}

#detailBox .post-content.exam h2:before {
	background: #5486d1;
}

#detailBox .post-content.trend h2 {
	color: #da6287;
}

#detailBox .post-content.trend h2:before {
	background: #ef86a6;
}

#detailBox .post-content.news h2 {
	color: #728089;
}

#detailBox .post-content.news h2:before {
	background: #808d96;
}
#detailBox .post-content h3 {
	color: #ef86a6;
	font-size: 23px;
	font-size: 2.3rem;
	font-weight: 500;
	line-height: 1.3;
	margin-bottom: 40px;
	padding-left: 32px;
	position: relative;
}

#detailBox .post-content h3:before {
	border-color: #ef86a6;
	border-style: solid;
	border-width: 4px;
	border-radius: 50%;
	content: "";
	height: 14px;
	width: 14px;
	position: absolute;
	left: 10px;
	top: 8px;
}

#detailBox .post-content.column h3 {
	color: #f48f18;
}

#detailBox .post-content.column h3:before {
	border-color: #ff9d29;
}

#detailBox .post-content.career h3 {
	color: #8eb74c;
}

#detailBox .post-content.career h3:before {
	border-color: #94b75c;
}

#detailBox .post-content.learning h3 {
	color: #70b9b6;
}

#detailBox .post-content.learning h3:before {
	border-color: #84ccc9;
}

#detailBox .post-content.exam h3 {
	color: #5181c9;
}

#detailBox .post-content.exam h3:before {
	border-color: #5486d1;
}

#detailBox .post-content.trend h3 {
	color: #da6287;
}

#detailBox .post-content.trend h3:before {
	border-color: #ef86a6;
}

#detailBox .post-content.news h3 {
	color: #728089;
}

#detailBox .post-content.news h3:before {
	border-color: #808d96;
}
*/

#detailBox .post-content h4 {
	color: #0b41a0;
	font-size: 20px;
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.3;
	margin-bottom: 50px;
	padding-left: 10px;
	position: relative;
}

#detailBox .post-content blockquote {
	background: #f6f8f9 !important;
	border: 0 !important;
	border-radius: 0 !important;
	padding: 15px 20px !important;
}

#detailBox .post-content blockquote p:last-child {
	margin-bottom: 0;
}


/* tag-wrap
-------------------------------------- */
#detailBox #tag-wrap {
	margin-bottom: 30px;
}

#detailBox #tag-wrap .tag-list {
	/*width: 485px;*/
}


/*=================================
		single writer area
=================================*/
#writer-wrap{
	border: 1px solid #e5e5e5;
	display: block;
	margin: 0 0 30px;
	padding: 0;
}
#writer-wrap.writer-wide {
	display: table;
	width:940px;
}
.writer-photo{
	width: 96px;
	display: table-cell;
}
.writer-name{
	background: #f6f8f9;
	border-bottom: 1px solid #e5e5e5;
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1;
	padding: 12px 17px;
	vertical-align: top;
}

#writer-wrap .writerBox {
	padding: 20px 15px 20px 19px;
}

#writer-wrap .writerBox p {
	font-size: 15px;
	line-height: 1.6;
}

#writer-wrap .writerBox .writer-info {
	width: 100%;
}

.writer-info{
	display: table-cell;
	vertical-align: top;
	font-size: 12px;
	font-size: 1.2rem;
	padding-left: 20px;
	line-height: 1.6em;
	text-align: justify;
	width: 100%;
	position:relative;
}

.writer-link {
	float: right;
	margin-top:10px;
}

.writer-link a {
	background: #fff;
	border: 1px solid #0b41a0;
	border-radius: 5px;
	display: block;
	font-size: 12px;
	line-height: 1;
	padding: 7px 0;
	text-align: center;
	width: 120px;
}

.writer-link a:hover {
	color: #0b41a0;
}

.writer-link.writer-emp{
	position:absolute;
	bottom:0;
	right:0;
}


#writer-news {
	border: 1px solid #e5e5e5;
	margin: 0 0 30px;
	padding: 20px;
	position: relative;
}

#writer-news .photo {
	float: left;
	margin-right: 20px;
}

#writer-news p {
	font-size: 15px;
	line-height: 1.5;
	margin-left: 0;
}

#writer-news .writer-link {
	position: absolute;
	bottom: 20px;
	right: 20px;
}


/* reco-title
-------------------------------------- */
.reco-title{
	text-align: center;
	margin-bottom: 20px;
}

.reco-title span {
	background: url(../img/rec_01.png) no-repeat 0 0, url(../img/rec_02.png) no-repeat 100% 0;
	display: inline-block;
	font-size: 28px;
	line-height: 1;
	padding: 12px 51px 0 49px;
}


/*=================================
		pages
==================================*/
#page-header{
	background: #f6f8f9;
	color: #0b41a0;
	height: 90px;
	line-height: 90px;
	margin: 20px 0;
	padding: 0;
	text-align: center;
}


/* --------------------------------------

■■■ search ■■■■■

-------------------------------------- */
/* search-title
-------------------------------------- */
#page-header .search-title {
	color: #2f2f3e;
	font-size: 30px;
	line-height: 90px;
}

#page-header .search-title span {
	background: #0b41a0;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	margin: 0 0 5px 20px;
	padding: 4px 6px 5px;
	vertical-align: middle;
}

/*=================================
		writer pages
==================================*/

/* writer-title
-------------------------------------- */
.writer-title{
	color: #0b41a0;
	font-size: 28px;
	line-height: 90px;
}

.writer-title span {
	background: url(../img/icn_write.png) no-repeat 0 50%;
	display: inline-block;
	font-weight: 700;
	padding-left: 40px;
}

/* writer-list
-------------------------------------- */
.writer-list {
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 10px;
	border-collapse: separate;
	border-spacing: 28px 0;
	display: table;
	margin-bottom: 20px;
	padding: 20px 0;
	width: 100%;
}

.writer-list .writer-photo,
.writer-list .writer-name,
.writer-list .writer-info {
	display: table-cell;
	vertical-align: middle;
}

.writer-photo {
	width: 96px;
}

.writer-list .writer-name {
	background: none;
	border: 0;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.5;
	padding: 0;
	width: 282px;
}

.writer-list .writer-info {
	font-size: 15px;
	padding: 0;
	width: 480px;
}
/*=================================
		tag & search  page
==================================*/
#tagBox #page-header,#search #page-header{
	margin-bottom: 15px;	
}
#page-header h2.tag-title{
	font-size:20px;
	font-size:2.0rem;
	line-height:1;
}
#tagBox .cat-archive .post-info,#search .cat-archive .post-info,
.wide-recom  .cat-archive .post-info{
	width:800px;
}
.search-error{
	width:980px;
	background:#fff;
	border-radius:10px;
	padding:30px;
	font-size:16px;
	font-size:1.6rem;
}


/*=================================
		keywords page
==================================*/
/* --------------------------------------

■■■ keyword ■■■■■

-------------------------------------- */
/* keyword
-------------------------------------- */
#keyword h2 {
	color: #0b41a0;
	font-size: 28px;
	line-height: 90px;
}

#keyword h2 span {
	background: url(../img/icn_tag_b.png) no-repeat 0 50%;
	display: inline-block;
	font-weight: 700;
	padding-left: 40px;
}

.tag-cloud {
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 10px;
	margin-bottom: 60px;
	padding: 30px;
}

.tag-cloud a {
	padding: 0 10px 20px;
	display: inline-block;
}

/*=================================
		pager
==================================*/
.wp-pagenavi{
	margin-bottom: 37px;
	text-align:center;
}

.wp-pagenavi a,
.wp-pagenavi span {
	background:#fff;
	border: 1px solid #ccc;
	border-radius: 6px;
	color: #2f2f3e;
	display:inline-block;
	font-size: 12px;
	line-height: 1;
	margin: 0 2px;
	padding: 7px 9px 6px;
	text-align: center;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
	background: #0066cf;
	border: 1px solid #0066cf;
	color: #fff;
	text-decoration:none;
}

.wp-pagenavi span.extend {
	background: none;
	border: 0;
	margin:0;
}

.wp-pagenavi a.nextpostslink {
	margin:0;
	position: relative;
	padding-left: 13px;
	padding-right: 18px;
}
.wp-pagenavi a.previouspostslink {
	margin:0;
	position: relative;
	padding-left: 18px;
	padding-right:13px;
}

.wp-pagenavi a.nextpostslink:before{
	width: 0;
	height: 0;
	content: "";
	border-left: 5px solid #000;
	border-bottom: transparent 4px solid;
	border-top: transparent 4px solid;
	position: absolute;
	right: 8px;
	top: 10px;
}

.wp-pagenavi a.previouspostslink:before{
	width: 0;
	height: 0;
	content: "";
	border-right: 5px solid #000;
	border-bottom: transparent 4px solid;
	border-top: transparent 4px solid;
	position: absolute;
	left: 8px;
	top: 10px;
}

.wp-pagenavi a.nextpostslink:hover:before{
	border-left: 5px solid #fff;
}

.wp-pagenavi a.previouspostslink:hover:before{
	border-right: 5px solid #fff;
}

/* tag
-------------------------------------- */
#tagBox {
	border-bottom: 1px solid #e5e5e5;
	font-size: 0;
	line-height: 0;
	margin-bottom: 20px;
	text-align: center;
}

#tagBox li {
	display: inline-block;
	margin: 0 7px -1px;
	width: 200px;
}

#tagBox li a {
	background: #f6f8f9;
	border: 1px solid #e5e5e5;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	color: #2f2f3e;
	display: table-cell;
	font-size: 17px;
	height: 50px;
	line-height: 1;
	text-align: center;
	vertical-align: middle;
	width: 200px;
	position: relative;
}

#tagBox li.on a {
	background: #fff;
	border-bottom: 1px solid #fff;
}

#tagBox li.on a:before {
	border-color: #ff9d29 transparent transparent;
	border-style: solid;
	border-width: 6px 6px 0;
	content: "";
	margin-left: -6px;
	position: absolute;
	bottom: 0;
	left: 50%;
}

#tag.column li.on a:before {
	border-color: #ff9d29 transparent transparent;
}

#tag.career li.on a:before {
	border-color: #94b75c transparent transparent;
}

#tag.learning li.on a:before {
	border-color: #84ccc9 transparent transparent;
}

#tag.exam li.on a:before {
	border-color: #5486d1 transparent transparent;
}

#tag.trend li.on a:before {
	border-color: #ef86a6 transparent transparent;
}

#tag.news li.on a:before {
	border-color: #808d96 transparent transparent;
}

/*=================================
		PR banner
=================================*/

/* pr-wrap
-------------------------------------- */

#pr-wrap{
	background:#fff;
	border-radius:10px;
	clear:both;
	margin: 0 auto 45px;
	padding: 0;
	text-align: center;
	width: 960px;
}
#pr-wrap ul{
	overflow:hidden;
}
#pr-wrap .banner1 li{
	text-align:center;
	line-height:0;
}
#pr-wrap .banner2 li{
	float:left;
	margin-right:20px;
	margin-bottom:15px;
	text-align:center;
	width:460px;
}
#pr-wrap .banner2 li:nth-child(even){
	margin-right:0;
}
#pr-wrap li a{
	display:block;
	line-height:0;
}
#pr-wrap li a:hover img{
	opacity: .7;
	-ms-filter: "alpha(opacity=70)";
}
#pr-wrap li img{
	border-radius: 10px;
}
#pr-wrap .banner2 li img{
	border-radius: 10px;
	width:100%;
}

/* catRank
-------------------------------------- */
#catRank {
	display: none;
}

/*=================================
		totop
=================================*/
#pagetop{
	position: relative;
	width: 980px;
	margin: 0 auto;
}
#pagetop a{
	z-index: 99;
	float: right;
	right: -62px;
	top: -34px;
	position: absolute;
}
@media only screen and (max-width : 1050px) {
	#pagetop a{
		right:0;
	}
}

/*=================================
		footer
=================================*/
#footer-nav{
	background: #043d8a;
	padding: 15px 0;
	margin-bottom: 2px;
	width: 100%;
	height: 90px;
}
.footer-banner{
	display:table;
	margin:0 auto;
	padding-right:69px;
}
.footer-banner li{
	display:table-cell;
	padding-right:15px;
}
.footer-banner li .footer-logo{
	width:410px;
}
.footer-banner a:hover img{
	opacity: .7;
	-ms-filter: "alpha(opacity=70)";
}
#footer{
	background: #fff;
	padding: 10px 0;
}
#footer a{
	text-decoration:underline;
}
#footer-copy{
	float: left;
	color: #435b67;
}
#footer-copy img{
	display: inline-block;
	margin-right: 5px;
	vertical-align: text-bottom;
}
#footer-copy p a{
	color: #435b67;
	font-weight: bold;
	display:block;
	margin-bottom:2px;
}
#footer-copy p.copy a{
	text-decoration: none; 
	margin-bottom:2px;
}
.footer-link{
	float: right;
	margin-top: 18px;
}
.footer-link li{
	display: inline-block;
	margin-left: 20px;
}
.footer-link li a{
	color: #003399;
	vertical-align: top;
}
.cam-banner-pc{display: block !important;}
.cam-banner-sp{display: none !important;}


.cvButton2023 {
    font-family: "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Verdana, "MS PGothic", "ＭＳ　Ｐゴシック", sans-serif;
    box-sizing: border-box;
    display: block;
    color: #fff !important;
    text-align: center;
    background-color: #0ca5e6;
    border-radius: 5px;
    text-decoration: none;
    width: 600px;
    max-width: 100%;
    margin: 10px auto;
    padding: 14px 20px;
}
.cvButton2023 span {
    margin: 0 !important;
    position: relative;
    display: inline-block;
	font-size: 20px !important;
	line-height: 1.4 !important;
	font-weight: 600;
    padding-left: 34px;
}
.cvButton2023 span::before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
}
.cvButton2023--school span::before {
    background-image: url(../img/cvbutton_school.png);
}
.cvButton2023--smartphone span::before {
    background-image: url(../img/cvbutton_smartphone.png);
}
.cvButton2023--pencil span::before {
    background-image: url(../img/cvbutton_pencil.png);
}
.cvButton2023--hukidashi span::before {
    background-image: url(../img/cvbutton_hukidashi.png);
}