/* search-result */
#js-container .content-view:not(.content) {
  display: block;
}

#js-container.result header.mod-page-title{
  padding:12px 3% 10px;
  width:94%;
  text-align: left;
}
#js-container.result header.mod-page-title .top.inner{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align:bottom;
  float:left;
  font-size:1rem;
}
#js-container.result header.mod-page-title .top.inner span{
  font-size:1.4rem;
  font-weight: bold;
}
#js-container.result header.mod-page-title .top.inner h1{
  display: inline;
  font-size:1.4rem;
  font-weight: bold;
}
#js-container.result header.mod-page-title .top.inner h1 span{
  font-size:1.2rem;
  font-weight: normal;
}

#js-container.result header.mod-page-title .mod-page-sizer{
  display:inline-block;
  padding:0;
  line-height:1;
  float:right;
  text-align:right;
}
#js-container.result header.mod-page-title .mod-page-sizer .total {
  color:#fff;
}
#js-container.result header.mod-page-title .mod-page-sizer .total span.num {
  margin:0;
}
#js-container.result header.mod-page-title .mod-page-sizer .segment {
  color:#fff;
  margin-left:0;
}
#js-container.result header.mod-page-title .mod-page-sizer .segment span.num {
  font-size:1.2rem;
  margin:0;
}

#js-container.result #search-window {
  height: 65px;
  z-index: 100;
  background: #fff;
  width: 100%;
}
#js-container.result #search-window .mod-selectbox.item {
  float:left;
  margin:12px 2% 12px 3%;
}

/* saved search condition list link
    ========================================================================== */
#saved-search-condition-link {
  font-size: 1.2rem;
  font-weight: initial;
  float: right;
  position: relative;
  display: table;
  margin-top: 10px;
  margin-right: 23px;
  padding: 15px 20px 13px 5px;
}
#saved-search-condition-link::after {
  position: absolute;
  top: 50%;
  right: 2px;
  width: 14px;
  height: 8px;
  margin-top: -3px;
  content: '';
  background-image: url(../img/parts/parts_sprite.png);
  background-position: -62px -51px;
  background-size: 81px 61px;
}

/*sfeature*/
#js-container.result h1#sfeature-title {
  background-color: #f2f2f2;
  padding: 10px 3%;
  border-bottom: 1px solid #e3e3e4;
  color:#000;
}

/*zero-pattern*/
#js-container.result article.mod-job-info.zero-pattern {
  border-top: none;
  border-bottom: none;
  margin-bottom: 0px;
  margin-top: 0px;
}
#js-container.result article.mod-job-info.zero-pattern .zero-text {
  color:#000;
}
#js-container.result article.mod-job-info.zero-pattern .zero-text span.zero {
  color:#e94e30;
  font-size:2.4rem;
  margin-right:2px;
}
#js-container.result #search-window.zero{
  border-top:1px solid #DCDCDC;
  height:45px;
}
#js-container.result #search-window.zero ul.right-window li.detail_window {
  margin:0 auto;
  float:none;
}
#js-container.result article.mod-job-info.zero-pattern .section-inner {
  background:none;
}

/*job-index*/
#js-container.result .mod-job-index article.mod-job-index-item{
  border-top:7px solid #1E2B3E;
  border-bottom:none;
  margin-bottom:0;
}
#js-container.result .mod-job-index article.mod-job-index-item:last-child {
  border-bottom:1px solid #DCDCDC;
}
#js-container.result .mod-job-index article.mod-job-index-item.pickup{
  border-top:7px solid #EB441A;
}
#js-container.result .mod-job-index article.mod-job-index-item header.mod-job-info-header{
  background-color:#FFFCDD;
  border-bottom:1px solid #DFD8D6;
  padding:10px 3% 5px 3%;
}
#js-container.result .mod-job-index article.mod-job-index-item.pickup header.mod-job-info-header{
  background-color:#F4D2C9;
}
#js-container.result .mod-job-index article.mod-job-index-item header.mod-job-info-header .pr-area{
  line-height:2.1;
}
#js-container.result .mod-job-index article.mod-job-index-item header.mod-job-info-header .pr-area .icon.pickup{
  position:relative;
  display:inline-block;
  line-height:1;
  font-size:1.1rem;
  color:#EB441A;
  font-weight:bold;
  height:1.3rem;
  padding:0.2rem 0.3rem 0.1rem;
}
#js-container.result .mod-job-index article.mod-job-index-item header.mod-job-info-header .pr-area .icon.ribbon{
  position:relative;
  display:inline-block;
  line-height:1;
  font-size:1.1rem;
  height:1.3rem;
  padding:0.5rem 0.7rem 0;
  border-radius:0.2rem;
}
#js-container.result .mod-job-index article.mod-job-index-item header.mod-job-info-header .pr-area .icon.ribbon.orange{
  color:#fff;
  background-color:#EB441A;
}
#js-container.result .mod-job-index article.mod-job-index-item header.mod-job-info-header .pr-area .icon.ribbon.black{
  color:#fff;
  background-color:#1E2B3E;
}
#js-container.result .mod-job-index article.mod-job-index-item header.mod-job-info-header .pr-area .icon.ribbon.yellow{
  color:#000;
  background-color:#FFE700;
}

#js-container.result .mod-job-index article.mod-job-index-item header.mod-job-info-header .pr-area .icon.ribbon.yellow .percentage {
    color: #e94e30;
    font-size: 11px;
    margin: 0 2px;
    display: inline-block;
    height: 15px;
}
#js-container.result .mod-job-index article.mod-job-index-item header.mod-job-info-header .pr-area .icon.ribbon.yellow .percentage.low {
  color: #000;
}
#js-container.result .mod-job-index article.mod-job-index-item header.mod-job-info-header .company {
  word-break:break-all;
}
#js-container.result .mod-job-index article.mod-job-index-item header.mod-job-info-header h2.title {
  word-break:break-all;
}

