/*
Theme Name: Lightning Child
Theme URI:
Template: lightning
Description: Lightning子テーマ
Author: Aki Saito
Tags: 
Version: 0.5.1
*/

body {
    font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif !important;
}
:root {
    --vk-color-text-body: #04060b;
}
.widget{
	margin-bottom:0;
}
/*サブメニュー*/
.global-nav-list .sub-menu li a:hover {
    background-color: #fff;
	color:var(--vk-color-primary-vivid);
}
/*リンク色*/
a {
	color:#1e73be;
}
a:hover{
	color:#1e73be;
}
/*フッターリンク色*/
aside.widget a {
	color:#fff;
}
aside.widget a:hover {
	color:#fff;
}
/*トップへボタン*/
.page_top_btn {
	background: #141F44;
	box-shadow: 0 0 0 1px rgb(255 255 255 / 80%), 0 0 0 2px rgb(20 31 68 / 80%);
	background-image: var(--ver_page_top_button_url);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
}
/*ボトムマージン*/
.nospace{margin-bottom: 0;}

/*logo*/
.site-header-logo img {
    max-width: 200px;
}

/*パンクズリスト*/
.breadcrumb {
padding-top: 5px;
border-bottom: none;
}
.breadcrumb-list li {
margin-right: 7px;
}
.breadcrumb-list__item {
transform: skewX(-15deg);
padding: 3px 10px 5px 10px;
box-shadow: 1px 1px 3px #ccc;
}
.breadcrumb-list__item a,
.breadcrumb-list__item > span,
.breadcrumb-list li:after {
display: inline-block;
transform: skewX(15deg);
color: var(--vk-color-primary-dark);
}
.breadcrumb-list__item a {
text-decoration: none;
}
.breadcrumb-list li:after {
content: '\0bb';
margin-right: 0;
}

/*reCAPTCHA v3位置変更*/
.grecaptcha-badge {
	bottom: 100px !important;
}

/*フォームラベル*/
.item {
	margin:1em;
	padding:1em;
	border-top: solid 1px #eeeeee;
	/*border-radius: 5px;*/
}
.labarea{
margin-bottom:0.5em;
	font-weight:600;
}
/*.inarea{
	min-height:3em;
	margin-bottom:1em;
	background: #fff;
	padding: 0.5em;
	border: solid 1px #fff;
	border-radius: 5px;
}*/
/*フォーム　必須バッジ*/

.form_req{
	margin:0 0.5em 0.5em 0;
	padding:3px;
	background-color:#cf2e2e;
	border:solid 1px #cf2e2e;
	border-radius:5px;
	color:#fff;
	font-size:60%;
}
.form_any{
	margin:0 0.5em 0.5em 0;
	padding:3px;
	background-color:#cccccc;
	border:solid 1px #cccccc;
	border-radius:5px;
	color:#fff;
	font-size:60%;
}

table.contact-table {
	border:0px solid #fff;
}
table.contact-table th {
	vertical-align:top;
	text-align:left;
}
div#contact input {
	max-width:25em;
	min-width:20em;
}
div#contact input.your-kinds,div#contact input.your-sex,#catalog input.your-catalog {
	max-width:1em;
	min-width:1em;
}
div#contact select#your-age {
	width:10em;
}
div#contact input.your-name,div#contact input.your-furi {
	width:18em;
}
div#contact input#zip {
	max-width:10em;
	min-width:8em;
}
div#contact input.addr,
div#contact input.addr2 {
	width:20em;
}
.form_button{
	margin-top:1em;
	text-align:center;
}
.mw_wp_form .error {
    font-size: 80%;
    color: #b70000;
    display: inline-block;
    background-color: #FFEBEB;
}
/*フォーム設定ここまで*/

.vk_posts .postListText_title {
    /*  投稿タイトル と New!! の順番を入れ替え */
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
}

.vk_post_title_new {
    /* 余白を調整 */
    margin-left: unset;
    margin-right: 0.5em;
}

