@charset "utf-8";

/* CSS column Document */
/* マイページ　ダッシュボード */
.mypagegrid {
  height: 100%;
  background: var(--background-mypage-color);
  border-color: var(--background-mypage-color);
  border-radius: 5px;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, .08);
  transition: all .3s;
}

.mypagegrid:hover {
  background: var(--blue-color);
  color: var(--white-color);
}

.mypagegrid a {
  color: var(--first-color);
  background: none;
  height: 100%;
  width: 100%;
  overflow: auto;
  padding: 10px 20px;
  display: block;
}

.mypagegrid a:hover {
  color: var(--white-color);
}

.mypagegrid .flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}

.mypagegrid .flex .iconbox {
  background: #f3f3f3;
  margin-right: 20px;
  text-align: center;
  border: solid 1px #f3f3f3;
  border-radius: 50%;
  display: flex;

}

.mypagegrid .flex .iconbox img,
.mypagegrid .flex .iconbox svg {
  padding: 8px;
  width: 25px;
  height: 25px;
}

.mypagegrid .flex .titlebox h4 span {
  display: block;
  width: 100%;
}

.mypagegrid p {
  padding-left: 0px;
}

.mypagegrid.top .titlebox p {
  display: none;
}

.mypagegrid.top .mypage-desc {
  clear: both;
  display: block;
  width: 100%;
}

/* マイページサイドメニュー */
.block-right-seeker-side-menu ul {
  margin: 30px 0 0;
}

.block-right-seeker-side-menu ul li {
  padding: 0;
}

.block-right-seeker-side-menu ul li a {
  display: block;
  /* padding: 10px 15px; */
  border-bottom: 1px solid var(--gray-color);
}

.block-right-seeker-side-menu ul li:last-child a {
  border-bottom: none;
}

.block-right-seeker-side-menu ul li a:hover {
  background: var(--link-hover-color);
  color: #fff;
}

/* エントリー履歴 vwork-tb classがある場合*/
.vwork-tb table thead {
  border-bottom: solid 1px #D5DDE6;
}

.vwork-tb table thead tr {
  background: #EAF2F8;
}

.vwork-tb table thead tr th.views-field {
  padding: 15px 10px;
  color: #000;
}

.vwork-tb table tbody tr td.views-field {
  padding: 15px;
  border-bottom: solid 1px #D5DDE6;
}

.vwork-tb table tbody tr td.views-field a {
  /* text-decoration: underline;
  color:#02b875; */
  font-weight: 600;
}

.vwork-tb table tbody tr td.views-field a:hover {
  text-decoration: none;
  opacity: 0.8;
}

.vwork-tb table {
  width: 100%;
}

.vwork-tb {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.comment-wrapper {
  max-width: 100% !important;
}

a.header_mypage {
  display: block;
  /* width: 150px; */
  height: 50px;
  background: #5499C7;
  border: solid 1px #5499C7;
  border-radius: 5px;
  text-align: center;
  line-height: 50px;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  box-shadow: 0 0.124vw 0.248vw rgba(84, 153, 199, 0.2);
  padding: 0 2.585vw;
}

a.header_mypage:hover {
  opacity: 0.8;
}

@media screen and (max-width: 991.9px) {
  a.header_mypage {
    height: 40px;
    line-height: 40px;
  }
}

.view-id-forownmessage ul.pager__items.js-pager__items {
  display: flex;
  align-items: center;
  justify-content: center;
}

.view-id-forownmessage .pager{
  margin-top: 0;
}


/* *************************************************************************************
 * Customize
 ************************************************************************************* */
/* サイドメニュー */
.block-right-seeker-side-menu {
  margin-bottom: 40px;
}

.block-right-seeker-side-menu ul li a {
  padding: 20px 15px;
}

/* テーブルスクロール */
#block-dorazamurai-front-views-block-forownmessage-block-1 .tb-views-bordered .view-content,
.view-id-user_message_list .view-content {
  overflow-x: auto;
  width: 100%;
}

#block-dorazamurai-front-views-block-forownmessage-block-1 .tb-views-bordered .view-content table,
.view-id-user_message_list .view-content table {
  display: table;
  table-layout: auto;
}

#block-dorazamurai-front-views-block-forownmessage-block-1 .tb-views-bordered .view-content table th,
#block-dorazamurai-front-views-block-forownmessage-block-1 .tb-views-bordered .view-content table td {
  white-space: nowrap;
}

