@charset "utf-8";
/* Job list CSS Document */
/****求人検索 views ヘッダー****/
.path-job h1.page-title {
	font-size: 13px;
}
.path-job .view-joblist .view-header{
	position: relative;
  color: #878787;
}
.path-job .view-joblist .view-header .pagecnt{
	position: absolute;
	bottom:0px;
	right:0px;
}


.path-job main{
	background:var(--background-main-color);
}
.node.node--type-job.node--view-mode-list{
	position: relative;
	border:1px solid #EAF2F8;
	border-top:5px solid var(--orange-color-1);
	padding:10px 20px;
	margin-top: 15px;
	background:#fff;
}
.block.block-layout-builder.block-field-blocknodejobfield-job-pickup,
.block.block-layout-builder.block-field-blocknodejobfield-job-kyubo{
	display: inline-block;
}

.node.node--type-job.node--view-mode-list .layout__region--second .block{
	margin-bottom:1rem;
}
.node--type-job.node--view-mode-list .field--type-image a img{
	width:100%;
	height: auto;
	object-fit: cover;
}

.node--type-job.node--view-mode-list  {
  line-height: 1.2;
  margin-bottom: 2rem;
}
.node--type-job.node--view-mode-list .field--name-field-job-message {
  padding: 1.5rem 2rem;
  /* background-color: #fafafa; */
}

.node--type-job.node--view-mode-list h2,
.node--type-job.node--view-mode-list .block-field-blocknodejobtitle a{
	color:var(--h1-color);
	font-size:1.8rem;
	font-weight: 600;
}
.node--type-job.node--view-mode-list .layout--twocol-section {
	flex-wrap: nowrap;
  margin-top: 1rem;
}
.node--type-job.node--view-mode-list .layout--twocol-section .layout__region.layout__region--first{
	/* padding-right:40px; */
  padding-right: 2rem;
}
.node--type-job.node--view-mode-list .layout--twocol-section .layout__region.layout__region--second .field .field__label{
	font-weight:600;
	white-space: nowrap;
	color:var(--first-color);
}
.node--type-job.node--view-mode-list .block.block-field-blocknodejobfield-job-occupation .field ,
.node--type-job.node--view-mode-list .block.block-field-blocknodejobfield-job-description .field ,
.node--type-job.node--view-mode-list .block.block-field-blocknodejobfield-job-employment-type .field ,
.node--type-job.node--view-mode-list .block.block-field-blocknodejobfield-job-salary-text .field {
	display:flex;
	flex-wrap: nowrap;
}
.node--type-job.node--view-mode-list .block.block-field-blocknodejobfield-job-occupation .field .field__label,
.node--type-job.node--view-mode-list .block.block-field-blocknodejobfield-job-description .field .field__label,
.node--type-job.node--view-mode-list .block.block-field-blocknodejobfield-job-employment-type .field .field__label,
.node--type-job.node--view-mode-list .block.block-field-blocknodejobfield-job-salary-text .field .field__label{
	min-width:60px;
}

.node--type-job.node--view-mode-list .layout__region--content {
  position: static;
}
.node--type-job.node--view-mode-list .block-extra-field-blocknodejobflag-flag-job .flag a {
  position: absolute;
  top: 4rem;
  left: 3rem;
  right:auto;
}
.view-empty .alert.alert-success {
  background: #fff;
  padding: 20px;
  border-radius: 5px;
  color: #000;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
h4.alert-heading {
  margin-top:0px;
  margin-bottom: 20px;
}
.view-empty .alert.alert-success p{
  margin:0px;
}
/***** 検索フォーム*****/
.layout-sidebar-first .block-views-exposed-filter-blockjoblist-page-job-search{
	padding:15px;
	background:var(--white-color);
	border:1px solid var(--orange-color-2);
	margin-top:20px;
	border-radius: 3px;
}
.layout-sidebar-first .block-views-exposed-filter-blockjoblist-page-job-search .form-actions input[type="submit"]{
	width:100%;
}
.layout-sidebar-first .block-views-exposed-filter-blockjoblist-page-job-search h2.block-title{
	margin-top:0px;
}


@media screen and (max-width: 767px) {
  .node--type-job.node--view-mode-list .layout--twocol-section {
    flex-direction: column;
  }
  
  .node--type-job.node--view-mode-list .layout--twocol-section .layout__region.layout__region--first {
    padding-right: 0;
  }
  
  .node--type-job.node--view-mode-list .field--type-image a img {
    width: 100%;
  }
  .node--type-job.node--view-mode-list .block.block-field-blocknodejobfield-job-occupation,
  .node--type-job.node--view-mode-list .block.block-field-blocknodejobfield-job-description,
  .node--type-job.node--view-mode-list .block.block-field-blocknodejobfield-job-employment-type,
  .node--type-job.node--view-mode-list .block.block-field-blocknodejobfield-job-salary-text{
		font-size:1.2rem;
  }
}

.node--type-job.node--view-mode-list .block-field-blocknodejobfield-job-salary-text .field__item p:last-child {
  margin-bottom: 0;
}


@media screen and (max-width: 767px) {
  .node--type-job.node--view-mode-list .block-extra-field-blocknodejobflag-flag-job {
    top: 3rem;
    left: 0;
    right: 1rem;
  }
  .node.node--type-job.node--view-mode-list{
    padding:5px 10px;	
  }
  .node--type-job.node--view-mode-list h2, .node--type-job.node--view-mode-list .block-field-blocknodejobtitle a{
    font-size:1.5rem;
  }
}


/* *************************************************************************************
 * Customize
 ************************************************************************************* */
.path-job .block-views-exposed-filter-blockjoblist-page-job-search{
  /* padding:15px; */
  background:var(--white-color);
  border:1px solid var(--orange-color-2);
  margin-top:20px;
  margin-bottom: 98px;
	border-radius: 10px;
	overflow: hidden;
}
@media screen and (min-width: 992px) {
	.path-job .block-views-exposed-filter-blockjoblist-page-job-search:not(.pc-form-open) form {
		display: none;
	}
}
.path-job .block-views-exposed-filter-blockjoblist-page-job-search .form-actions input[type="submit"]{
	width:100%;
}
.path-job .block-views-exposed-filter-blockjoblist-page-job-search h2.block-title {
  background-color: var(--orange-color-2);
  color: var(--white-color);
  margin: 0;
  padding: 15px 40px;
  font-size: 2.5rem;
  font-weight: 500;
	display: flex;
	align-items: center;
	gap: 16px;
  cursor: pointer;
}
.path-job .block-views-exposed-filter-blockjoblist-page-job-search h2.block-title:before {
	content: '';
	background-image: url(../img/icon/icon-search.svg);
	background-size: contain;
	background-repeat: no-repeat;
	display: block;
	width: 17px;
	height: 17px;
}

.path-job .block-views-exposed-filter-blockjoblist-page-job-search form {
  padding: 25px 40px;
  display: flex;
  flex-wrap: wrap;
  gap: 23px 49px;
  font-size: 1.6rem;
}

.path-job .block-views-exposed-filter-blockjoblist-page-job-search form > .form-item.form-type-select {
	width: calc((100% - 49px * 2) / 3);
	margin: 0;
}

.path-job .block-views-exposed-filter-blockjoblist-page-job-search form > *:not(.form-type-select) {
	width: 100%;
}

.path-job .block-views-exposed-filter-blockjoblist-page-job-search form .form-item label:not(.option),
.path-job .block-views-exposed-filter-blockjoblist-page-job-search form .form-item legend .fieldset-legend {
	font-size: 1.6rem;
}



/* .path-job .block-views-exposed-filter-blockjoblist-page-job-search form .fieldgroup legend {
	width: 100%;
	margin-bottom: 18px;
	padding-bottom: 10px;
	border-bottom: 1px solid #000;
  cursor: pointer;
}

.path-job .block-views-exposed-filter-blockjoblist-page-job-search form .fieldgroup:not(.is-open) legend {
	margin-bottom: 0;
}
.path-job .block-views-exposed-filter-blockjoblist-page-job-search form .fieldgroup:not(.is-open) .fieldset-wrapper {
	display: none;
}

.path-job .block-views-exposed-filter-blockjoblist-page-job-search form .fieldgroup legend span {
  position: relative;
  display: inline-block;
	width: 100%;
}
.path-job .block-views-exposed-filter-blockjoblist-page-job-search form .fieldgroup legend span:after {
	content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-bottom: 2px solid var(--orange-color-2);
  border-right: 2px solid var(--orange-color-2);
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  margin: auto;
}
.path-job .block-views-exposed-filter-blockjoblist-page-job-search form .fieldgroup.is-open legend span:after {
  transform: rotate(-135deg);
} */


.path-job .block-views-exposed-filter-blockjoblist-page-job-search form > details {
  border: none;
}
/* 開閉あり　*/
.path-job .block-views-exposed-filter-blockjoblist-page-job-search form > details summary {
  border-bottom: 1px solid #333;
  padding-left: 0;
  padding-bottom: 10px;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
}
/* 開閉なし　*/
.path-job .block-views-exposed-filter-blockjoblist-page-job-search form > fieldset.fieldgroup legend {
	width:100%;
	border-bottom: 1px solid #333;
	padding-left: 0;
	padding-bottom: 10px;
	font-weight: bold;
	display: flex;
	justify-content: space-between;
	margin-bottom:15px;
}

.path-job .block-views-exposed-filter-blockjoblist-page-job-search form > details summary::marker,
.path-job .block-views-exposed-filter-blockjoblist-page-job-search form > details summary::-webkit-details-marker {
  content: none;
  display: none;
}
.path-job .block-views-exposed-filter-blockjoblist-page-job-search form > details summary span.summary {
  position: relative;
  display: inline-block;
}
.path-job .block-views-exposed-filter-blockjoblist-page-job-search form > details summary span.summary:before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-bottom: solid 2px var(--orange-color-2);
  border-right: solid 2px var(--orange-color-2);
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  transition: 0.2s ease-out;
}
.path-job .block-views-exposed-filter-blockjoblist-page-job-search form > details[open] summary span.summary:before {
  transform: rotate(-135deg);
}
.path-job .block-views-exposed-filter-blockjoblist-page-job-search form > details > .details-wrapper {
  padding: 20px 0 0 10px;
}
@media screen and (max-width: 991px) {
  .path-job .block-views-exposed-filter-blockjoblist-page-job-search form > details > .details-wrapper {
    padding: 20px 0 0;
  }
}


