/* ****************************************************
  採用ブログ｜詳細ページ：記事コンテンツ外
**************************************************** */

#wrap #mainWrap {
	margin-top: 0;
}
 .pankuzuBox #pankuzu {
    padding: 15px 0 15px 10px;
}

/* =========================================================
#headArea 記事のタイトルや日付など
========================================================= */
.blog {
	background-color: #6C512D;
}
#headArea {
	padding: 80px 30px 0px;
	position: relative;
	background-color: #FFF;
}
/* 左上のカテゴリ スラッグで背景色変化させる */
#categoryLabel {
	position:	absolute;
	top: 0px;
	left: 30px;
	/* padding: 15px 30px; */
	text-align: center;
	font-size: 13px;
	color:#fff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/* width: 100%; */
	display: block;
}
#categoryLabel a {
	color: #fff;
	text-decoration: none;
	display: block;
	/* width: 100%; */
	padding: 15px 30px;
}
#categoryLabel a {
	color: #fff !important;
}
/* 右上の日付 */
#dateArea {
	font-size: 13px;
	color: #7E7E7E;
	position: absolute;
	top: 30px;
	right: 30px;
}
#dateArea .date {
	line-height: 1.5em;
}
#dateArea .update {
	margin-left: 20px;
	line-height: 1.5em;
}
#dateArea .update .fa-repeat {
	margin: 0 5px 0 10px;
}
/* タイトル */
#title {
	font-size: 28px;
	font-weight: bold;
	line-height: 1.5em;
	word-break: break-all;
}
/* 筆者 */
#author {
	font-size: 14px;
	color: #333;
	margin: 20px 0;
	padding-left: 16px;
}
#author img {
	width: 25px;
	height: 25px;
	border-radius: 100%;
	vertical-align: middle;
	margin-right: 10px;
}
/* タグ関連（現在は未使用） */

#headArea .tag {
	margin: 20px 0;
	padding: 5px 0;
}
#headArea .otherSns {
	display: none;
}
#headArea .tag span a,
#ftContent .tag span a,
#mainArea .tag span a {
	height: 12px;
	font-size: 12px;
	line-height: 1.2;
	letter-spacing: 2px;
	color: #333;
	text-decoration: none;
	background-color: #fff;
	background-image: url(../../common/img/ico_tag_01.png);
	background-repeat: no-repeat;
	background-position: left 12px center;
	background-size: 13px;
	float: left;
	border: 1px solid #D6D6D6;
	margin: 0 5px 5px 0;
	padding: 5px 10px 5px 35px;
	-webkit-border-radius: 20px 20px 20px 20px / 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px / 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px / 20px 20px 20px 20px;
}
#mainWrap a:hover {
	opacity: 0.7;
}
/*** SNSボタン ***/
.simpleSns {
	padding: 0px 0px 30px;
}
.simpleSns a {
	text-indent: -9999px;
	display: inline-block;
	height: 20px;
	margin-right: 5px;
	background-repeat: no-repeat;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.simpleSns a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.simpleSns a.x{
	background: url(../../common/img/sns/ico_x_01.png);
	width: 66px;
}
.simpleSns a.facebook{
	background: url(../../common/img/sns/ico_facebook_01.png);
	width: 70px;
}
.simpleSns a.line{
	background: url(../../common/img/sns/ico_line_01.png);
	width: 95px;
}
.simpleSns a.pocket{
	background: url(../../common/img/sns/ico_pocket_01.png);
	width: 75px;
}
.simpleSns a.hatena{
	background: url(../../common/img/ico_hatena_01.png);
	width: 70px;
}
.simpleSns a.feedly{
	background: url(../../common/img/sns/ico_feedly_01.png);
	width: 75px;
}
.simpleSns a.mail{
	background: url(../../common/img/sns/ico_mail_01.png);
	width: 75px;
}
.modalParentSns,
.modalSns {
	display: none;
}


/* =========================================================
#ftContent 記事の一番下にある、「この記事を書いた人」部分
========================================================= */

/*** 記事の末尾にある著者 ***/
#ftContent {
	color: #333;
	background-color: #F7F7F0;
	margin: 30px;
	padding: 30px 30px 30px 140px;
	position: relative;
	min-height: 90px;
}
#ftContent #ftAuthorLogo {
	/*
	text-indent: -9999px;
	background-color: #FFF;
	background-image: url(../../common/img/ico_logo_01.png);
	background-position: center;
	background-repeat: no-repeat; */

	position: absolute;
	top: 30px;
	left: 30px;
}
#ftContent #ftAuthorLogo img {
	border-radius: 80px;
	width: 90px;
	height: 90px;
}
#ftContent #ftAuthorDefaultLogo {
	width: 80px;
	height: 80px;
	text-indent: -9999px;
	background-color: #FFF;
	background-image: url(../../common/img/ico_logo_01.png);
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 80px;
	position: absolute;
	top: 30px;
	left: 30px;
}
#ftContent #ftAuthor {
	margin: 10px 0;
	font-size: 16px;
	font-weight: bold;
}
#ftContent #ftAuthor .authorName {
	/*color: #6A90A1;*/
	margin-left: 5px;
}
#ftContent #ftAuthor a {
	text-decoration: none;
	color: #624239;
}
#ftContent #ftAuthor a:hover {
	color: #C77D23;
}
#ftContent .tag p,
#mainArea .tag p {
	font-size: 13px;
	background-image: url(../../common/img/ico_tag_02.png);
	background-size: 13px;
	background-position: left center;
	background-repeat: no-repeat;
	margin-top: 15px;
	padding-left: 23px;
}
#ftContent .ftAuthorTxt {
	line-height: 20px;
	font-size: 13px;
}
#ftContent .authorDescription {
	font-size: 13px;
	line-height: 20px;
	color: #4B4B4A;
}