/*応募詳細*/
th#view-view-node-table-column,
td.btn-a.views-field.views-field-view-node {
  min-width: 80px;
  max-width: 80px;
}

/* *************************************************************************************
 * エントリー履歴
 ************************************************************************************* */
.vwork-tb table tbody tr td.views-field.views-field-comment-count {
  text-align: center;
}

/* *************************************************************************************
 * 応募履歴
 ************************************************************************************* */


th#view-title-table-column,
td.views-field.views-field-title {
  min-width: 200px;
  max-width: 300px;
  white-space: normal !important;
  word-wrap: break-word;
}


/* *************************************************************************************
 * プロフィール：基本情報
 ************************************************************************************* */
.role-authenticated.role-seeker.user-logged-in.path-user #block-dorazamurai-front-primary-local-tasks .tabs.primary li:nth-child(3){
  display: none;
}



.profile .field-group-sbs {
  border-right: none;
}

.profile .field-group-sbs h3 {
  padding: 15px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  background-color: var(--main-color);
  border: 1px solid var(--main-color);
}

.profile .field-group-sbs>.field {
  border-right: 1px solid #ccc
}

.profile .field-group-sbs .field .field.field__item {
  padding: 0;
}

.profile .field-group-sbs .field.field-in :first-of-type:not(.field__label) {
  padding-left: 0 !important;

}


.profile .field-group-sbs .field .field__label,
.profile .field-group-sbs .field .field__item {
  padding: 15px;
}

.user-name.field__items,
.address.field__items {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 5px 0;

  padding: 15px;
}




@media screen and (max-width: 767px) {
  .field-group-sbs .field .field__label {
    display: flex;
    /* 	align-items: center; */
    min-width: initial;
    width: 120px;
  }

  .field-group-sbs .field>.field__item {
    flex: 1;
  }
}


.profile .field--profile--name .field__label,
.profile .field--profile--address .field__label {
  padding: 15px 10px !important;
}

.profile .field-group-sbs .address.field__items .field--name-field-skp-last-name {
  padding-left: 0 !important;
}

.profile .field--name-field-skp-last-name-kana:before {
  content: '（';
}

.profile .field--name-field-skp-first-name-kana:after {
  content: '）';
}

.profile .field-group-sbs .address.field__items .field--name-field-skp-postal-code {
  padding-left: 0 !important;
  width: 100%;
}


/* *************************************************************************************
 * 職歴
 ************************************************************************************* */
.seeker-history .view-header {
  margin-bottom: 40px;
}

.seeker-history .flex {
  display: flex;
  gap: 20px;
  align-items: center;
}

.seeker-history .flex .btn {
  max-width: 200px;
  width: 100%;
  height: 50px;
  background-color: var(--main-color);
  border: 1px solid var(--main-color);
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.08rem;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .seeker-history .flex {
    flex-direction: column;
    align-items: flex-start;
  }
}

form #edit-actions {
  font-size: 0;
  display: flex;
  justify-content: center;
  gap: 20px;
  align-items: center;
  height: 100%;
}

@media screen and (max-width: 767px) {
  form #edit-actions {
    flex-direction: column;
    align-items: center;
    gap: 15px;
  }
}

.form-actions input[type="submit"]#edit-preview {
  background-color: #fba848;
  border: 2px solid #fba848 !important;
  margin: 0;
}

@media (hover: hover) {
  .form-actions input[type="submit"]#edit-preview:hover {
    background-color: #fff;
    color: #fba848;
  }
}