#js-container.result .mod-job-index article.mod-job-index-item .mod-job-info-inner {
  padding:15px 3% 0 3%;
}
#js-container.result .mod-job-index article.mod-job-index-item .mod-job-info-inner .mod-image-layout td.image{
  width:42%;
}
#js-container.result .mod-job-index article.mod-job-index-item .mod-job-info-inner .mod-image-layout td.image figure.object {
  float:left;
  margin:0;
  margin-right:3%;
  width:98%;
  max-width:145px;
}
#js-container.result .mod-job-index article.mod-job-index-item .mod-job-info-inner .mod-image-layout td.image figure.object a{
  display: block;
  position: relative;
  height: 0;
  overflow: hidden; 
  padding-top: calc(320 / 440 * 100%);
}
#js-container.result .mod-job-index article.mod-job-index-item .mod-job-info-inner .mod-image-layout td.image figure.object a img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#js-container.result .mod-job-index article.mod-job-index-item .mod-job-info-inner .mod-image-layout td.caption h3{
  color:#E9563B;
  margin-bottom:0.6rem;
  font-size:1.1rem;
  font-weight:bold;
  line-height:1.5;
  word-break:break-all;
}
#js-container.result .mod-job-index article.mod-job-index-item .mod-job-info-inner .mod-image-layout td.pr {
  vertical-align:bottom;
  width:99%;
}
#js-container.result .mod-job-index article.mod-job-index-item .mod-job-info-inner .mod-image-layout td.pr .mod-tag {
  width:98%;
  float:left;
}
#js-container.result .mod-job-index article.mod-job-index-item .mod-job-info-inner .mod-image-layout td.pr .mod-tag ul.mod-tag-list.pattern {
  display:table;
  max-width:205px;
  box-sizing:border-box;
}
#js-container.result .mod-job-index article.mod-job-index-item .mod-job-info-inner .mod-image-layout td.pr .mod-tag ul.mod-tag-list.pattern li{
  width:31%;
  margin-top:3px;
  margin-left:2%;
  height:20px;
  padding:5px 0;
  font-weight:normal;
  border-radius:2px;
  display:table-cell;
  vertical-align:middle;
  box-sizing:border-box;
}
#js-container.result .mod-job-index article.mod-job-index-item .mod-job-info-inner .mod-image-layout td.pr .mod-tag ul.mod-tag-list.pattern li.on{
  border:1px solid #89BA1C;
  background-color:#89BA1C;
  color:#fff;
}
#js-container.result .mod-job-index article.mod-job-index-item .mod-job-info-inner .mod-image-layout td.pr .mod-tag ul.mod-tag-list.pattern li.off{
  border:1px solid #BEBEBE;
  background-color:#FFF;
  color:#BEBEBE;
}
#js-container.result .mod-job-index article.mod-job-index-item .mod-job-info-inner .mod-table {
  table-layout:fixed;
}
#js-container.result .mod-job-index article.mod-job-index-item .mod-job-info-inner .mod-table th {
  font-weight:normal;
  padding:10px 12px 10px 10px;
}

#js-container.result .mod-job-index article.mod-job-index-item .mod-job-info-inner .mod-table td{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding:10px;
  color:#000;
}
#js-container.result .mod-job-index article.mod-job-index-item .mod-job-info-inner .mod-button-row .mod-button-col{
  height:50px;
}
#js-container.result .mod-job-index article.mod-job-index-item .mod-job-info-inner .mod-button-row .mod-button-col a{
  font-size:1.4rem;
}
.bookmark-button span {
  padding-left:17px;
  background-image: url(/common/sp/img/parts/icon_bookmark_clip.png);
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: 2% 40%;
  }
.is-inactive.bookmark-button {
  color:#000;
}
.is-inactive.bookmark-button span{
  opacity:0.2;
}
#js-container.result .mod-job-index article.mod-job-index-item .mod-job-info-inner .limit-area {
  height:28px;
}
#js-container.result .mod-job-index article.mod-job-index-item .mod-job-info-inner .limit-area .end-date{
  text-align:center;
  font-size:1.4rem;
  color:#222;
  line-height:2;
}
#js-container.result .mod-job-index article.mod-job-index-item .mod-job-info-inner .limit-area .end-date span.limit{
  color:#E94E30;
  letter-spacing:-1.5px;
}
#js-container.result .mod-job-index article.mod-job-index-item .mod-job-info-inner .limit-area .end-date span.limit span.num {
  font-size:2rem;
  font-weight:bold;
  line-height:1;
}
#js-container.result .mod-job-index article.mod-job-index-item .mod-job-info-inner .limit-area .end-date span.limit span.today {
  font-size:1.7rem;
  font-weight:bold;
  line-height:1;
}


.mod-search-info {
  margin-bottom: 10px;
  border: 5px solid #dbdada;
  border-radius: 4px;
  background-color: #fff;
}
.mod-search-info.service-rcm {
  margin: 10px 3% 20px 3%;
  padding: 15px 15px 10px 15px;
  text-align: center;
  color: #e94e30;
  border-color: #e94e30;
}
.mod-search-info.service-rcm .inner{
  color:#000;
  text-align: left;
}
.mod-search-info.service-rcm .inner p{
  display:inline;
}
.mod-search-info.service-rcm .inner ul, .mod-search-info.service-rcm .inner ul li{
  display:inline;
}

.mod-search-info.service-rcm > .attention {
  display: inline-block;
  zoom: 1;
  padding-left: 55px;
  vertical-align: top;
  background: url(/common/img/module/result_none_icon01.png) left center no-repeat;
  padding-top: 10px;
}
.mod-search-info.service-rcm > .attention p {
  font-weight: bold;
}

#js-container.result .mod-job-index article.mod-job-index-item .mod-job-info-inner .ruby-txt {
  line-height:3;
  color:#000;
}
#js-container.result .mod-job-index article.mod-job-index-item .mod-job-info-inner .ruby-txt span{
  color:#e94e30;
}
#js-container.result .mod-job-index article.mod-job-index-item .mod-job-info-inner .detail-title-lv2 {
  position: relative;
  margin-bottom: 8px;
  padding-left: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #000;
}
#js-container.result .mod-job-index article.mod-job-index-item .mod-job-info-inner .detail-title-lv2::before {
  content: '';
  position: absolute;
  width: 5px;
  height: 19px;
  left: 0px;
  background-color: #ffe700;
  border-radius: 3px;
  top: -1.5px;
}
#js-container.result .mod-job-index article.mod-job-index-item .mod-job-info-inner ruby {
  display: inline-table;
  text-align: center;
  text-indent: 0px;
  white-space: nowrap;
  border: none;
  margin: 0px;
  padding: 0px;
  line-height: 1;
  height: 1em;
  vertical-align: text-bottom;
  border: none;
  padding-bottom: 2px;
}
#js-container.result .mod-job-index article.mod-job-index-item .mod-job-info-inner ruby rt{
  display: table-header-group;
  font-size: 0.7em;
  line-height: 1.1;
  letter-spacing: 1.8px;
  text-indent: 4px;
}
#js-container.result #condition-save-btn .save-inner{
  height:50px;
  float:none;
}
#js-container.result #condition-save-btn .save-inner a.mod-button{
  font-size:1.4rem;
  float:none;
  margin:0 auto;
  display:block;
  padding:17px 4px 14px;
}
#js-container.result #condition-save-btn .save-text{
  color:#E94E30;
}


