@charset "UTF-8";
/*===============================================
グローバル転職NAVI　コラム関連ページ
===============================================*/
#mdj_subkeyvisual {
	margin: 16px 0 0 0;
}
#mdj_subkeyvisualWrap {
	width: 1072px;
	height: 64px;
	margin: 0 auto;
	position: relative;
	background: url(/user/media/images/mdj/common/bg/bg01.jpg);
}
#mdj_subkeyvisualWrap p {
	font-size: 24px;
	font-weight: bold;
	line-height: 64px;
	padding: 0 0 0 90px;
}
#mdj_subkeyvisualWrap img {
	position: absolute;
	left:0;
	top: 0px;
}

@media all and (max-width: 768px) {
#mdj_subkeyvisual {
	margin: 0 0 0 0;
}
#mdj_subkeyvisualWrap {
	width: auto;
	height:59px;
}
#mdj_subkeyvisualWrap p {
	padding: 0 0 0 50px;
	font-size: 21px;
}

}
/*mainimg*/

#mdj_mainimg {
	background: #000066;
	color: #ffffff;
	font-size: 24px;
	line-height: 140px;
	padding: 0 25px;
	font-weight: bold;
}

@media all and (max-width: 768px) {
#mdj_mainimg {
	padding: 0 10px;
}
}
/*ソーシャルボタン*/
.mdj_socialList {
	margin: 20px 0 0 0;
}
.mdj_socialList ul {
 text-align:right;
}
.mdj_socialList li {
	margin-left: 8px;
	display:inline-block;
	vertical-align: top;
}
.mdj_socialList li:last-child {
	margin-left:0;
}
.facebook-button {
	margin:-12px 0 0 0;
	width:100px;
}
.twitter-button {
	min-width: 87px;
	max-width: 90px;
}
.hatena-button {
	min-width: 85px;
	max-width: 125px;
}

@media all and (max-width: 768px) {
.mdj_socialList {
	margin: 20px 10px 0 10px;
}
.facebook-button {
	margin:0 0 0 0;
	width:100px;
clear:both;
}
}

