* {
	margin: 0;
	padding: 0;
}

/* Hides from IE7 \*/
*:first-child+html {
	letter-spacing: 0;
}
/* End hide from IE7 */	.pbInputForm {
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	background-color: #FFFFFF;
	border-bottom: 2px inset;
	border-left: 2px inset;
	border-right: 2px inset;
	border-top: 2px inset;
	font-size: 100%;
}
@media print {
	#pbca_toparea {
		display: none;
	}
}
ol , ul {
	margin: auto auto auto 30pt\9;
}
blockquote {
	margin-left: 30pt\9;
	margin-right: 0px\9;
}
:root ol, :root ul {
	margin: 16px 0px 16px 0px;
	padding: 0px 0px 0px 40px;
}
:root blockquote {
	margin: 16px 0px 16px 40px;
}

body {
		font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
}

.pbPage {
		width: 100%;
}
.pbPage:after{
	content: "";
	display: block;
	height: 0;
	clear:both;
	visibility: hidden;
}
.pbLeftArea,
.pbRightArea
{
	min-height: 1px;
}

.pbLeftArea {
		float: left;
		overflow: hidden;
		width: 0px;
		display: inline;
}

.pbRightArea {
		float: right;
		overflow: hidden;
		width: 0px;
		display: inline;
}

.pbMainArea {
		overflow: hidden;
		max-width: 100%;
		_float: left;
		_display: inline;
}

.pbHeaderArea {
		clear: both;
		overflow: hidden;
}

.pbFooterArea {
		clear: both;
		overflow: hidden;
}
.pbAreaWrapper1 {
	padding: 0;
	margin: 0;
	border-width: 0;
	clear: both;
	height: 100%;
}
.pbAreaWrapper2 {
	padding: 0;
	border-width: 0;
}
.pbAreaWrapper2 {
	margin: 0\9;
	_float: left;
}
:root .pbAreaWrapper1:after {
	content: "";
	height: 0px;
	clear:both;
	display:block;
}
:root .pbAreaWrapper2 {
	margin: 0 0px 0 0px;
}

.pbBlock {
		clear: both;
}
.pbArea {
	margin: 0;
	padding: 0px;
	border-width: 0;
}
.pbZero {
	margin: 0;
	padding: 0px;
	border-width: 0;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	line-height: normal;
	text-indent: 0;
}
.pbNestedDivider,
.pbInvisibleBlock,
.pbMobileInvisibleBlock,
.pbAddButton
{
	display: none;
}
.pbAnchor
{
	overflow: visible !important;
	padding: 0px !important;
	*width: 1px;
	*height: 1px;
}
.pbArticleButtonBlock,
.pbArticleButtonInline
{
	
}
.pbMobileOutputIcon
{
	visibility: hidden;
}.pbCorner {
		clear: both;
}
.pbNested {
	clear:both;
	padding: 0;
	margin: 0;
	min-height: 0;
	_height: 1%;
}
.pbNested:after {
	content: "";
	height: 0px;
	clear:both;
	display:block;
}
.pbNestedZero {
	clear:both;
	padding: 0;
	margin: 0;
	min-height: 0;
}
.pbNestedZero:after {
	content: "";
	height: 0px;
	clear:both;
	display:block;
}