#ftSns {
	padding: 0 30px;
}


/* ================================================================================
おすすめ商品・サービス
================================================================================ */
#recommendProduct {
	margin: 50px 30px;
}
#recommendProduct .titTxt {
	color: #FFF;
    background-color: #B19871;
    line-height: 40px;
    border-radius: 20px;
    padding-left: 20px;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.5px;
    margin-top: 50px;
}

#recommendProduct .recommendContent {
	padding-top: 10px;
	margin-top: 30px;
	margin: 30px;
}
#recommendProduct .recommendContent .contentImg  {
	float: left;
	width: 214px;
	height: 90px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}
.orderLine .contentImg {
	border-top: 5px solid #4F1F15;
}
.formatLine .contentImg {
	border-top: 5px solid #2DB5A9;
}
.rengotai .contentImg {
	border-top: 5px solid #ECD730;
}
#recommendProduct .recommendContent .contentImg .titImg {
	padding: 20px 0;
}
#recommendProduct .recommendContent .contentImg a {
	display: block;
}
#recommendProduct .recommendContent .contentTxt {
	width: 430px;
	height: 260px;
	position: relative;
	float: right;
}
#recommendProduct .recommendContent .contentTxt h3 {
	font-size: 16px;
	color: #6E3E2C;
	font-weight: bold;
	line-height: 25px;
}
#recommendProduct .recommendContent .contentTxt p {
	font-size: 13px;
	color: #333;
	line-height: 23px;
	margin-top: 10px;
	letter-spacing: 0.5px;
}
#recommendProduct .recommendContent .contentTxt .contentOther {
	position: absolute;
	top: 200px;
}
#recommendProduct .recommendContent .contentTxt .contentOther a {
	position: absolute;
}
#recommendProduct .recommendContent .contentTxt .contentOther a:hover {
	opacity: 0.7;
}
#recommendProduct .recommendContent .contentTxt .pdfBtn {
	background-image: url("/resources/corporate/img/icon/ico_pdf.png");
	background-size: 17px auto;
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0px 5px 0 27px;
	color: #475354;
	font-size: 14px;
	width: 150px;
	height: 40px;
	line-height: 40px;
}
#recommendProduct .recommendContent .contentTxt .detailBtn {
	display: inline-block;
	width: 110px;
	height: 40px;
	border: solid #D2D0CA 1px;
	border-radius: 3px;
	text-align: center;
	line-height: 40px;
	font-size: 14px;
	color: #475354;
	font-weight: bold;
	text-decoration: none;
	background: -moz-linear-gradient(top, #FFF 94%, #E9E5E0 0%);
	background: -webkit-linear-gradient(top, #FFF 94%, #E9E5E0 0%);
	background: linear-gradient(to bottom, #FFF 94%, #E9E5E0 0%);
	left: 160px;
	margin-left: -5px;
}
#recommendProduct .recommendContent .contentTxt .inquiryBtn {
	display: inline-block;
	width: 150px;
	height: 40px;
	border: solid #DAC507 1px;
	border-radius: 3px;
	text-align: center;
	line-height: 40px;
	font-size: 14px;
	color: #4B433D;
	font-weight: bold;
	text-decoration: none;
	background: -moz-linear-gradient(top, #EDD900 94%, #DAC507 0%);
	background: -webkit-linear-gradient(top, #EDD900 94%, #DAC507 0%);
	background: linear-gradient(to bottom, #EDD900 94%, #DAC507 0%);
	left: 275px;
}
#recommendProduct .recommendContent:nth-child(n+3) {
	border-top: 1px solid #D6D6D6;
	padding-top: 30px;
}

/* ================================================================================
.newColumn 合わせて読みたい！新着コラム
================================================================================ */
.cornerParent {
	position: relative;
}
.newColumn {
	margin-top: 40px;
	padding: 30px;
	background-color: #FFF;
	border: 1px solid #E1E1E1;
	position: relative;
}
.slash {
	content: "";
	background-image: url(../../common/img/bg_slash_01.gif);
	background-size: 30px;
	background-position: left top;
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	left: 0;
	width: 30px;
	height: 30px;
	z-index: 1;
}
.newColumn h3 {
	height: 40px;
	line-height: 40px;
	padding-left: 55px;
	margin-bottom: 25px;
	font-size: 18px;
	font-weight: bold;
	background-image: url("/resources/corporate/img/icon/ico_newColumn_01.png");
	background-repeat: no-repeat;
	background-position: left center;
}
.newColumn h3 .onlyPC {
	display: inline;
}
.newColumn li {
	padding: 20px 0;
	border-top: 1px solid #F1F1EC;
	position: relative;
	min-height: 130px;
}
.newColumn li:last-child {
    border-bottom: 1px solid #F1F1EC;
    margin-bottom: 20px;
}
.newColumn .photoArea {
	float: right;
	width: 240px;
	margin-left: 15px;
	border: 1px solid #E1E1E1;
}
.newColumn .photoArea img {
	width: 100%;
	height: 156px;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}
.newColumn li .contentLink {
	display: block;
	color: #624239;
	text-decoration: none;
}
.newColumn li .contentLink:hover {
	color: #C77D23;
	opacity: 1;
}
.newColumn li .headArea {
	vertical-align: middle;
}
.newColumn .rightArea {
	width: 480px;
	display: inline-block;
}
.newColumn .date {
	color: #929292;
	margin-left: 10px;
}
.newColumn .title {
	margin: 10px 0;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5em;
	word-break: break-all;
}
.newColumn .description {
	line-height: 1.8em;
	font-size: 13px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.newColumn a.topLink {
	font-size: 13px;
	color: #666;
	text-decoration: none;
	margin: 20px 0 0;
	display: inline-block;
}
.tagText {
	height: 18px;
	background-image: url("https://ralsnet.jp/resources/common/img/ico_tag_01.png");
	background-repeat: no-repeat;
	background-position: left top 4px;
	background-size: 13px;
	padding-left: 17px;
	line-height: 1.0em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
}
/* タグを表示する際はこちらの要素を外す ここから*/
.newColumn li .tagText {
	display: none;
}
/* タグを表示する際はこちらの要素を外す ここまで */
.newColumn li .tagText {
	width: 463px;
	position: absolute;
	left: 0;
	bottom: 30px;
	line-height: 20px;
}
.recomColumn .pcLink {
	border-top: 1px solid #F1F1EC;
	padding-top: 35px;
	text-align: center;
}
.recomColumn .linkList {
	margin-top: 20px;
	text-align: right;
	font-size: 13px;
}
.recomColumn a.listLink {
	position: relative;
	width: 720px;
	color: #4D4540;
	font-size: 19px;
	line-height: 25px;
	font-weight: bold;
	padding: 25px 0px;
	margin: 0 auto;
	text-align: center;
	text-decoration: none;
	border: 4px solid #4D4540;
	display: block;
}
.recomColumn a.listLink::before {
	position: absolute;
	width: 8px;
	height: 8px;
	right: 30px;
	top: 32px;
	content: '';
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	vertical-align: middle;
	border-top: 3px solid #4a413f;
	border-right: 3px solid #4a413f;
}

.recomColumn .linkList a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.recomColumn .listLink.onlySP {
	display: none;
}

/*** ラルマネのみの文言用 ***/
.onlyManager {
	display: none !important;
}
.onlyLinkManager {
	pointer-events: none;
    color: #333 !important;
}


/* ================================================================================
recruit-blog start
================================================================================ */

/* 詳細ページの場合タブは表示させない */
.tabArea {
	display: none;
}
#headArea #author {
	font-weight: bold;
}
#headArea #author a {
	color: #624239;
	text-decoration: none;
}
#headArea #author a:hover {
	color: #C77D23;
}

.newColumn li .tagText {
	display: block;
	bottom: 40px;
}
.newColumn li .tagText span {
	margin-right: 3px;
}
.newColumn li .tagText span object {
	padding-right: 3px;
}
/* 執筆者同じコンテンツ */
.newColumn .rightArea.noPhoto {
	width: 100%;

}



#author {
	margin-bottom: 10px;
}
#headArea .tag {
	margin-top: 10px;
	margin-bottom: 0;
}
.txtArea .tag p {
	font-weight: bold;
}