/* 職歴 表示 ****************************************************************** */
body.page-node-type-history article.node--type-history .field:first-child {
  border-top: 1px solid #D5D8DC;
}

body.page-node-type-history article.node--type-history .field {
  display: flex;
  margin: 0;
  border-bottom: 1px solid #D5D8DC;
  border-left: 1px solid #D5D8DC;
  border-right: 1px solid #D5D8DC;
  ;
}

body.page-node-type-history article.node--type-history .field .field__label {
  display: block;
  width: 150px;
  margin: 0;
  padding: 15px;
  background: #EAECEE;
}

body.page-node-type-history article.node--type-history .field .field__item {
  flex: 1;
  padding: 15px;
}

@media screen and (max-width: 767px) {
  body.page-node-type-history article.node--type-history .field .field__label {
    width: 80px;
    font-size: 1.4rem;
    padding: 10px;
  }

  body.page-node-type-history article.node--type-history .field .field__item {
    font-size: 1.4rem;
    padding: 10px;
  }
}


/* 職歴 編集 ****************************************************************** */
form.node-history-edit-form .form-type-vertical-tabs {
  display: none;
}


#edit-field-his-period-wrapper fieldset {
  padding: 10px 15px 20px;
}

#edit-field-his-period-wrapper .fieldset-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas:
    'start-label      end-label'
    'start-input      end-input';
  gap: 0 20px;
}

#edit-field-his-period-wrapper .fieldset-wrapper h4.label {
  margin-top: 0;
  margin-bottom: 5px;
}

#edit-field-his-period-wrapper .fieldset-wrapper h4.label:nth-child(1) {
  grid-area: start-label;
}

#edit-field-his-period-wrapper .fieldset-wrapper h4.label:nth-child(2) {
  grid-area: end-label;
}

#edit-field-his-period-wrapper .fieldset-wrapper #edit-field-his-period-0-value {
  grid-area: start-input;
}

#edit-field-his-period-wrapper .fieldset-wrapper #edit-field-his-period-0-end-value {
  grid-area: end-input;
}

#edit-field-his-period-wrapper .fieldset-wrapper #edit-field-his-period-0-value .form-item,
#edit-field-his-period-wrapper .fieldset-wrapper #edit-field-his-period-0-end-value .form-item {
  width: 100%;
}



/* 職歴 一覧 ************************************************* */
table[id*="draggableviews-table-seeker-history-page-"] td {
  padding: 10px 10px !important;
}

table[id*="draggableviews-table-seeker-history-page-"] td.views-field-weight {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  border: none;
  margin-top: 20px;
}

table[id*="draggableviews-table-seeker-history-page-"] td.views-field-weight a.tabledrag-handle {
  margin: 0 auto;
  height: 100%;
}

table[id*="draggableviews-table-seeker-history-page-"] td.views-field-weight a.tabledrag-handle .handle {
  margin: 0 auto;
  padding: 0;
  background-position: center;
}


table[id*="draggableviews-table-seeker-history-page-"] td .inner {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 10px;
}

table[id*="draggableviews-table-seeker-history-page-"] td .inner .content .name {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 5px;
}

table[id*="draggableviews-table-seeker-history-page-"] td .inner .content .flex {
  gap: 0;
  margin-bottom: 5px;
}

table[id*="draggableviews-table-seeker-history-page-"] td .inner .content .flex .label {
  /* 	font-weight: bold; */
}

table[id*="draggableviews-table-seeker-history-page-"] td .inner .btn-area {
  display: flex;
  justify-content: space-between;
  gap: 15px;
}

table[id*="draggableviews-table-seeker-history-page-"] td .inner .btn-area>* {
  width: calc((100% - 15px * 2) / 3);
}

table[id*="draggableviews-table-seeker-history-page-"] td:not(.views-field-weight) a {
  display: flex;
  justify-content: center;
  align-items: center;
  /* width: 40px; */
  width: 100%;
  background-color: #ccc;
  border-radius: 3px;
  padding: 5px;
  color: var(--white-color);
}