.pbNestedWrapper {
	overflow:hidden;
}
.pbNestedWrapper {
	_overflow: visible;
	_overflow-x:hidden;
}
img.pbSystemImage {
	margin: 0;
	padding: 0px;
	background-color: transparent;
	border-width: 0;
	border-style: none;
	line-height: normal;
	text-indent: 0;
	font-size: small;
	vertical-align: baseline;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
.pbHorizontalNested {
	text-indent: 0;
	border-width: 0;
	margin: 0;
	padding: 0;
	float: left;
	overflow: hidden;
	min-height: 0;
}
.pbHorizontalNested:after {
	content: "";
	height: 0px;
	clear:both;
	display:block;
}
.pbAnchor {
	margin: 0;
	padding: 2px;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	line-height: normal;
	text-indent: 0;
	overflow: visible !important;
}
.pbArticleStatus {
	margin: 0;
	padding: 1px;
	border: none;
	background-color: #6699cc;
	color: white;
	font-size: 10px;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	font-weight: normal;
	line-height: normal;
	text-indent: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
.pbArticleStatus a:link {
	cursor: default;
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	color: white;
	font-size: 10px;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	white-space: nowrap;
	line-height: normal;
	text-indent: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	overflow: hidden;
}
.pbArticleStatus a:visited {
	cursor: default;
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	color: white;
	font-size: 10px;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	white-space: nowrap;
	line-height: normal;
	text-indent: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	overflow: hidden;
}
.pbArticleStatus a:hover {
	cursor: default;
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	color: white;
	font-size: 10px;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	white-space: nowrap;
	line-height: normal;
	text-indent: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	overflow: hidden;
}
.pbArticleStatus a:active {
	cursor: default;
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	color: white;
	font-size: 10px;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	white-space: nowrap;
	line-height: normal;
	text-indent: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	overflow: hidden;
}
.pbArticleDetailStatus {
	margin: 0;
	padding: 0;
	border: none;
	background-color: #ccff99;
	color: black;
	font-size: 10px;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	font-weight: normal;
	line-height: normal;
	text-indent: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
.pbArticleDetailStatus a:link {
	cursor: default;
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	color: black;
	font-size: 10px;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	font-weight: normal;
	line-height: normal;
	text-indent: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
.pbArticleDetailStatus a:visited {
	cursor: default;
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	color: black;
	font-size: 10px;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	font-weight: normal;
	line-height: normal;
	text-indent: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
.pbArticleDetailStatus a:hover {
	cursor: default;
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	color: black;
	font-size: 10px;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	font-weight: normal;
	line-height: normal;
	text-indent: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
.pbArticleDetailStatus a:active {
	cursor: default;
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	color: black;
	font-size: 10px;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	font-weight: normal;
	line-height: normal;
	text-indent: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
@charset "utf-8";

html, body, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-style:normal;
  font-weight: normal;
  font-size: 100%;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,main,
footer, header, hgroup, menu, nav, section {
  display: block;
}

html{
    overflow-y: scroll;
}

blockquote, q {
  quotes: none;
}

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

input, textarea,button{
  margin: 0;
  padding: 0;
  border:none;
}

ol, ul{
  list-style:none;
}

:root ul,
:root ol {
  margin:0;
  padding:0;
}

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

caption, th{
  text-align: left;
}

a:focus {
}

strong {
  font-weight:bold !important;
}


.inline_block {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
img {
  vertical-align:top;
}

table {
  width:100%;
}

body {
  min-width:960px;
  color:#323232;
  background:#fff;
  font-size:14px;
  font-family:"Lucida Sans",arial,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  line-height:1.6;
}
----------------------------------------------- */

.tacTxt {
 color:#E20011;
}
.tacBg {
 background-color:#E20011;
}
.bgDFE0E2 {
    background-color: #DFE0E2;
}
.bgEBECEE {
    background-color: #EBECEE;
}
a {
  text-decoration:none;
}

a,
a:link {
  color:#0F218B;
}

a:visited {
  color:#620298;
}

a:hover {
  color:#3F88E5;
  text-decoration:underline;
}

a:active {
  color:#0F218B;
}

.note,
.notes {
  color:#4D4D4D;
}

.error,
.attention {
  color:#f00;
}

.hover {
  display:inline-block;
}

.hover:hover {
  opacity:0.75;
  -ms-filter:"alpha(opacity=75)";
  text-decoration:none;
}

/*--------------------------------------------------*/
/* ここから上書き用スタイル記述（body から記述すること）  */
/*--------------------------------------------------*/

body #advancedArea #kozaMain {
  padding-bottom:0 !important;
  min-height:439px;
  background:#E8F2FF url(/library/kouza_chusho/renew-img/advanced_topvisual.jpg) no-repeat 50% 0 !important;

}

body #beginnerArea #kozaMain {
  padding-bottom:0 !important;
  min-height:330px;
  background:url(/library/tacnewsweb/images/TACnewsMV.png) no-repeat 50% 0 !important
}

#explainSide {
    overflow: hidden;
    width: 390px !important;;
    float: left;
}


body .selecter li p.expHeader2 {
    display: block;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.3;
    padding: 22px 0 1px;
}

body .expSelecterBottom p.expHeader2 a {
    text-decoration: none;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.3;
    padding: 4px 0 1px;
}

body .expSelecterRank.tab3 ul {
    padding-left: 20px;
    list-style-type: disc;
}
body .expSelecterRank.tab3 ol {
    padding-left: 20px;
} .expSelecterRank.tab2 ol li {
    counter-increment: cnt;
    text-indent: -32px;
    padding-left: 32px;
} .expSelecterRank.tab3 ol li:before {
    display: marker;
    content: "(" counter(cnt) ")　";
}

.annotation2 {
    font-size:12px;
    margin:0 0 0 26px;
    text-indent: -1em;
}


body .messageBlock {
  margin-top:0px;
  background:#DFE0E2;
  padding:20px 11px;
}

body #advancedArea .cssTableColumn3b,
body #beginnerArea .cssTableColumn3b {
  margin-left:-20px;
  margin-top:0px;
  display:table;
}

body .aboutShikaku{
    font-size: 16px;
    margin:20px 0 40px;
    line-height: 1.6;
    color:#323232;
}

body #aboutBlock h3.firstChild2 {
    margin-top: 28px;
}

.aboutShikaku2{
    font-size: 16px;
    margin:0px 0 40px;
    line-height: 1.6;
    color:#323232;
}

.heading2b h2 {
    text-align: center;
    font-weight: bold;
    font-size: 30px;
    line-height: 1.3;
}
.normalBlock01 .heading2b h2,
.normalBlock02 .heading2b h2,
.normalBlock03 .heading2b h2,
.normalBlock04 .heading2b h2 {
    margin:35px 0 20px;
}

.heading2b h2 > span {
    color: #E20011;
}

body .mainNewsBtn {
  position: relative;
  top: 336px;
  left: 18px;
  z-index: 999;
  display: inline;
}

body .kozaHeaderNavi li:first-child {
    width: 238px;
    border-left: 1px solid #C6C7CC;
}
body .kozaHeaderNavi li {
    width: 192px !important;
    height: 42px;
    line-height: 3;
    text-align: center;
    border-right: 1px solid #C6C7CC;
    font-size: 14px;
	box-sizing: border-box;
}
body #kozaHeaderTitle {
    width: 960px;
    display: table;
}
body #headerKozaTitle {
    font-size: 18px;
    line-height: 1.2;
    color: #FFFFFF;
    display: table-cell;
    vertical-align: middle;
    width: 960px;
    padding: 13px 0;
    text-align: center;
}
body #beginnerArea #kozaMain, #advancedArea #kozaMain {
    position: relative;
    width: 100%;
    height: 330px;
}