#js-footer li.mod-accordion {
  list-style-type:none; padding:0;
}
#js-footer li.mod-accordion .js-accordion-handle{
  background-color:#fff;
  padding:0;
  border-bottom:none;
}
#js-footer li.mod-accordion .js-accordion-handle a{
  color: #a5aab2;
  font-size:1.0rem;
  border:none;
  background-color: #1e2b3f;
  display:block;
  background-image: url(/common/img/parts/parts_sprite.png);
  background-position: -62px -51px;
  background-size: 81px 61px;
}
#js-footer li.mod-accordion .js-accordion-content span.arrow.footer{
  position: absolute;
  top: 50%;
  right: 9px;
  width: 14px;
  margin-top: -4px;
  transform-origin: center center;
  background-size: 55%;
  left: 26%;
  background-image: url(/common/sp/img/_sprite/icon_arrow_bottom01.png);
  background-color: #1e2b3f;
  background-position:5px 2px;
  background-repeat:no-repeat;
}
#js-footer li.mod-accordion .js-accordion-content{
  background: rgb(255, 255, 255);
}
#js-footer li.mod-accordion .js-accordion-content ul li ol li{
  display:inline-block;
  float:left;
}
#js-footer li.mod-accordion .js-accordion-content ul li {
  display:inline-block;
  text-align:left;
}
#js-footer li.mod-accordion .js-accordion-content ul li ul li{
  display:inline-block;
  text-align:left;
}


/* re-search */
#js-container.re-search #js-filter-index a.js-view-change-btn{
  table-layout:fixed;
  padding:0;
}
#js-container.re-search #js-filter-index a.js-view-change-btn .inner{
  width:100%;
}
#js-container.re-search #js-filter-index a.js-view-change-btn .inner p.sec-text{
  width:25%;
  display:inline-block;
  background:#E5E5E5;
  padding: 12px 0 10px 3%;
  color:#000;
  font-size:1.4rem;
}
#js-container.re-search #js-filter-index a.js-view-change-btn.category .inner p.sec-text{
  background-repeat: no-repeat;
  background-size: 1.3rem;
  background-position: 12% 14px;
}
#js-container.re-search #js-filter-index a.js-view-change-btn.place .inner p.sec-text{
  background-repeat: no-repeat;
  background-size: 1.1rem;
  background-position: 13% 13px;
}
#js-container.re-search #js-filter-index a.js-view-change-btn.industry .inner p.sec-text{
  background-repeat: no-repeat;
  background-size: 1.3rem;
  background-position: 12% 13px;
}
#js-container.re-search #js-filter-index a.js-view-change-btn .inner p.output{
  width:60%;
  display:inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align:middle;
}

#js-container.re-search #js-filter-index ul.mod-link-list li .section-inner{
  padding:0;
}
#js-container.re-search #js-filter-index ul.mod-link-list li .section-inner .mod-form-horizon-unit p.salary{
  width:25%;
  display:inline-block;
  background:#E5E5E5;
  padding: 12px 0 10px 3%;
  color:#000;
  font-size:1.4rem;
  background-repeat: no-repeat;
  background-size: 1.4rem;
  background-position: 12% 13px;
}
#js-container.re-search #js-filter-index ul.mod-link-list li .section-inner .mod-form-horizon-unit p.overtime{
  width:25%;
  display:inline-block;
  background:#E5E5E5;
  padding: 12px 0 10px 3%;
  color:#000;
  font-size:1.4rem;
  background-repeat: no-repeat;
  background-size: 1.4rem;
  background-position: 12% 13px;
}

#js-container.re-search #js-filter-index ul.mod-link-list li.keyword .title{
  background-color:#ffe700;
  padding:5px 13px 4px;
  font-size:1.5rem;
  border-bottom:none;
  color:#000;
}
#js-container.re-search #js-filter-index ul.mod-link-list li.keyword .input-keyword-area{
  width:94%;
  margin:0 3%;
}
#js-container.re-search #js-filter-index .search_condition_checkbox .mod-title-lv1{
  background-color:#ffe700;
  padding:5px 13px 4px;
  font-size:1.5rem;
  border-bottom:none;
}
#js-container.re-search #js-filter-index .search_condition_checkbox ul li.cond{
  height:42px;
  line-height:1.5em;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
}
#js-container.re-search #js-filter-index .search_condition_checkbox ul li.cond .input{
    height: 100%;
    width: 100%;
    display: table;
}
#js-container.re-search #js-filter-index .search_condition_checkbox ul li.cond .input .mod-checkbox-label{
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

#js-container.re-search #js-filter-index .search_condition_checkbox ul li.cond:nth-child(2n){
  border-right:none;
  margin-left: -1px;
}
#js-container.re-search #js-filter-index .search_condition_checkbox.other ul li.cond {
  width:100%;
  border-right:none;
}
#js-container.re-search #js-filter-index ul.mod-link-list li.mod-accordion p#job-search-skill-exp-accordion a.text,
#js-container.re-search #js-filter-index ul.mod-link-list li.mod-accordion p#this a.text {
  font-size:1.5rem;
  text-align:center;
}
#js-container.re-search #js-filter-index ul.mod-link-list li.mod-accordion .js-accordion-content table tr th.title {
  background-color:#ffe700;
  padding:5px 13px 4px;
  font-size:1.5rem;
  border-bottom:none;
  border-left:none;
  border-right:none;
}
#js-container.re-search #js-filter-index ul.mod-link-list li.mod-accordion .js-accordion-content table tr td {
  vertical-align:middle;
}
#js-container.re-search #js-filter-index ul.mod-link-list li.mod-accordion .js-accordion-content table tr td p.input label{
  display:block;
}

#js-container.re-search section .js-condition-view-inner .mod-conditional-select #js-filter-index ul li a.js-view-change-btn{
  table-layout:fixed;
  padding:10px 28px 8px 13px;
}