/*最新のコラム*/
.mdj_current_columnWrap {
	margin: 24px 0 16px 0;
}
.mdj_current_columnIcon {
	background: #000066;
	color: #ffffff;
	font-weight: bold;
	padding: 0 16px;
	display: inline-block;
	margin: 0 16px 0 0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.mdj_current_columnTitle {
	font-size: 30px;
	font-weight: bold;
	line-height: 1.2;
	margin: 8px 0;
}
.mdj_current_columnTitle a {
	color:#111111;
}
.mdj_current_columnCategory ul li {
	float: left;
	margin: 0 5px 8px 0;

}

.mdj_current_columnCategory ul li:last-child {
	margin: 0 0 8px 0;
}
.mdj_current_columnCategory ul li a {
	color:#111111;
background: #d3d3d3;
	padding: 0 8px;
	display:inline-block;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
text-decoration:none;
}
.mdj_current_columnCategory ul li a:hover {
	text-decoration:underline !important;
}


.mdj_current_columnImg {
	float: left;
	width: 210px;
	height:140px;
	margin: 0 16px 0 0;
	background:#111111;
}
.mdj_current_columnImg a {display:block;width: 210px;
	height:140px;}
.mdj_current_columnImg img {
	width: 210px;
	height:140px;
}
.mdj_current_columnText {
	float: right;
	width: 505px;
}

@media all and (max-width: 768px) {
.mdj_current_columnWrap {
	margin: 24px 10px 16px 10px;
}
.mdj_current_columnImg {
	float: none;
	text-align: center;
	margin: 0 auto;
}
.mdj_current_columnText {
	float: none;
	width: auto;
	margin:16px 0 0 0;
}
}
/*コラム一覧*/
.mdj_columnList li {
	padding: 12px 10px 12px 0;
	border-top: 1px solid #e1e1e1;
	background: url(/user/media/images/mdj/common/arrows/arrow03.png) no-repeat right center;
}
.mdj_columnList li span {
	font-family: 'Roboto Condensed', sans-serif;
	color: #000066;
	font-size: 15px;
	margin: 0 24px 0 0;
}
.mdj_columnList li a {
	color: #111111;
	text-decoration: none;
}
.mdj_columnList li a:hover {
	color: #000066;
	text-decoration: underline;
}
.mdj_pager {margin:16px 0 0 0;}
.mdj_pager ul {
	text-align: center !important;
}
.mdj_pager img {
	vertical-align: middle;
}
.mdj_pager li {
	display: inline !important;
}
.mdj_pager li a {
	border: 2px solid #000066;
	color: #000066;
	display: inline-block;
	width: 40px;
	text-align: center;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	line-height: 30px;
	height: 30px;
	font-weight: bold;
	text-decoration: none;
	margin:0 4px;
}
.mdj_pager li a.current {
	background: #000066;
	color: #ffffff;
}
.mdj_pager li.prev a, .mdj_pager li.next a {
	border: none !important;
	margin:0;
}

@media all and (max-width: 768px) {
.mdj_columnList li {
	padding: 15px 10px;
	background: url(/user/media/images/mdj/common/arrows/arrow03.png) no-repeat 98% center;
}
.mdj_columnList li span {
	display: block;
	margin: 0 0 0 0;
}
}
/*この記事の筆者*/
.mdj_columnistImg {
	float: left;
	width: 80px;
	margin: 0 16px 0 0;
}
.mdj_columnistText {
	font-weight: bold;
	color: #000066;
}

@media all and (max-width: 768px) {
.mdj_columnistWrap {
	margin: 0 10px;
}
}
/*記事詳細*/
.mdj_columndetailWrap .mdj_current_columnCategory {
	margin: 20px 0 0 0;
}
.mdj_columndetailWrap h3 {font-size:14px;padding:16px 10px;}
.mdj_columndetailWrap .h401 {
	position: relative;
	padding: 24px 80px 24px 10px !important;
	font-size:24px;
}
.mdj_columndetailWrap .h401 .roboto {
	position: absolute;
	right: 10px;
	top: 24px;
	font-size:14px;
}
.mdj_columndetail .title01 {
	margin: 15px 0;
	background: #e9e9e9;
	border-left: 4px solid #11a0a5;
	font-weight: bold;
	padding: 10px;
}
.mdj_columndetail .title02 {
	margin: 15px 0;
	background: #e9e9e9;
	border-left: 4px solid #c03da9;
	font-weight: bold;
	padding: 10px;
}
.mdj_columndetail .title03 {
	margin: 15px 0;
	background: #e9e9e9;
	border-left: 4px solid #ff7200;
	font-weight: bold;
	padding: 10px;
}
.mdj_columndetail .title04 {
	margin: 15px 0;
	background: #e9e9e9;
	border-left: 4px solid #f56075;
	font-weight: bold;
	padding: 10px;
}
.mdj_columndetail p {
	margin: 10px 0;
}
.mdj_columndetail .mdj_columndetailimg {
	margin: 10px 0;
	text-align: center;
}
.mdj_columndetail .mdj_columndetailimg img {max-width:100%;height: auto;width /****/:auto;}
.mdj_columndetailWrap .pager02 {
	text-align: center;
	margin: 15px 0 0 0;
}
.mdj_columndetailWrap .pager02 img {
	vertical-align: middle;
}
.mdj_columndetailWrap .pager02 .pager_btn {
	display: inline-block;
	line-height: 20px;
	font-size: 11px;
	font-weight: bold;
	color: #000066;
	border: 1px solid #000066;
	text-decoration: none;
	padding: 0 8px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 0 16px;
}
.mdj_columndetailWrap .pager02 .pager_btn:hover {
	color: #ffffff;
	background: #000066;
}

@media all and (max-width: 768px) {
	.mdj_columndetail {margin:0 10px;}
.mdj_columndetail .title01, .mdj_columndetail .title02, .mdj_columndetail .title03, .mdj_columndetail .title04 {
	margin: 15px 0;
}
.mdj_columndetailWrap .mdj_current_columnCategory {
	margin: 20px 10px 0 10px;
}
.mdj_columndetail p {
	margin: 10px;
}
}
@media all and (max-width: 768px) {
.mdj_spBox {
    padding: 0 10px;
}
}

#en .mdj_columnistText {font-size:18px;}