/*フッター　リンク色*/
p.ft_address a {color:#337ab7;}

/**/
aside.widget a {
    color: var(--vk-color-text-body);
}
aside.widget a:hover {
    color: var(--vk-color-text-body);
}

/*採用情報フッター*/
body.page-id-79 div.site-body-bottom,/*採用情報*/
body.page-id-2624 div.site-body-bottom,/*お知らせ*/
body.page-id-4526 div.site-body-bottom,/*ブログ*/
body.page-id-87 div.site-body-bottom,/*新卒採用*/
body.page-id-81 div.site-body-bottom,/*中途採用*/
body.page-id-2618 div.site-body-bottom,/*エントリーフォーム*/
body.page-id-2620 div.site-body-bottom,/*エントリーフォーム確認*/
body.page-id-2622 div.site-body-bottom,/*エントリーフォーム完了*/
body.page-id-67 div.site-body-bottom,/*代表メッセージ*/
body.page-id-85 div.site-body-bottom,/*働く環境*/
body.page-id-2616 div.site-body-bottom,/*社員インタビュー*/
body.postid-2923 div.site-body-bottom,/*社員インタビュー R.K テクニカルセクション.1*/
body.postid-2916 div.site-body-bottom,/*社員インタビュー M.O テクニカルセクション.2*/
body.postid-2909 div.site-body-bottom,/*社員インタビュー T.K テクニカルセクション.2*/
body.postid-2903 div.site-body-bottom,/*社員インタビュー A.O　テクニカルセクション.3　*/
body.postid-2896 div.site-body-bottom,/*社員インタビュー T.K　テクニカルセクション.3*/
body.postid-2884 div.site-body-bottom,/*社員インタビュー S.I　テクニカルセクション.4　*/
body.postid-2874 div.site-body-bottom,/*社員インタビュー N.S　Fish & Robo Base　*/
body.postid-2865 div.site-body-bottom,/*社員インタビュー K.M　サポートカプセル*/
body.notification-template-default div.site-body-bottom,/*採用情報 お知らせ*/
body.blog-template-default div.site-body-bottom {/*採用情報 ブログ*/
display:none;
}
.recruit-localnav .category-pages-navi li.current a {
    background: #000;
    color: #FFF;
}
.recruit-localnav .category-pages-navi {
    width: 100%;
    margin-bottom: 35px;
}
ul.category-pages-navi {
    display: flex;
    font-weight: 600;
    border-left: 1px solid #EEE;
    padding-left:0;
}
.recruit-localnav .category-pages-navi li {
    width: 20%;
}
@media only screen and (min-width: 768px){
.recruit-localnav .category-pages-navi a {
    height: 50px;
}
}
.recruit-localnav .category-pages-navi a {
    display: flex;
    padding: 0 5px;
    line-height: 1.2;
    align-items: center;
    justify-content: center;
}

ul.category-pages-navi li a {
    display: block;
    border-right: 1px solid #EEE;
    padding: 1em 2em;
    text-decoration: none;
    color: #000;
}
@media screen and (max-width: 991px) {/*TB以下*/
ul.category-pages-navi li a {
    padding: 1em 0.5em !important;
	font-size:12px;
	}
}
@media screen and (max-width: 767px) {/*SP以下*/
ul.category-pages-navi li a {
    padding: 0.5em 0.5em !important;
	font-size:10px;
	}
}
ul.category-pages-navi li a:hover {
    background-color: #000;
    color: #FFF;
    opacity: 1;
}

@media screen and (min-width: 992px) {/*PC*/
  /*nav.tb-nav {display:none;}*/
	nav.sp-nav {display:none;}
}
@media screen and (max-width: 991px) {/*TB以下*/
	/*nav.pc-nav {display:none;}*/
	nav.sp-nav {display:none;}
}
@media screen and (max-width: 767px) {/*SP以下*/
	nav.pc-nav {display:none;}
	nav.sp-nav {display:contents;}
}

/*社員インタビュー*/
div.bp-xs {
	display:none !important;
}
@media screen and (max-width: 781px) {/*781px以下 */
	div.bp-md {
		display:none !important;
	}
	div.bp-xs {
		display:flex !important;
	}
}