/*** recruit-blog ページング ***/

.pagingArea {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	border-top: 1px solid #E1E1E1;
	padding: 15px 0;
}
.pagingArea li a {
	font-size: 15px;
	font-weight: bold;
	color: #4F4441;
	line-height: 1.6;
	text-decoration: none;
	vertical-align: text-top;
}
.pagingArea li a img {
	width: 60px;
    height: 40px;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    vertical-align: middle;
}
.pagingArea .pagePrev,
.pagingArea .pageNext {
    padding: 0px 30px;
    width: 49%;
    height: 95px;
    overflow: hidden;
    box-sizing: border-box;
    word-break: break-all;
}
.pagingArea .pagingTitle {
    display: inline-block;
    width: 300px;
	max-height: 50px;
    vertical-align: middle;
	display: -webkit-inline-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.pagingArea .pagingTitle.thisImg {
	width: 240px;
}
.pagingArea .prevTitle,
.pagingArea .nextTitle {
	display: block;
    padding: 5px 0;
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: normal;
    text-align: center;
    background: #F7F7F0;
}
.pagingArea .pagePrev .pagingTitle {
	margin-left: 10px;
}
.pagingArea .pagePrev img {
	margin-left: 10px;
}
.pagingArea .pageNext .pagingTitle {
	margin-right: 10px;
}
.pagingArea .pageNext img {
	margin-right: 10px;
}
.pagingArea .separate {
    border-right: 1px solid #E1E1E1;
}
.pageList {
	padding: 35px 0;
    border-top: 1px solid #E1E1E1;
    text-align: center;
}
.pageList a {
	width: 200px;
    border: 3px solid #4F4441;
    color: #4F4441;
    font-weight: bold;
    display: inline-block;
    text-decoration: none;
    padding: 15px 45px;
}

.newsDetail .pageList a {
	width: 350px;
}


/* recruit-blog 下部 sameAuthor */
.sameAuthor .newColumn h3 {
	height: 60px;
	line-height: 60px;
	margin-bottom: 15px;
	background: none;
	padding-left: 0;
}
.sameAuthor .newColumn h3 img {
	width: 40px;
	height: 40px;
	border-radius: 100%;
	vertical-align: middle;
	margin-right: 5px;
}
.sameAuthor .newColumn h3 a {
	text-decoration: none;
	color: #624239;
}
.sameAuthor .newColumn h3 a:hover {
	color: #C77D23;
}
.sameAuthor .newColumn ul li .author .recomAuthLink,
.newBlogPost .newColumn ul li .author .recomAuthLink {
	color: #624239;
	text-decoration: none;
	padding-left: 5px;
}
.sameAuthor .newColumn ul li .author .recomAuthLink:hover,
.newBlogPost .newColumn ul li .author .recomAuthLink:hover {
	color: #C77D23;
}
.newColumn ul li .author {
	position: absolute;
	bottom: 20px;
}
.sameAuthor .newColumn ul li .author img,
.newBlogPost .newColumn ul li .author img {
	width: 30px;
	height: 30px;
	border-radius: 100%;
	vertical-align: middle;
	margin-right: 5px;
}