.pickupTag{
	position: absolute; 
	top: 0; 
	left: 0; 
	border-left: 10px solid #e20011; 
	width: 162px; 
	background: rgba(0,0,0,0.3); 
	color: #ffffff;
}
.pickupTag:before{
	margin: 0;
    padding: 5px 0;
    text-align: center;
    font-size: 12px;
    display: block;
}

.pickup-jinzai .pickupTag:before{
	content: "人事担当者に聞く";
}
.pickup-tobira .pickupTag:before{
	content: "資格で開いた「未来への扉」";
}
.pickup-tax .pickupTag:before{
	content: "タックスファンタスティック";
}
.pickup-professional .pickupTag:before{
	content: "日本のプロフェッショナル";
}
.pickup-feature .pickupTag:before{
	content: "特 集";
}
.pickup-interview .pickupTag:before{
	content: "インタビュー";
}
.pickup-columns .pickupTag:before{
	content: "コラム";
}
.newsTop .recommendBox{
margin-top: 3px;
}
.contents_intro a {
    display: inline-block;
    margin-left: 23px;
    width: 223px;
    color: #fff;
    background: #323232;
    letter-spacing: 0;
}
.contents_intro a:first-child {
    margin-left: 0;
}
.contents_intro a .txt {
    font-size: 12px;
    padding: 12px;
    line-height: 1.5;
}
.contents_intro{
display:flex;
}