table[id*="draggableviews-table-seeker-history-page-"] td .inner .btn-area .view a {
  background-color: #ff9048;
}

table[id*="draggableviews-table-seeker-history-page-"] td .inner .btn-area .delete a {
  background-color: #C10F33;
}

table[id*="draggableviews-table-seeker-history-page-"] td .inner .btn-area .edit a {
  background-color: #1488c0;
}

@media (hover: hover) {
  table[id*="draggableviews-table-seeker-history-page-"] td a:hover {
    color: var(--white-color);
  }

  table[id*="draggableviews-table-seeker-history-page-"] td .inner .btn-area .view a:hover {
    background-color: #ff9048;
  }

  table[id*="draggableviews-table-seeker-history-page-"] td .inner .btn-area .delete a:hover {
    background-color: #7B0920;
  }

  table[id*="draggableviews-table-seeker-history-page-"] td .inner .btn-area .edit a:hover {
    background-color: #40AAEF;
  }
}


@media screen and (max-width: 767px) {
  table[id*="draggableviews-table-seeker-history-page-"] td .inner {
    gap: 10px;
    padding: 5px 0;
  }

  table[id*="draggableviews-table-seeker-history-page-"] td .inner .btn-area {
    flex-direction: row-reverse;
  }
}

/* *************************************************************************************
 * ドラ侍とチャットする
 ************************************************************************************* */
.view-support-seeker-list .view-header {
  margin-bottom: 40px;
}

.view-support-seeker-list .flex {
  display: flex;
  gap: 20px;
  align-items: center;
}

.view-support-seeker-list .flex .btn {
  max-width: 200px;
  width: 100%;
  height: 50px;
  background-color: var(--main-color);
  border: 1px solid var(--main-color);
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.08rem;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.view-support-seeker-list .flex .desc {
  flex: 1;
  line-height: 1.6;
}

@media screen and (max-width: 767px) {
  .view-support-seeker-list {
    margin-top: 40px;
  }

  .view-support-seeker-list .flex {
    flex-direction: column;
    align-items: flex-start;
  }
}

.mypage-info-warp {
  display: flex;
  align-items: center;
  gap: 16px;
  border-bottom: solid 2px var(--main-color);
}

.icon-dora {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: flex-end;
}

.icon-dora img {
  width: 100%;
  height: auto;
}

body.page-node-type-support-seeker .field--name-field-sps-message:has(.pager) h2#メッセージ {
  margin-top: 40px;
}

/* プレビュー画面 *********************************************** */
body.page-node-type-support-seeker .field--name-field-sps-body .field__label {
  margin-bottom: 5px;
}

body.page-node-type-support-seeker .field--name-field-sps-body .field__item {
  font-size: 1.5rem;
  line-height: 1.5;
}


/* 一覧 *********************************************** */
.chat-wrapper {
  margin-bottom: 20px;
  padding: 30px 25px;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.chat-wrapper .ttl {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 10px;
}

.chat-wrapper .inner {
  justify-content: space-between;
}

.chat-wrapper .inner .left .label {
  font-weight: bold;
}

.chat-wrapper .inner .right .link a {
  width: 120px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--main-color);
  border: 1px solid var(--main-color);
  border-radius: 3px;
  color: var(--white-color);
  font-weight: bold;
}

@media (hover: hover) {
  .chat-wrapper .inner .right .link a:hover {
    opacity: 0.8;
  }
}


.chat-wrapper .inner.flex .flex {
  gap: 10px;
  margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
  .chat-wrapper {
    padding: 20px;
  }

  .chat-wrapper .inner {
    gap: 10px;
  }

  .chat-wrapper .inner.flex>* {
    width: 100%;
  }

  .chat-wrapper .inner.flex .flex {
    gap: 2px;
    margin-bottom: 10px;
  }

  .chat-wrapper .inner .right .link a {
    margin: 0 auto;
  }
}


/* *************************************************************************************
 * スカウト履歴
 ************************************************************************************* */
