@charset "utf-8";
/* CSS column Document */
/* マイページ　ダッシュボード */
.mypagegrid {
  height: 100%;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}
.mypagegrid a {
  background: #fff;
  height: 100%;
  width: 100%;
  overflow: auto;
  padding: 10px 20px;
  display: block;
}
.mypagegrid a:hover {
  opacity: 0.8;
}
.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 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:#000000;
}
.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;
  }
}