.aboutTACNEWS{
background:#e20011;
}
.aboutTACNEWS h2{
color:#ffffff;
margin:25px 0;
}
.frameTextPhotoSection2 {
    margin-top: 20px;
    border: 2px solid #D2D2D2;
    padding: 20px;
}
.frameTextPhotoSection2 .framePhoto {
    float: right;
    width: 755px;
}
.frameTextPhotoSection2 .frameText {
    float: left;
    width: 148px;
    font-size: 14px;
}
.frameTextPhotoSection2 .head{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}
.frameTextPhotoSection2 .text{
text-indent: -0.7em;
    padding-left: 1em;
}

body .oshiraseList dt {
    float: left;
    /*background: #323232 url(/library/tacnewsweb/images/info_bg_01.png) no-repeat 100% 0;*/
    width: 135px;
    height: 24px;
    padding: 6px 0 0 37px;
}
.tokusyu {
	background: #323232 url(/library/tacnewsweb/images/info_bg_01.png) no-repeat 100% 0!important;
}
.chart_txt {
    overflow:hidden;
}
ul.chart_txt li {
    width: 240px;
    float: left;
}

.touroku {
    margin: 40px 0 15px;
}
.touroku .head {
    background-color: #F87F00;
    color: #ffffff;
    font-weight: bold;
    line-height: 1.3;
    font-size: 20px;
    vertical-align: middle;
    padding: 10px 15px;
}
.touroku .contents {
    background-color: #FEF9CD;
    padding: 10px 15px;
    width: 100%;
}
.touroku h3 {
    color: #323232;
    font-weight: bold;
    margin: 0 !important;
    line-height: 1.3;
    font-size: 20px;
}
.touroku h3>span {
    color: #E20011;
}
.touroku_chart {
    border: 2px solid #cecece;
    padding: 15px;
}
.touroku_chart ul {
    display: block !important;
    width: 463px !important;
    float: left;
    border-right: 1px solid #cecece;
    list-style-type: none !important;
    box-sizing: border-box;
}
.touroku_chart ul li.icon {
    width: 100px;
    height: 100px;
    float: left;
    margin-bottom: 15px;
}
.touroku_chart ul li.txt {
    float: left;
    font-weight: bold;
    line-height: 1.3;
    padding: 40px 0 10px 15px;
}
.touroku_chart ul li.info {
    width: 290px;
    margin-right: 10px;
    clear: both;
    overflow: hidden;
    line-height: 1.3;
}
.touroku_chart ul:last-child {
    border-right: none;
    padding-left:15px;
}
.touroku_chart .head{
font-size:16px;
font-weight:bold;
margin-bottom:5px;
}
.touroku_chart .head>span{
color:#e20011;
}

.touroku_chart .annotation {
    font-size: 12px;
    margin: 0 0 0 20px;
    text-indent: -1.3em;
    margin-top: 20px;
}
.headText{
font-size:16px;
font-weight:bold;
}

.featBlock{
	overflow:hidden;
}
.featBlock_l{
	width:480px;
	float:left;
}
.featBlock_r {
    width: 480px;
    float: left;
    height: 330px;
    background: url(/library/renew-common/img/parts/chidori_pc.png) repeat 0 0;
}
.featBlock .profileHead {
    background: #323232;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    border-left: #e20011 6px solid;
    padding: 7px 10px;
}
.featBlock .profileBox{
	padding:15px;
}
.featBlock .name{
font-size:18px;
font-weight: bold;
}
.featBlock .name_s{
font-size:12px;
font-weight: bold;
}
.featBlock .profileText{
font-size:12px;
margin-top:15px;
}

.articleArea {
    margin: 0 auto;
    width: 720px;
}
.articleArea h3 {
    margin: 40px 0 20px;
    border-top: 4px solid #D2D2D2;
    border-bottom: 4px solid #D2D2D2;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.3;
    padding: 10px 0;
}
.articleArea .textQ{
margin:20px 0;
font-weight:bold;
}
.articleArea .number{
text-align:right;
}
.articleImg{
margin-top:40px;
}


