@charset "UTF-8";
.mv {
  padding: min(calc((135/1920)*100vw), 135px) 0 min(calc((162/1920)*100vw), 162px);
  background: url(../images/list/mv_bg_01_pc.webp) no-repeat center center/cover;
}
@media screen and (max-width: 959px) {
  .mv {
    padding: calc((96/393)*100vw) 0 calc((40/393)*100vw);
    background-image: url(../images/list/mv_bg_01_sp.webp);
  }
}
.mv-ttl {
  color: var(--gray-100, #FFF);
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  font-size: min(calc((56/1920)*100vw), 56px);
  text-align: center;
  font-weight: 400;
  line-height: 1.3;
  margin: 0 auto min(calc((24/1920)*100vw), 24px);
}
@media screen and (max-width: 959px) {
  .mv-ttl {
    font-size: calc((32/393)*100vw);
    line-height: 1.5;
    margin-bottom: calc((16/393)*100vw);
  }
}
.mv-nav ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: min(calc((8/1920)*100vw), 8px);
  margin: 0 auto;
}
@media screen and (max-width: 959px) {
  .mv-nav ul {
    gap: calc((16/393)*100vw);
  }
}
.mv-nav a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--darkblue-30, #151F38);
  font-size: min(calc((18/1920)*100vw), 18px);
  font-weight: 700;
  line-height: 1.66;
  padding: min(calc((8/1920)*100vw), 8px) min(calc((64/1920)*100vw), 64px);
  border-radius: 99px;
  border: 1px solid rgba(255, 255, 255, 0.29);
  background: rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: blur(15.8999996185px);
          backdrop-filter: blur(15.8999996185px);
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
@media screen and (max-width: 959px) {
  .mv-nav a {
    font-size: calc((14/393)*100vw);
    padding: calc((8/393)*100vw) calc((32/393)*100vw);
  }
}
@media (hover: hover) {
  .mv-nav a:hover {
    background-color: var(--gray-100, #FFF);
    opacity: 1;
  }
}
.mv {
  /*
  .searchandfilter:not(.tagList) {
    width: min(calc((468/1280)*100vw), 468px);
    padding: min(calc((8/1280)*100vw), 8px) min(calc((16/1280)*100vw), 16px);
    border-radius: min(calc((4/1280)*100vw), 4px);
    background-color: var(--gray-100, #FFF);
    margin: 0 auto min(calc((52/1280)*100vw), 52px);
    position: relative;
    @media screen and (max-width: 959px) {
      width: calc((353/393)*100vw);
      padding: calc((16/393)*100vw);
      border-radius: calc((4/393)*100vw);
      margin-bottom: calc((46/393)*100vw);
    }
    > div > ul {
      display: flex;
      justify-content: space-between;
      align-items: center;
      @media screen and (max-width: 959px) {
        flex-direction: column;
      }
    }
    li:has([name="ofsearch"]) {
      width: min(calc((372/1280)*100vw), 372px);
      @media screen and (max-width: 959px) {
        width: 100%;
        padding-bottom: calc((8/393)*100vw);
        border-bottom: 1px solid var(--gray-70, #DDD);
      }
      &:before {
        content: "キーワードで探す";
        display: block;
        font-size: min(calc((12/1280)*100vw), 12px);
        margin-bottom: min(calc((4/1280)*100vw), 4px);
        @media screen and (max-width: 959px) {
          font-size: calc((12/393)*100vw);
          margin-bottom: calc((4/393)*100vw);
        }
      }
      input {
        width: 100%;
        font-size: min(calc((18/1280)*100vw), 18px);
        font-weight: 700;
        padding: 0;
        border: none;
        @media screen and (max-width: 959px) {
          font-size: calc((16/393)*100vw);
        }
        &::placeholder {
          color: var(--gray-60, #CCC);
        }
      }
    }
    // li:has(#ofcategory),
    // li:has(#ofpost_tag) {
    //   display: none;
    // }
    div > ul {
      > li:has([name="ofpost_tag[]"]) {
        padding-right: 0;
        position: absolute;
        left: 0;
        right: 0;
        bottom: max(calc((-52/1280)*100vw), -52px);
        margin: auto;
        @media screen and (max-width: 959px) {
          bottom: calc((-48/393)*100vw);
        }
        ul {
          display: flex;
          justify-content: center;
          align-items: center;
          flex-wrap: wrap;
          gap: min(calc((8/1280)*100vw), 8px) min(calc((8/1280)*100vw), 8px);
          @media screen and (max-width: 959px) {
            gap: calc((8/393)*100vw) calc((8/393)*100vw);
          }
        }
        li {
          padding-right: 0;
        }
        label:has(input:checked) {
          color: var(--gray-100, #FFF);
          background-color: var(--darkblue-30, #151F38);
          opacity: 1;
          box-shadow: 0 5px 10px 0 rgba(31, 87, 227, 0.30);
          @media (hover: hover) {
            &:hover {
              background-color: #4d5f8d;
            }
          }
        }
        label {
          display: flex;
          justify-content: center;
          align-items: center;
          color: var(--darkblue-30, #151F38);
          font-size: min(calc((12/1280)*100vw), 12px);
          padding: min(calc((4/1280)*100vw), 4px) min(calc((12/1280)*100vw), 12px);
          border: 1px solid var(--darkblue-30, #151F38);
          border-radius: min(calc((16/1280)*100vw), 16px);
          background-color: var(--gray-100, #FFF);
          cursor: pointer;
          transition: color 0.2s, background-color 0.2s;
          @media screen and (max-width: 959px) {
            font-size: calc((14/393)*100vw);
            padding: calc((4/393)*100vw) calc((12/393)*100vw);
            border-radius: calc((16/393)*100vw);
          }
          @media (hover: hover) {
            &:hover {
              color: var(--gray-100, #FFF);
              background-color: var(--darkblue-30, #151F38);
              opacity: 1;
              box-shadow: 0 5px 10px 0 rgba(31, 87, 227, 0.30);
            }
          }
        }
      }
    }
    li:has([type="submit"]) {
      @media screen and (max-width: 959px) {
        width: 100%;
      }
    }
    input[type="submit"] {
      display: block;
      width: min(calc((48/1280)*100vw), 48px);
      height: min(calc((48/1280)*100vw), 48px);
      font-size: 0;
      border: none;
      border-radius: min(calc((4/1280)*100vw), 4px);
      background: url(../images/list/icon_search_01.svg) no-repeat center center;
      background-size: min(calc((18/1280)*100vw), 18px);
      background-color: var(--darkblue-30, #151F38);
      position: relative;
      transition: opacity 0.2s;
      cursor: pointer;
      @media screen and (max-width: 959px) {
        width: 100%;
        height: auto;
        font-size: calc((16/393)*100vw);
        font-weight: 700;
        color: var(--gray-100, #FFF);
        padding: calc((16/393)*100vw) calc((20/393)*100vw);
        text-indent: calc((20/393)*100vw);
        background-size: calc((13/393)*100vw) calc((13/393)*100vw);
        background-position: left calc((116/393)*100vw) center;
        border-radius: calc((4/393)*100vw);
        margin-top: calc((16/393)*100vw);
      }
      @media (hover: hover) {
        &:hover {
          opacity: 0.7;
        }
      }
    }
  }
  */
}

.tagList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: min(calc((8/1920)*100vw), 8px) min(calc((8/1920)*100vw), 8px);
}
@media screen and (max-width: 959px) {
  .tagList {
    gap: calc((8/393)*100vw) calc((8/393)*100vw);
  }
}
.tagList .is-active a {
  color: var(--gray-100, #FFF);
  background-color: var(--darkblue-30, #151F38);
  opacity: 1;
  -webkit-box-shadow: 0 5px 10px 0 rgba(31, 87, 227, 0.3);
          box-shadow: 0 5px 10px 0 rgba(31, 87, 227, 0.3);
}
.tagList a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--darkblue-30, #151F38);
  font-size: min(calc((12/1920)*100vw), 12px);
  padding: min(calc((4/1920)*100vw), 4px) min(calc((12/1920)*100vw), 12px);
  border: 1px solid var(--darkblue-30, #151F38);
  border-radius: min(calc((16/1920)*100vw), 16px);
  background-color: rgba(var(--gray-100, #FFF), 0);
  -webkit-transition: color 0.2s, background-color 0.2s;
  transition: color 0.2s, background-color 0.2s;
}
@media screen and (max-width: 959px) {
  .tagList a {
    font-size: calc((14/393)*100vw);
    padding: calc((4/393)*100vw) calc((12/393)*100vw);
    border-radius: calc((16/393)*100vw);
  }
}
@media (hover: hover) {
  .tagList a:hover {
    color: var(--gray-100, #FFF);
    background-color: var(--darkblue-30, #151F38);
    opacity: 1;
    -webkit-box-shadow: 0 5px 10px 0 rgba(31, 87, 227, 0.3);
            box-shadow: 0 5px 10px 0 rgba(31, 87, 227, 0.3);
  }
}

.searchHeading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: min(calc((64/1920)*100vw), 64px);
}
@media screen and (max-width: 959px) {
  .searchHeading {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: calc((16/393)*100vw) 0;
    padding-bottom: calc((24/393)*100vw);
    position: relative;
    margin-bottom: calc((24/393)*100vw);
  }
  .searchHeading:after {
    content: "";
    width: calc((353/393)*100vw);
    height: 1px;
    display: block;
    background: -webkit-gradient(linear, left top, right top, from(var(--red-30, #C60D31)), color-stop(11%, var(--red-30, #C60D31)), color-stop(11%, var(--gray-60, #CCC)), to(var(--gray-60, #CCC)));
    background: -webkit-linear-gradient(left, var(--red-30, #C60D31) 0%, var(--red-30, #C60D31) 11%, var(--gray-60, #CCC) 11%, var(--gray-60, #CCC) 100%);
    background: linear-gradient(90deg, var(--red-30, #C60D31) 0%, var(--red-30, #C60D31) 11%, var(--gray-60, #CCC) 11%, var(--gray-60, #CCC) 100%);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
}
.searchHeading-result {
  font-size: min(calc((18/1920)*100vw), 18px);
  font-weight: 700;
  margin: 0;
}
@media screen and (max-width: 959px) {
  .searchHeading-result {
    font-size: calc((18/393)*100vw);
  }
}
.searchHeading-result span {
  color: var(--red-30, #C60D31);
}
.searchHeading-sort ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.searchHeading-sort ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.searchHeading-sort ul li:not(:last-child):after {
  content: "";
  display: block;
  width: 1px;
  height: min(calc((24/1920)*100vw), 24px);
  background-color: var(--gray-70, #DDD);
  margin-inline: 1em;
}
@media screen and (max-width: 959px) {
  .searchHeading-sort ul li:not(:last-child):after {
    height: calc((24/393)*100vw);
    margin-inline: 0.5em;
  }
}
.searchHeading-sort ul .is-active {
  font-weight: 700;
}
.searchHeading-sort ul .is-active a {
  color: var(--red-30, #C60D31);
}

.postList-sec {
  padding-bottom: min(calc((24/1920)*100vw), 24px);
  margin: 0 auto;
}
@media screen and (max-width: 959px) {
  .postList-sec {
    padding-bottom: 0;
    margin-top: calc((80/393)*100vw);
  }
  .postList-sec:first-child {
    margin-top: 0;
  }
}
.postList-sec-ttl {
  text-align: center;
  font-size: min(calc((40/1920)*100vw), 40px);
  font-weight: 700;
  line-height: 1.3;
  padding-bottom: min(calc((8/1920)*100vw), 8px);
  border-bottom: 1px solid var(--gray-70, #DDD);
  margin: 0 auto min(calc((32/1920)*100vw), 32px);
}
@media screen and (max-width: 959px) {
  .postList-sec-ttl {
    font-size: calc((26/393)*100vw);
    line-height: 1.5;
    padding-bottom: calc((8/393)*100vw);
    margin-bottom: calc((24/393)*100vw);
  }
}
@media screen and (min-width: 960px), print {
  .postList-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 0;
    -webkit-column-gap: 3.125%;
       -moz-column-gap: 3.125%;
            column-gap: 3.125%;
  }
}
@media (min-width: 960px) and (max-width: 1024px) {
  .postList-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 959px) {
  .postList-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: calc((40/393)*100vw) 0;
  }
}
@media screen and (min-width: 960px), print {
  .postList-item {
    display: grid;
    gap: 0;
    grid-template-rows: subgrid;
    grid-row: span 4; /* 4行分占有する */
    margin-bottom: min(calc((64/1280)*100vw), 64px);
  }
}
.postList-item-prefectures {
  color: var(--red-30, #C60D31);
  text-align: center;
  font-weight: 700;
  margin: 0 auto;
}
@media screen and (min-width: 960px), print {
  .postList-item-prefectures {
    grid-row: 1;
  }
}
.postList-item-name {
  font-size: min(calc((24/1920)*100vw), 24px);
  font-weight: 700;
  text-align: center;
  margin: min(calc((4/1920)*100vw), 4px) auto min(calc((16/1920)*100vw), 16px);
}
@media screen and (min-width: 960px), print {
  .postList-item-name {
    grid-row: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (max-width: 959px) {
  .postList-item-name {
    font-size: calc((24/393)*100vw);
    padding: 0 calc((16/393)*100vw);
    margin: calc((2/393)*100vw) auto calc((8/393)*100vw);
  }
}
.postList-item-img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: min(calc((240/1920)*100vw), 240px);
  border-radius: min(calc((4/1920)*100vw), 4px);
  overflow: hidden;
  margin: 0 auto;
}
@media screen and (min-width: 960px), print {
  .postList-item-img {
    width: 100%;
    grid-row: 3;
  }
}
@media screen and (max-width: 959px) {
  .postList-item-img {
    height: calc((212/393)*100vw);
    border-radius: 0;
    -webkit-box-shadow: 0 calc((5/393)*100vw) calc((25/393)*100vw) 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 calc((5/393)*100vw) calc((25/393)*100vw) 0 rgba(0, 0, 0, 0.15);
  }
}
.postList-item-img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.postList-item-tagline {
  text-align: center;
  font-size: min(calc((18/1920)*100vw), 18px);
  font-weight: 700;
  margin: min(calc((16/1920)*100vw), 16px) auto 0;
}
@media screen and (max-width: 959px) {
  .postList-item-tagline {
    font-size: calc((18/393)*100vw);
    margin-top: calc((16/393)*100vw);
  }
}
.postList-item .tagList {
  margin-top: min(calc((16/1920)*100vw), 16px);
}
@media screen and (max-width: 959px) {
  .postList-item .tagList {
    margin-top: calc((16/393)*100vw);
  }
}
.postList-item-txtArea {
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 960px), print {
  .postList-item-txtArea {
    grid-row: 4;
  }
}
@media screen and (max-width: 959px) {
  .postList-item-txtArea {
    padding: 0 calc((16/393)*100vw) calc((24/393)*100vw);
    border-radius: 0 0 calc((4/393)*100vw) calc((4/393)*100vw);
    overflow: hidden;
    background-color: var(--gray-100, #FFF);
    -webkit-box-shadow: 0 calc((5/393)*100vw) calc((25/393)*100vw) 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 calc((5/393)*100vw) calc((25/393)*100vw) 0 rgba(0, 0, 0, 0.15);
    position: relative;
    z-index: 2;
  }
}
.postList-item-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 min(calc((8/1920)*100vw), 8px);
  font-size: min(calc((14/1920)*100vw), 14px);
  font-weight: 700;
  margin: min(calc((16/1920)*100vw), 16px) auto 0;
}
@media screen and (max-width: 959px) {
  .postList-item-info {
    gap: 0 calc((8/393)*100vw);
    font-size: calc((14/393)*100vw);
    margin-top: calc((16/393)*100vw);
  }
}
.postList-item-info:before {
  content: "";
  display: block;
  width: min(calc((16/1920)*100vw), 16px);
  height: min(calc((16/1920)*100vw), 16px);
  background: url(../images/list/icon_charge_01.svg) no-repeat center center/contain;
}
@media screen and (max-width: 959px) {
  .postList-item-info:before {
    width: calc((16/393)*100vw);
    height: calc((16/393)*100vw);
    bottom: calc((1/393)*100vw);
  }
}
.postList-item {
  /*
  &-address,
  &-tel {
    display: flex;
    align-items: center;
    gap: 0 min(calc((8/1920)*100vw), 8px);
    font-size: min(calc((14/1920)*100vw), 14px);
    font-weight: 700;
    margin: min(calc((16/1920)*100vw), 16px) auto 0;
    @media screen and (max-width: 959px) {
      gap: 0 calc((8/393)*100vw);
      font-size: calc((14/393)*100vw);
      margin-top: calc((16/393)*100vw);
    }
    &:before {
      content: "";
      display: block;
      width: min(calc((16/1920)*100vw), 16px);
      height: min(calc((16/1920)*100vw), 16px);
      background: url(../images/list/icon_location_01.svg) no-repeat center center / contain;
      position: relative;
      bottom: min(calc((1/1920)*100vw), 1px);
      @media screen and (max-width: 959px) {
        width: calc((16/393)*100vw);
        height: calc((16/393)*100vw);
        bottom: calc((1/393)*100vw);
      }
    }
  }
  &-tel {
    margin: min(calc((8/1920)*100vw), 8px) auto 0;
    @media screen and (max-width: 959px) {
      margin-top: calc((8/393)*100vw);
    }
    &:before {
      background: url(../images/list/icon_phone_01.svg) no-repeat center center / contain;
    }
  }
  */
}
.postList-item-btn {
  width: min(calc((292/1920)*100vw), 292px);
  margin: min(calc((8/1920)*100vw), 8px) auto 0;
}
@media screen and (max-width: 959px) {
  .postList-item-btn {
    width: 100%;
    margin-top: calc((8/393)*100vw);
  }
}
.postList-item-btn a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 min(calc((8/1920)*100vw), 8px);
  color: var(--gray-100, #FFF);
  font-weight: 700;
  padding: min(calc((12/1920)*100vw), 12px) min(calc((20/1920)*100vw), 20px);
  border-radius: min(calc((4/1920)*100vw), 4px);
  background-color: var(--darkblue-30, #151F38);
  -webkit-backdrop-filter: blur(15.8999996185px);
          backdrop-filter: blur(15.8999996185px);
  border: 1px solid var(--darkblue-30, #151F38);
}
@media screen and (max-width: 959px) {
  .postList-item-btn a {
    gap: 0 calc((8/393)*100vw);
    padding: calc((16/393)*100vw) calc((20/393)*100vw);
    border-radius: calc((4/393)*100vw);
  }
}
@media (hover: hover) {
  .postList-item-btn a:hover {
    opacity: 1;
  }
}
.postList-item-btn svg {
  display: block;
  width: min(calc((16/1920)*100vw), 16px);
  position: relative;
  top: min(calc((1/1920)*100vw), 1px);
}
@media screen and (max-width: 959px) {
  .postList-item-btn svg {
    width: calc((16/393)*100vw);
    top: calc((1/393)*100vw);
  }
}
.postList-item-btn path {
  -webkit-transition: fill 0.2s;
  transition: fill 0.2s;
}
.postList-item-officialBtn a {
  color: var(--darkblue-30, #151F38);
  background-color: var(--gray-100, #FFF);
  /*
  @media (hover: hover) {
    &:hover {
      // color: var(--gray-100, #FFF);
      // background-color: var(--darkblue-30, #151F38);
      // path {
      //   fill: var(--gray-100, #FFF);
      // }
    }
  }
  */
}
.postList-item-officialBtn img {
  display: block;
  width: min(calc((16/1920)*100vw), 16px);
}
@media screen and (max-width: 959px) {
  .postList-item-officialBtn img {
    width: calc((16/393)*100vw);
  }
}