#js-container.re-search section .js-condition-view-inner .mod-conditional-select #js-filter-index ul li a.js-view-change-btn .inner .text {
  /*display:inline-block;*/
  display:inline;
  font-size:1.4rem;
}
#js-container.re-search section .js-condition-view-inner .mod-conditional-select #js-filter-index ul li a.js-view-change-btn .inner .sub-text {
  font-size:0.9rem;
  color:#000;
  font-weight:normal;
}
/*
#js-container.re-search section .js-condition-view-inner .mod-conditional-select #js-filter-index ul li a.js-view-change-btn .inner span.icon-choice {
  position: absolute;
  top: 17px;
  right: 30px;
  font-size: 1.1rem;
  width: 33px;
  height: 12px;
  background-color: #DC4B2F;
  color: #fff;
  padding: 2px;
  border-radius: 2px;
}
*/
#js-container.re-search section .js-condition-view-inner .mod-conditional-select #js-filter-index ul li a.js-view-change-btn .inner span.icon-choice {
  width: 30px;
  background-color: #DC4B2F;
  color: #fff;
  border-radius: 2px;
  vertical-align:inherit;
  line-height:1;
  font-size:0.9rem;
  padding:4px 0px 2px 3px;
  display:inline-block;
  margin-bottom:3px;
}
#js-container.re-search section .js-condition-view-inner.select-area.top {
  padding-bottom: 94px;
}
#js-container.re-search section .js-condition-view-inner.select-area ul li .mod-accordion-inner{
  background:none;
}
#js-container.re-search section .js-condition-view-inner.select-area ul li .mod-accordion-inner .mod-conditional-select-all{
  background-color:#f2f2f2;
}
#js-container.re-search section .js-condition-view-inner.select-area ul li .mod-accordion-inner .mod-conditional-select-all label.mod-checkbox-label a.js-parent-input{
  color:#000;
  font-weight:bold;
  font-size:1.4rem;
}
#js-container.re-search section .js-condition-view-inner.select-area ul li ul.mod-conditional-select-list li:last-child {
  border-bottom:1px solid #e3e3e4;
}
#js-container.re-search section .js-condition-view-inner.select-area ul li .mod-accordion-inner ul li.mod-accordion .mod-accordion-handle{
  background-color:#fff;
}

#js-container.re-search .js-accordion.is-collapsed span.plusminus {
  position: absolute;
  top: 10%;
  width: 17px;
  height: 17px;
  background-image: url(/common/sp/img/parts/icon_plus.png);
  background-repeat:no-repeat;
  background-size: 50%;
  background-position:12px 9px;
}
#js-container.re-search .js-accordion.is-expanded span.plusminus {
  position: absolute;
  top: 10%;
  width: 17px;
  height: 17px;
  background-image: url(/common/sp/img/parts/icon_minus.png);
  background-repeat:no-repeat;
  background-size: 50%;
  background-position:12px 9px;
}

#js-container.re-search section .js-condition-view-inner.select-area ul li .mod-accordion-inner ul li.mod-accordion .mod-accordion-handle a{
  color:#000;
  font-weight:bold;
  font-size:1.4rem;
}
#js-container.re-search section .js-condition-view-inner.select-area ul li .mod-accordion-inner ul li.mod-accordion .mod-accordion-handle a label span.label{
  color:#000;
}
#js-container.re-search section .js-condition-view-inner.select-area ul li .mod-accordion-inner ul li.mod-accordion .mod-accordion-handle a span.num{
  font-weight:normal;
  color:red;
  font-size:1.2rem;
  display:inline-block;
}
#js-container.re-search section .js-condition-view-inner.select-area ul li .mod-accordion-inner ul li.mod-accordion .mod-accordion-handle a span.num.zero{
  color:#666!important;
}

#js-container.re-search section .js-condition-view-inner.select-area ul li .mod-accordion-inner ul li.mod-accordion .js-accordion-content ul li:last-child {
  border-bottom:1px solid #e3e3e4;
}
#js-container.re-search section .js-condition-view-inner.select-area ul li .mod-accordion-inner ul li.mod-accordion .js-accordion-content ul li label.mod-checkbox-label{
  display:block;
}
#js-container.re-search section .js-condition-view-inner.select-area ul li .mod-accordion-inner label.mod-checkbox-label{
  display:block;
}
#js-container.re-search section .js-condition-view-inner.select-area ul li .mod-accordion-inner label.mod-checkbox-label a{
  display:block;
}

#js-container.re-search section .js-condition-view-inner.select-area ul li .mod-accordion-inner ul li.mod-accordion .js-accordion-content label.mod-checkbox-label{
  display:block;
}
#js-container.re-search section .js-condition-view-inner.select-area ul li .mod-accordion-inner ul li.mod-accordion .js-accordion-content ul li label.mod-checkbox-label p.input span.label{
  color:#000;
}
#js-container.re-search section .js-condition-view-inner.select-area ul li .mod-accordion-inner ul li.mod-accordion .js-accordion-content ul li label.mod-checkbox-label p.input span.num,
#js-container.re-search section .js-condition-view-inner.select-area ul li .mod-accordion-inner ul li.mod-accordion .js-accordion-content ul li span.num{
  font-weight:normal;
  color:red;
  font-size:1.2rem;
  display:inline-block;
}

#js-container.re-search section .js-condition-view-inner.select-area ul li .mod-accordion-inner ul li.mod-accordion .js-accordion-content ul li span.num.zero {
  color:#666!important;
}

#js-container.re-search section .js-condition-view-inner.select-area ul li .mod-conditional-select ul li span.num{
  font-weight:normal;
  color:red;
  font-size:1.2rem;
  display:inline-block;
}
#js-container.re-search section .js-condition-view-inner.select-area ul li .mod-conditional-select ul li span.num.zero {
  color:#666!important;
}

#js-container.re-search section .js-condition-view-inner.select-area ul li .mod-conditional-select span.num{
  font-weight:normal;
  color:red;
  font-size:1.2rem;
  display:inline-block;
}
#js-container.re-search section .js-condition-view-inner.select-area ul li .mod-conditional-select span.num.zero {
  color:#666!important;
}