.LinkArea{
        margin-top:40px;
	overflow:hidden;
}
.Linkimg{
	float:left;
        margin-right:20px;
}
.Linktext a{
	float:left;
	font-size:16px;
	font-weight:bold;
}
.Linktext a>span{
	color:#e20011;
}
.snsLink{
	float:right;
}
.twi{
	background:#55ACEE;
	font-size:18px;
	font-weight:bold;
	color:#ffffff;
	width:197px;
	padding:8px 0;
	text-align:center;
	float:left;
}
.twi a{
	font-size:18px;
	font-weight:bold;
	color:#ffffff;
	display:block;
	text-decoration: none;
}
.twi a:hover{
    opacity:0.75;
    -moz-opacity:0.75;
    filter:alpha(opacity = 75);
}
.fb{
	background:#305097;
	font-size:18px;
	font-weight:bold;
	color:#ffffff;
	width:197px;
	padding:8px 0;
	text-align:center;
	float:left;
	margin-left:1px;
}
.fb a{
	font-size:18px;
	font-weight:bold;
	color:#ffffff;
	display:block;
	text-decoration: none;
}
.fb a:hover{
    opacity:0.75;
    -moz-opacity:0.75;
    filter:alpha(opacity = 75);
}

.TACNEWScontents {
    padding: 0px 0 40px;
    border-top: solid 4px #D2D2D2;
}
.TACNEWScontents .heading2 h2{
    margin: 35px 0 20px;
}


.interviewText{
margin-top:20px;
}
.pro_information {
    margin-top: 40px;
    border: 2px solid #D2D2D2;
    padding: 20px;
}
/* レコメンドツールcss */
.caravas_tag {
    display: flex;
    height: auto !important;
    margin-bottom: 30px !important;
}
    
.caravas_tag > div{
    display: flex  !important;
height:auto  !important;
justify-content: space-between  !important;        
    }    
    
.caravas_tag > div > div { 
    display: inline-flex !important;
    width:auto !important;
    height: auto!important;
    }
  
    
.caravas_tag a {
    display: inline-block;
    color: #fff;
    background: #323232;
    letter-spacing: 0;
}     
.caravas_tag a .txt {
    font-size: 12px;
    padding: 12px;
    line-height: 1.5;
}
/* 記事一覧 */
/* TACNEWSトップ記事のみ */
.pickupBlock {
    border-top: 3px solid #e20011;
    background: #EBECEE;
    padding-bottom: 40px;
}
.pickupBlock h2 {
    margin: 40px 0 25px;
}

.pickupBlock a.recommendLink{
	display: block;
}
.pickupBlock a.recommendLink:hover{
	opacity: 0.7;
    text-decoration: none;
}
/* TACNEWSトップ記事のみ */

.recommendBlock{
	margin-top:30px;
}
.rankingBlock{
	counter-reset: number 0;
}
.recommendBlock a{
	margin-bottom: 5px;
	display: block;
}
.recommendBlock a:hover{
	opacity:0.7;
	text-decoration: none;
}
.recommendBox{
	box-sizing: border-box;
	display: flex;
	background: #FFF;
}
.recommendBox:last-child{
	margin-bottom: 0px;
}
.recommendBox-photo{
	width: 420px;
	height: 200px;
	overflow: hidden;
	background: #666666;
	position:relative;
}

