/* コメント、トラックバック用 */
@import url(/mt-static/support/theme_static/eiger/css/feedback.css);

/* TOPビジュアル */
[role="banner"] {
    background-image: url(https://recruit.dos-osaka.co.jp/freshersblog/img/ganshin_kasou02.png);
    background-size: cover;
    background-repeat: no-repeat;
}

/* 一覧 */

.content:after {
    clear: both; }
.related {
    margin-top: 4.854em;
    padding-top: 3.236em; }
@media (min-width: 930px) {
.content {
      margin: 0 auto; } }
#posts{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content:space-between;
  align-items: flex-start;
}
.aut_profile:after {
    content: "";
    display: block;
    width: 17.5%;
    height: 0;
}
/*.entry-mem{
width:14.5%;
margin-bottom:20px;
padding:35px 25px;
background:linear-gradient(135deg, transparent 15px, #fff 0) top left,
linear-gradient(0, transparent 0, #fff 0) top right,
linear-gradient(-45deg, transparent 15px, #fff 0) bottom right,
linear-gradient(0, transparent 0, #fff 0) bottom left;
background-size: 50% 50%;
background-repeat: no-repeat;
}*/

.entry-mem {
width:17.5%;
margin-bottom:20px;
padding:23px 25px;
  border: 2px solid #fff;
  background-color: #fff;
  cursor: default;

  /* カットされた形状を作成 */
  clip-path: polygon(
    35px 0%, 100% 0%, 100% calc(100% - 35px), 
    calc(100% - 35px) 100%, 0% 100%, 0% 35px
  );
}

.entry-prof{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
align-items: center;
padding-bottom:14px;
color: #3D97FF;
}
.entry-prof img{
width: 60px;
max-width: 100%;
height: auto;
}
.neme{
width: -webkit-calc(100% - 60px);
width: calc(95% - 60px);
padding-bottom:6px;
padding-left: 6px;
border-bottom: 1px solid #3D97FF;
font-size: 16px;
}
.prof{
height: 188px;
font-size:14px;
line-height: 1.5;
}

/* ページネーション用 */
.pagination-button{
    background: none;
    margin: 0 15px;
    color: #484848;
    border-radius: 5px;
    padding: 5px 10px;
  cursor: pointer;
}

.pagination-button:disabled{
    opacity: 0.6;
}

.page-number {
  margin: 0 4px;
  padding: 4px 8px;
  cursor: pointer;
}

.page-number.active {
  border: 1px solid #484848;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  font-weight: bold;
  background-color: transparent;
  cursor: default;
}

.paginationControls{
    margin-top: 25px;
    text-align: center;
}

.hidden{
display: none;
}

@media(max-width:1400px){
.content {padding: 40px 25px;}
.entry-mem{width:25.5%}
.aut_profile:after{width:32%}
}
@media(max-width:1200px){
.prof{height: 160px;}
}

@media(max-width:1000px){
.entry-mem{width:40%}
.aut_profile:after{width:40%}
}
@media(max-width:800px){
.entry-mem{
width:99.5%;
margin-bottom:15px;
padding:13px;
}
.prof {
height: 100%;
font-size:12px;
}
}

@media(max-width:500px){
.entry-prof img {
    width: 50px;
}
.entry-mem {
  clip-path: polygon(
    15px 0%, 100% 0%, 100% calc(100% - 15px), 
    calc(100% - 15px) 100%, 0% 100%, 0% 15px
  );
}
}