#js-container.re-search .mod-detail-submit .entry-btn{
  display:flex;
}
#js-container.re-search .mod-detail-submit .entry-btn p.num-button{
  color:#fff;
  font-size:14px;
  line-height:1;
  padding:0 0 3px 0;
}
#js-container.re-search .mod-detail-submit .entry-btn p.num-button span{
  color:#EC1100;
  font-weight:bold;
  font-size:24px;
  padding:0 5px;
}
#js-container.re-search .mod-detail-submit .entry-btn .mod-button-col.clear {
  width: 25%;
}
#js-container.re-search .mod-detail-submit .entry-btn .mod-button-col.top {
  width: 75%;
}
#js-container.re-search .mod-detail-submit .entry-btn .mod-button-col a.mod-job-info-button {
  font-size:1.4rem;
}
#js-container.re-search .mod-detail-submit .entry-btn .mod-detail-submit-button{
  padding: 15px 3%;
}
#js-container.re-search .mod-seatch-content-bottom {
  padding: 15px 3%;
}
#js-container.re-search .mod-seatch-content-bottom p.num-button {
  color:#fff;
  font-size:14px;
  line-height:1;
  padding:0 0 3px 0;
}
#js-container.re-search .mod-seatch-content-bottom p.num-button span.num{
  color:#EC1100;
  font-weight:bold;
  font-size:24px;
  padding:0 5px;
}










/**/
.sprite {
    background-image: url(/common/sp/img/parts/search_sprite.png) !important;
    background-repeat: no-repeat;
    display: block;
    z-index:1;
}
.cate-sprite {
    background-image: url(/common/sp/img/parts/cate_sprite.png) !important;
    background-repeat: no-repeat;
    display: block;
    z-index:1;
    background-size:140px 105px;
}

.sprite-icon_bookmark_clip {
    width: 40px;
    height: 43px;
    background-position: -5px -5px;
}

.sprite-icon_capacity {
    width: 13.5px;
    height: 14.5px;
    background-position: -27.5px -3.5px;
    background-size: 100px 98px;
    display:inline-block;
    vertical-align:middle;
    margin-right:6.5px;
}

.sprite-icon_income {
    width: 14px;
    height: 17px;
    background-position: -42px -2.5px;
    background-size: 100px 98px;
    display:inline-block;
    vertical-align:middle;
    margin-right:6px;
}

.sprite-icon_industry {
    width: 12px;
    height: 17px;
    background-position: -61px -2.5px;
    background-size: 100px 98px;
    display:inline-block;
    vertical-align:middle;
    margin-right:8px;
}

.sprite-icon_job {
    width: 14px;
    height: 17px;
    background-position: -42px -21px;
    background-size: 100px 98px;
    display:inline-block;
    vertical-align:middle;
    margin-right:6px;
}

.sprite-icon_minus {
    width: 30px;
    height: 29px;
    background-position: -122px -43px;
    display:inline-block;
    vertical-align:middle;
}

.sprite-icon_overtime {
    width: 15px;
    height: 17px;
    background-position: -2.5px -41px;
    background-size: 100px 98px;
    display:inline-block;
    vertical-align:middle;
    margin-right:5px;
}

.sprite-icon_place {
    width: 12.5px;
    height: 17px;
    background-position: -21.5px -41px;
    background-size: 100px 98px;
    display:inline-block;
    vertical-align:middle;
    margin-right:7.5px;
}

.mod-job-info .sprite-icon_capacity {
    width: 14.5px;
    height: 14.5px;
    background-position: -25.5px -3.5px;
    background-size: 100px 98px;
    display:inline-block;
    vertical-align:middle;
    margin-right:2.5px;
}
.mod-job-info .sprite-icon_income {
    width: 14px;
    height: 17px;
    background-position: -37.5px -1.5px;
    background-size: 90px 88px;
    display:inline-block;
    vertical-align:middle;
    margin-right:3px;
}
.mod-job-info .sprite-icon_place {
    width: 12.5px;
    height: 17px;
    background-position: -20.5px -41px;
    background-size: 100px 98px;
    display:inline-block;
    vertical-align:middle;
    margin-right:4.5px;
}
.mod-job-info .sprite-icon_overtime {
    width: 15px;
    height: 17px;
    background-position: -2px -36px;
    background-size: 90px 88px;
    display:inline-block;
    vertical-align:middle;
    margin-right:2px;
}
.mod-job-info .sprite-icon_workstyle {
    background-image: url(/common/sp/img/parts/icon_workstyle.png) !important;
    width: 15px;
    height: 9px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
    margin-bottom: 2px;
    background-repeat: no-repeat;
    background-size: contain;
}

.sprite-icon_plus {
    width: 30px;
    height: 29px;
    background-position: -74px -82px;
}

.sprite-search_job_icon01 {
    width: 34px;
    height: 34px;
    background-position: -2.5px -2.5px;
}

.sprite-search_job_icon02 {
    width: 34px;
    height: 34px;
    background-position: -37.5px -2.5px;
}

.sprite-search_job_icon03 {
    width: 34px;
    height: 34px;
    background-position: -72.5px -1.5px;
}

.sprite-search_job_icon04 {
    width: 34px;
    height: 34px;
    background-position: -2.5px -37.5px;
}

.sprite-search_job_icon05 {
    width: 34px;
    height: 34px;
    background-position: -37.5px -37.5px;
}

.sprite-search_job_icon06 {
    width: 34px;
    height: 34px;
    background-position: -71.5px -36.5px;
}

.sprite-search_job_icon07 {
    width: 34px;
    height: 34px;
    background-position: -2.5px -72.5px;
}

.sprite-search_job_icon09 {
    width: 34px;
    height: 34px;
    background-position: -37.5px -72.5px;
}

.sprite-search_job_icon10 {
    width: 34px;
    height: 34px;
    background-position: -72.5px -71.5px;
}

.sprite-search_job_icon11 {
    width: 34px;
    height: 34px;
    background-position: -107.5px -1.5px;
}

.sprite-search_job_icon12 {
    width: 34px;
    height: 34px;
    background-position: -107.5px -37.5px;
}

/* Breadcrumbs
   ========================================================================== */
.breadcrumbs {
  background-color: #fff;
  width: 100%;
}
.breadcrumbs .breadcrumbs-inner {
  padding: 5px 15px;
  border-bottom: 1px solid #e3e3e3;
 }

.breadcrumbs .breadcrumbs_list:last-child .breadcrumbs-inner {
  border-bottom:none;
 }