.rankingBlock .recommendBox-photo:before{
	position: absolute;
    content: "第" counter(number) "位";
    counter-increment: number 1;
    z-index: 5;
    color: #fff;
    background: rgba(0,0,0,0.5);
    font-weight: bold;
    padding: 5px 45px;
    border-left: 10px solid #dd6f6f;
}
.rankingBlock .caravas_tag > div > div:first-child .recommendBox-photo:before{
	border-left: 10px solid #E6B422
}
.rankingBlock .caravas_tag > div > div:nth-of-type(2) .recommendBox-photo:before{
	border-left: 10px solid #acacac;
}
.rankingBlock .caravas_tag > div > div:nth-of-type(3) .recommendBox-photo:before{
	border-left: 10px solid #d17517;
}
.recommendBox-photo img{
	width: 100% !important;
	height: auto;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.recommendBox-text{
    width:540px;
	padding: 15px;
	box-sizing: border-box;
}
.recommendBox-title {
    font-weight: bold;
    color: #323232;
    font-size: 16px;
    margin-top: 5px;
}
.recommendBox-description {
    color: #323232;
    margin-top: 10px;
}
.recommendBox-date {
    color: #898989;
    font-size: 14px;
}
/* 記事一覧ページャー */
.pagerBlock{
	margin-top: 25px;
}
.pagerBlock-wrapper{
	display: flex;
	justify-content: center;
}
.pagerBlock-wrapper li{
	background: #FFF;
    margin-right: 10px;
    border: 2px solid #808080;
    border-radius: 7px;
	font-weight: bold;
	font-size: 16px;
}
.pagerBlock-wrapper li.current{
	background: #4d4d4d;
	color: #FFF;
	border: 2px solid #4d4d4d;
}
.pagerBlock-wrapper li a,.pagerBlock-wrapper li.current span{
	padding: 7px 15px;
	display: block;
	font-weight: bold;
}
.pagerBlock-wrapper li a{
	color:#323232;
}
.pagerBlock-wrapper li:hover a{
	color: #FFF;
	text-decoration: none;
	background: #9f9f9f;
}


/* caravasツール */
.recommendBlock .caravas_tag{
	display:block;
	height:auto !important;
}
.recommendBlock .caravas_tag > div {
    display: block !important;
    height: auto !important;
}
.recommendBlock .caravas_tag > div > div {
	width: 960px;
}
.recommendBlock .caravas_tag a{
	width: 960px;
}



/* 共通レコメンドエリア */
#commonArea{
	padding-bottom: 40px;
	border-top: solid 1px #C6C7CC;
}
.relatedContents{
	margin-top: 40px;
}
.relatedContentsBox{
	margin-top: 25px;
}
#commonArea h2{
	display: flex;
	align-items: center;
}
#commonArea h2:before, #commonArea h2:after {
	border-top: 2px solid #323232;
	content: "";
	flex-grow: 1;
}
#commonArea h2:before {
	margin-right: 20px
}
#commonArea h2:after {
	margin-left: 20px;
}
.relatedContentsBox .caravas_tag a{
    width: 185px;
}
.relatedContentsBox .caravas_tag a img {
    width: 185px;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
}
.relatedContentsBox .image{
	height: 115px;
    background-color: #eeeeee;
	position: relative;
	overflow: hidden;
}
.relatedContentsBox.rankingBlock .image:before{
	content: "第" counter(number) "位";
	counter-increment: number 1;
	position: absolute;
    background: #dd6f6f;
    text-align: center;
    display: block;
    z-index: 1;
    padding: 1px 15px;
}
.relatedContentsBox.rankingBlock .caravas_tag > div > div:first-child  .image:before{
	background: #E6B422;
}
.relatedContentsBox.rankingBlock .caravas_tag > div > div:nth-of-type(2)  .image:before{
	background: #acacac;
}
.relatedContentsBox.rankingBlock .caravas_tag > div > div:nth-of-type(3)  .image:before{
	background: #d17517;
}
/* インフォメーション */
.infoContentsBox{
	margin-top: 25px;
    display: flex;
    justify-content: space-between;
}
.infoContentsBox a{
	width: 185px;
    display: block;
}
.infoContentsBox h3{
	background: #E20011;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    padding: 12px 3px;
    font-size: 13px;
    line-height: 1.3;
}
.infoContentsBox .infoContentsBox-text{
	background: #323232;
    color: #FFF;
    padding: 10px;
    font-size: 12px;
}
.infoContentsBox img{
    width:185px;
    height:100px;
}

#beginnerArea h1 #kozanameText {
    font-size: 36px;
    line-height: 1.1;
    font-weight: bold;
    color: #ffffff;
}
h1 .smallText{
    color: #ffed00;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 3px;
}
#kozaMain .mainText{
    font-size: 18px;
    color: #ffffff;
    line-height: 1.6;
    margin: -5px 0px 0px;
    font-weight: bold;
}