.view-seeker-scout .view-filters {
  padding: 40px 20px;
  /* border: 1px solid #d2d6de; */
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  margin-bottom: 40px;
}

form[id*="views-exposed-form-seeker-scout-page-"] {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

form[id*="views-exposed-form-seeker-scout-page-"] .form-item {
  /* width: calc((100% - 20px * 2) / 3); */
  width: 100%;
}

form[id*="views-exposed-form-seeker-scout-page-"] .form-actions {
  margin: 0 auto;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .view-seeker-scout .view-filters {
    padding: 30px 20px;
  }

  form[id*="views-exposed-form-seeker-scout-page-"] .form-item {
    width: calc((100% - 20px) / 2);
  }

  form[id*="views-exposed-form-seeker-scout-page-"] .form-item-field-cop-name-value {
    width: 100%;
  }
}

/* *************************************************************************************
 * 求職者プロフィール
 ************************************************************************************* */

/* プロフィール編集 SP*********************************************** */
@media screen and (max-width: 767px) {
  #profile-seeker-profile-edit-form .form-checkboxes {
    gap: 6px;
    justify-content: space-between;
  }

  #profile-seeker-profile-edit-form .form-checkboxes label {
    /* padding: 10px 10px 10px 28px; */
    padding: 10px 7px 7px 7px;

    height: 18px;
  }

  #profile-seeker-profile-edit-form .form-radios label {
    height: 18px;
    padding: 12px 16px 12px 35px;
  }


  #profile-seeker-profile-edit-form .form-checkboxes label:before {
    /* height: 10px;
    left: 7px;
    width: 10px; */
    display: none;
  }

  #profile-seeker-profile-edit-form .form-checkboxes label:after {
    /* height: 9px;
    left: 11px;
    margin-top: -8px;
    width: 3px; */
    display: none;
  }

  #profile-seeker-profile-edit-form .form-radios label:after {
    width: 9px;
    height: 9px;
    left: 14px;
  }

  #profile-seeker-profile-edit-form .form-radios label:before {
    width: 15px;
    height: 15px;
    left: 10px;
  }

  /*希望勤務地スクロール設定*/
  #edit-field-skpex-desired-work-loc--wrapper .form-checkboxes {
    max-height: 300px;
    overflow-y: scroll;
    border: 1px solid #ddd;
    padding: 10px;
  }

  #edit-field-skpex-desired-work-loc--wrapper .form-checkboxes::-webkit-scrollbar {
    background: #e7e7e7;
    width: 5px;
    height: 5px;
    border-radius: 20px;
  }

  #edit-field-skpex-desired-work-loc--wrapper .form-checkboxes::-webkit-scrollbar-thumb {
    background-color: #0E7AC4;
    border-radius: 20px;
  }

}


/* 新着応募メッセージ********************** ***/
.user-message-warp .user-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-bottom: 10px;
}

.user-message-warp .user-info .label {
  color: #1488c0;
  font-weight: bold;
}

td.views-field.views-field-field-comment-body,
th.view-field-comment-body-table-column {
  min-width: 400px;
  max-width: 400px;
  white-space: normal !important;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  max-height: 60px;
  line-height: 18px;
  border: none;
}

@media only screen and (max-width : 767px) {

  .user-message-warp .user-info {
    display: flex;
    gap: 0;
    flex-direction: column;
    font-size: 0.9em;
  }

}

/*新着応援メッセージ*/
.view-user-message-list .views-field.views-field-nothing{
  min-width:100px;
}

/*マイページステータス*/
body.role-seeker article.profile.status{
  display:none!important;
}
body.newprofile #head_top_area,
body.newprofile #navbarFive,
body.newprofile .tabs.primary,
body.newprofile footer,
body.newprofile .layout-sidebar-second,
#edit-social-auth{
  display: none !important;
}
/*プロフィールの生年月日の年を非表示*/
.profile-form #edit-field-skp-birth-0-value-year span{
    display:none!important;
}