.inner.breadcrumbs {
    display: none;
}
.breadcrumbs .breadcrumbs-inner {
  padding: 10px 15px;
}
.breadcrumbs .breadcrumbs-inner li {
  display: inline-block;
  zoom: 1;
  margin-right: 15px;
  padding-left: 15px;
  vertical-align: middle;
  background: url(/common/img/parts/icon_breadcrumbs_bg.png) left center no-repeat;
  display: inline;
  line-height: 2;
}
.breadcrumbs .breadcrumbs-inner li:first-child {
  padding-left: 0;
  background: none;
}
.breadcrumbs .breadcrumbs-inner .crumbs {
  display: inline;
  font-size: 12px;
  font-size: 1.2rem;
}
.breadcrumbs .breadcrumbs-inner .crumbs.inline {
  display: inline;
}
.breadcrumbs .breadcrumbs-inner .crumbs:first-child {
  padding-left: 0;
  background: none;
}
.breadcrumbs .breadcrumbs-inner .crumbs strong {
  display: inline;
}
.breadcrumbs .breadcrumbs-inner .crumbs > a{
  margin-right: 5px;
}
/* Simultaneous recruitment
   ========================================================================== */
.mod-link-list > a {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 15px;
  padding-left: 10px;
  word-break: break-all;
}

.mod-link-list > a:last-child {
  margin: 0;
}

.index-section .mod-link-list > a::before {
  margin: 8px auto auto auto;
}

.mod-link-list > a::before {
  position: absolute;
  vertical-align: middle;
  width: 4px;
  height: 4px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: 5px auto auto auto;
  content: '';
  box-sizing: border-box;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-left: 6px solid #06c;
}
/* mod-selectbox
    ========================================================================== */
.mod-selectbox.near-footer {
  font-size: 10px;
  font-size: 1rem;
  padding: 13px 0 10px;
  margin-bottom: 0;
  text-align: center;
  border-bottom: 1px solid #354153;
  color: #a5aab2;
  background-color: #1e2b3f;
 }

 .space-section{
   border-top: none;
 }

 .space-section .inner{
   background-color: #fff;
   display: none;
 }
 .space-section .inner .index-section{
   padding: 5px 15px;
   border-bottom: 1px solid #e3e3e3;
 }

 .space-section .inner .index-section:last-child{
   border-bottom: none;
 }
 .index-section .mod-link-list{
   display: inline;
   line-height: 1.8;
 }
 .index-section .mod-link-list a{
   font-size: 12px;
   font-size: 1.2rem;
   line-height: 2;
 }

.hero-header{
  position: relative;
  background-size: cover;
  border-radius: 10px;
  margin: 10px 3%;
  height: 170px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hero-header:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0,0,0,.1);
  border-radius: 10px;
  z-index: 0;
  left: 0;
  top: 0;
}

.hero-title{
  position: relative;
  text-align: center;
  padding: 0 20px;
}
.hero-title > *{
  color: #fff;
  text-shadow: 1px 1px rgba(0,0,0,.5);
}
.hero-title h1{
  font-size: 1.8rem;
  font-size: 18px;
}
.hero-title h1 span{
  font-size: 1.2rem;
  font-size: 12px;
  display: block;
}
.hero-paragraph{
  background: rgba(255,255,255,.6);
  padding: 0 3% 5px;
  position: relative;
  bottom: 0;
  color: #222;
}
.hero-paragraph h2{
  background: #ffe100;
  display: table;
  position: relative;
  padding: 2px 5px 2px 30px;
  font-size: 14px;
  font-size:  1.4rem;
  line-height:  1.7;
}
.hero-paragraph h2:before{
  content: '';
  position: absolute;
  left: 6px;
  top: 5px;
  display: block;
  background: url(/common/img/parts/spid_head_note.png) no-repeat;
  background-size: 18px;
  width: 18px;
  height: 18px;
}
.hero-paragraph h3{
  display: inline-block;
  position: relative;
  padding: 2px 5px 2px 30px;
  font-size: 14px;
  font-size:  1.4rem;
  text-decoration: underline;
}
.hero-paragraph h3:before{
  content: '';
  position: absolute;
  left: 8px;
  top: 4px;
  display: block;
  background: url(/common/img/parts/spid_head_pencil.png) no-repeat;
  background-size: 16px;
  width: 16px;
  height: 16px;
}

.hero-paragraph p{
  font-size: 12px;
  font-size:  1.2rem;
  margin: 10px 0 0;
}

#js-container.result #change-window {
  height: 65px;
  z-index: 100;
  background: #fff;
  width: 100%;
}
#js-container.result #change-window .mod-selectbox.item {
  width: 45%;
  float: left;
  margin: 10px 2% 10px 3%;
}
#js-container.result #change-window .mod-selectbox.item .mod-selectbox-item {
  border: 2px solid #acacac;
  border-radius: 0px;
  height: 45px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #06c;
}
#js-container.result #change-window ul.right-window li.detail_window {
  width: 45%;
  float: left;
  margin: 10px 3% 10px 2%;
  border-bottom: none;
}
#js-container.result #change-window ul.right-window li.detail_window a.mod-selectbox-item {
  padding-left: 10px;
  border: 2px solid #acacac;
  border-radius: 0px;
  font-size: 1.2rem;
  height: 45px;
  color: #06c;
}
#js-container.result header.mod-page-title.seofeature {
  background-color: #fff;
}
#js-container.result header.mod-page-title.seofeature.lite {
  width: 45%;
  float: left;
  margin: 10px 2% 10px 3%;
  display: flex;
  align-items: center;
  padding: 0;
  height: 45px;
}
#js-container.result header.mod-page-title.seofeature.lite .mod-page-sizer {
  display: inline-block;
  padding: 0;
  line-height: 1.3;
  float: left;
  text-align: left;
}
#js-container.result header.mod-page-title.seofeature .mod-page-sizer .total {
  color: #222;
}
#js-container.result header.mod-page-title.seofeature .mod-page-sizer .segment {
  color: #222;
}
#seofeature-current-search-condition-area {
  z-index: 100;
  background: #fff;
  width: 100%;
}
.seofeature-job-count-area {
  height: 45px !important;
}
.seofeature-job-count-text-area {
  height: auto !important;
}
.seofeature-follow-area {
  position: fixed;
  top: 0px;
  box-shadow: 0px 0px 10px #000;
  /* 現在の検索条件エリアが追従エリアに収まる高さに設定する */
  height: 70px;
}
.seofeature-no-follow-area {
  position: relative;
  border-bottom: none;
  box-shadow: none;
  /* 現在の検索条件エリアをヘッダー固定部分に表示する高さに合わせて設定する */
  height: 52px;
}
#comment-area{
  display: flex;
  padding: 10px 15px;
  background: #fffcdd;
  border: 1px solid #e3e3e3;
  border-radius: 10px;
  margin: 25px 3% 15px;
  position: relative;
  justify-content: center;
  align-items: center;
}
#comment-area:after{
  content: "";
  position: absolute;
  right: 0;
  top: -15px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #fffcdd transparent transparent transparent;
  border-width: 15px 10px 0px;
  transform: rotate(180deg);
}
#comment-area:before{
  content: "";
  position: absolute;
  right: 0;
  top: -16px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #e3e3e3 transparent transparent transparent;
  border-width: 15px 10px 0px;
  transform: rotate(180deg);
}
#comment{
  font-size:  11px;
  font-size: 1.1rem;
  color: #222;
}
#commentator{
  text-align: center;
  float: right;
  margin: 0 0 0 10px;
}
#commentator .img{
  border-radius: 50%;
  width: 60px;
  height: 60px;
  margin: auto;
  background-size: cover;
}
#similar-jobs a {
  width: 94%;
  margin: 0 3%;
  height: 140px;
  display: block;
  overflow: hidden;
  position: relative;
}
#similar-jobs .headline{
  background: #ffe100;
  color: #222;
  padding: 5px 3%;
}
#similar-jobs .similar-job{
  height: 140px;
  width: 100%;
  bottom: 0;
  position: absolute;
  display: table;
}
#similar-jobs .similar-job:before {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
#similar-jobs .similar_img {
  width: 100%;
}
#similar-jobs .similar-job h5{
  display: table-cell;
  font-size: 1.8rem;
  font-size: 18px;
  text-align: center;
  color: #fff;
  padding: 25px 20px;
  text-shadow: 2px 1px rgba(0,0,0,.5);
  background: rgba(0,0,0,.2);
  z-index: 1;
  vertical-align: middle;
}
#remarks{
  margin: 25px 0 0;
}
#remarks .remark {
  margin: 10px 3% 0;
  padding: 0 0 10px;
  border-bottom: 1px dotted #dfd8d6;
  color: #222;
}
#remarks .remark h3{
  font-size: 13px;
  margin: 0 0 10px;
}
#remarks .remark h3:before {
  content: '';
  display: inline-block;
  position: relative;
  width: 13px;
  height: 13px;
  top: 2px;
  left: 0;
  margin: 0 5px 0 0;
  background: url(/common/sp/img/parts/icon_pencil.png) no-repeat center;
  background-size: contain;
}
#remarks .remark p{
  line-height: 1.6;
}
.conditions{
  width: 30%;
}

