/* #yarpp_wrap
----------------------- */
.blc_in{
  padding: 20px;
  text-align: left;
  clear: both;
  position: relative;
}
@media screen and (min-width: 768px) {
  .blc_in{
    width: 1000px;
    margin: 0 auto;
    padding: 45px 20px;
  }
}

.blc_ttl{
  font-weight: bold;
  font-size: 26px;
}
@media screen and (max-width: 767px) {
  .blc_ttl{
    font-size: 20px;
  }
}
.swiper-container02{
  overflow: hidden;
}
#yarpp_wrap{
  background-color: #fff;
}
#yarpp_wrap .blc_ttl{
  padding-left: 2.5em;
  background: url("../../img/soken/link.png") no-repeat left center / auto 100%;
  margin-bottom: 1em;
  font-size: 26px;
}
@media screen and (max-width: 767px) {
  #yarpp_wrap .blc_ttl{ font-size: 20px;}
}
#yarpp_wrap .yarpp__list{
  position: relative;
}
#yarpp_wrap .post_item{
  background-color: #f2f2f2;
  float: left;
  height: auto;
  width: 25%;
}
#yarpp_wrap .post_item a{
  height: 100%;
  display: flex;
  -moz-flex-direction: column;
  flex-direction: column;
}

#yarpp_wrap .post_img{
  position: relative;
}
.eyecatch__cat{
  position: absolute;
  right: 0;
  bottom: 0;
 /* background-color: #003f79;*/
 background-color: #160491;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  padding: .5em;
}
.eyecatch__cat span{
  margin-right: .5em;
  display: inline-block;
}
.eyecatch__cat span:last-of-type{
  margin-right: 0;
}

#yarpp_wrap .post_img img{
  width: 100%;
  height: auto;
}
#yarpp_wrap .post_ttl{
  padding: 1em;
  font-weight: bold;
  font-size: 1.17em;
}

/* swiper */
:root {
  --swiper-navigation-color: #555;
  --swiper-pagination-color: #555;
  --swiper-navigation-size: 15px;
}
.swiper-button-next02.swiper-button-disabled, .swiper-button-prev02.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none;
}
.swiper-button-next02:after, .swiper-button-prev02:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
}
.swiper-button-prev02:after, .swiper-container-rtl .swiper-button-next02:after {
    content: 'prev';
}
.swiper-button-next02:after, .swiper-container-rtl .swiper-button-prev02:after {
    content: 'next';
}
.swiper-button-next02, .swiper-button-prev02{
  position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
  background-color: #fff;
  border-radius: 50%;
  padding: 10px;
  width: 50px;
  height: 50px;
  font-weight: bold;
  box-shadow: 0 0 8px rgba(0,0,0,.3);
  margin-top: -25px;
  box-sizing: border-box;
}
.swiper-button-prev02, .swiper-container-rtl .swiper-button-next02{
  left: -15px;
}
.swiper-button-next02, .swiper-container-rtl .swiper-button-prev02{
  right: -15px;
}
.swiper-button-next02.swiper-button-disabled, .swiper-button-prev02.swiper-button-disabled{
  pointer-events: inherit;
}
@media screen and (max-width: 767px) {
  .swiper-button-next02, .swiper-button-prev02{
    width: 32px;
    height: 32px;
    font-weight: bold;
    margin-top: -16px;
  }
  .swiper-button-prev02, .swiper-container-rtl .swiper-button-next02{
    left: -15px;
  }
  .swiper-button-next02, .swiper-container-rtl .swiper-button-prev02{
    right: -15px;
  }
}