.path-job .block-views-exposed-filter-blockjoblist-page-job-search form .form-checkboxes {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 38px;
}
.path-job .block-views-exposed-filter-blockjoblist-page-job-search form .form-checkboxes > div {
	margin: 0;
}

.path-job .block-views-exposed-filter-blockjoblist-page-job-search form .form-item-keys input {
	border: 1px solid #F57F17;
	border-radius: 6px;
	margin: 0;
  /* padding: 14px 19px 19px; */
  padding: 8px 15px 10px;
  font-size: 1.6rem;
  line-height: 1;
}

@media screen and (min-width: 992px) {
	.path-job .block-views-exposed-filter-blockjoblist-page-job-search h2.block-title {
		position: relative;
	}
	.path-job .block-views-exposed-filter-blockjoblist-page-job-search h2.block-title:after {
		content: '';
		width: 10px;
		height: 10px;
		border: 0;
		border-bottom: solid 2px var(--white-color);
		border-right: solid 2px var(--white-color);
		transform: rotate(45deg);
		position: absolute;
		top: 0;
		right: 40px;
		bottom: 0;
		margin: auto;
	}
	.path-job .block-views-exposed-filter-blockjoblist-page-job-search.pc-form-open h2.block-title:after {
		transform: rotate(-135deg);
	}
}
@media screen and (max-width: 991px) {
	.path-job .block-views-exposed-filter-blockjoblist-page-job-search h2.block-title {
		position: relative;
	}
	.path-job .block-views-exposed-filter-blockjoblist-page-job-search:not(.sp-form-open) h2.block-title:after {
		content: '';
		width: 10px;
		height: 10px;
		border: 0;
		border-bottom: solid 2px var(--white-color);
		border-right: solid 2px var(--white-color);
		transform: rotate(45deg);
		position: absolute;
		top: 0px;
		right: 40px;
		bottom: 0;
		margin: auto;
	}
}




@media screen and (max-width: 991px) {
	body.sp-form-overlaid {
		overflow-y: hidden;
	}
  .path-job .block-views-exposed-filter-blockjoblist-page-job-search {
    margin: 15px 0;
  }
	.path-job .block-views-exposed-filter-blockjoblist-page-job-search.sp-form-open form#views-exposed-form-joblist-page-job-search {
    	padding: 15px;
		padding-bottom: 200px;
    	gap: 21px 15px;
	}
  .path-job .block-views-exposed-filter-blockjoblist-page-job-search:not(.sp-form-open) form#views-exposed-form-joblist-page-job-search  {
    display: none;
  }
	.path-job .block-views-exposed-filter-blockjoblist-page-job-search.sp-form-open {
    position: fixed;
    /* top: 0; */
	  top: 60px;
    z-index: 100;
    width: 100%;
    height: 100vh;
    right: 0;
    left: 0;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    overflow-y: scroll;
  }
  .path-job .block-views-exposed-filter-blockjoblist-page-job-search h2.block-title {
    font-size: 2.0rem;
    justify-content: center;
  }
  .path-job .block-views-exposed-filter-blockjoblist-page-job-search.sp-form-open h2.block-title {
    position: relative;
  }
	.path-job .block-views-exposed-filter-blockjoblist-page-job-search.sp-form-open h2.block-title::after {
    content: '';
		background-image: url(../img/icon/close.svg);
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 5%;
  }


  .path-job.nav-show .block-views-exposed-filter-blockjoblist-page-job-search form {
    pointer-events: none;
  }

  
  .path-job .block-views-exposed-filter-blockjoblist-page-job-search form .form-item label:not(.option),
  /* .path-job .block-views-exposed-filter-blockjoblist-page-job-search form .form-item legend .fieldset-legend, */
  .path-job .block-views-exposed-filter-blockjoblist-page-job-search form > details summary {
	  font-size: 1.5rem;
  }
  form#views-exposed-form-joblist-page-job-search,
  .path-job .block-views-exposed-filter-blockjoblist-page-job-search form {
    font-size: 1.3rem;
  }

  .path-job .block-views-exposed-filter-blockjoblist-page-job-search form > .form-item.form-type-select {
    width: calc((100% - 15px * 1) / 2);
  }
	
	.path-job .block-views-exposed-filter-blockjoblist-page-job-search form .fieldgroup legend {
		margin-bottom: 24px;
    padding-bottom: 14px;
	}
	
	.path-job .block-views-exposed-filter-blockjoblist-page-job-search form .form-checkboxes {
		gap: 15px 28px;
	}

  
	.path-job .block-views-exposed-filter-blockjoblist-page-job-search form .form-item-keys input {
		font-size: 1.3rem;
		padding: 16px 14px 17px;
	}

	.path-job .block-views-exposed-filter-blockjoblist-page-job-search.sp-form-open .form-actions {
		position: fixed;
		margin-bottom: 0;
    	padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 20px;
		padding-right: 20px;
		background: #fff;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		border-top: 2px solid #ddd;
		border-radius: 0px;
		z-index: 999;
	}
}


/*カード*/
body.path-recently .node.node--type-job.node--view-mode-list,
body.path-bookmarks .node.node--type-job.node--view-mode-list,
body.path-job .node.node--type-job.node--view-mode-list {
/* 	padding: 20px 40px; */
	padding: 0;
	border: none;
	border-top: 3px solid var(--orange-color-2);
	border-radius: 10px;
	box-shadow: -1px 0px 20px 0px rgba(192, 165, 72, 0.3);
}

body.path-recently .view .flag a,
body.path-bookmarks .view .flag a,
body.path-job .view .flag a {
	position: initial;
	background: initial;
	background-color: var(--orange-color-4);
	border: 1px solid var(--orange-color-4);
	border-radius: 5px;
	height: 40px;
	max-width: 222px;
	padding: 0 20px;
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	color: var(--orange-color-2);
	text-indent: initial;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
	
}
body.path-recently .view .flag:not(.action-unflag) a:before,
body.path-bookmarks .view .flag:not(.action-unflag) a:before,
body.path-job .view .flag:not(.action-unflag) a:before {
	content: '';
	background-image: url(../img/icon/icon-star-add.svg);
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	width: 20px;
	height: 20px;
}
body.path-recently .joblist-header .ttl,
body.path-bookmarks .joblist-header .ttl,
body.path-job .joblist-header .ttl {
	/* font-size: 18px; */
  font-size: 2.4rem;
  margin-bottom: 10px;
  margin-top: 20px;
}
@media only screen and (max-width : 767px ) { 
	body.path-recently .joblist-header .ttl,
	body.path-bookmarks .joblist-header .ttl,
	body.path-job .joblist-header .ttl {
	  margin-top: 0px;
	  margin-right:25px;
	}

}

