@charset "UTF-8";

/*!
Theme Name: Cocoon Genx Recruit Engineer
Description: Cocoon専用の子テーマ
Theme URI: https://genxgroup.jp/engineer/
Author: GENXグループ
Author URI: https://www.genxgroup.jp
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*テーマCSS本体*/
@import "../cocoon-genx-recruit-engineer/css/import.css";


/*CocoonのCSSのリセット*/
body #wrapper{ line-height: 1.4; }
a:where(:not(.wp-element-button)) {
    text-decoration: none;
}
.container { padding:0; width: 100%; }
.container { max-width:unset; }
#wrapper .main{
	background: none;
	width: auto;
	padding: 0;
	border: none;
	border-radius: unset;
}
.footer{
    padding: 0;
}
.footer-bottom {
    margin-top: 0;
    padding: 0;
 ? ?font-size: 1em;
}
.wrap{ width: auto; }

.content{
	width: 90%;
	margin-left:auto;
	margin-right:auto;
	display:block;
	margin-top:0;
}
.body .article{ margin: 0; }
#wrapper .entry-title{ margin: 0; }
#wrapper .content{ width:auto; }
.header .tagline { margin:0;}
.entry-content,.entry-content>#contents{
	margin-bottom: 0;
}
.footer{ margin-top: 0; padding-left:0; padding-right:0;}
.home .footer{ margin-top: -15px; }
a{color:#000;text-decoration:none; }

.pagination-next{ display:none; }

/*カテゴリーのサイドバーを削除*/
#wrapper .sidebar{ display:none; }

#content-in{ display:block; }


/************************************
**一覧カード
************************************/
.a-wrap{ background:#FFF; border-bottom:#f1efe9 solid 1px; border-left:}
.entry-card-wrap.a-wrap{ border-left:#ff6b00 solid 5px; padding-bottom:1em;}
.a-wrap:hover {background:#f1efe9; }
.entry-card-title{ padding:1em 0 0.5em; font-size:1.24em;}
.cat-label{ display:none; }
.a-wrap.--noImage{ padding: 1.5% 3%;}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
.fz-18px { font-size:3.5vw;}
@media print, screen and (min-width: 768px) {
	body { min-width:768px; font-size:1.4vw;}
	.fz-18px { font-size:1.4vw; }
	.main { width:70%; }
	.home #content{ font-size:1em; }
} /* 768px以上で適用される　レイアウトの指定　ここまで */
@media print, screen and (min-width: 1200px) {
	body { font-size: 1.6rem; min-width:1200px; }
	.fz-18px { font-size: 1.6rem; }
	.content{ width: 1200px; }
} /* 1200px以上で適用される　レイアウトの指定　ここまで */





/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	main.main, div.sidebar{ margin: 0;}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
