.p-journal{
  margin: 35px 0 60px;
  padding: 0 10px;
}
.p-journal__inner{
  margin: 0 auto;
  max-width: 1100px;
}
.p-journal__top{
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.p-journal__select-text{
  margin-right: 15px;
  font-weight: 700;
  letter-spacing: .1em;
}
.p-journal__select-wrap{
  position: relative;
  width: 135px;
}
.p-journal__select-wrap::after{
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%) rotate(90deg);
  background-image: url(/wp-content/themes/fpsys_theme/assets/img/common/arrow_line_green.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 8px;
  height: 10px;
  pointer-events: none;
  content: "";
}
.p-journal__select{
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #fff;
  padding: 15px 15px 14px 10px;
  width: 100%;
  font-weight: 700;
  font-size: 1.3rem;
  letter-spacing: .1em;
}
.p-journal__select:where(select){
  background: 0 0;
}
.p-journal__lists{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  margin-top: 10px;
}
.p-journal__list{
  transition: background-color .4s;
}
.p-journal__list-link{
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 25px 20px 10px;
}
.p-journal__list-img{
  transition: box-shadow .4s;
  margin: 0 auto;
  width: 136px;
  height: 197px;
}
.p-journal__list-item{
  margin-top: 10px;
  font-weight: 700;
  font-size: 1.4rem;
  text-align: center;
}
@media (min-width:48em){
  .p-journal{
    padding: 0 20px;
  }
  .p-journal__top{
    padding: 0 50px;
  }
  .p-journal__select-wrap::after{
    right: 10px;
    width: 10px;
    height: 12px;
  }
  .p-journal__select{
    padding: 9px 20px 6px 12px;
    font-size: 1.5rem;
  }
  .p-journal__lists{
    grid-template-columns: repeat(4,1fr);
    gap: 10px 0;
    margin-top: 30px;
  }
  .p-journal__list:hover{
    background-color: #edf4f4;
  }
  .p-journal__list:hover .p-journal__list-img{
    box-shadow: 0 0 20px rgba(75,145,145,.6);
  }
  .p-journal__list-img{
    width: 170px;
    height: 246px;
  }}