/*  */
body.path-recently .view-flag-bookmark ul li.grid,
body.path-bookmarks .view-flag-bookmark ul li.grid,
body.path-job .view-joblist ul li.grid {
	padding: 0 20px!important;
	margin-left: -20px;
	margin-right: -20px;
}
body.path-job .view-joblist ul li .node__content {
	/* display: flex;
	flex-wrap: wrap;
	gap: 0 20px; */
}
/*
body.path-bookmarks .view-flag-bookmark ul li .flag,
body.path-job .view-joblist ul li .flag {
	padding-top: 40px;
    padding-left: 50px;
}
@media only screen and (max-width : 767px ) { 
	body.path-bookmarks .view-flag-bookmark ul li .flag,
	body.path-job .view-joblist ul li .flag {
		padding-top: 20px;
		padding-left: 30px;
	}
}
*/
body.path-recently .view-recently-read-page ul li .joblist-header,
body.path-bookmarks .view-flag-bookmark ul li .joblist-header,
body.path-job .view-joblist ul li .joblist-header {
	/* width: 100%; */
	border-bottom: 2px dashed #D9D9D9;
  	margin-left: 30px;
  	margin-right: 30px;
	margin-bottom: 20px;
	padding: 0px 20px 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

body.path-recently .view-recently-read-page ul li .field--name-field-job-pickup span, 
body.path-recently .view-recently-read-page ul li .field--name-field-job-kyubo span, 
body.path-bookmarks .view-flag-bookmark ul li .field--name-field-job-pickup span, 
body.path-job .view-joblist ul li .field--name-field-job-pickup span,
body.path-bookmarks .view-flag-bookmark ul li .field--name-field-job-kyubo span, 
body.path-job .view-joblist ul li .field--name-field-job-kyubo span{
	margin-bottom:0;
}


.joblist-header .flag{
	width:100%;
	display:block;
}
/* NEW ピックアップ　急募の枠 */
body.path-recently .view-recently-read-page .pickup-kyubo-warp,
body.path-bookmarks .view-flag-bookmark .pickup-kyubo-warp,
body.path-job .joblist-header .pickup-kyubo-warp{
	width:30%;
	text-align: right;
	display: flex;
	justify-content: flex-end;
	gap:10px;
}
@media only screen and (max-width : 992px ) { 
	body.path-recently .view-recently-read-page .pickup-kyubo-warp,
	body.path-bookmarks .view-flag-bookmark .pickup-kyubo-warp,
	body.path-job .joblist-header .pickup-kyubo-warp{
		width:100%;
		text-align: left;
		display: flex;
		justify-content: flex-start;
	}
}
/*給与*/
.field--salary--ex .salary-range.field__item .field{
   display:inline-block!important;
   width: auto!important;
   flex-grow: initial;
   white-space: nowrap;
}
.field--salary--ex .salary-range.field__item  .field--name-field-job-salary-low:after {
	content: '\ff5e';
	margin-left: 2px;
	margin-right: 6px;
}
body.path-recently .view-recently-read-page ul li .joblist-content,
body.path-bookmarks .view-flag-bookmark ul li .joblist-content,
body.path-job .view-joblist ul li .joblist-content {
  display: flex;
	/* flex-wrap: wrap; */
	gap: 0 20px;
  margin: 0 40px;
}
body.path-recently .view-recently-read-page ul li .joblist-left,
body.path-bookmarks .view-flag-bookmark ul li .joblist-left,
body.path-job .view-joblist ul li .joblist-left {
	width: 250px;
}
body.path-recently .view-recently-read-page ul li .joblist-right,
body.path-bookmarks .view-flag-bookmark ul li .joblist-right,
body.path-job .view-joblist ul li .joblist-right {
	flex: 1;
}
body.path-recently .view-recently-read-page ul li .joblist-footer,
body.path-bookmarks .view-flag-bookmark ul li .joblist-footer,
body.path-job .view-joblist ul li .joblist-footer {
	width: 100%;
	margin-top: 60px;
	padding: 20px 40px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	background-color: var(--background-footer-color);
	display: flex;
	justify-content: space-between;
	gap: 23px;
}
body.path-recently .node--view-mode-list .node__links li,
body.path-bookmarks .node--view-mode-list .node__links li,
body.path-job .node--type-job.node--view-mode-list .node__links li {
  padding: 0;
}
body.path-recently .view-recently-read-page .joblist-footer .field--name-field-jobex-jobno,
body.path-bookmarks .view-flag-bookmark .joblist-footer .field--name-field-jobex-jobno,
body.path-job .view-joblist .joblist-footer .field--name-field-jobex-jobno {
  /*flex: 1;*/
  display: flex;
  align-items: center;
  gap: 2px;
  /* gap: 10px; */
}
body.path-recently .view-recently-read-page .joblist-footer .field--name-field-jobex-jobno:before,
body.path-bookmarks .view-flag-bookmark .joblist-footer .field--name-field-jobex-jobno:before,
body.path-job .view-joblist .joblist-footer .field--name-field-jobex-jobno:before {
	content: 'No.';
}

/* 更新日 **/
body.path-recently .view-recently-read-page .joblist-footer .joblist-update-id,
body.path-bookmarks .view-flag-bookmark .joblist-footer .joblist-update-id,
body.path-job .view-joblist .joblist-footer .joblist-update-id{

  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex: 1;
  gap: 2px;
}

@media screen and (min-width: 768px) {
  /* body.path-job .view-joblist .joblist-footer .field--name-field-job-id {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 10px;
  } */
  body.path-recently .node--view-mode-list .node__links,
  body.path-bookmarks .node--view-mode-list .node__links,
  body.path-job .node--type-job.node--view-mode-list .node__links {
    max-width: 168px;
    width: 100%;
    margin-left: auto;
  }
  body.path-recently .node--view-mode-list .node__links a,
  body.path-bookmarks .node--view-mode-list .node__links a,
  body.path-job .node--type-job.node--view-mode-list .node__links a {
    width: 100%;
  }
  body.path-recently .node--view-mode-list .entry-link.regentry a,
  body.path-recently .node--view-mode-list .entry-link.entry a,
  body.path-recently .node--view-mode-list .entry-link.expired a,
  body.path-bookmarks .node--view-mode-list .entry-link.regentry a,
  body.path-bookmarks .node--view-mode-list .entry-link.entry a,
  body.path-bookmarks .node--view-mode-list .entry-link.expired a,
  body.path-job .node--type-job.node--view-mode-list .entry-link.regentry a,
  body.path-job .node--type-job.node--view-mode-list .entry-link.entry a,
  body.path-job .node--type-job.node--view-mode-list .entry-link.expired a {
    padding: 0 20px;
    /*max-width: 250px;*/
	height: 60px;
	padding-left:60px;
	background-image: url(/themes/custom/korejob_front/img/entry-tamura-btn.webp);
	background-repeat:  no-repeat;                         /* 画像の繰り返しを指定  */              
    background-position:left 10px center; 
  	background-size: 40px auto;

	  display: flex;
	  flex-wrap: wrap;
	  align-content: center;
	  font-size:1.4em;

  }

	/* 更新日 **/
	body.path-recently .view-recently-read-page .joblist-footer .joblist-update-id,
	body.path-bookmarks .view-flag-bookmark .joblist-footer .joblist-update-id,
	body.path-job .view-joblist .joblist-footer .joblist-update-id{
		width:100%;
		gap:16px;
	}




}

body.path-recently .node--view-mode-list .entry-link.regentry a:after,
body.path-recently .node--view-mode-list .entry-link.entry a:after,
body.path-recently .node--view-mode-list .entry-link.expired a:after,
body.path-bookmarks .node--view-mode-list .entry-link.regentry a:after,
body.path-bookmarks .node--view-mode-list .entry-link.entry a:after,
body.path-bookmarks .node--view-mode-list .entry-link.expired a:after,
body.path-job .node--type-job.node--view-mode-list .entry-link.regentry a:after,
body.path-job .node--type-job.node--view-mode-list .entry-link.entry a:after,
body.path-job .node--type-job.node--view-mode-list .entry-link.expired a:after {
	content:"最短2分でカンタン入力";
    display:block;
    width:100%;
    font-size:1.4rem;
}

.joblist-btns {
    display: flex;
    gap: 15px;
}

@media only screen and (max-width : 992px ) {
	body.path-recently .view-recently-read-page  ul li .joblist-footer,
	body.path-bookmarks .view-flag-bookmark ul li .joblist-footer,
	body.path-job .view-joblist ul li .joblist-footer {
		display: flex;
		flex-wrap: wrap;
	}

}

@media screen and (max-width: 767px) {
	.joblist-btns {
		display: flex;
		flex-wrap: wrap;
		gap: 15px;
	}


	body.path-recently .view-recently-read-page  ul li .joblist-footer,
	body.path-bookmarks .view-flag-bookmark ul li .joblist-footer,
	body.path-job .view-joblist ul li .joblist-footer {
		flex-wrap: wrap;
		gap: 15px;
		margin-top: 13px;
		padding: 20px;
	}
	body.path-recently .view-recently-read-page  ul li .joblist-footer .joblist-btns > *:not(.field--name-field-job-id),
	body.path-bookmarks .view-flag-bookmark ul li .joblist-footer .joblist-btns > *:not(.field--name-field-job-id),
	body.path-job .view-joblist ul li .joblist-footer .joblist-btns > *:not(.field--name-field-job-id) {
		width: calc((100% - 15px) / 2);
	}

	/* エントリーボタン */
	body.path-recently .view-recently-read-page ul li .joblist-footer .joblist-btns .entry-link,
	body.path-bookmarks .view-flag-bookmark ul li .joblist-footer .joblist-btns .entry-link,
	body.path-job .view-joblist ul li .joblist-footer .joblist-btns .entry-link{
		width:100%;
	}
	body.path-recently .view-recently-read-page  ul li .joblist-footer .joblist-btns .entry-link a,
	body.path-bookmarks .view-flag-bookmark ul li .joblist-footer .joblist-btns .entry-link a,
	body.path-job .view-joblist ul li .joblist-footer .joblist-btns .entry-link a{
		font-size:1.4em;
		height: 60px;
		display: flex;
		flex-wrap: wrap;
		align-content: center;


		height: 60px;
		padding-left:60px;
		background-image: url(/themes/custom/korejob_front/img/entry-tamura-btn.webp);
		background-repeat:  no-repeat;                         /* 画像の繰り返しを指定  */              
		background-position:left 10px center; 
		  background-size: 40px auto;

	}

	body.path-recently .view-recently-read-page .view-flag-bookmark ul li .joblist-footer a,
  	body.path-bookmarks .view-flag-bookmark ul li .joblist-footer a,
	body.path-job .view-joblist ul li .joblist-footer a {
		/*width: 100%;*/
		/*
		padding-left: 10px;
		padding-right: 10px;
    	font-size: 1.1rem;
		*/
	}

	/* body.path-job .view-joblist ul li .joblist-footer .field--name-field-job-id {
		order: 3;
		width: 100%;
		display: flex;
		justify-content: center;
		gap: 10px;
	} */

	body.path-recently .view-recently-read-page ul li .joblist-footer .field--name-field-jobex-jobno,
 	body.path-bookmarks .view-flag-bookmark ul li .joblist-footer .field--name-field-jobex-jobno,
	body.path-job .view-joblist ul li .joblist-footer .field--name-field-jobex-jobno {
		flex:1;
		width: 100%;
		display: flex;
		/*justify-content: center;*/
	}
}
/* 募集期間外 */
body.path-job .node--type-job.node--view-mode-list .entry-link.expired a {
	pointer-events: none;
}
@media screen and (max-width: 767px) {
	body.path-job .node--type-job.node--view-mode-list .entry-link.expired  {
		text-align: center;
	}
	body.path-job .node--type-job.node--view-mode-list .entry-link.expired a {
		padding: 0;
	}
}
@media screen and (max-width: 350px) {
	body.path-job .node--type-job.node--view-mode-list .entry-link.expired a {
		line-height: 1.5;
	}
}


body.path-recently .field--label-inline,
body.path-bookmarks .field--label-inline,
body.path-job .field--label-inline {
	display: flex;
}
body.path-recently .field--label-inline .field__label,
body.path-bookmarks .field--label-inline .field__label,
body.path-job .field--label-inline .field__label {
	width: 126px;
	background-color: #ECECEC;
	padding: 14px 15px 17px 13px;
  font-weight: 500;
}
body.path-recently .field--label-inline *:not(.field__label),
body.path-bookmarks .field--label-inline *:not(.field__label),
body.path-job .field--label-inline *:not(.field__label) {
	flex: 1;
  display: flex;
  align-items: center;
  margin: 0;
}
body.path-recently .field--label-inline > *:not(.field__label),
body.path-bookmarks .field--label-inline > *:not(.field__label),
body.path-job .field--label-inline > *:not(.field__label) {
  padding-top: 14px;
  padding-left: 17px;
  padding-bottom: 17px;
}
body.path-recently .joblist-table,
body.path-bookmarks .joblist-table,
body.path-job .joblist-table {
  margin-top: 16px;
}

body.path-recently .joblist-table .field--label-inline .field__label,
body.path-recently .joblist-table .field--label-inline > *:not(.field__label),
body.path-bookmarks .joblist-table .field--label-inline .field__label,
body.path-bookmarks .joblist-table .field--label-inline > *:not(.field__label),
body.path-job .joblist-table .field--label-inline .field__label,
body.path-job .joblist-table .field--label-inline > *:not(.field__label) {
	border-bottom: 0.5px solid #878787;
}
body.path-recently .joblist-table .field--label-inline:first-child .field__label,
body.path-recently .joblist-table .field--label-inline:first-child > *:not(.field__label),
body.path-bookmarks .joblist-table .field--label-inline:first-child .field__label,
body.path-bookmarks .joblist-table .field--label-inline:first-child > *:not(.field__label),
body.path-job .joblist-table .field--label-inline:first-child .field__label,
body.path-job .joblist-table .field--label-inline:first-child > *:not(.field__label) {
	border-top: 0.5px solid #878787;
}


/* JOBLIST SP表示用*/
body.path-recently .job-list-sp,
body.path-bookmarks .job-list-sp,
body.path-job .job-list-sp{ 
	display:none; 
}

@media screen and (max-width: 992px) {
	body.path-recently .view-recently-read-page ul li .joblist-header,
 	body.path-bookmarks .view-flag-bookmark ul li .joblist-header,
	body.path-job .view-joblist ul li .joblist-header {
		display: flex;
		flex-wrap: wrap;
		margin: 0px 16px 12px;
		padding: 16px 7px 10px;
	}
	body.path-recently .view-recently-read-page  ul li .joblist-content,
	body.path-bookmarks .view-flag-bookmark ul li .joblist-content,
	body.path-job .view-joblist ul li .joblist-content {
		display: flex;
		flex-direction: column;
    	flex-wrap: wrap;
		margin: 0 20px;
	}
	body.path-recently .view-recently-read-page  ul li .joblist-left,
	body.path-bookmarks .view-flag-bookmark ul li .joblist-left,
	body.path-job .view-joblist ul li .joblist-left {
/* 		width: 160px; */
		width: 100%;
	}
	body.path-recently .view-recently-read-page  ul li .joblist-right,
	body.path-bookmarks .view-flag-bookmark ul li .joblist-right,
	body.path-job .view-joblist ul li .joblist-right {
		width: 100%;
	}
	body.path-recently .field--label-inline .field__label,
	body.path-bookmarks .field--label-inline .field__label,
	body.path-job .field--label-inline .field__label {
		min-width: 110px;
	}
	body.path-recently .field--label-inline *:not(.field__label),
	body.path-bookmarks .field--label-inline *:not(.field__label),
	body.path-job .field--label-inline *:not(.field__label) {
		width: 80%;
		flex: none;
		display: block;
	}
	/* 時給 */
	body.path-recently .field--label-inline .field--name-field-job-salary-system,
	body.path-bookmarks .field--label-inline .field--name-field-job-salary-system,
	body.path-job .field--label-inline .field--name-field-job-salary-system{
		width: 100%;
		flex: none;
		display: block;
	}

	/*job テーブルの表示変更*/
	/*
	.joblist-table {
		overflow-x: scroll;
	}
	*/
	body.path-recently .field--label-inline .field__label,
	body.path-bookmarks .field--label-inline .field__label,
	body.path-job .field--label-inline .field__label {
		padding: 8px 8px 8px 8px;
	}
	body.path-recently .field--label-inline > *:not(.field__label),
	body.path-bookmarks .field--label-inline > *:not(.field__label),
	body.path-job .field--label-inline > *:not(.field__label) {
		padding: 8px 8px 8px 8px;
	}
	body.path-recently .field--label-inline, 
	body.path-bookmarks .field--label-inline, 
	body.path-job .field--label-inline {
        display: flex;
        /*flex-direction: column;*/
    }
	body.path-recently .field--label-inline .field__label, 
    body.path-bookmarks .field--label-inline .field__label, 
	body.path-job .field--label-inline .field__label {
		width:20%;
        min-width: 20%;
		text-align:right
    }
	body.path-recently .joblist-table .field--label-inline:first-child .field__label, 
    body.path-recently .joblist-table .field--label-inline:first-child > *:not(.field__label), 
    body.path-bookmarks .joblist-table .field--label-inline:first-child .field__label, 
    body.path-bookmarks .joblist-table .field--label-inline:first-child > *:not(.field__label), 
    body.path-job .joblist-table .field--label-inline:first-child .field__label, 
    body.path-job .joblist-table .field--label-inline:first-child > *:not(.field__label) {
        border-top: none;
    }

	/* 20250131 改修 */
	/* JOBLIST SP表示用 *************************************/
	/*
	.node--view-mode-list .joblist-header{
		padding:0;
		border-bottom:none!important;
	}
	.node--view-mode-list .joblist-header h3.ttl{
		display: none!important;
	}
	*/
	body.path-recently .job-list-sp,
	body.path-bookmarks .job-list-sp,
	body.path-job .job-list-sp{ 
		display:block; 
		width: 100%;
	}
	.job-list-sp .ttl.sp{
		margin-top: 0;
		font-size:1.6rem;
	}
	.node--view-mode-list .joblist-left .job-list-sp{
		width: calc(50% - 10px);
	}
	.node--view-mode-list .field--name-field-jobex-image{
		width: calc(50% - 10px);
	}
	.node--type-job.node--view-mode-list .field--name-field-jobex-image img{
		width: 100%!important;
		height: auto!important;
	}
	body.path-recently .view-recently-read-page ul li .joblist-left,
	body.path-bookmarks .view-flag-bookmark ul li .joblist-left,
	body.path-job .view-joblist ul li .joblist-left {
		display: flex;
		width: 100%;
		gap:10px;
	}

	.node--view-mode-list .joblist-footer .joblist-update-id{
		width: 100%!important;
		flex: 100%!important;
	}
	/* 更新日 */
	.node--view-mode-list .joblist-footer .job-new-update{
		/*display: none!important;*/
	}	
	/* job No */
	.node--view-mode-list .joblist-footer .field--name-field-jobex-jobno{
		/*display: none!important;*/
	}
	/* キャッチコピー非表示 */
	.node--view-mode-list .joblist-right .field--name-field-jobex-job-catchphrase{
		display: none!important;
	}
	/* SP時 table 非表示 *********/
	.joblist-right .joblist-table {
		display: none;
	}


	/*  SP表示用 ***********************************/
	.joblist-header .ttl{
		font-size: 1.6rem!important;
	}
	/* キャッチコピー */
	.job-list-sp .field--name-field-jobex-job-catchphrase{
		margin-top:10px;
		margin-bottom: 10px!important;
		padding:10px!important;
	}
	/*改行*/
	.job-list-sp .pre{
		white-space:pre-wrap;
	}
	.job-list-sp .field_item {
	    font-size: 1.6rem;
    	font-weight: 500;
		margin-bottom: 10px;
	}
	/* 項目アイコン */
	.job-list-sp .field_item:not(.occupation) {
		position: relative;
		padding-left: 35px;
	}
	.job-list-sp .field_item:not(.occupation):before {
		content: '';
		display: block;
		width: 20px;
		height: 20px;
		background-size: contain;
		background-repeat: no-repeat;
		position: absolute;
		top: 0;
		left: 0;
	}
	.job-list-sp .field_item.duration:before{
		background-image: url(../img/icon/icon_duration.webp);
	}
	.job-list-sp .field_item.employment:before{
		background-image: url(../img/icon/icon-job-type.svg);
	}
	.job-list-sp .field_item.salary:before{
		background-image: url(../img/icon/icon-money.svg);
	}
	.job-list-sp .field_item.worktime:before{
		background-image: url(../img/icon/icon_worktime.webp);
	}
	.job-list-sp .field_item.access:before{
		background-image: url(../img/icon/icon-pin2.svg);
	}
	.job-list-sp .field_item.carfare:before{
		background-image: url(../img/icon/icon_carfare.webp);
	}
	.job-list-sp .field_item.carfare .field--name-field-jobex-carfare-etc{
		display: inline;
	}

	/* ribbon風 *************************/
	.node--view-mode-list .new-icon span {  
		display: inline-block;
		position: absolute;
		top: -8px;
		right: 12px;
		margin: 0;
		padding: 10px 0 7px!important;
		z-index: 2;
		width: 40px;
		text-align: center;
		color: white;
		font-size: 13px;
		border-radius: 2px 0 0 0!important;
  	}
	.node--view-mode-list .new-icon span:before {
		position: absolute;
		content: '';
		top: 0;
		right: -5px;
		border: none;
		border-bottom: solid 6px #d07676;
		border-right: solid 5px transparent;
	}
	.node--view-mode-list .new-icon span:after {
		content: '';
		position: absolute;
		left: 0;
		top: 100%;
		height: 0;
		width: 0;
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-top: 10px solid #fa8383;
	}


}

/* ピックアップ */
body.path-recently .view-recently-read-page ul li .field--name-field-job-pickup,
body.path-bookmarks .view-flag-bookmark ul li .field--name-field-job-pickup,
body.path-job .view-joblist ul li .field--name-field-job-pickup {
/* 	line-height: initial; */
	display: inline-block;
	width: fit-content;
	height: auto;
}
body.path-recently .view-recently-read-page ul li .field--name-field-job-pickup span,
.job-page-title-warp .pickup-kyubo-warp .field--name-field-job-pickup span,
body.path-bookmarks .view-flag-bookmark ul li .field--name-field-job-pickup span,
body.path-job .view-joblist ul li .field--name-field-job-pickup span {
	display: inline-block;
	background-color: #4DD0E1;
	color: var(--white-color);
	padding: 11px 15px 10px;
	border-radius: 12.5px;
	white-space: nowrap;
}
/* 急募 */
body.path-recently .view-recently-read-page ul li .field--name-field-job-kyubo,
body.path-bookmarks .view-flag-bookmark ul li .field--name-field-job-kyubo,
body.path-job .view-joblist ul li .field--name-field-job-kyubo {
	display: inline-block;
	width: fit-content;
}
body.path-recently .view-recently-read-page ul li .field--name-field-job-kyubo span,
.job-page-title-warp .pickup-kyubo-warp .field--name-field-job-kyubo span,
body.path-bookmarks .view-flag-bookmark ul li .field--name-field-job-kyubo span,
body.path-job .view-joblist ul li .field--name-field-job-kyubo span {
	display: inline-block;
	background-color: #e72525;
	color: var(--white-color);
	padding: 11px 15px 10px;
	border-radius: 12.5px;
	white-space: nowrap;
}

/*NEW*/
body.path-recently .view-recently-read-page ul li .new-icon span,
.job-page-title-warp .pickup-kyubo-warp .new-icon span,
body.path-bookmarks .view-flag-bookmark ul li .new-icon span,
body.path-job .view-joblist ul li .new-icon span {
	display: inline-block;
	background-color: #ff7470;
	color: #fff;
	padding: 11px 15px 10px;
	border-radius: 12.5px;
	white-space: nowrap;
}
ul.joblist.quick li.list-item{
	position: relative;
}
.grid-new {
	position: absolute;
	top:0;
	left:0;
}
/*
.grid-new .new-icon span {
	display: inline-block;
	background-color: #fff;
	color: #e72586;
	border:solid 1px #e72586;
	padding: 2px 4px ;
	border-radius: 4px;
	white-space: nowrap;
}
	*/

	/*ribbon風*/
	.grid-new .new-icon span  {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 10px;
	box-sizing: border-box;
	padding: 0 10px;
	margin: 0;
	height: 14px;
	line-height: 14px;
	font-size: 10px;
	letter-spacing: 0.1em;
	color: white;
	background: #ff7470;
	box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.1);
  }
  .grid-new .new-icon span:before {
	position: absolute;
	content: '';
	top: -8px;
	left: -7px;
	border: none;
	height: 22px;
	width: 7px;
	background: #ff7470;
	border-radius: 5px 0 0 5px;
  }
  .grid-new .new-icon span:after {
	position: absolute;
	content: '';
	top: -7px;
	left: -5px;
	border: none;
	height: 7px;
	width: 5px;
	background: #b25552;
	border-radius: 5px 0 0 5px;
  }