/* zero_pattern */
.zero-pattern {
  width: 100%;
  text-align: center;
  color: #222;
}

.release-head {
  display: flex;
  color: #222;
  align-items: center;
  justify-content: space-between;
}
.release-head .detail-title-lv2 {
  position: relative;
  padding-left: 10px;
  font-size: 14px;
  font-weight: bold;
}
.release-head .detail-title-lv2::before {
  content: '';
  position: absolute;
  width: 5px;
  height: 19px;
  left: 0px;
  background-color: #ffe700;
  border-radius: 3px;
  top: -1.5px;
}
.condition-list {
  display: flex;
  flex-wrap: wrap;
}

.mark {
  display: inline-block;
  width: 2px;
  height: 14px;
  background: #b3b3b3;
  transform: rotate(45deg);
  position: absolute;
  right: 14px;
  top: 8px;
}

.mark::before {
  display: block;
  content: '';
  position: absolute;
  top: 15%;
  left: -6px;
  width: 14px;
  height: 2px;
  background: #b3b3b3;
  margin-top: 4px;
}

.pr-request-btn {
  background-color: #fff;
  border: solid 2px #0a8ad3;
  border-radius: 6px;
  color: #0a8ad3;
  padding: 10px 10px 7px;
  line-height: 1;
  margin: 0 3px 6px;
  font-weight: 700;
  text-align: center;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  position: relative;
}
.pr-request-btn:hover {
  cursor: pointer;
  text-decoration: line-through;
  color: #ccc;
  border-color: #ccc;
}
.pr-request-btn:hover .mark, .pr-request-btn:hover .mark:before{
  background: #ccc;
}

/* current search condition area
    ========================================================================== */
.current-search-condition-area {
  padding: 5px 0px 5px;
  margin: 10px 11px 0px;
  background-color: #ececec;
  height: 42px;
  border-radius: 0.3rem;
  display: flex;
  align-items: center
}
.current-search-condition-label {
  padding: 0px 5px 0px 10px;
  width: 80%;
  float: left;
  color: #222;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 22px;
}
.current-search-condition-link {
  width: 15%;
  float: right;
  color: #06c;
  position: relative;
}
.current-search-condition-link::after {
  position: absolute;
  top: 50%;
  right: 13px;
  width: 8px;
  height: 14px;
  margin-top: -7px;
  content: '';
  background-image: url(../img/parts/parts_sprite.png);
  background-position: -44px -40px;
  background-size: 81px 61px;
}

/* search condition follow button
    ========================================================================== */
.mod-search-condition-button-inner {
  width: 100%;
  position: fixed;
  bottom: 0px;
  z-index: 10;
  padding: 10px 0px;
  background-color: #1e2b3fcc;
}
.mod-search-condition-button-inner .mod-button-row {
  padding: 0px 8px;
}
.mod-search-condition-button-inner .mod-button-col:first-child {
  padding-right: 5px;
}
.mod-search-condition-button-inner .mod-button-col:last-child {
  padding-left: 0px;
}
.mod-search-condition-button-inner .edit-search-condition span {
  padding-left:17px;
  background-image: url(/common/sp/img/parts/icon_volume.png);
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: 2% 40%;
}

/* save current search condition modal.
 * job search probo modal.
   ========================================================================== */
/* modal common area */
.save-current-search-condition-modalbanner,
.duplicate-search-condition-modalbanner,
.job-search-probo-modalbanner {
  width: 317px;
  padding: 30px 15px 20px 20px;
  background-color: #fff;
  border: 4px solid #1f79d2;
  box-sizing: border-box;
  border-radius: 10px;
  position: relative;
  transform: translate3d(0, -10%, 0);
}
.save-current-search-condition-modalbanner-title,
.job-search-probo-modalbanner-title {
  font-size: 20px;
  font-weight: bold;
  color: #15305d;
}
.save-current-search-condition-modalbanner-txt,
.job-search-probo-modalbanner-txt {
  margin: 16px 9px -9px 0px;
  font-size: 13px;
  color: #222;
}
.save-current-search-condition-modalbanner .mod-button-holder {
  margin-top: 18px;
}

