body {
  margin: 0;
  padding: 0;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; }

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom; }

.title {
  background: url("/dir/daimansai2020/img/sale/title_sale.jpg") center center/cover no-repeat; }

@media only screen and (max-width: 767px) {
  .wrap {
    margin-bottom: 70px; } }
@media only screen and (min-width: 768px) {
  .wrap {
    margin-bottom: 25px; } }

h2 {
  margin: 0 0 25px;
  position: relative; }
  h2::before {
    position: absolute;
    top: 45%;
    z-index: 1;
    content: '';
    display: block;
    width: 100%;
    height: 7px;
    background-color: #231815; }
  h2 span {
    position: relative;
    z-index: 2;
    display: inline-block;
    background-color: #fff;
    color: #231815;
    text-align: left;
    letter-spacing: 0.07em; }
    @media only screen and (max-width: 767px) {
      h2 span {
        font-size: 1.05rem;
        padding: 0 15px 0 0; } }
    @media only screen and (min-width: 768px) {
      h2 span {
        font-size: 1.45rem;
        padding: 0 28px 0 0; } }

@media only screen and (max-width: 767px) {
  .container {
    margin: 0 0 20px; } }
@media only screen and (min-width: 768px) {
  .container {
    margin: 0 0 25px; }
    .container:last-child {
      margin: 0; } }

.post_content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .post_content .post_list {
    margin: 0 0 45px; }
    @media only screen and (max-width: 767px) {
      .post_content .post_list {
        width: 48.5%; } }
    @media only screen and (min-width: 768px) {
      .post_content .post_list {
        width: 18%; } }
    .post_content .post_list h4 {
      color: #fff;
      background: #57ad68;
      margin: 0 0 20px;
      padding: 5px 0;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .post_content .post_list h4 {
          font-size: 0.9rem; } }
      @media only screen and (min-width: 768px) {
        .post_content .post_list h4 {
          font-size: 1.0rem; } }
    .post_content .post_list .post_block {
      display: flex;
      flex-direction: column;
      width: 100%;
      margin: 0 0 20px; }
      .post_content .post_list .post_block .pic {
        position: relative;
        overflow: hidden;
        width: 100%;
        box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0), 0 6px 10px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1);
        background: #f1f1f1;
        position: relative;
        text-align: center;
        padding: 0; }
        @media only screen and (max-width: 767px) {
          .post_content .post_list .post_block .pic {
            height: 115px;
            line-height: 115px; } }
        @media only screen and (min-width: 768px) {
          .post_content .post_list .post_block .pic {
            height: 160px;
            line-height: 160px; } }
        .post_content .post_list .post_block .pic img {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          margin: auto;
          -webkit-transform: scale(1);
          transform: scale(1);
          -webkit-transition: .3s ease-in-out;
          transition: .3s ease-in-out; }
          .post_content .post_list .post_block .pic img:hover {
            -webkit-transform: scale(1.2);
            transform: scale(1.2);
            opacity: 0.6; }
        .post_content .post_list .post_block .pic a {
          text-decoration: none;
          color: #888;
          display: block;
          width: 100%;
          height: 100%; }
      .post_content .post_list .post_block .caption {
        width: 100%; }
        @media only screen and (max-width: 767px) {
          .post_content .post_list .post_block .caption {
            margin: 17px 0 0; } }
        @media only screen and (min-width: 768px) {
          .post_content .post_list .post_block .caption {
            margin: 20px 0 0; } }
        .post_content .post_list .post_block .caption h3 {
          margin: 0;
          padding: 0;
          overflow: hidden; }
          @media only screen and (max-width: 767px) {
            .post_content .post_list .post_block .caption h3 {
              font-size: 0.85rem;
              line-height: 1.4rem;
              height: 87px; } }
          @media only screen and (min-width: 768px) {
            .post_content .post_list .post_block .caption h3 {
              letter-spacing: 0.01em;
              line-height: 1.6rem;
              height: 103px; } }
          .post_content .post_list .post_block .caption h3 a {
            text-decoration: none;
            color: #333; }
            @media only screen and (min-width: 768px) {
              .post_content .post_list .post_block .caption h3 a {
                font-size: 1.0rem; } }
            .post_content .post_list .post_block .caption h3 a:hover {
              text-decoration: underline; }
        .post_content .post_list .post_block .caption .cap_container {
          display: flex;
          justify-content: space-between;
          align-items: center; }
          @media only screen and (max-width: 767px) {
            .post_content .post_list .post_block .caption .cap_container {
              margin: 20px 0 0; } }
          @media only screen and (min-width: 768px) {
            .post_content .post_list .post_block .caption .cap_container {
              margin: 17px 0 0; } }
        .post_content .post_list .post_block .caption .category {
          color: #868686;
          background: #e9e9e9;
          font-size: 8px;
          letter-spacing: 1px;
          font-weight: 700;
          padding: 5px 7px;
          margin: 0; }
          @media only screen and (max-width: 767px) {
            .post_content .post_list .post_block .caption .category {
              text-overflow: ellipsis;
              white-space: nowrap;
              overflow: hidden;
              max-width: 60px; } }
        .post_content .post_list .post_block .caption .date {
          margin: 0;
          padding: 0;
          color: #868686;
          letter-spacing: 0.07em; }
          @media only screen and (max-width: 767px) {
            .post_content .post_list .post_block .caption .date {
              font-size: 0.8rem; } }
          @media only screen and (min-width: 768px) {
            .post_content .post_list .post_block .caption .date {
              font-size: 0.9rem; } }
    .post_content .post_list .more {
      text-align: center;
      height: 40px;
      line-height: 40px;
      border-radius: 50px;
      background: #231815;
      filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.2));
      transition: all 0.3s ease 0s;
      cursor: pointer;
      position: relative;
      /*
      &::before {
      	content: '';
      	display: block;
      	position: absolute;
      	top: 50%;
      	height: 2px;
      	background: #fff;
      	width: 60px;
      	transform: translate(30px, 0px);
      	transform-origin: right center;
      	transform: translate(30px, 0px) rotate(25deg);
      	@include mq-sp {
      		right: 22%;
      		width: 12px;
      	}
      	@include mq-pc {
      		right: 28%;
      		width: 9px;
      	}
      }
      &::after {
      	content: '';
      	display: block;
      	position: absolute;
      	top: 50%;
      	height: 2px;
      	background: #fff;
      	width: 10px;
      	@include mq-sp {
      		right: 8.5%;
      	}
      	@include mq-pc {
      		right: 9.5%;
      	}
      }
      */ }
      @media only screen and (max-width: 767px) {
        .post_content .post_list .more {
          width: 80%;
          margin: 15px auto 0; } }
      @media only screen and (min-width: 768px) {
        .post_content .post_list .more {
          width: 70%;
          margin: 20px auto 0; } }
      .post_content .post_list .more:hover {
        filter: drop-shadow(0 0 0 rgba(255, 255, 255, 0));
        transform: translateX(3px) translateY(3px); }
      .post_content .post_list .more a {
        color: #fff;
        text-decoration: none; }
        @media only screen and (max-width: 767px) {
          .post_content .post_list .more a {
            font-size: 0.8rem; } }
        @media only screen and (min-width: 768px) {
          .post_content .post_list .more a {
            font-size: 0.9rem; } }