/*
body.path-bookmarks .view-flag-bookmark ul li .field--name-field-job-pickup:not(:empty) + .field--name-field-job-kyubo,
body.path-job .view-joblist ul li .field--name-field-job-pickup:not(:empty) + .field--name-field-job-kyubo {
  margin-left: 10px;
}
*/
@media screen and (max-width: 767px) {
  body.path-recently .view-recently-read-page ul li .field--name-field-job-pickup span,
  body.path-recently .view-recently-read-page ul li .field--name-field-job-kyubo span,
  body.path-bookmarks .view-flag-bookmark ul li .field--name-field-job-pickup span,
  body.path-job .view-joblist ul li .field--name-field-job-pickup span,
  body.path-bookmarks .view-flag-bookmark ul li .field--name-field-job-kyubo span,
  body.path-job .view-joblist ul li .field--name-field-job-kyubo span {
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 450px) {
	body.path-recently .view-recently-read-page ul li .field--name-field-job-pickup:not(:empty) + .field--name-field-job-kyubo,
	body.path-bookmarks .view-flag-bookmark ul li .field--name-field-job-pickup:not(:empty) + .field--name-field-job-kyubo,
	body.path-job .view-joblist ul li .field--name-field-job-pickup:not(:empty) + .field--name-field-job-kyubo {
		margin-left: 0;
	}
}


/* 詳しく見る */
.node--type-job.node--view-mode-list .node__links a {
  /* display: inline-block; */
  font-weight: 600;
  color: var(--text-color);
  text-align: center;
  vertical-align: middle;
  background-color: var(--white-color);
  border: 2px solid var(--blue-color);
  padding: 0 20px;
  font-size: 1.4rem;
  /* line-height: 36px; */
  border-radius: 5px;
  height: 40px;

  line-height: 1.2;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media (hover: hover) {
  .node--type-job.node--view-mode-list .node__links a:hover {
    background-color: var(--blue-color);
    color: var(--white-color);
  }
}

.node--type-job.node--view-mode-list .field--name-field-jobex-image img {
  width: 100%;
  height: 100%;
}

.node--type-job.node--view-mode-list .field--name-field-job-message {
  padding-left: 0;
  padding-right: 0;
}
.node--type-job.node--view-mode-list .field--name-field-job-message p {
  margin-top: 0;
}
.node--type-job.node--view-mode-list .field--name-field-job-message *:last-child {
  margin-bottom: 0;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .node--type-job.node--view-mode-list .field--name-field-job-message {
    padding-left: 0;
    padding-right: 0;
  }
}

/* スクロールバー */
@media screen and (max-width: 767px) {
  .joblist-table {
    margin-top: 10px;
    padding-bottom: 3px;
  }
  .joblist-table::-webkit-scrollbar {
    width: 10px;
    height: 6px;
  }
  .joblist-table::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 5px;
    border: 0.3px solid #878787;
  }
  .joblist-table::-webkit-scrollbar-thumb {
    background: #ECECEC;
    border-radius: 5px;
    border: 0.3px solid #878787;
  }
  .joblist-table::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
}


/* ******************************************
 * 求人カード
 * ・TOP（PICK UP 求人）
 * ・求人詳細（おすすめのお仕事）
 * ******************************************/
ul.joblist.quick {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
  margin-top: 0;
  margin-bottom: 80px;
}
ul.joblist.quick li.list-item {
	width: calc((100% - 40px * 2) / 3);
	background-color: var(--white-color);
	border-radius: 10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
	box-shadow: -1px 0px 20px 0px rgba(192, 165, 72, 0.3);
	padding: 23px 23px 20px;
}
body.path-frontpage ul.joblist.quick li.list-item {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

@media screen and (min-width: 992px) {
	body.path-frontpage ul.joblist.quick li.list-item:nth-child(n+4) {
		display: none;
		transition: 0.2s ease-out;
	}
	body.path-frontpage .is-open ul.joblist.quick li.list-item:nth-child(n+4) {
		display: block;
		transition: 0.2s ease-out;
	}
}

@media screen and (max-width: 991px) {
  /* body.path-frontpage ul.joblist.quick li.list-item, */
  ul.joblist.quick li.list-item {
    border-radius: 10px;
  }
	body.path-frontpage ul.joblist.quick li.list-item:nth-child(n+5) {
		display: none;
		transition: 0.2s ease-out;
	}
	body.path-frontpage .is-open ul.joblist.quick li.list-item:nth-child(n+5) {
		display: block;
		transition: 0.2s ease-out;
	}
}

/* ul.joblist.quick li.list-item .field--name-field-job-image {
	border: 1px solid var(--orange-color-2);
	border-radius: 25px;
	margin-bottom: 21px;
	overflow: hidden;
} */
ul.joblist.quick li.list-item .field--name-field-jobex-image {
  margin-bottom: 10px;
}
ul.joblist.quick li.list-item img {
	width: 100%;
	height: 100%;
}
ul.joblist.quick li.list-item .ttl {
	margin-top: 0;
  margin-bottom: 20px;
}
ul.joblist.quick li.list-item .ttl a {
	color: var(--orange-color-2);
	/* font-size: 2.0rem; */
	font-size: 1.8rem;
	line-height: 1.3;
	letter-spacing: 0.3rem;
	overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

ul.joblist.quick li .joblist-info {
  /* margin-bottom: 40px; */
  margin-bottom: 30px;
}

ul.joblist.quick li .joblist-info .salary {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 10px;
}

ul.joblist.quick li .joblist-info .salary .field--name-field-job-salary-system {
	background-color: #E5DFD6;
	border-radius: 10px;
	padding: 8px 21px;
	/* font-size: 1.6rem; */
	font-size: 1.4rem;
	font-weight: 500;
	width: 110px;
	text-align: center;
}

ul.joblist.quick li .joblist-info .salary .range {
	flex: 1;
	font-size: 0;
}
ul.joblist.quick li .joblist-info .salary .range .field {
	display: inline-block;
	/* font-size: 1.6rem; */
	font-size: 1.5rem;
}
ul.joblist.quick li .joblist-info .salary .range .field--name-field-job-salary-low:after {
	content: '\ff5e';
	margin-left: 2px;
}

ul.joblist.quick li .joblist-info .salary .range:not(:has(.field--name-field-job-salary-low)) .field--name-field-job-salary-high:before {
	content: '\ff5e';
	margin-right: 2px;
}

ul.joblist.quick li .joblist-info > .field {
	display: flex;
	align-items: center;
	gap: 15px;
}

ul.joblist.quick li .joblist-info .field__label {
	background-color: #E5DFD6;
	border-radius: 10px;
	padding: 8px 21px;
	/* font-size: 1.6rem; */
	font-size: 1.4rem;
	font-weight: 500;
	width: 110px;
	text-align: center;
}
ul.joblist.quick li .joblist-info .field > .field__item {
	/* font-size: 1.6rem; */
	font-size: 1.5rem;
	flex: 1;
}

ul.joblist.quick li article,
ul.joblist.quick li .node__content {
	height: 100%;
}

ul.joblist.quick li .node__content {
	display: flex;
	flex-direction: column;
}

ul.joblist.quick li .joblist-info {
	margin-top: auto;
}
ul.joblist.quick li .field.field--name-field-jobex-jobno {
	margin-top: 16px;
	text-align: right;
}
ul.joblist.quick li .field.field--name-field-jobex-jobno{
    position:relative;
    right:auto;
    background-color: #fff;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    color: #000;
    padding: 0;
    letter-spacing: 0.3rem;
}

ul.joblist.quick li .field.field--name-field-jobex-jobno:before {
	content: 'No.';
}
ul.joblist.quick li .joblist-footer {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

ul.joblist.quick li .joblist-footer .node__links {
	max-width: 200px;
	width: 100%;
}

ul.joblist.quick li .joblist-footer ul.links li {
	max-width: 268px;
	width: 100%;
	padding: 0;
}

ul.joblist.quick li .joblist-footer ul.links a {
	background-color: var(--orange-color-2);
	border-radius: 9999px;
	color: var(--white-color);
	/* padding: 18px; */
  padding: 15px 10px;
	/* display: inline-block; */
	width: 100%;
	text-align: center;
	/* font-size: 1.9rem; */
	font-size: 1.6rem;
  
	display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
ul.joblist.quick li .joblist-footer ul.links a:after {
	content: '';
    width: 6px;
    height: 6px;
    border: 0;
    border-bottom: 2px solid var(--white-color);
    border-right: 2px solid var(--white-color);
    transform: rotate(-45deg);
}
ul.joblist.quick li .joblist-footer ul.links a:hover {
	opacity: 0.8;
}

ul.joblist.quick li .joblist-footer .flag a,
ul.joblist.quick li .joblist-footer .action-unflag a:hover {
	position: initial;
	width: 40px;
	height: 40px;
	background-image: url(../img/icon/icon-star02.svg);
	background-size: contain;
}

ul.joblist.quick li .joblist-footer .flag:not(.action-unflag) a:hover,
ul.joblist.quick li .joblist-footer .action-unflag a {
	background-image: url(../img/icon/icon-star02_active.svg);
}

ul.joblist.quick li .joblist-footer .flag .js-flag-message {
  display: none;
}

ul.joblist.quick li .joblist-bottom{
	display:flex;
	justify-content: space-between;
}
ul.joblist.quick li .joblist-bottom .job-new-update{
	font-size:1em;
	margin-top: 16px;
}
@media only screen and (max-width : 767px ) { 
	ul.joblist.quick li .joblist-bottom{
		display:flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding-top: 10px;
	}
	ul.joblist.quick li .joblist-bottom .job-new-update,
	ul.joblist.quick li .field.field--name-field-jobex-jobno{
		margin-top: 0;
		font-size:0.8em;
	}

	ul.joblist.quick li .joblist-bottom .job-new-update{
		font-size:0.8em;
	}
}

@media screen and (max-width: 991px) {
	ul.joblist.quick {
		gap: 16px;
	}
	ul.joblist.quick li.list-item {
		width: calc((100% - 16px) / 2);
		box-shadow: -1px 0px 10px 0px rgba(192, 165, 72, 0.3);
	}
}


@media screen and (max-width: 767px) {
	ul.joblist.quick {
		gap: 16px;
		margin-bottom: 28px;
	}
	ul.joblist.quick li.list-item {
		padding: 10px 10px 8px;
	}
	
	ul.joblist.quick li.list-item .field--name-field-job-image {
		margin-bottom: 6px;
    border-radius: 10px;
	}
	
	ul.joblist.quick li.list-item .ttl {
		margin-bottom: 10px;
	}
	ul.joblist.quick li.list-item .ttl a {
		font-size: 1.1rem;

    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	}
	
	
	
	
	ul.joblist.quick li .joblist-info {
		margin-bottom: 12px;
	}
	
	ul.joblist.quick li .joblist-info .field > .field__item {
		font-size: 1.2rem;
	}
	
	ul.joblist.quick li .joblist-info .salary {
		gap: 8px;
	}
	ul.joblist.quick li .joblist-info .salary .field--name-field-job-salary-system {
		padding: 8px 16px;
		font-size: 1.2rem;
		/* width: 80px; */
		width: 60px;
	}
	ul.joblist.quick li .joblist-info .salary .range .field {
		font-size: 1.2rem;
	}
	
	ul.joblist.quick li .joblist-info > .field {
		gap: 8px;
	}
	ul.joblist.quick li .joblist-info .field__label {
		font-size: 1.2rem;
		/* width: 80px; */
		width: 60px;
		padding: 8px 4px;
	}
	
	ul.joblist.quick li .joblist-footer ul.links a {
		font-size: 1.1rem;
		padding: 5px 6px 6px;
    	height: 27px;
	}
  ul.joblist.quick li .joblist-footer .flag a,
  ul.joblist.quick li .joblist-footer .action-unflag a:hover {
    width: 30px;
    height: 30px;
  }
}


/* 詳細 */
.job-page-title-warp{
	display:flex;
	flex-direction: column;
}

.job-page-title-warp .pickup-kyubo-warp{
	display:flex;
	gap:8px;
	padding:10px 0 0;
}
 .job-page-title-warp.pickup-kyubo-warp:empty{
	display:none;
}
@media only screen and (max-width : 991px ) {
	.job-page-title-warp{
		display:flex;
		flex-wrap: wrap;
	}
	.job-page-title-warp .page-title{
		width:100%;
		margin-bottom:10px;
	}
	.job-page-title-warp .pickup-kyubo-warp{
		width:100%;
	}
}

/*キャッチコピー*/
.joblist-content .field--name-field-jobex-job-catchphrase,
.page-node-type-job #job-head .head-right .catch-copy{
	border:solid 1px var(--orange-color-1);
	padding:20px;
	text-align:left;
	border-radius: 5px;
	margin-bottom:auto;
}
.page-node-type-job #job-head .head-right .catch-copy:before{
	display:none;
}

/* 求人検索 市区町村 *************************************/
/* 都道府県を選択してください */
.city-non-select {
    color: rgb(102, 102, 102);
    line-height: 20px;
    height: 50px;
    display: block;
    padding: 12px 8px;
    background: rgb(227, 227, 227);
    border-radius: 3px;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: rgb(166, 166, 166) !important;
    border-image: initial !important;
}



/* 市区町村 */
.views-exposed-form fieldset[data-drupal-selector="edit-city-id"] .fieldset-wrapper .bef-checkboxes {
    justify-content: flex-start;
    gap: 8px;
}

.views-exposed-form fieldset[data-drupal-selector="edit-city-id"] .fieldset-wrapper .bef-checkboxes > .form-item {
    flex-basis: calc(100% / 4 - 8px)!important;
}
@media only screen and (max-width: 767px) {
    .views-exposed-form fieldset[data-drupal-selector="edit-city-id"] .fieldset-wrapper .bef-checkboxes > .form-item {
        flex-basis: calc(100% / 3 - 8px)!important;
    }
}

/*
.views-exposed-form fieldset[data-drupal-selector="edit-city-id"] .fieldset-wrapper .bef-checkboxes > .form-item input.form-checkbox + label,
.views-exposed-form fieldset[data-drupal-selector="edit-city-id"] .fieldset-wrapper .bef-checkboxes > .form-item input.form-checkbox {
    pointer-events: none;
    background-color: #e3e3e3;
}
	*/
/* チェックボックス自体を非表示にする */
.views-exposed-form fieldset[data-drupal-selector="edit-city-id"] .fieldset-wrapper .form-checkboxes input.form-checkbox {
    display: none;
    /* 実際のチェックボックスを非表示にする */
}
/* チェックボックスがチェックされた場合のラベル全体のスタイル */
.views-exposed-form fieldset[data-drupal-selector="edit-city-id"] .fieldset-wrapper .form-checkboxes input.form-checkbox:checked + label {
    color: #fff;
    background-color: var(--orange-color-2)!important;
    border-color: var(--orange-color-2);
}
/* チェックボックスがチェックされた場合のラベル全体のスタイル */
.views-exposed-form fieldset[data-drupal-selector="edit-city-id"] .fieldset-wrapper .form-checkboxes input.form-checkbox:checked + label:after {
    color: #fff;
}
/* 市区町村ボタン */
.views-exposed-form fieldset[data-drupal-selector="edit-city-id"] .fieldset-wrapper .bef-checkboxes .form-item label {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 40px;
    font-weight: 500;
    padding: 5px;
    height: 100%;
    font-size: 1rem;
    line-height: 1.2;
    border: 1px solid #000;
    border-radius: 5px;
    background-color: #fff;
    cursor: pointer;
    transition: all .4s;
}
/*0件を非活性*/
.views-exposed-form [data-drupal-selector="edit-city-id"] .form-item input[data-job-count="0"], 
.views-exposed-form [data-drupal-selector="edit-city-id"] .form-item input[data-job-count="0"] + label {
    pointer-events: none;
    background-color: #e3e3e3!important;
}

/*　件数の0件を出す*/
/*
.views-exposed-form [data-drupal-selector="edit-city-id"] .form-item label:after {
    content: '(0)';
    display: inline-block;
    border: none;
    width: auto;
    height: auto;
    left: 0;
    margin-top: 0;
    opacity: 1;
    position: relative;
    top: 0;
    transform: none;
    border-radius: 0;
    color: #333;
}
*/

/* 検索件数 */
.job-count-area{
    text-align:center;
    margin-bottom:5px;
}
.job-count-area .job-count{
    font-weight: bold;
    font-size: 2.1rem;
    padding: 0 10px;
    color: var(--orange-color-2);
}
/* 検索タムラさん */
.job-count-area:before{
  content: "";
  display: inline-block;
  width: 60px; /* スマホで見た時の幅 */
  height: 40px; /* スマホで見た時の高さ */
  background:url(/themes/custom/korejob_front/img/search/tamura_search.webp) no-repeat;
  background-size: cover;
  background-position:0px 0px;
  margin-right: 3px;
  margin-bottom:-10px;  
}


/* ******************************************
 * 20250306　最近見たお仕事ページ・お気に入りリストページ修正
 * ******************************************/

/*お気に入りボタン*/

body.path-recently .view .flag a.use-ajax,
body.path-bookmarks .view .flag a.use-ajax,
body.path-job .view .flag a.use-ajax{
    padding: 0px ;
}

 @media only screen and (min-width: 768px){
    body.path-recently .node--type-job .joblist-footer .flag,
    body.path-bookmarks .node--type-job .joblist-footer .flag,
    body.path-job .node--type-job .joblist-footer .flag{
    max-width: 168px;
    width: 100%;
}
    body.path-recently .node--type-job .joblist-footer,
    body.path-bookmarks .node--type-job .joblist-footer,
    body.path-job .node--type-job .joblist-footer {
    gap: 22px !important;
}
}

 @media only screen and (max-width: 500px){
	body.path-recently .view .flag a.use-ajax,
    body.path-bookmarks .view .flag a.use-ajax,
    body.path-job .view .flag a.use-ajax{
    gap: 2px;
}    
    body.path-recently .view .flag a.use-ajax,
    body.path-recently .node--type-job.node--view-mode-list .node__links a,
    body.path-bookmarks .view .flag a.use-ajax,
    body.path-bookmarks .node--type-job.node--view-mode-list .node__links a,
    body.path-job .view .flag a.use-ajax,
    body.path-job .node--type-job.node--view-mode-list .node__links a{
    font-size: 1.1rem;
}
}

/******************************************/
/* 駅・路線 検索 スタイル
/******************************************/

/* 選択済表示エリアのスタイル */
.eki-data-selected  .selected-lines,
.eki-data-selected  .selected-stations{
    display:flex;
    gap:10px;
    padding:10px 0px;
	flex-wrap: wrap;
}

.ui-dialog .ui-dialog-content{
	font-size:14px;
}
.path-job .block-views-exposed-filter-blockjoblist-page-job-search form .eki-data-stations-ui{
    border:none;
    margin:0;
    padding:0;
}

.path-job .block-views-exposed-filter-blockjoblist-page-job-search form .eki-data-stations-ui legend{
    width: 100%;
    border-bottom: 1px solid #333;
    padding-left: 0;
    padding-bottom: 10px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
/*項目非表示*/
.path-job .block-views-exposed-filter-blockjoblist-page-job-search .form-item-stations-prefecture,
.path-job .block-views-exposed-filter-blockjoblist-page-job-search div[id*="edit-stations-line"],
.path-job .block-views-exposed-filter-blockjoblist-page-job-search div[id*="edit-stations-station"],
.path-job .block-views-exposed-filter-blockjoblist-page-job-search #line_station_datas{
    display:none;
}

/*eki*/
.eki-data-select-btn{
    display: block;
    width:100%;
    max-width:400px;
    padding: 0px 20px;
    background: #fff!important;
    border: solid 1px #000!important;
    border-radius: 5px;
    height: 50px!important;
    line-height: 50px!important;
    color: #000!important;
    position: relative;
	text-align: left;
}
.eki-data-select-btn:before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 18px;
    background-image: url(/themes/custom/korejob_front/img/icon/icon_train.webp);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 16px;
}
.eki-data-select-btn:before {
    filter: brightness(0);
}

.eki-data-stations-ui .eki-data-selected .selected-lines span,
.eki-data-stations-ui .eki-data-selected .selected-stations span {
    color:  var(--orange-color-2)!important;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 20px;
    border-radius: 20px;
    background-color:var(--orange-color-4)!important;
}

.selected-lines:empty,
.selected-stations:empty{
    padding:0;
}


/* 駅modal */
.eki-data-search-dlg .eki-data-search-prefectures li label:after {
    content: "";
    width: 5px;
    height: 5px;
    border-right: 2px solid var(--orange-color-2)!important;
    border-top: 2px solid var(--orange-color-2)!important;
    display: inline-block;
    transform: rotate(45deg);
    position: absolute;
    top: 40%;
    right: 20px;
}

.eki-data-search-dlg .line-title[aria-expanded="false"]:after {
    /* content: '▼'; */
    position: absolute;
    top: 40%;
    right: 20px;
    content: "";
    width: 5px;
    height: 5px;
    border-right: 2px solid var(--orange-color-2)!important;
    border-top: 2px solid var(--orange-color-2)!important;
    display: inline-block;
    transform: rotate(135deg);
}
.eki-data-search-dlg .line-title[aria-expanded="true"] {
    background: var(--orange-color-2)!important;
    color: #fff;
}
.eki-data-search-dlg .line-title[aria-expanded="false"]:hover {
    background: var(--orange-color-4)!important;
}
.eki-data-search-dlg .eki-data-search-prefectures li label:hover{
    background: var(--orange-color-4)!important;
}
.eki-data-search-dlg .eki-data-search-prefectures li input:checked + label{
    background:var(--orange-color-2)!important;
    color: #fff;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{
    float:none;
}
.ui-dialog .ui-dialog-buttonpane button {
    display: block;
    width:100%;
    max-width:400px;
    margin-left:auto;
    margin-right:auto;
    padding: 0px 20px;
    background: var(--orange-color-2)!important;
    border: solid 1px var(--orange-color-2)!important;
    border-radius: 5px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    position: relative;
}
/* 路線全選択の調整 */
.eki-data-search-dlg [aria-expanded] input{
    margin-top:-2px;
}

.change-prefecture{
    display: block;
    margin-right:auto;
    padding: 0px 20px;
    background: var(--orange-color-3)!important;
    border: solid 1px var(--orange-color-3)!important;
    border-radius: 5px;
    height: 40px;
    line-height: 40px;
    color: #333;
    position: relative;
}




/* 基本ページ 検索用ページ ********************************/
.page-node-type-page .block-views-exposed-filter-blockjoblist-page-job-search h2.block-title {
    background-color: var(--orange-color-2);
    color: var(--white-color);
    margin: 0;
    padding: 15px 40px;
    font-size: 2.5rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 16px;
    cursor: pointer;
	display: none;
}
.page-node-type-page .block-views-exposed-filter-blockjoblist-page-job-search {
    /* padding: 15px; */
    background: var(--white-color);
    border: 1px solid var(--orange-color-2);
    margin-top: 20px;
    margin-bottom: 40px;
    border-radius: 10px;
    overflow: hidden;
}
.page-node-type-page .block-views-exposed-filter-blockjoblist-page-job-search form {
    padding: 25px 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 23px 49px;
    font-size: 1.6rem;
}
.page-node-type-page .block-views-exposed-filter-blockjoblist-page-job-search form > .form-item.form-type-select {
    width: calc((100% - 49px * 2) / 3);
    margin: 0;
}
@media screen and (max-width: 991px) {
	.page-node-type-page .block-views-exposed-filter-blockjoblist-page-job-search form {
        padding: 15px;
        padding-bottom: 20px;
        gap: 5px 15px;
	}
    .page-node-type-page .block-views-exposed-filter-blockjoblist-page-job-search form > .form-item.form-type-select {
        width: calc((100% - 15px * 1) / 2);
    }
	.page-node-type-page .block-views-exposed-filter-blockjoblist-page-job-search form > *:not(.form-type-select){
		margin-bottom:0px;
	}
}

.page-node-type-page .block-views-exposed-filter-blockjoblist-page-job-search form > *:not(.form-type-select) {
    width: 100%;
}
.page-node-type-page .block-views-exposed-filter-blockjoblist-page-job-search form > fieldset.fieldgroup legend {
    width: 100%;
    border-bottom: 1px solid #333;
    padding-left: 0;
    padding-bottom: 10px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
/*駅*/
.page-node-type-page .views-exposed-form h2 {
    display: none;
}
.page-node-type-page .block-views-exposed-filter-blockjoblist-page-job-search .form-item-stations-prefecture,
.page-node-type-page .block-views-exposed-filter-blockjoblist-page-job-search div[id*="edit-stations-line"],
.page-node-type-page .block-views-exposed-filter-blockjoblist-page-job-search div[id*="edit-stations-station"],
.page-node-type-page .block-views-exposed-filter-blockjoblist-page-job-search #line_station_datas {
    display: none;
}
.page-node-type-page .block-views-exposed-filter-blockjoblist-page-job-search form .eki-data-stations-ui {
    border: none;
    margin: 0;
    padding: 0;
}
.page-node-type-page .block-views-exposed-filter-blockjoblist-page-job-search form .eki-data-stations-ui legend {
    width: 100%;
    border-bottom: 1px solid #333;
    padding-left: 0;
    padding-bottom: 10px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
/* 検索ボタン */
.page-node-type-page .block-views-exposed-filter-blockjoblist-page-job-search .form-actions{
	display: flex;
	flex-wrap: wrap;
	gap:0 16px;
}
.page-node-type-page .block-views-exposed-filter-blockjoblist-page-job-search .form-actions input[type="submit"] {
    width: calc(65% - 16px)!important;
	margin:0;
}
/* 件数 */
.page-node-type-page .block-views-exposed-filter-blockjoblist-page-job-search .form-actions .job-count-area{
	width:100%;
}
/*条件保存*/
.page-node-type-page #block-korejob-front-job-search-save {
    display: block;
}
.page-node-type-page .block-views-exposed-filter-blockjoblist-page-job-search  #spSaveBtn{
 	display:block!important;
}

.page-node-type-page #block-korejob-front-waibushezhifuomujoblistpage-job-search .floating{
     position:fixed;
     margin-bottom: 0;
     padding-top: 20px;
     padding-bottom: 20px;
     padding-left: 20px;
     padding-right: 20px;
     background: #fff;
     bottom: 0;
     left: 0;
     right: 0;
     width: 100%;
     border-top: 2px solid #ddd;
     border-radius: 0px;
     z-index: 999;
 }
 /*
 .page-node-type-page .block-views-exposed-filter-blockjoblist-page-job-search  .form-actions.floating input[type="submit"]{
     max-width:600px!important;
 }
	 */
 .page-node-type-page .block-views-exposed-filter-blockjoblist-page-job-search #edit-actions--middle{
	display:none;
 }


 .page-node-type-page .views-exposed-form .search-save h2{
	display: block;
 }