/* only save current search condition modal area. */
.save-current-search-condition-modalbanner-txt {
  margin-top: 20px;
}
#save-current-search-condition-btn {
  display: inline-block;
  width: 155px;
  color: #222;
  background-color: #ececec;
}
#save-current-search-condition-btn-disable {
  display: inline-block;
  width: 155px;
}
#search-name-for-save {
  width: 265px;
  height: 25px;
  border: 1px solid #dfd8d6;
}
#mail-flag-for-save-label.cb {
  float: left;
  margin: 3px 5px 0px 0px;
}

/* only duplicate search condition modal area. */
.duplicate-search-condition-modalbanner {
  text-align: center;
  padding: 50px 20px 30px 30px;
  border: 4px solid #e94e30;
}
.duplicate-search-condition-modalbanner-title {
  font-size: 16px;
  color: #e94e30;
}
.duplicate-search-condition-modalbanner-link {
  font-size: 14px;
  padding-top: 20px;
}
#duplicate-search-condition-modal-close-btn {
  background-color: #e94e30;
}

/* only job search probo modal area. */
.job-search-probo-modalbanner {
  padding: 30px 15px 20px 8px;
}
.job-search-probo-modalbanner-icon {
  background: url(/common/img/module/probo_01.png) center center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  display: block;
  width: 62px;
  height: 62px;
  position: absolute;
  top: 10px;
  right: 4px
}
.job-search-probo-modalbanner-txt {
  margin: 22px 9px 16px 0px;
}
.job-search-probo-modalbanner .mod-button-holder {
  margin-top: 18px;
}
.job-search-probo-modalbanner .mod-button-holder > a {
  color: #222;
  background-color: #ececec;
  width: 155px;
  display: inline-block;
}

/* saved search condition list modal.
   ========================================================================== */
#saved-search-condition-overlay.modal-common-modalbanner-wrap {
  position: absolute;
  /* 全要素の表示の重なり(優先順位)の上になるようにモーダルを設定する */
  z-index: 100000;
  background-color: rgba(0,0,0,0);
  justify-content: center;
  -webkit-justify-content: center;
}
.saved-search-condition-overlay-contents {
  width: 94.5%;
  padding-top: 20px;
  padding-bottom: 2px;
  background-color: #555555ed;
  color: #fff;
  font-size: larger;
  box-sizing: border-box;
  border-radius: 3px;
  position: relative;
}
.search-condition-list {
  padding-left: 20px;
  padding-right: 20px;
}
.search-condition-head {
  text-align: center;
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 12px;
}
.search-condition-single-area {
  margin-top: 12px;
  margin-bottom: 8px;
  padding-left: 8px;
  padding-top: 8px;
  background: #fff;
  height: 65px;
  overflow: hidden;
  border-radius: 3px;
}
.search-conditon-text-area {
  width: 100%;
  float: left;
}
.search-condition-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 80%;
  color: #222;
}
.new-mark-icon {
  margin-top: -20px;
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  font-weight:normal;
  padding-top: 1px;
  text-align: center;
  vertical-align: middle;
  font-size: 10px;
  line-height: 18px;
  color: #fff;
  border-radius: 50%;
  background-color: #e94e30;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.search-condition-txt {
  padding-top: 5px;
  padding-bottom: 10px;
}
.search-condition-label {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 100%;
  height: 33px;
}
#head-close {
  width: 20px;
  height: 20px;
  position: relative;
  float: right;
  right: 5px;
  top: -45px;
}
.head-close-mark,
.delete-mark {
  display: inline-block;
  right: 10px;
  width: 1px;
  height: 14px;
  background: #fff;
  margin-top: 3px;
  transform: rotate(45deg);
  position: absolute;
}
.head-close-mark::before,
.delete-mark::before {
  display: block;
  content: '';
  position: absolute;
  top: 15%;
  left: -6px;
  width: 14px;
  height: 1px;
  background: #fff;
  margin-top: 4px;
}
.head-close-mark {
  top: -1px;
  right: 10px;
}
.delete-mark,
.delete-mark::before {
  background: #555;
}
.condition-list-link {
  text-align: center;
  padding-top: 10px;
  margin-left: 65px;
  margin-right: 60px;
}
.condition-list-link > a {
  position: relative;
  color: #fff;
}
.condition-list-link > a::after {
  position: absolute;
  bottom: 9px;;
  right: -20px;
  width: 8px;
  height: 14px;
  content: '';
  background-image: url(../img/parts/parts_sprite.png);
  background-position: -44px -40px;
  background-size: 81px 61px;
}
.search-condition-title > a {
  color: #222;
}
#saved-search-condition-overlay .delete-mark-area {
  width: 20px;
  height: 20px;
  position: relative;
  float: right;
  top: -20px;
  right: 3px;
}
#saved-search-condition-overlay .close {
  margin: 30px 0px 20px;
  text-align: center;
}
#saved-search-condition-overlay .close-mark {
  height: 11px;
  width: 1px;
  margin-top: 2px;
  margin-left: -6px;
  display: inline-block;
  background: #fff;
  transform: rotate(45deg);
  position: absolute;
}
#saved-search-condition-overlay .close-mark::before {
  top: 15%;
  height: 1px;
  left: -5px;
  width: 11px;
  margin-top: 3px;
  display: block;
  content: '';
  position: absolute;
  background: #fff;
}
.search-condition-delete-button-area {
  width: 100px;
}
.search-condition-delete-button-area .align-center > a {
  padding: 29px 0px 29px;
  display: table;
  width: 50%;
  color: #fff;
}
.search-condition-delete-button-area .back > a {
  background: #808080;
  float: left;
}
.search-condition-delete-button-area .delete > a {
  background: #eb441a;
}
.search-condition-hidden-back-area {
  position: absolute;
  opacity: 0;
  height: 73px;
  margin-top: -147px;
  left: 20px;
}

/* checkbox.
   ========================================================================== */
.cb {
  line-height: 16px;
  position: relative;
  display: inline-block;
  overflow: hidden;
  zoom: 1;
  height: 16px;
  margin: 0;
  padding: 0 0 0 16px;
  cursor: pointer;
  vertical-align: middle;
  background: url(/common/img/parts/icon_checkbox_bg01.png) left top no-repeat;
}
.cb.checked {
  background-position: left -16px;
}
.cb input[type='checkbox'] {
  position: absolute;
  margin: 0;
  padding: 0;
  cursor: pointer;
  opacity: 0;

  filter: alpha(opacity=0);
}
.cb + p {
  overflow: hidden;
  zoom: 1;
  padding-left: 3px;
}