input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset;
}

.mv-mabayui {
  width: 100%;
  display: grid;
  position: relative;
  place-content: end center;
}
@media (max-width: 767px) {
  .mv-mabayui {
    height: 168.75vw;
    padding-bottom: 10vw;
  }
}
@media (min-width: 768px) {
  .mv-mabayui {
    height: 41.9285714286vw;
    padding-bottom: 7.1428571429vw;
  }
}
.mv-mabayui::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transition: 5s;
  opacity: 0.7;
}
.mv-mabayui .mv-bk {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}
.mv-mabayui .mv-bk img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mv-mabayui .mv-titleline {
  position: relative;
  z-index: 2;
}
.mv-mabayui .mv-titleline__main {
  margin: 0 auto;
  line-height: 1;
}
@media (max-width: 767px) {
  .mv-mabayui .mv-titleline__main {
    width: 75vw;
    margin-bottom: 3.75vw;
    margin-left: 9%;
  }
}
@media (min-width: 768px) {
  .mv-mabayui .mv-titleline__main {
    width: 30.5714285714vw;
    margin-bottom: 2.1428571429vw;
    margin-left: 18%;
  }
}
.mv-mabayui .mv-titleline__main img {
  width: 100%;
}
.mv-mabayui .mv-titleline__sub {
  text-align: center;
  font-weight: bold;
}
@media (max-width: 767px) {
  .mv-mabayui .mv-titleline__sub {
    line-height: 1.6;
    font-size: 5vw;
    margin-bottom: 10vw;
  }
}
@media (min-width: 768px) {
  .mv-mabayui .mv-titleline__sub {
    line-height: 1;
    font-size: 2.4285714286vw;
    margin-bottom: 2.1428571429vw;
  }
}
@media (max-width: 767px) {
  .mv-mabayui .mv-titleline__read {
    display: grid;
    place-content: center;
  }
}
.mv-mabayui .mv-titleline__read p {
  font-weight: bold;
}
@media (max-width: 767px) {
  .mv-mabayui .mv-titleline__read p {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: 4vw;
    line-height: 2;
  }
}
@media (min-width: 768px) {
  .mv-mabayui .mv-titleline__read p {
    text-align: center;
    line-height: 1.6;
    font-size: 1.2857142857vw;
  }
}
.mv-mabayui.active::after {
  opacity: 0;
}

.mv-low-mabayui {
  width: 100%;
  background-size: cover;
  display: grid;
  position: relative;
  place-content: end center;
}
@media (max-width: 767px) {
  .mv-low-mabayui {
    height: 84.375vw;
    background-image: url(../../img/mabayui/mv_lower_sp.jpg);
    padding-bottom: 17.5vw;
  }
}
@media (min-width: 768px) {
  .mv-low-mabayui {
    place-content: end center;
    height: 20.9285714286vw;
    background-image: url(../../img/mabayui/mv_lower_pc.jpg);
    padding-bottom: 2.1428571429vw;
  }
}
.mv-low-mabayui .mv-titleline__main {
  margin: 0 auto;
  line-height: 1;
}
@media (max-width: 767px) {
  .mv-low-mabayui .mv-titleline__main {
    width: 75vw;
    margin-bottom: 3.75vw;
    margin-left: 9%;
  }
}
@media (min-width: 768px) {
  .mv-low-mabayui .mv-titleline__main {
    width: 17.8571428571vw;
    margin-bottom: 1.4285714286vw;
    margin-left: 18%;
  }
}
.mv-low-mabayui .mv-titleline__main img {
  width: 100%;
}
.mv-low-mabayui .mv-titleline__sub {
  text-align: center;
  font-weight: bold;
}
@media (max-width: 767px) {
  .mv-low-mabayui .mv-titleline__sub {
    line-height: 1.6;
    font-size: 4.375vw;
  }
}
@media (min-width: 768px) {
  .mv-low-mabayui .mv-titleline__sub {
    line-height: 1;
    font-size: 1.4285714286vw;
  }
}

.mabayui-listwrap {
  background-color: #fff;
}
.mabayui-listwrap .word-subject {
  border-bottom-style: solid;
  border-bottom-color: #000;
}
@media (max-width: 767px) {
  .mabayui-listwrap .word-subject {
    padding: 3.75vw;
    border-bottom-width: 0.25vw;
  }
}
@media (min-width: 768px) {
  .mabayui-listwrap .word-subject {
    padding: 0.7142857143vw 0;
    border-bottom-width: 0.0714285714vw;
  }
}
@media (min-width: 1400px) {
  .mabayui-listwrap .word-subject {
    padding: 10px 0;
    border-bottom-width: 1px;
  }
}
.mabayui-listwrap .word-subject .word-subject-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  justify-content: center;
}
@media (max-width: 767px) {
  .mabayui-listwrap .word-subject .word-subject-wrap {
    width: 100%;
    column-gap: 2.5vw;
  }
}
@media (min-width: 768px) {
  .mabayui-listwrap .word-subject .word-subject-wrap {
    width: 42.8571428571vw;
    column-gap: 0.7142857143vw;
  }
}
@media (min-width: 1400px) {
  .mabayui-listwrap .word-subject .word-subject-wrap {
    width: 600px;
    column-gap: 10px;
  }
}
.mabayui-listwrap .word-subject .word-subject-wrap__index {
  line-height: 1.4;
  font-weight: bold;
}
@media (max-width: 767px) {
  .mabayui-listwrap .word-subject .word-subject-wrap__index {
    width: 25vw;
    font-size: 3.5vw;
  }
}
@media (min-width: 768px) {
  .mabayui-listwrap .word-subject .word-subject-wrap__index {
    width: 7.1428571429vw;
    font-size: 1.1428571429vw;
  }
}
@media (min-width: 1400px) {
  .mabayui-listwrap .word-subject .word-subject-wrap__index {
    width: 100px;
    font-size: 16px;
  }
}
.mabayui-listwrap .word-subject .word-subject-wrap__txt {
  line-height: 1.4;
  font-weight: bold;
}
@media (max-width: 767px) {
  .mabayui-listwrap .word-subject .word-subject-wrap__txt {
    font-size: 3.5vw;
    width: calc(100% - 27.5vw);
  }
}
@media (min-width: 768px) {
  .mabayui-listwrap .word-subject .word-subject-wrap__txt {
    font-size: 1.1428571429vw;
    width: calc(100% - 7.8571428571vw);
  }
}
@media (min-width: 1400px) {
  .mabayui-listwrap .word-subject .word-subject-wrap__txt {
    font-size: 16px;
    width: calc(100% - 110px);
  }
}
.mabayui-listwrap .mabayui-list {
  margin: 0 auto;
}
@media (max-width: 767px) {
  .mabayui-listwrap .mabayui-list {
    padding: 7.5vw 0 13.75vw;
    width: 82.5vw;
  }
}
@media (min-width: 768px) {
  .mabayui-listwrap .mabayui-list {
    padding: min(5.7142857143vw, 80px) 0;
    width: min(71.4285714286vw, 1000px);
  }
}
@media (max-width: 767px) {
  .mabayui-listwrap .mabayui-list .mabayui-element {
    width: 100%;
    margin: 0 auto;
    padding: 0 1.25vw;
  }
}
.mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core {
  width: 100%;
  display: block;
  position: relative;
  transition: 0.3s;
}
@media (max-width: 767px) {
  .mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core {
    height: 123.75vw;
  }
}
@media (min-width: 768px) {
  .mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core {
    height: 25vw;
  }
}
@media (min-width: 1400px) {
  .mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core {
    height: 350px;
    filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0));
    transform: translate3d(0px, 0px, 0px);
  }
}
.mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-bk {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-bk {
    border-radius: 2.5vw;
  }
}
@media (min-width: 768px) {
  .mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-bk {
    border-radius: 1.4285714286vw;
  }
}
@media (min-width: 1400px) {
  .mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-bk {
    border-radius: 20px;
  }
}
.mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-bk figure {
  width: 100%;
  height: 100%;
}
.mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-bk figure picture {
  width: 100%;
  height: 100%;
}
.mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-bk figure picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-bk--blank {
  background-color: #ea6052;
}
.mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-bk--blank figure {
  position: absolute;
  height: auto;
}
@media (max-width: 767px) {
  .mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-bk--blank figure {
    left: 50%;
    transform: translateX(-50%);
    width: 31.25vw;
    bottom: 6.25vw;
  }
}
@media (min-width: 768px) {
  .mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-bk--blank figure {
    top: 50%;
    transform: translateY(-50%);
    width: min(14.2857142857vw, 200px);
    right: min(5.7142857143vw, 80px);
  }
}
.mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-bk--blank figure img {
  width: 100%;
}
.mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-body {
  position: absolute;
  left: 0;
  z-index: 2;
}
@media (max-width: 767px) {
  .mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-body {
    top: 7.5vw;
  }
}
@media (min-width: 768px) {
  .mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-body {
    top: 50%;
    transform: translateY(-50%);
  }
}
.mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-body .mabayui-element-date {
  background-color: rgba(255, 255, 255, 0.7);
  display: grid;
  place-content: center start;
}
@media (max-width: 767px) {
  .mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-body .mabayui-element-date {
    width: 30vw;
    height: 5.25vw;
    padding-left: 3.75vw;
    margin-bottom: 2.5vw;
  }
}
@media (min-width: 768px) {
  .mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-body .mabayui-element-date {
    width: 14.2857142857vw;
    height: 2.5vw;
    padding-left: 1.4285714286vw;
    margin-bottom: 0.7142857143vw;
  }
}
@media (min-width: 1400px) {
  .mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-body .mabayui-element-date {
    width: 200px;
    height: 35px;
    padding-left: 20px;
    margin-bottom: 10px;
  }
}
.mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-body .mabayui-element-date p {
  line-height: 1;
  font-weight: bold;
}
@media (max-width: 767px) {
  .mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-body .mabayui-element-date p {
    font-size: 3.5vw;
  }
}
@media (min-width: 768px) {
  .mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-body .mabayui-element-date p {
    font-size: 1.2857142857vw;
  }
}
@media (min-width: 1400px) {
  .mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-body .mabayui-element-date p {
    font-size: 18px;
  }
}
.mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-body .mabayui-element-details {
  background-color: rgba(255, 255, 255, 0.7);
  display: grid;
  place-content: center start;
  position: relative;
  grid-template-columns: 100%;
}
@media (max-width: 767px) {
  .mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-body .mabayui-element-details {
    width: 67.625vw;
    padding: 5vw 5vw 5vw 3.75vw;
    margin-bottom: 2.5vw;
  }
}
@media (min-width: 768px) {
  .mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-body .mabayui-element-details {
    width: min(42.8571428571vw, 600px);
    height: min(10.7142857143vw, 150px);
    padding: 0 min(2.1428571429vw, 30px);
    margin-bottom: min(0.7142857143vw, 10px);
  }
}
.mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-body .mabayui-element-details .mabayui-element-details-wrap .mabayui-element-details-titleline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 767px) {
  .mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-body .mabayui-element-details .mabayui-element-details-wrap .mabayui-element-details-titleline {
    margin-bottom: 2.5vw;
    column-gap: 2.5vw;
  }
}
@media (min-width: 768px) {
  .mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-body .mabayui-element-details .mabayui-element-details-wrap .mabayui-element-details-titleline {
    margin-bottom: 0.7142857143vw;
    column-gap: 0.7142857143vw;
  }
}
@media (min-width: 1400px) {
  .mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-body .mabayui-element-details .mabayui-element-details-wrap .mabayui-element-details-titleline {
    margin-bottom: 10px;
    column-gap: 10px;
  }
}
@media (max-width: 767px) {
  .mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-body .mabayui-element-details .mabayui-element-details-wrap .mabayui-element-details-titleline figure {
    width: 7.25vw;
  }
}
@media (min-width: 768px) {
  .mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-body .mabayui-element-details .mabayui-element-details-wrap .mabayui-element-details-titleline figure {
    width: min(2.7142857143vw, 38px);
  }
}
.mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-body .mabayui-element-details .mabayui-element-details-wrap .mabayui-element-details-titleline figure img {
  width: 100%;
}
.mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-body .mabayui-element-details .mabayui-element-details-wrap .mabayui-element-details-titleline h3 {
  font-weight: bold;
}
@media (max-width: 767px) {
  .mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-body .mabayui-element-details .mabayui-element-details-wrap .mabayui-element-details-titleline h3 {
    line-height: 1.4;
    width: calc(100% - 9.75vw);
    font-size: 4vw;
  }
}
@media (min-width: 768px) {
  .mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-body .mabayui-element-details .mabayui-element-details-wrap .mabayui-element-details-titleline h3 {
    line-height: 1.2;
    width: calc(100% - (min(2.7142857143vw, 38px) + min(0.7142857143vw, 10px)));
    font-size: min(1.7142857143vw, 24px);
  }
}
.mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-body .mabayui-element-details .mabayui-element-details-wrap .mabayui-element-details-readline p {
  line-height: 1.4;
  font-weight: bold;
  color: #000;
}
@media (max-width: 767px) {
  .mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-body .mabayui-element-details .mabayui-element-details-wrap .mabayui-element-details-readline p {
    font-size: 3.5vw;
  }
}
@media (min-width: 768px) {
  .mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-body .mabayui-element-details .mabayui-element-details-wrap .mabayui-element-details-readline p {
    font-size: 1.1428571429vw;
  }
}
@media (min-width: 1400px) {
  .mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-body .mabayui-element-details .mabayui-element-details-wrap .mabayui-element-details-readline p {
    font-size: 16px;
  }
}
.mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-body .mabayui-element-details .mabayui-element-details-wrap .slide-triangle {
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-body .mabayui-element-details .mabayui-element-details-wrap .slide-triangle {
    right: -5vw;
  }
}
@media (min-width: 768px) {
  .mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-body .mabayui-element-details .mabayui-element-details-wrap .slide-triangle {
    right: -1.8571428571vw;
  }
}
@media (min-width: 1400px) {
  .mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-body .mabayui-element-details .mabayui-element-details-wrap .slide-triangle {
    right: -26px;
  }
}
.mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-body .mabayui-element-category {
  background-color: rgba(255, 255, 255, 0.7);
  display: grid;
  place-content: center start;
  overflow: hidden;
}
@media (max-width: 767px) {
  .mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-body .mabayui-element-category {
    width: 65vw;
    height: 5.25vw;
    padding: 0 2.5vw;
  }
}
@media (min-width: 768px) {
  .mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-body .mabayui-element-category {
    width: 28.5714285714vw;
    height: 2.5vw;
    padding: 0 1.4285714286vw;
  }
}
@media (min-width: 1400px) {
  .mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-body .mabayui-element-category {
    width: 400px;
    height: 35px;
    padding: 0 20px;
  }
}
.mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-body .mabayui-element-category p {
  line-height: 1;
  font-weight: bold;
}
@media (max-width: 767px) {
  .mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-body .mabayui-element-category p {
    font-size: 3.5vw;
  }
}
@media (min-width: 768px) {
  .mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-body .mabayui-element-category p {
    font-size: 1.2857142857vw;
  }
}
@media (min-width: 1400px) {
  .mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core .mabayui-element-body .mabayui-element-category p {
    font-size: 18px;
  }
}
@media (min-width: 1400px) {
  .mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core:hover {
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.6));
    transform: translate3d(-2px, -2px, 0px);
  }
}
@media (min-width: 1400px) {
  .mabayui-listwrap .mabayui-list .mabayui-element .mabayui-element-core:hover .mabayui-element-body .mabayui-element-details .slide-triangle {
    background-color: #ea6052;
  }
}
@media (min-width: 768px) {
  .mabayui-listwrap .mabayui-list .mabayui-element:not(:last-of-type) {
    margin-bottom: 3.5714285714vw;
  }
}
@media (min-width: 1400px) {
  .mabayui-listwrap .mabayui-list .mabayui-element:not(:last-of-type) {
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .mabayui-listwrap .mabayui-list .slide-arrow {
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
  }
}
@media (max-width: 767px) {
  .mabayui-listwrap .mabayui-list .slide-arrow--prev-side {
    left: -8.75vw;
  }
}
@media (max-width: 767px) {
  .mabayui-listwrap .mabayui-list .slide-arrow--next-side {
    right: -8.75vw;
  }
}

.nopost p {
  line-height: 1.4;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 767px) {
  .nopost p {
    font-size: 4vw;
  }
}
@media (min-width: 768px) {
  .nopost p {
    font-size: 1.1428571429vw;
  }
}
@media (min-width: 1400px) {
  .nopost p {
    font-size: 16px;
  }
}

.mabayui-search {
  border-bottom-style: solid;
  border-bottom-color: #000;
  background-color: #dedede;
  display: none;
}
@media (max-width: 767px) {
  .mabayui-search {
    border-bottom-width: 0.25vw;
  }
}
@media (min-width: 768px) {
  .mabayui-search {
    border-bottom-width: 0.0714285714vw;
  }
}
@media (min-width: 1400px) {
  .mabayui-search {
    border-bottom-width: 1px;
  }
}
.mabayui-search .mabayui-search-wrap {
  margin: 0 auto;
}
@media (max-width: 767px) {
  .mabayui-search .mabayui-search-wrap {
    width: 90%;
  }
}
@media (min-width: 768px) {
  .mabayui-search .mabayui-search-wrap {
    width: 85.7142857143vw;
  }
}
@media (min-width: 1400px) {
  .mabayui-search .mabayui-search-wrap {
    width: 1200px;
  }
}
.mabayui-search .mabayui-search-wrap form {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .mabayui-search .mabayui-search-wrap form {
    padding: 6.25vw 0;
    column-gap: 2.5vw;
  }
}
@media (min-width: 768px) {
  .mabayui-search .mabayui-search-wrap form {
    padding: 3.5714285714vw 0;
    column-gap: 0.7142857143vw;
    justify-content: center;
  }
}
@media (min-width: 1400px) {
  .mabayui-search .mabayui-search-wrap form {
    padding: 50px 0;
    column-gap: 10px;
  }
}
.mabayui-search .mabayui-search-wrap form input {
  font-weight: bold;
  line-height: 1;
  background-color: #fff;
}
@media (max-width: 767px) {
  .mabayui-search .mabayui-search-wrap form input {
    padding: 1.25vw 5vw;
    font-size: 4vw;
    width: calc(100% - 12.5vw);
    border-radius: 12.5vw;
    filter: drop-shadow(0.5vw 0.5vw 0.75vw rgba(0, 0, 0, 0.2));
  }
}
@media (min-width: 768px) {
  .mabayui-search .mabayui-search-wrap form input {
    padding: 0.3571428571vw 1.4285714286vw;
    font-size: 1.1428571429vw;
    width: 35.7142857143vw;
    border-radius: 3.5714285714vw;
    filter: drop-shadow(0.1428571429vw 0.1428571429vw 0.2142857143vw rgba(0, 0, 0, 0.2));
  }
}
@media (min-width: 1400px) {
  .mabayui-search .mabayui-search-wrap form input {
    padding: 5px 20px;
    font-size: 16px;
    width: 500px;
    border-radius: 50px;
    filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.2));
  }
}
.mabayui-search .mabayui-search-wrap form button {
  border-radius: 50%;
  aspect-ratio: 1/1;
  background-color: #000;
  transition: 0.3s;
  display: grid;
  place-content: center;
}
@media (max-width: 767px) {
  .mabayui-search .mabayui-search-wrap form button {
    width: 10vw;
    filter: drop-shadow(0.5vw 0.5vw 0.75vw rgba(0, 0, 0, 0.2));
  }
}
@media (min-width: 768px) {
  .mabayui-search .mabayui-search-wrap form button {
    width: 3.5714285714vw;
    filter: drop-shadow(0.1428571429vw 0.1428571429vw 0.2142857143vw rgba(0, 0, 0, 0.2));
  }
}
@media (min-width: 1400px) {
  .mabayui-search .mabayui-search-wrap form button {
    width: 50px;
    filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.2));
  }
}
.mabayui-search .mabayui-search-wrap form button svg {
  width: 40%;
  fill: #fff;
  margin: 0 auto;
}
@media (min-width: 1400px) {
  .mabayui-search .mabayui-search-wrap form button:hover {
    background-color: #ea6052;
  }
}

.mabayui-subnavi {
  position: relative;
  width: 100%;
  z-index: 2;
}
.mabayui-subnavi .subnavi-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  border-bottom-style: solid;
  border-bottom-color: #000;
  border-top-style: solid;
  border-top-color: #000;
}
@media (max-width: 767px) {
  .mabayui-subnavi .subnavi-list {
    border-top-width: 0.25vw;
    border-bottom-width: 0.25vw;
  }
}
@media (min-width: 768px) {
  .mabayui-subnavi .subnavi-list {
    border-top-width: 0.0714285714vw;
    border-bottom-width: 0.0714285714vw;
  }
}
@media (min-width: 1400px) {
  .mabayui-subnavi .subnavi-list {
    border-top-width: 1px;
    border-bottom-width: 1px;
  }
}
.mabayui-subnavi .subnavi-list__element a {
  line-height: 1;
  display: grid;
  place-content: center;
  aspect-ratio: 1/1;
  position: relative;
  font-weight: bold;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .mabayui-subnavi .subnavi-list__element a {
    width: 25vw;
    font-size: 3vw;
  }
}
@media (min-width: 768px) {
  .mabayui-subnavi .subnavi-list__element a {
    width: 11.4285714286vw;
    font-size: 1.2142857143vw;
  }
}
@media (min-width: 1400px) {
  .mabayui-subnavi .subnavi-list__element a {
    width: 160px;
    font-size: 17px;
  }
}
.mabayui-subnavi .subnavi-list__element a::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: 50%;
  transition: 0.3s;
  border-style: solid;
  border-color: #000;
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .mabayui-subnavi .subnavi-list__element a::after {
    border-width: 0.25vw;
    transform: translate(-50%, -50%) scale(0);
  }
}
@media (min-width: 768px) {
  .mabayui-subnavi .subnavi-list__element a::after {
    border-width: 0.0714285714vw;
    transform: translate(-50%, -50%) scale(0);
  }
}
@media (min-width: 1400px) {
  .mabayui-subnavi .subnavi-list__element a::after {
    border-width: 1px;
    transform: translate(-50%, -50%) scale(0);
  }
}
@media (min-width: 1400px) {
  .mabayui-subnavi .subnavi-list__element a:hover {
    cursor: pointer;
  }
}
@media (min-width: 1400px) {
  .mabayui-subnavi .subnavi-list__element a:hover::after {
    transform: translate(-50%, -50%) scale(1);
  }
}
.mabayui-subnavi--top .subnavi-icon {
  position: absolute;
}
@media (max-width: 767px) {
  .mabayui-subnavi--top .subnavi-icon {
    left: 1.25vw;
    bottom: -3.75vw;
  }
}
@media (min-width: 768px) {
  .mabayui-subnavi--top .subnavi-icon {
    left: 2.8571428571vw;
    bottom: -1.0714285714vw;
  }
}
@media (min-width: 1400px) {
  .mabayui-subnavi--top .subnavi-icon {
    left: 40px;
    bottom: -15px;
  }
}
@media (max-width: 767px) {
  .mabayui-subnavi--top .subnavi-icon figure {
    width: 8.75vw;
  }
}
@media (min-width: 768px) {
  .mabayui-subnavi--top .subnavi-icon figure {
    width: 5vw;
  }
}
@media (min-width: 1400px) {
  .mabayui-subnavi--top .subnavi-icon figure {
    width: 70px;
  }
}
.mabayui-subnavi--top .subnavi-icon figure img {
  width: 100%;
}
.mabayui-subnavi--bottom .subnavi-icon {
  position: absolute;
}
@media (max-width: 767px) {
  .mabayui-subnavi--bottom .subnavi-icon {
    right: 5vw;
    bottom: -1.875vw;
  }
}
@media (min-width: 768px) {
  .mabayui-subnavi--bottom .subnavi-icon {
    right: 2.8571428571vw;
    bottom: -1.0714285714vw;
  }
}
@media (min-width: 1400px) {
  .mabayui-subnavi--bottom .subnavi-icon {
    right: 40px;
    bottom: -15px;
  }
}
@media (max-width: 767px) {
  .mabayui-subnavi--bottom .subnavi-icon figure {
    width: 13.75vw;
  }
}
@media (min-width: 768px) {
  .mabayui-subnavi--bottom .subnavi-icon figure {
    width: 7.8571428571vw;
  }
}
@media (min-width: 1400px) {
  .mabayui-subnavi--bottom .subnavi-icon figure {
    width: 110px;
  }
}
.mabayui-subnavi--bottom .subnavi-icon figure img {
  width: 100%;
}

@media (max-width: 767px) {
  .post-type-archive .introduction {
    padding: 13.75vw 0;
    background-image: linear-gradient(60deg, rgb(235, 236, 237), rgb(225, 222, 198));
  }
}
@media (min-width: 768px) {
  .post-type-archive .introduction {
    padding: 6.4285714286vw 0;
    background-image: linear-gradient(45deg, rgb(225, 222, 198), rgb(235, 236, 237));
  }
}
@media (min-width: 1400px) {
  .post-type-archive .introduction {
    padding: 90px 0;
  }
}
.post-type-archive .introduction .introduction-wrap {
  margin: 0 auto;
}
@media (max-width: 767px) {
  .post-type-archive .introduction .introduction-wrap {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .post-type-archive .introduction .introduction-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 86.2857142857vw;
  }
}
@media (min-width: 1400px) {
  .post-type-archive .introduction .introduction-wrap {
    width: 1208px;
  }
}
.post-type-archive .introduction .introduction-wrap .introduction-heading {
  position: relative;
}
@media (max-width: 767px) {
  .post-type-archive .introduction .introduction-wrap .introduction-heading {
    width: 82.5vw;
    margin: 0 auto 11.25vw;
  }
}
@media (min-width: 768px) {
  .post-type-archive .introduction .introduction-wrap .introduction-heading {
    width: 35.7142857143vw;
  }
}
@media (min-width: 1400px) {
  .post-type-archive .introduction .introduction-wrap .introduction-heading {
    width: 500px;
  }
}
.post-type-archive .introduction .introduction-wrap .introduction-heading__movie {
  overflow: hidden;
  position: relative;
  width: 100%;
}
@media (max-width: 767px) {
  .post-type-archive .introduction .introduction-wrap .introduction-heading__movie {
    aspect-ratio: 1/1;
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  .post-type-archive .introduction .introduction-wrap .introduction-heading__movie {
    height: 71.4285714286vw;
  }
}
@media (min-width: 1400px) {
  .post-type-archive .introduction .introduction-wrap .introduction-heading__movie {
    height: 1000px;
  }
}
.post-type-archive .introduction .introduction-wrap .introduction-heading__movie::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 0;
  transition: 10s;
}
.post-type-archive .introduction .introduction-wrap .introduction-heading__movie.active::after {
  animation-name: movie_mask;
  animation-duration: 1s;
  animation-delay: 0s;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
}
.post-type-archive .introduction .introduction-wrap .introduction-heading__movie video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.post-type-archive .introduction .introduction-wrap .introduction-heading__decoration {
  position: absolute;
  z-index: 1;
}
@media (max-width: 767px) {
  .post-type-archive .introduction .introduction-wrap .introduction-heading__decoration {
    bottom: -23.75vw;
    left: 50%;
    transform: translateX(-50%);
    width: 63.625vw;
  }
}
@media (min-width: 768px) {
  .post-type-archive .introduction .introduction-wrap .introduction-heading__decoration {
    bottom: -6.4285714286vw;
    left: 0;
    width: 100%;
  }
}
@media (min-width: 1400px) {
  .post-type-archive .introduction .introduction-wrap .introduction-heading__decoration {
    bottom: -90px;
  }
}
.post-type-archive .introduction .introduction-wrap .introduction-heading__decoration img {
  width: 100%;
}
.post-type-archive .introduction .introduction-wrap .introduction-body {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .post-type-archive .introduction .introduction-wrap .introduction-body {
    width: 85vw;
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  .post-type-archive .introduction .introduction-wrap .introduction-body {
    width: 48vw;
  }
}
@media (min-width: 1400px) {
  .post-type-archive .introduction .introduction-wrap .introduction-body {
    width: 672px;
  }
}
.post-type-archive .introduction .introduction-wrap .introduction-body .introduction-titleline {
  position: relative;
}
@media (max-width: 767px) {
  .post-type-archive .introduction .introduction-wrap .introduction-body .introduction-titleline__title {
    width: 16vw;
  }
}
@media (min-width: 768px) {
  .post-type-archive .introduction .introduction-wrap .introduction-body .introduction-titleline__title {
    width: 9.1428571429vw;
  }
}
@media (min-width: 1400px) {
  .post-type-archive .introduction .introduction-wrap .introduction-body .introduction-titleline__title {
    width: 128px;
  }
}
.post-type-archive .introduction .introduction-wrap .introduction-body .introduction-titleline__title img {
  width: 100%;
}
.post-type-archive .introduction .introduction-wrap .introduction-body .introduction-titleline__decoration {
  position: absolute;
  left: 0;
}
@media (max-width: 767px) {
  .post-type-archive .introduction .introduction-wrap .introduction-body .introduction-titleline__decoration {
    width: 16.875vw;
    bottom: 0;
  }
}
@media (min-width: 768px) {
  .post-type-archive .introduction .introduction-wrap .introduction-body .introduction-titleline__decoration {
    width: 9.6428571429vw;
    bottom: -2.8571428571vw;
  }
}
@media (min-width: 1400px) {
  .post-type-archive .introduction .introduction-wrap .introduction-body .introduction-titleline__decoration {
    width: 135px;
    bottom: -40px;
    perspective: 10px;
    transform-style: preserve-3d;
  }
}
.post-type-archive .introduction .introduction-wrap .introduction-body .introduction-titleline__decoration img {
  width: 100%;
  animation-name: feather;
  animation-duration: 10s;
  animation-delay: 1s;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
}
@media (max-width: 767px) {
  .post-type-archive .introduction .introduction-wrap .introduction-body .introduction-read {
    width: 63vw;
  }
}
@media (min-width: 768px) {
  .post-type-archive .introduction .introduction-wrap .introduction-body .introduction-read {
    width: 36vw;
  }
}
@media (min-width: 1400px) {
  .post-type-archive .introduction .introduction-wrap .introduction-body .introduction-read {
    width: 504px;
  }
}
.post-type-archive .introduction .introduction-wrap .introduction-body .introduction-read .introduction-read-txt p {
  font-weight: bold;
  line-height: 1.6;
}
@media (max-width: 767px) {
  .post-type-archive .introduction .introduction-wrap .introduction-body .introduction-read .introduction-read-txt p {
    font-size: 3.5vw;
  }
}
@media (min-width: 768px) {
  .post-type-archive .introduction .introduction-wrap .introduction-body .introduction-read .introduction-read-txt p {
    font-size: 1.4285714286vw;
  }
}
@media (min-width: 1400px) {
  .post-type-archive .introduction .introduction-wrap .introduction-body .introduction-read .introduction-read-txt p {
    font-size: 20px;
  }
}
.post-type-archive .introduction .introduction-wrap .introduction-body .introduction-read .introduction-read-txt p span {
  color: #ea6052;
}
@media (max-width: 767px) {
  .post-type-archive .introduction .introduction-wrap .introduction-body .introduction-read .introduction-read-txt p:not(:last-of-type) {
    margin-bottom: 6.25vw;
  }
}
@media (min-width: 768px) {
  .post-type-archive .introduction .introduction-wrap .introduction-body .introduction-read .introduction-read-txt p:not(:last-of-type) {
    margin-bottom: 3.5714285714vw;
  }
}
@media (min-width: 1400px) {
  .post-type-archive .introduction .introduction-wrap .introduction-body .introduction-read .introduction-read-txt p:not(:last-of-type) {
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .post-type-archive .introduction .introduction-wrap .introduction-body .introduction-read .introduction-read-txt:not(:last-of-type) {
    margin-bottom: 10vw;
  }
}
@media (min-width: 768px) {
  .post-type-archive .introduction .introduction-wrap .introduction-body .introduction-read .introduction-read-txt:not(:last-of-type) {
    margin-bottom: 3.5714285714vw;
  }
}
@media (min-width: 1400px) {
  .post-type-archive .introduction .introduction-wrap .introduction-body .introduction-read .introduction-read-txt:not(:last-of-type) {
    margin-bottom: 50px;
  }
}
.post-type-archive .introduction .introduction-wrap .introduction-body .introduction-read .introduction-read-point {
  border-top-style: solid;
  border-bottom-color: #000;
  border-bottom-style: solid;
  border-bottom-color: #000;
}
@media (max-width: 767px) {
  .post-type-archive .introduction .introduction-wrap .introduction-body .introduction-read .introduction-read-point {
    border-top-width: 0.25vw;
    border-bottom-width: 0.25vw;
    margin-bottom: 10vw;
  }
}
@media (min-width: 768px) {
  .post-type-archive .introduction .introduction-wrap .introduction-body .introduction-read .introduction-read-point {
    border-top-width: 0.0714285714vw;
    border-bottom-width: 0.0714285714vw;
    margin-bottom: 3.5714285714vw;
  }
}
@media (min-width: 1400px) {
  .post-type-archive .introduction .introduction-wrap .introduction-body .introduction-read .introduction-read-point {
    border-top-width: 1px;
    border-bottom-width: 1px;
    margin-bottom: 50px;
  }
}
.post-type-archive .introduction .introduction-wrap .introduction-body .introduction-read .introduction-read-point .introduction-read-point__element {
  display: grid;
  place-content: center;
  width: 100%;
}
@media (max-width: 767px) {
  .post-type-archive .introduction .introduction-wrap .introduction-body .introduction-read .introduction-read-point .introduction-read-point__element {
    height: 17.5vw;
  }
}
@media (min-width: 768px) {
  .post-type-archive .introduction .introduction-wrap .introduction-body .introduction-read .introduction-read-point .introduction-read-point__element {
    height: 8.7142857143vw;
  }
}
@media (min-width: 1400px) {
  .post-type-archive .introduction .introduction-wrap .introduction-body .introduction-read .introduction-read-point .introduction-read-point__element {
    height: 122px;
  }
}
.post-type-archive .introduction .introduction-wrap .introduction-body .introduction-read .introduction-read-point .introduction-read-point__element p {
  font-weight: bold;
  line-height: 1.4;
  color: #967b67;
  text-align: center;
}
@media (max-width: 767px) {
  .post-type-archive .introduction .introduction-wrap .introduction-body .introduction-read .introduction-read-point .introduction-read-point__element p {
    font-size: 3.625vw;
  }
}
@media (min-width: 768px) {
  .post-type-archive .introduction .introduction-wrap .introduction-body .introduction-read .introduction-read-point .introduction-read-point__element p {
    font-size: 1.5714285714vw;
  }
}
@media (min-width: 1400px) {
  .post-type-archive .introduction .introduction-wrap .introduction-body .introduction-read .introduction-read-point .introduction-read-point__element p {
    font-size: 22px;
  }
}
.post-type-archive .introduction .introduction-wrap .introduction-body .introduction-read .introduction-read-point .introduction-read-point__element:not(:last-of-type) {
  border-bottom-style: solid;
  border-bottom-color: #000;
}
@media (max-width: 767px) {
  .post-type-archive .introduction .introduction-wrap .introduction-body .introduction-read .introduction-read-point .introduction-read-point__element:not(:last-of-type) {
    border-bottom-width: 0.25vw;
  }
}
@media (min-width: 768px) {
  .post-type-archive .introduction .introduction-wrap .introduction-body .introduction-read .introduction-read-point .introduction-read-point__element:not(:last-of-type) {
    border-bottom-width: 0.0714285714vw;
  }
}
@media (min-width: 1400px) {
  .post-type-archive .introduction .introduction-wrap .introduction-body .introduction-read .introduction-read-point .introduction-read-point__element:not(:last-of-type) {
    border-bottom-width: 1px;
  }
}
@media (max-width: 767px) {
  .post-type-archive .mabayui-listwrap .mabayui-subnavi--bottom {
    display: none;
  }
}
.post-type-archive:not(.search) .mabayui-listwrap .mabayui-subnavi .subnavi-list__element--new a {
  pointer-events: none;
}
@media (max-width: 767px) {
  .post-type-archive:not(.search) .mabayui-listwrap .mabayui-subnavi .subnavi-list__element--new a::after {
    transform: translate(-50%, -50%) scale(1);
  }
}
@media (min-width: 768px) {
  .post-type-archive:not(.search) .mabayui-listwrap .mabayui-subnavi .subnavi-list__element--new a::after {
    transform: translate(-50%, -50%) scale(1);
  }
}
@media (min-width: 1400px) {
  .post-type-archive:not(.search) .mabayui-listwrap .mabayui-subnavi .subnavi-list__element--new a::after {
    transform: translate(-50%, -50%) scale(1);
  }
}

.search .mabayui-listwrap .mabayui-subnavi .subnavi-list__element--search a {
  pointer-events: none;
}
@media (max-width: 767px) {
  .search .mabayui-listwrap .mabayui-subnavi .subnavi-list__element--search a::after {
    transform: translate(-50%, -50%) scale(1);
  }
}
@media (min-width: 768px) {
  .search .mabayui-listwrap .mabayui-subnavi .subnavi-list__element--search a::after {
    transform: translate(-50%, -50%) scale(1);
  }
}
@media (min-width: 1400px) {
  .search .mabayui-listwrap .mabayui-subnavi .subnavi-list__element--search a::after {
    transform: translate(-50%, -50%) scale(1);
  }
}
.search .mabayui-listwrap .mabayui-search {
  display: block;
}
@media (min-width: 1400px) {
  .search .mabayui-listwrap .mabayui-search .mabayui-search-wrap {
    width: 600px;
  }
}

.tax-mabayui_category .mabayui-listwrap .mabayui-subnavi .subnavi-list__element--category a {
  pointer-events: none;
}
@media (max-width: 767px) {
  .tax-mabayui_category .mabayui-listwrap .mabayui-subnavi .subnavi-list__element--category a::after {
    transform: translate(-50%, -50%) scale(1);
  }
}
@media (min-width: 768px) {
  .tax-mabayui_category .mabayui-listwrap .mabayui-subnavi .subnavi-list__element--category a::after {
    transform: translate(-50%, -50%) scale(1);
  }
}
@media (min-width: 1400px) {
  .tax-mabayui_category .mabayui-listwrap .mabayui-subnavi .subnavi-list__element--category a::after {
    transform: translate(-50%, -50%) scale(1);
  }
}
@media (max-width: 767px) {
  .tax-mabayui_category .mabayui-listwrap .mabayui-subnavi--bottom {
    display: none;
  }
}
.tax-mabayui_category .mabayui-listwrap .category-list {
  border-bottom-style: solid;
  border-bottom-color: #000;
  background-color: #dedede;
}
@media (max-width: 767px) {
  .tax-mabayui_category .mabayui-listwrap .category-list {
    padding: 5vw 0;
    border-bottom-width: 0.25vw;
  }
}
@media (min-width: 768px) {
  .tax-mabayui_category .mabayui-listwrap .category-list {
    padding: 1.4285714286vw 0;
    border-bottom-width: 0.0714285714vw;
  }
}
@media (min-width: 1400px) {
  .tax-mabayui_category .mabayui-listwrap .category-list {
    padding: 20px 0;
    border-bottom-width: 1px;
  }
}
.tax-mabayui_category .mabayui-listwrap .category-list .category-list-wrap {
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
@media (max-width: 767px) {
  .tax-mabayui_category .mabayui-listwrap .category-list .category-list-wrap {
    width: 82.125vw;
    height: 12.5vw;
  }
}
@media (min-width: 768px) {
  .tax-mabayui_category .mabayui-listwrap .category-list .category-list-wrap {
    width: 78.5714285714vw;
    height: 5vw;
  }
}
@media (min-width: 1400px) {
  .tax-mabayui_category .mabayui-listwrap .category-list .category-list-wrap {
    width: 1100px;
    height: 70px;
  }
}
.tax-mabayui_category .mabayui-listwrap .category-list .category-list-wrap .slick-list {
  height: 100%;
  width: 100%;
}
.tax-mabayui_category .mabayui-listwrap .category-list .category-list-wrap .slick-list .slick-track {
  display: flex;
  height: 100%;
}
.tax-mabayui_category .mabayui-listwrap .category-list .category-list-wrap .slick-list .slick-track .slick-slide {
  height: auto !important;
}
.tax-mabayui_category .mabayui-listwrap .category-list .category-list-wrap .category-element {
  display: block;
  transition: 0.3s;
  line-height: 1.2;
  height: 100%;
  display: grid;
  place-content: center;
  overflow: hidden;
  position: relative;
  height: 100%;
  border-right-style: solid;
  border-right-color: #000;
}
@media (max-width: 767px) {
  .tax-mabayui_category .mabayui-listwrap .category-list .category-list-wrap .category-element {
    padding: 0 3.75vw;
    width: 50%;
    border-right-width: 0.25vw;
  }
}
@media (min-width: 768px) {
  .tax-mabayui_category .mabayui-listwrap .category-list .category-list-wrap .category-element {
    padding: 0.3571428571vw 1.4285714286vw;
    border-right-width: 0.0714285714vw;
    width: 20%;
  }
}
@media (min-width: 1400px) {
  .tax-mabayui_category .mabayui-listwrap .category-list .category-list-wrap .category-element {
    padding: 5px 20px;
    border-right-width: 1px;
  }
}
.tax-mabayui_category .mabayui-listwrap .category-list .category-list-wrap .category-element p {
  padding-left: 1em;
  text-indent: -1.2em;
  font-weight: bold;
  transition: 0.3s;
}
@media (max-width: 767px) {
  .tax-mabayui_category .mabayui-listwrap .category-list .category-list-wrap .category-element p {
    font-size: 3.25vw;
  }
}
@media (min-width: 768px) {
  .tax-mabayui_category .mabayui-listwrap .category-list .category-list-wrap .category-element p {
    font-size: 1.1428571429vw;
  }
}
@media (min-width: 1400px) {
  .tax-mabayui_category .mabayui-listwrap .category-list .category-list-wrap .category-element p {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .tax-mabayui_category .mabayui-listwrap .category-list .category-list-wrap .category-element:first-of-type {
    border-left: 0.25vw solid #000;
  }
}
@media (min-width: 1400px) {
  .tax-mabayui_category .mabayui-listwrap .category-list .category-list-wrap .category-element:hover p {
    color: #ea6052;
  }
}
@media (min-width: 768px) {
  .tax-mabayui_category .mabayui-listwrap .category-list .category-list-wrap::after {
    content: "";
    display: block;
    position: absolute;
    background-color: #dedede;
    right: 0;
    height: 100%;
    width: 0.1428571429vw;
  }
}
@media (min-width: 1400px) {
  .tax-mabayui_category .mabayui-listwrap .category-list .category-list-wrap::after {
    width: 2px;
  }
}
.tax-mabayui_category .mabayui-listwrap .category-list .category-list-wrap .slide-arrow {
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .tax-mabayui_category .mabayui-listwrap .category-list .category-list-wrap .slide-arrow {
    width: 6.625vw;
  }
}
@media (max-width: 767px) {
  .tax-mabayui_category .mabayui-listwrap .category-list .category-list-wrap .slide-arrow figure svg {
    width: 2vw;
  }
}
@media (max-width: 767px) {
  .tax-mabayui_category .mabayui-listwrap .category-list .category-list-wrap .slide-arrow--prev-side {
    left: -7.5vw;
  }
}
@media (min-width: 768px) {
  .tax-mabayui_category .mabayui-listwrap .category-list .category-list-wrap .slide-arrow--prev-side {
    left: -7.1428571429vw;
  }
}
@media (min-width: 1400px) {
  .tax-mabayui_category .mabayui-listwrap .category-list .category-list-wrap .slide-arrow--prev-side {
    left: -100px;
  }
}
@media (max-width: 767px) {
  .tax-mabayui_category .mabayui-listwrap .category-list .category-list-wrap .slide-arrow--next-side {
    right: -7.5vw;
  }
}
@media (min-width: 768px) {
  .tax-mabayui_category .mabayui-listwrap .category-list .category-list-wrap .slide-arrow--next-side {
    right: -7.1428571429vw;
  }
}
@media (min-width: 1400px) {
  .tax-mabayui_category .mabayui-listwrap .category-list .category-list-wrap .slide-arrow--next-side {
    right: -100px;
  }
}
.tax-mabayui_category .mabayui-listwrap .category-name {
  text-align: center;
  width: 90%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .tax-mabayui_category .mabayui-listwrap .category-name {
    padding-top: 10vw;
  }
}
@media (min-width: 768px) {
  .tax-mabayui_category .mabayui-listwrap .category-name {
    padding-top: 4.2857142857vw;
  }
}
@media (min-width: 1400px) {
  .tax-mabayui_category .mabayui-listwrap .category-name {
    padding-top: 60px;
  }
}
.tax-mabayui_category .mabayui-listwrap .category-name p {
  font-weight: bold;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .tax-mabayui_category .mabayui-listwrap .category-name p {
    font-size: 4vw;
  }
}
@media (min-width: 768px) {
  .tax-mabayui_category .mabayui-listwrap .category-name p {
    font-size: 1.8571428571vw;
  }
}
@media (min-width: 1400px) {
  .tax-mabayui_category .mabayui-listwrap .category-name p {
    font-size: 26px;
  }
}

.single .single-contents {
  background-image: url(../../img/mabayui/bk_editor_left.png), url(../../img/mabayui/bk_editor_right.png);
  background-repeat: repeat-y, repeat-y;
  background-position: 0%, 100%;
  background-size: auto;
}
@media (max-width: 767px) {
  .single .single-contents {
    background-size: 3.75vw;
  }
}
@media (min-width: 768px) {
  .single .single-contents {
    background-size: min(2.1428571429vw, 30px);
  }
}
.single .single-contents .introduction {
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .single .single-contents .introduction {
    margin-bottom: 7.5vw;
    padding-top: 7.5vw;
  }
}
@media (min-width: 768px) {
  .single .single-contents .introduction {
    margin-bottom: min(2.8571428571vw, 40px);
    padding: min(2.8571428571vw, 40px) 0 min(12.8571428571vw, 180px);
  }
}
.single .single-contents .introduction .introduction-bk {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.single .single-contents .introduction .introduction-bk figure {
  width: 100%;
  height: 100%;
  transform: translateZ(0);
}
@media (max-width: 767px) {
  .single .single-contents .introduction .introduction-bk figure {
    filter: drop-shadow(0px 1.25vw 1.25vw rgba(0, 0, 0, 0.6));
  }
}
@media (min-width: 768px) {
  .single .single-contents .introduction .introduction-bk figure {
    filter: drop-shadow(0px min(0.7142857143vw, 10px) min(0.7142857143vw, 10px) rgba(0, 0, 0, 0.6));
  }
}
.single .single-contents .introduction .introduction-bk figure picture {
  width: 100%;
  height: 100%;
}
.single .single-contents .introduction .introduction-bk figure picture img {
  width: 100%;
  height: 100%;
}
.single .single-contents .introduction .introduction-wrap {
  position: relative;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .single .single-contents .introduction .introduction-wrap {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .single .single-contents .introduction .introduction-wrap {
    width: min(71.4285714286vw, 1000px);
  }
}
@media (max-width: 767px) {
  .single .single-contents .introduction .introduction-wrap .introduction-mv {
    width: 100%;
    position: relative;
    margin-bottom: 7.5vw;
  }
}
@media (min-width: 768px) {
  .single .single-contents .introduction .introduction-wrap .introduction-mv {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
.single .single-contents .introduction .introduction-wrap .introduction-mv .introduction-img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 767px) {
  .single .single-contents .introduction .introduction-wrap .introduction-mv .introduction-img {
    border-radius: 2.5vw;
    width: 82.5vw;
    height: 82.5vw;
  }
}
@media (min-width: 768px) {
  .single .single-contents .introduction .introduction-wrap .introduction-mv .introduction-img {
    border-radius: min(1.4285714286vw, 20px);
  }
}
.single .single-contents .introduction .introduction-wrap .introduction-mv .introduction-img__main {
  width: 100%;
  height: 100%;
}
.single .single-contents .introduction .introduction-wrap .introduction-mv .introduction-img__main picture {
  width: 100%;
  height: 100%;
}
.single .single-contents .introduction .introduction-wrap .introduction-mv .introduction-img__main picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.single .single-contents .introduction .introduction-wrap .introduction-mv .introduction-img__decoration {
  position: absolute;
  top: 50%;
  z-index: 2;
}
@media (max-width: 767px) {
  .single .single-contents .introduction .introduction-wrap .introduction-mv .introduction-img__decoration {
    width: 19.5vw;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media (min-width: 768px) {
  .single .single-contents .introduction .introduction-wrap .introduction-mv .introduction-img__decoration {
    right: min(2.8571428571vw, 40px);
    transform: translateY(-50%);
    width: min(18.5714285714vw, 260px);
  }
}
.single .single-contents .introduction .introduction-wrap .introduction-mv .introduction-img__decoration svg {
  width: 100%;
  fill: rgba(255, 255, 255, 0.6);
}
.single .single-contents .introduction .introduction-wrap .introduction-mv .introduction-img--blank {
  background-color: rgba(234, 97, 82, 0.6);
}
.single .single-contents .introduction .introduction-wrap .introduction-mv .pagenation {
  position: absolute;
  left: 0;
  z-index: 5;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .single .single-contents .introduction .introduction-wrap .introduction-mv .pagenation {
    width: 100vw;
    height: 6.625vw;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-bottom: 0;
  }
}
@media (min-width: 768px) {
  .single .single-contents .introduction .introduction-wrap .introduction-mv .pagenation {
    width: 100%;
    height: min(3.7857142857vw, 53px);
    bottom: min(1.0714285714vw, 15px);
    padding-bottom: 0;
  }
}
.single .single-contents .introduction .introduction-wrap .introduction-mv .pagenation .slide-arrow {
  position: absolute;
  top: 0;
}
@media (max-width: 767px) {
  .single .single-contents .introduction .introduction-wrap .introduction-mv .pagenation .slide-arrow {
    width: 6.625vw;
  }
}
@media (max-width: 767px) {
  .single .single-contents .introduction .introduction-wrap .introduction-mv .pagenation .slide-arrow figure {
    width: 2vw;
  }
}
.single .single-contents .introduction .introduction-wrap .introduction-mv .pagenation .slide-arrow--prev-side {
  left: 0;
}
.single .single-contents .introduction .introduction-wrap .introduction-mv .pagenation .slide-arrow--next-side {
  right: 0;
}
.single .single-contents .introduction .introduction-wrap .introduction-mv .introduction-mv-decoration {
  position: absolute;
  transform-style: preserve-3d;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  .single .single-contents .introduction .introduction-wrap .introduction-mv .introduction-mv-decoration {
    width: 16.875vw;
    bottom: -12.5vw;
  }
}
@media (min-width: 768px) {
  .single .single-contents .introduction .introduction-wrap .introduction-mv .introduction-mv-decoration {
    width: min(9.6428571429vw, 135px);
    bottom: -10vw;
  }
}
@media (min-width: 1400px) {
  .single .single-contents .introduction .introduction-wrap .introduction-mv .introduction-mv-decoration {
    bottom: -140px;
    perspective: 10px;
    transform-style: preserve-3d;
  }
}
.single .single-contents .introduction .introduction-wrap .introduction-mv .introduction-mv-decoration img {
  width: 100%;
  animation-name: feather;
  animation-duration: 10s;
  animation-delay: 1s;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
}
.single .single-contents .introduction .introduction-wrap .contents-titleline {
  z-index: 2;
  margin: 0 auto;
  pointer-events: none;
}
@media (max-width: 767px) {
  .single .single-contents .introduction .introduction-wrap .contents-titleline {
    width: 82.5vw;
    margin-bottom: 12.5vw;
  }
}
@media (min-width: 768px) {
  .single .single-contents .introduction .introduction-wrap .contents-titleline {
    width: 100%;
    padding: min(7.1428571429vw, 100px) 0;
  }
}
.single .single-contents .introduction .introduction-wrap .contents-titleline .titleline-date {
  background-color: rgba(255, 255, 255, 0.7);
  display: grid;
  place-content: center start;
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .single .single-contents .introduction .introduction-wrap .contents-titleline .titleline-date {
    width: 30vw;
    height: 5.125vw;
    padding-left: 3.75vw;
    margin-bottom: 2.5vw;
  }
}
@media (min-width: 768px) {
  .single .single-contents .introduction .introduction-wrap .contents-titleline .titleline-date {
    width: min(14.2857142857vw, 200px);
    height: min(2.5vw, 35px);
    padding-left: min(2.1428571429vw, 30px);
    margin-bottom: min(1.4285714286vw, 20px);
  }
}
.single .single-contents .introduction .introduction-wrap .contents-titleline .titleline-date p {
  line-height: 1;
  font-weight: bold;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .single .single-contents .introduction .introduction-wrap .contents-titleline .titleline-date p {
    font-size: 3.5vw;
  }
}
@media (min-width: 768px) {
  .single .single-contents .introduction .introduction-wrap .contents-titleline .titleline-date p {
    font-size: min(1.4285714286vw, 20px);
  }
}
.single .single-contents .introduction .introduction-wrap .contents-titleline .titleline-details {
  background-color: rgba(255, 255, 255, 0.7);
  display: grid;
  place-content: center start;
  position: relative;
  grid-template-columns: 100%;
}
@media (max-width: 767px) {
  .single .single-contents .introduction .introduction-wrap .contents-titleline .titleline-details {
    width: 100%;
    padding: 3.75vw 2.5vw 5vw;
    margin-bottom: 2.5vw;
  }
}
@media (min-width: 768px) {
  .single .single-contents .introduction .introduction-wrap .contents-titleline .titleline-details {
    width: min(42.8571428571vw, 600px);
    padding: min(1.4285714286vw, 20px) min(2.1428571429vw, 30px);
    margin-bottom: min(1.4285714286vw, 20px);
  }
}
.single .single-contents .introduction .introduction-wrap .contents-titleline .titleline-details .titleline-details-wrap .titleline-details-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 767px) {
  .single .single-contents .introduction .introduction-wrap .contents-titleline .titleline-details .titleline-details-wrap .titleline-details-title {
    margin-bottom: 2.5vw;
    column-gap: 2.5vw;
  }
}
@media (min-width: 768px) {
  .single .single-contents .introduction .introduction-wrap .contents-titleline .titleline-details .titleline-details-wrap .titleline-details-title {
    margin-bottom: min(1.4285714286vw, 20px);
    column-gap: min(1.4285714286vw, 20px);
  }
}
@media (max-width: 767px) {
  .single .single-contents .introduction .introduction-wrap .contents-titleline .titleline-details .titleline-details-wrap .titleline-details-title figure {
    width: 7.5vw;
  }
}
@media (min-width: 768px) {
  .single .single-contents .introduction .introduction-wrap .contents-titleline .titleline-details .titleline-details-wrap .titleline-details-title figure {
    width: min(4.2857142857vw, 60px);
  }
}
.single .single-contents .introduction .introduction-wrap .contents-titleline .titleline-details .titleline-details-wrap .titleline-details-title figure img {
  width: 100%;
}
.single .single-contents .introduction .introduction-wrap .contents-titleline .titleline-details .titleline-details-wrap .titleline-details-title h3 {
  font-weight: bold;
}
@media (max-width: 767px) {
  .single .single-contents .introduction .introduction-wrap .contents-titleline .titleline-details .titleline-details-wrap .titleline-details-title h3 {
    line-height: 1.4;
    width: calc(100% - 10vw);
    font-size: 4vw;
  }
}
@media (min-width: 768px) {
  .single .single-contents .introduction .introduction-wrap .contents-titleline .titleline-details .titleline-details-wrap .titleline-details-title h3 {
    line-height: 1.2;
    width: calc(100% - (min(4.2857142857vw, 60px) + min(1.4285714286vw, 20px)));
    font-size: min(1.8571428571vw, 26px);
  }
}
.single .single-contents .introduction .introduction-wrap .contents-titleline .titleline-details .titleline-details-wrap .titleline-details-readline p {
  font-weight: bold;
  color: #000;
}
@media (max-width: 767px) {
  .single .single-contents .introduction .introduction-wrap .contents-titleline .titleline-details .titleline-details-wrap .titleline-details-readline p {
    font-size: 3.5vw;
    line-height: 1.6;
  }
}
@media (min-width: 768px) {
  .single .single-contents .introduction .introduction-wrap .contents-titleline .titleline-details .titleline-details-wrap .titleline-details-readline p {
    line-height: 1.6;
    font-size: min(1.2857142857vw, 18px);
  }
}
.single .single-contents .introduction .introduction-wrap .contents-titleline .titleline-category {
  display: inline-block;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .single .single-contents .introduction .introduction-wrap .contents-titleline .titleline-category {
    width: 100%;
    gap: 1.25vw;
    padding-bottom: 15vw;
  }
}
@media (min-width: 768px) {
  .single .single-contents .introduction .introduction-wrap .contents-titleline .titleline-category {
    gap: min(0.3571428571vw, 5px);
    width: min(42.8571428571vw, 600px);
  }
}
.single .single-contents .introduction .introduction-wrap .contents-titleline .titleline-category__element {
  background-color: rgba(255, 255, 255, 0.7);
}
@media (max-width: 767px) {
  .single .single-contents .introduction .introduction-wrap .contents-titleline .titleline-category__element {
    padding: 1.25vw 2.5vw 1.25vw 1.25vw;
  }
}
@media (min-width: 768px) {
  .single .single-contents .introduction .introduction-wrap .contents-titleline .titleline-category__element {
    padding: min(0.3571428571vw, 5px) min(2.1428571429vw, 30px) min(0.3571428571vw, 5px) min(1.4285714286vw, 20px);
  }
}
.single .single-contents .introduction .introduction-wrap .contents-titleline .titleline-category__element p {
  font-weight: bold;
  display: inline-block;
  padding-left: 1em;
  text-indent: -0.8em;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .single .single-contents .introduction .introduction-wrap .contents-titleline .titleline-category__element p {
    font-size: 3.5vw;
  }
}
@media (min-width: 768px) {
  .single .single-contents .introduction .introduction-wrap .contents-titleline .titleline-category__element p {
    font-size: min(1vw, 14px);
  }
}
@media (max-width: 767px) {
  .single .single-contents .prologue {
    padding-bottom: 8.75vw;
  }
}
.single .single-contents .prologue .prologue-wrap {
  margin: 0 auto;
}
@media (max-width: 767px) {
  .single .single-contents .prologue .prologue-wrap {
    width: 75vw;
  }
}
@media (min-width: 768px) {
  .single .single-contents .prologue .prologue-wrap {
    width: min(67.8571428571vw, 950px);
  }
}
.single .single-contents .prologue .prologue-wrap .prologue-title {
  position: relative;
}
@media (max-width: 767px) {
  .single .single-contents .prologue .prologue-wrap .prologue-title {
    margin-bottom: 7.5vw;
  }
}
@media (min-width: 768px) {
  .single .single-contents .prologue .prologue-wrap .prologue-title {
    margin-bottom: min(2.1428571429vw, 30px);
  }
}
.single .single-contents .prologue .prologue-wrap .prologue-title h3 {
  line-height: 1;
  font-weight: bold;
  font-family: futura-pt, sans-serif;
}
@media (max-width: 767px) {
  .single .single-contents .prologue .prologue-wrap .prologue-title h3 {
    font-size: 5.125vw;
    text-align: center;
  }
}
@media (min-width: 768px) {
  .single .single-contents .prologue .prologue-wrap .prologue-title h3 {
    font-size: min(2.9285714286vw, 41px);
  }
}
.single .single-contents .prologue .prologue-wrap .prologue-title figure {
  position: absolute;
}
@media (max-width: 767px) {
  .single .single-contents .prologue .prologue-wrap .prologue-title figure {
    width: 8.75vw;
    bottom: 1.25vw;
    left: 12.5vw;
  }
}
@media (min-width: 768px) {
  .single .single-contents .prologue .prologue-wrap .prologue-title figure {
    width: min(5vw, 70px);
    bottom: min(0.7142857143vw, 10px);
    left: min(-5.7142857143vw, -80px);
  }
}
.single .single-contents .prologue .prologue-wrap .prologue-title figure img {
  width: 100%;
}
.single .single-contents .prologue .prologue-wrap .prologue-read p {
  line-height: 1.6;
  color: #494949;
  font-weight: bold;
}
@media (max-width: 767px) {
  .single .single-contents .prologue .prologue-wrap .prologue-read p {
    font-size: 3.5vw;
  }
}
@media (min-width: 768px) {
  .single .single-contents .prologue .prologue-wrap .prologue-read p {
    font-size: min(1.2857142857vw, 18px);
  }
}
.single .single-contents .contentsarea .contentsline .contentsline-titleline {
  background-size: 100% 100%;
  position: relative;
  z-index: 2;
  background-position-y: center;
}
@media (max-width: 767px) {
  .single .single-contents .contentsarea .contentsline .contentsline-titleline {
    padding: 17.5vw 0 8.75vw;
    background-image: url(../../img/mabayui/bk_single_title_sp.webp);
    filter: drop-shadow(0px 1.25vw 1.25vw rgba(0, 0, 0, 0.6)) drop-shadow(0px -1.25vw 1.25vw rgba(39, 19, 59, 0.5));
  }
}
@media (min-width: 768px) {
  .single .single-contents .contentsarea .contentsline .contentsline-titleline {
    padding: min(12.8571428571vw, 180px) 0 min(7.1428571429vw, 100px);
    background-image: url(../../img/mabayui/bk_single_title_pc.webp);
    filter: drop-shadow(0px min(0.7142857143vw, 10px) min(0.7142857143vw, 10px) rgba(0, 0, 0, 0.6)) drop-shadow(0px min(-0.7142857143vw, -10px) min(0.7142857143vw, 10px) rgba(39, 19, 59, 0.5));
  }
}
.single .single-contents .contentsarea .contentsline .contentsline-titleline .contentsline-titleline-wrap {
  margin: 0 auto;
}
@media (max-width: 767px) {
  .single .single-contents .contentsarea .contentsline .contentsline-titleline .contentsline-titleline-wrap {
    width: 80%;
  }
}
@media (min-width: 768px) {
  .single .single-contents .contentsarea .contentsline .contentsline-titleline .contentsline-titleline-wrap {
    width: min(67.8571428571vw, 950px);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}
.single .single-contents .contentsarea .contentsline .contentsline-titleline .contentsline-titleline-wrap .contentsline-titleline-index {
  background-color: #fff;
  border-style: solid;
  border-color: #514d55;
}
@media (max-width: 767px) {
  .single .single-contents .contentsarea .contentsline .contentsline-titleline .contentsline-titleline-wrap .contentsline-titleline-index {
    width: 21.25vw;
    border-width: 0.25vw;
    margin: 0 auto 3.75vw;
  }
}
@media (min-width: 768px) {
  .single .single-contents .contentsarea .contentsline .contentsline-titleline .contentsline-titleline-wrap .contentsline-titleline-index {
    width: min(12.1428571429vw, 170px);
    border-width: min(0.0714285714vw, 1px);
  }
}
.single .single-contents .contentsarea .contentsline .contentsline-titleline .contentsline-titleline-wrap .contentsline-titleline-index__chapter {
  line-height: 1;
  font-weight: bold;
  font-family: futura-pt, sans-serif;
  color: #fff;
  display: grid;
  place-content: center;
  background-color: #514d55;
  width: 100%;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .single .single-contents .contentsarea .contentsline .contentsline-titleline .contentsline-titleline-wrap .contentsline-titleline-index__chapter {
    font-size: 5vw;
    height: 7.5vw;
  }
}
@media (min-width: 768px) {
  .single .single-contents .contentsarea .contentsline .contentsline-titleline .contentsline-titleline-wrap .contentsline-titleline-index__chapter {
    font-size: min(2.7142857143vw, 38px);
    height: min(4.2857142857vw, 60px);
  }
}
.single .single-contents .contentsarea .contentsline .contentsline-titleline .contentsline-titleline-wrap .contentsline-titleline-index__number {
  line-height: 1;
  font-weight: bold;
  font-family: futura-pt, sans-serif;
  display: grid;
  place-content: center;
  width: 100%;
}
@media (max-width: 767px) {
  .single .single-contents .contentsarea .contentsline .contentsline-titleline .contentsline-titleline-wrap .contentsline-titleline-index__number {
    font-size: 10.5vw;
    height: 13.75vw;
  }
}
@media (min-width: 768px) {
  .single .single-contents .contentsarea .contentsline .contentsline-titleline .contentsline-titleline-wrap .contentsline-titleline-index__number {
    font-size: min(5.7142857143vw, 80px);
    height: min(7.8571428571vw, 110px);
  }
}
@media (max-width: 767px) {
  .single .single-contents .contentsarea .contentsline .contentsline-titleline .contentsline-titleline-wrap .contentsline-titleline-title {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .single .single-contents .contentsarea .contentsline .contentsline-titleline .contentsline-titleline-wrap .contentsline-titleline-title {
    padding-left: min(2.8571428571vw, 40px);
    width: calc(100% - min(12.1428571429vw, 170px));
  }
}
.single .single-contents .contentsarea .contentsline .contentsline-titleline .contentsline-titleline-wrap .contentsline-titleline-title__main {
  font-weight: bold;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .single .single-contents .contentsarea .contentsline .contentsline-titleline .contentsline-titleline-wrap .contentsline-titleline-title__main {
    font-size: 4.375vw;
    margin-bottom: 2.5vw;
    text-align: center;
  }
}
@media (min-width: 768px) {
  .single .single-contents .contentsarea .contentsline .contentsline-titleline .contentsline-titleline-wrap .contentsline-titleline-title__main {
    font-size: min(2.1428571429vw, 30px);
  }
}
.single .single-contents .contentsarea .contentsline .contentsline-titleline .contentsline-titleline-wrap .contentsline-titleline-title__sub {
  font-weight: bold;
  color: #494949;
  position: relative;
}
@media (max-width: 767px) {
  .single .single-contents .contentsarea .contentsline .contentsline-titleline .contentsline-titleline-wrap .contentsline-titleline-title__sub {
    line-height: 1.6;
    padding-top: 2.5vw;
    font-size: 3.5vw;
    text-align: center;
  }
}
@media (min-width: 768px) {
  .single .single-contents .contentsarea .contentsline .contentsline-titleline .contentsline-titleline-wrap .contentsline-titleline-title__sub {
    line-height: 1.4;
    font-size: min(1.7142857143vw, 24px);
    padding-top: min(0.7142857143vw, 10px);
    padding-left: min(4.2857142857vw, 60px);
  }
}
.single .single-contents .contentsarea .contentsline .contentsline-titleline .contentsline-titleline-wrap .contentsline-titleline-title__sub:after {
  content: "";
  display: block;
  position: absolute;
  background-color: #494949;
}
@media (max-width: 767px) {
  .single .single-contents .contentsarea .contentsline .contentsline-titleline .contentsline-titleline-wrap .contentsline-titleline-title__sub:after {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 12.5vw;
    height: 0.25vw;
  }
}
@media (min-width: 1400px) {
  .single .single-contents .contentsarea .contentsline .contentsline-titleline .contentsline-titleline-wrap .contentsline-titleline-title__sub:after {
    top: min(1.7857142857vw, 25px);
    left: 0;
    width: min(2.8571428571vw, 40px);
    height: min(0.0714285714vw, 1px);
  }
}
@media (max-width: 767px) {
  .single .single-contents .contentsarea .contentsline .contentsline-editorline {
    margin-top: -10vw;
    padding: 15vw 0 7.5vw;
  }
}
@media (min-width: 768px) {
  .single .single-contents .contentsarea .contentsline .contentsline-editorline {
    margin-top: -4.2857142857vw;
    padding: min(7.1428571429vw, 100px) 0 min(8.5714285714vw, 120px);
  }
}
@media (min-width: 1400px) {
  .single .single-contents .contentsarea .contentsline .contentsline-editorline {
    margin-top: -60px;
  }
}
.single .single-contents .contentsarea .contentsline .contentsline-editorline .contentsline-editorline-wrap {
  margin: 0 auto;
  color: #494949;
}
@media (max-width: 767px) {
  .single .single-contents .contentsarea .contentsline .contentsline-editorline .contentsline-editorline-wrap {
    width: 82.5vw;
  }
}
@media (min-width: 768px) {
  .single .single-contents .contentsarea .contentsline .contentsline-editorline .contentsline-editorline-wrap {
    width: 64.2857142857vw;
  }
}
@media (min-width: 1400px) {
  .single .single-contents .contentsarea .contentsline .contentsline-editorline .contentsline-editorline-wrap {
    width: 900px;
  }
}
@media (max-width: 767px) {
  .single .single-contents .contentsarea .contentsline .contentsline-editorline .contentsline-editorline-wrap .editor-txt {
    margin-bottom: 7.5vw;
  }
}
@media (min-width: 768px) {
  .single .single-contents .contentsarea .contentsline .contentsline-editorline .contentsline-editorline-wrap .editor-txt {
    margin-bottom: min(2.8571428571vw, 40px);
  }
}
.single .single-contents .contentsarea .contentsline .contentsline-editorline .contentsline-editorline-wrap .editor-txt p {
  line-height: 1.8;
  font-weight: bold;
}
@media (max-width: 767px) {
  .single .single-contents .contentsarea .contentsline .contentsline-editorline .contentsline-editorline-wrap .editor-txt p {
    font-size: 3.5vw;
  }
}
@media (min-width: 768px) {
  .single .single-contents .contentsarea .contentsline .contentsline-editorline .contentsline-editorline-wrap .editor-txt p {
    font-size: min(1.1428571429vw, 16px);
  }
}
@media (max-width: 767px) {
  .single .single-contents .contentsarea .contentsline .contentsline-editorline .contentsline-editorline-wrap .editor-img1 {
    margin-bottom: 7.5vw;
  }
}
@media (min-width: 768px) {
  .single .single-contents .contentsarea .contentsline .contentsline-editorline .contentsline-editorline-wrap .editor-img1 {
    margin-bottom: min(2.8571428571vw, 40px);
  }
}
.single .single-contents .contentsarea .contentsline .contentsline-editorline .contentsline-editorline-wrap .editor-img1 figure {
  width: 100%;
}
.single .single-contents .contentsarea .contentsline .contentsline-editorline .contentsline-editorline-wrap .editor-img1 figure img {
  width: 100%;
}
.single .single-contents .contentsarea .contentsline .contentsline-editorline .contentsline-editorline-wrap .editor-img1 figure figcaption {
  font-weight: bold;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .single .single-contents .contentsarea .contentsline .contentsline-editorline .contentsline-editorline-wrap .editor-img1 figure figcaption {
    font-size: 3.5vw;
    padding-top: 2.5vw;
  }
}
@media (min-width: 768px) {
  .single .single-contents .contentsarea .contentsline .contentsline-editorline .contentsline-editorline-wrap .editor-img1 figure figcaption {
    font-size: min(1vw, 14px);
    padding-top: min(0.7142857143vw, 10px);
  }
}
.single .single-contents .contentsarea .contentsline .contentsline-editorline .contentsline-editorline-wrap .editor-img2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .single .single-contents .contentsarea .contentsline .contentsline-editorline .contentsline-editorline-wrap .editor-img2 {
    margin-bottom: 7.5vw;
  }
}
@media (min-width: 768px) {
  .single .single-contents .contentsarea .contentsline .contentsline-editorline .contentsline-editorline-wrap .editor-img2 {
    margin-bottom: min(2.8571428571vw, 40px);
  }
}
@media (max-width: 767px) {
  .single .single-contents .contentsarea .contentsline .contentsline-editorline .contentsline-editorline-wrap .editor-img2 figure {
    width: calc(50% - 1.25vw);
  }
}
@media (min-width: 768px) {
  .single .single-contents .contentsarea .contentsline .contentsline-editorline .contentsline-editorline-wrap .editor-img2 figure {
    width: calc(50% - min(0.7142857143vw, 10px));
  }
}
.single .single-contents .contentsarea .contentsline .contentsline-editorline .contentsline-editorline-wrap .editor-img2 figure figcaption {
  font-weight: bold;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .single .single-contents .contentsarea .contentsline .contentsline-editorline .contentsline-editorline-wrap .editor-img2 figure figcaption {
    font-size: 3.5vw;
    padding-top: 2.5vw;
  }
}
@media (min-width: 768px) {
  .single .single-contents .contentsarea .contentsline .contentsline-editorline .contentsline-editorline-wrap .editor-img2 figure figcaption {
    font-size: min(1vw, 14px);
    padding-top: min(0.7142857143vw, 10px);
  }
}
@media (max-width: 767px) {
  .single .single-contents .contentsarea .contentsline:not(:first-of-type) {
    margin-top: -12.5vw;
  }
}
@media (min-width: 768px) {
  .single .single-contents .contentsarea .contentsline:not(:first-of-type) {
    margin-top: max(-12.8571428571vw, -180px);
  }
}
.single .single-contents .bottomline {
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .single .single-contents .bottomline {
    margin-top: -12.5vw;
    padding: 13.75vw 0 18.75vw;
  }
}
@media (min-width: 768px) {
  .single .single-contents .bottomline {
    margin-top: max(-7.1428571429vw, -100px);
    padding: min(10.7142857143vw, 150px) 0 min(7.1428571429vw, 100px);
  }
}
.single .single-contents .bottomline .bottomline-bk {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.single .single-contents .bottomline .bottomline-bk figure {
  width: 100%;
  height: 100%;
  transform: translateZ(0);
}
@media (max-width: 767px) {
  .single .single-contents .bottomline .bottomline-bk figure {
    filter: drop-shadow(0px -1.25vw 1.25vw rgba(0, 0, 0, 0.6));
  }
}
@media (min-width: 768px) {
  .single .single-contents .bottomline .bottomline-bk figure {
    filter: drop-shadow(0px min(-0.7142857143vw, -10px) min(0.7142857143vw, 10px) rgba(0, 0, 0, 0.6));
  }
}
.single .single-contents .bottomline .bottomline-bk figure picture {
  width: 100%;
  height: 100%;
}
.single .single-contents .bottomline .bottomline-bk figure picture img {
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .single .single-contents .bottomline .epilogue {
    margin-bottom: 15vw;
  }
}
@media (min-width: 768px) {
  .single .single-contents .bottomline .epilogue {
    margin-bottom: min(12.8571428571vw, 180px);
  }
}
.single .single-contents .bottomline .epilogue .epilogue-wrap {
  background-color: #fff;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 767px) {
  .single .single-contents .bottomline .epilogue .epilogue-wrap {
    width: 77.5vw;
    padding: 7.5vw;
    box-shadow: 0.75vw 0.75vw 1.25vw 0px rgba(0, 0, 0, 0.45);
  }
}
@media (min-width: 768px) {
  .single .single-contents .bottomline .epilogue .epilogue-wrap {
    width: min(60.7142857143vw, 850px);
    padding: min(7.1428571429vw, 100px) min(10.7142857143vw, 150px);
    box-shadow: min(0.4285714286vw, 6px) min(0.4285714286vw, 6px) min(0.7142857143vw, 10px) 0px rgba(0, 0, 0, 0.45);
  }
}
.single .single-contents .bottomline .epilogue .epilogue-wrap .epilogue-title {
  position: relative;
}
@media (max-width: 767px) {
  .single .single-contents .bottomline .epilogue .epilogue-wrap .epilogue-title {
    margin-bottom: 7.5vw;
  }
}
@media (min-width: 768px) {
  .single .single-contents .bottomline .epilogue .epilogue-wrap .epilogue-title {
    margin-bottom: min(2.1428571429vw, 30px);
  }
}
.single .single-contents .bottomline .epilogue .epilogue-wrap .epilogue-title h3 {
  line-height: 1;
  font-weight: bold;
  font-family: futura-pt, sans-serif;
}
@media (max-width: 767px) {
  .single .single-contents .bottomline .epilogue .epilogue-wrap .epilogue-title h3 {
    font-size: 5.125vw;
    text-align: center;
  }
}
@media (min-width: 768px) {
  .single .single-contents .bottomline .epilogue .epilogue-wrap .epilogue-title h3 {
    font-size: min(2.9285714286vw, 41px);
  }
}
.single .single-contents .bottomline .epilogue .epilogue-wrap .epilogue-title figure {
  position: absolute;
}
@media (max-width: 767px) {
  .single .single-contents .bottomline .epilogue .epilogue-wrap .epilogue-title figure {
    width: 8.75vw;
    bottom: 1.25vw;
    left: 7.5vw;
  }
}
@media (min-width: 768px) {
  .single .single-contents .bottomline .epilogue .epilogue-wrap .epilogue-title figure {
    width: min(5vw, 70px);
    bottom: min(0.7142857143vw, 10px);
    left: min(-5.7142857143vw, -80px);
  }
}
.single .single-contents .bottomline .epilogue .epilogue-wrap .epilogue-title figure img {
  width: 100%;
}
.single .single-contents .bottomline .epilogue .epilogue-wrap .epilogue-read p {
  line-height: 1.6;
  color: #494949;
  font-weight: bold;
}
@media (max-width: 767px) {
  .single .single-contents .bottomline .epilogue .epilogue-wrap .epilogue-read p {
    font-size: 3.5vw;
  }
}
@media (min-width: 768px) {
  .single .single-contents .bottomline .epilogue .epilogue-wrap .epilogue-read p {
    font-size: min(1.2857142857vw, 18px);
  }
}
.single .single-contents .bottomline .epilogue .epilogue-wrap .epilogue-decoration__clip {
  position: absolute;
}
@media (max-width: 767px) {
  .single .single-contents .bottomline .epilogue .epilogue-wrap .epilogue-decoration__clip {
    width: 3.75vw;
    top: -2.5vw;
  }
}
@media (min-width: 768px) {
  .single .single-contents .bottomline .epilogue .epilogue-wrap .epilogue-decoration__clip {
    width: min(2.8571428571vw, 40px);
    top: max(-2.1428571429vw, -30px);
  }
}
.single .single-contents .bottomline .epilogue .epilogue-wrap .epilogue-decoration__clip--left {
  left: min(4.6428571429vw, 65px);
}
@media (max-width: 767px) {
  .single .single-contents .bottomline .epilogue .epilogue-wrap .epilogue-decoration__clip--left::after {
    top: -8.75vw;
    height: 8.75vw;
  }
}
@media (min-width: 768px) {
  .single .single-contents .bottomline .epilogue .epilogue-wrap .epilogue-decoration__clip--left::after {
    top: max(-5.7142857143vw, -80px);
    height: min(5.7142857143vw, 80px);
  }
}
.single .single-contents .bottomline .epilogue .epilogue-wrap .epilogue-decoration__clip--right {
  right: min(4.6428571429vw, 65px);
}
@media (max-width: 767px) {
  .single .single-contents .bottomline .epilogue .epilogue-wrap .epilogue-decoration__clip--right::after {
    top: -6.875vw;
    height: 6.875vw;
  }
}
@media (min-width: 768px) {
  .single .single-contents .bottomline .epilogue .epilogue-wrap .epilogue-decoration__clip--right::after {
    top: max(-5.3571428571vw, -75px);
    height: min(5.3571428571vw, 75px);
  }
}
.single .single-contents .bottomline .epilogue .epilogue-wrap .epilogue-decoration__feather {
  position: absolute;
}
.single .single-contents .bottomline .epilogue .epilogue-wrap .epilogue-decoration__feather img {
  width: 100%;
  animation-name: feather;
  animation-duration: 10s;
  animation-delay: 1s;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
}
@media (max-width: 767px) {
  .single .single-contents .bottomline .epilogue .epilogue-wrap .epilogue-decoration__feather--one {
    width: 11.25vw;
    top: -12.5vw;
    left: -6.25vw;
  }
}
@media (min-width: 768px) {
  .single .single-contents .bottomline .epilogue .epilogue-wrap .epilogue-decoration__feather--one {
    width: min(6.4285714286vw, 90px);
    top: max(-5vw, -70px);
    left: max(-7.1428571429vw, -100px);
  }
}
@media (max-width: 767px) {
  .single .single-contents .bottomline .epilogue .epilogue-wrap .epilogue-decoration__feather--two {
    width: 10vw;
    bottom: -16.25vw;
    right: -6.25vw;
  }
}
@media (min-width: 768px) {
  .single .single-contents .bottomline .epilogue .epilogue-wrap .epilogue-decoration__feather--two {
    width: min(5.7142857143vw, 80px);
    bottom: max(-10.7142857143vw, -150px);
    right: max(-7.1428571429vw, -100px);
  }
}
.single .single-contents .bottomline .offshot .offshot-wrap .offshot-title {
  position: relative;
}
@media (max-width: 767px) {
  .single .single-contents .bottomline .offshot .offshot-wrap .offshot-title {
    margin-bottom: 6.25vw;
  }
}
@media (min-width: 768px) {
  .single .single-contents .bottomline .offshot .offshot-wrap .offshot-title {
    margin-bottom: min(3.5714285714vw, 50px);
  }
}
.single .single-contents .bottomline .offshot .offshot-wrap .offshot-title h3 {
  line-height: 1;
  font-weight: bold;
  font-family: futura-pt, sans-serif;
  text-align: center;
}
@media (max-width: 767px) {
  .single .single-contents .bottomline .offshot .offshot-wrap .offshot-title h3 {
    font-size: 5.125vw;
    text-align: center;
  }
}
@media (min-width: 768px) {
  .single .single-contents .bottomline .offshot .offshot-wrap .offshot-title h3 {
    font-size: min(2.9285714286vw, 41px);
  }
}
.single .single-contents .bottomline .offshot .offshot-wrap .offshot-list {
  margin: 0 auto;
  position: relative;
}
@media (max-width: 767px) {
  .single .single-contents .bottomline .offshot .offshot-wrap .offshot-list {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .single .single-contents .bottomline .offshot .offshot-wrap .offshot-list {
    width: min(85.7142857143vw, 1200px);
    gap: min(4.2857142857vw, 60px) calc((100% - min(24.7857142857vw, 347px) * 3) / 2);
    display: flex;
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .single .single-contents .bottomline .offshot .offshot-wrap .offshot-list .offshot-element {
    width: 44.625vw;
    padding: 0 2.5vw;
  }
}
@media (min-width: 768px) {
  .single .single-contents .bottomline .offshot .offshot-wrap .offshot-list .offshot-element {
    width: min(24.7857142857vw, 347px);
  }
}
.single .single-contents .bottomline .offshot .offshot-wrap .offshot-list .offshot-element .offshot-element-img {
  background-color: #fff;
  aspect-ratio: 347/270;
  width: 100%;
  display: grid;
  place-content: center;
  background-image: url(../../img/mabayui/frame.webp);
  background-size: cover;
}
@media (max-width: 767px) {
  .single .single-contents .bottomline .offshot .offshot-wrap .offshot-list .offshot-element .offshot-element-img {
    margin-bottom: 1.25vw;
  }
}
@media (min-width: 768px) {
  .single .single-contents .bottomline .offshot .offshot-wrap .offshot-list .offshot-element .offshot-element-img {
    margin-bottom: min(0.7142857143vw, 10px);
  }
}
.single .single-contents .bottomline .offshot .offshot-wrap .offshot-list .offshot-element .offshot-element-img figure {
  width: 100%;
  aspect-ratio: 347/270;
}
@media (max-width: 767px) {
  .single .single-contents .bottomline .offshot .offshot-wrap .offshot-list .offshot-element .offshot-element-img figure {
    width: 32.5vw;
  }
}
@media (min-width: 768px) {
  .single .single-contents .bottomline .offshot .offshot-wrap .offshot-list .offshot-element .offshot-element-img figure {
    width: min(18.5714285714vw, 260px);
  }
}
.single .single-contents .bottomline .offshot .offshot-wrap .offshot-list .offshot-element .offshot-element-img figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 1400px) {
  .single .single-contents .bottomline .offshot .offshot-wrap .offshot-list .offshot-element .offshot-element-img:hover {
    cursor: pointer;
  }
}
@media (max-width: 767px) {
  .single .single-contents .bottomline .offshot .offshot-wrap .offshot-list .offshot-element .offshot-element-caption {
    padding-top: 2.5vw;
  }
}
@media (min-width: 768px) {
  .single .single-contents .bottomline .offshot .offshot-wrap .offshot-list .offshot-element .offshot-element-caption {
    padding-top: min(0.7142857143vw, 10px);
  }
}
.single .single-contents .bottomline .offshot .offshot-wrap .offshot-list .offshot-element .offshot-element-caption p {
  line-height: 1.4;
  font-weight: bold;
  color: #494949;
  width: 85%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .single .single-contents .bottomline .offshot .offshot-wrap .offshot-list .offshot-element .offshot-element-caption p {
    font-size: 3.5vw;
  }
}
@media (min-width: 768px) {
  .single .single-contents .bottomline .offshot .offshot-wrap .offshot-list .offshot-element .offshot-element-caption p {
    font-size: min(1vw, 14px);
  }
}
@media (max-width: 767px) {
  .single .single-contents .bottomline .offshot .offshot-wrap .offshot-list .slide-arrow {
    z-index: 10;
  }
}
@media (max-width: 767px) {
  .single .single-contents .bottomline .offshot .offshot-wrap .offshot-list .slide-arrow--prev-side {
    left: 0;
    top: 12.5vw;
  }
}
@media (max-width: 767px) {
  .single .single-contents .bottomline .offshot .offshot-wrap .offshot-list .slide-arrow--next-side {
    right: 0;
    top: 12.5vw;
  }
}
.single .gallery {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  pointer-events: none;
  opacity: 0;
  transition: 0.3s;
  display: grid;
  place-content: center;
}
.single .gallery__bk {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
  display: none;
}
.single .gallery__close {
  position: absolute;
  aspect-ratio: 1/1;
  border-radius: 50%;
  border-style: solid;
  border-color: #fff;
  transform: rotate(45deg);
  transition: 0.3s;
  z-index: 2;
}
@media (max-width: 767px) {
  .single .gallery__close {
    width: 6.25vw;
    top: 3.75vw;
    right: 3.75vw;
    border-width: 0.125vw;
  }
}
@media (min-width: 768px) {
  .single .gallery__close {
    width: 3.5714285714vw;
    top: 2.1428571429vw;
    right: 2.1428571429vw;
    border-width: 0.0714285714vw;
  }
}
.single .gallery__close::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  height: 60%;
}
@media (max-width: 767px) {
  .single .gallery__close::after {
    width: 0.125vw;
  }
}
@media (min-width: 768px) {
  .single .gallery__close::after {
    width: 0.0714285714vw;
  }
}
.single .gallery__close::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  width: 60%;
}
@media (max-width: 767px) {
  .single .gallery__close::before {
    height: 0.125vw;
  }
}
@media (min-width: 768px) {
  .single .gallery__close::before {
    height: 0.0714285714vw;
  }
}
@media (min-width: 1400px) {
  .single .gallery__close:hover {
    transform: scale(1.1) rotate(45deg);
    cursor: pointer;
  }
}
.single .gallery__element {
  transition: 0.3s;
  display: none;
  place-content: center;
  background-color: #fff;
  border-style: solid;
  border-color: #dcdcdc;
  z-index: 1;
}
@media (max-width: 767px) {
  .single .gallery__element {
    border-width: 0.7142857143vw;
    padding: 5.7142857143vw;
    box-shadow: inset 0px 0px 1.25vw 0.5vw rgba(0, 0, 0, 0.8);
  }
}
@media (min-width: 768px) {
  .single .gallery__element {
    border-width: 0.3571428571vw;
    padding: 2.8571428571vw;
    box-shadow: inset 0px 0px 0.3571428571vw 0.1428571429vw rgba(0, 0, 0, 0.8);
  }
}
.single .gallery__element img {
  width: auto;
}
@media (max-width: 767px) {
  .single .gallery__element img {
    max-width: 80vw;
    max-height: calc(100vh - 20vw);
  }
}
@media (min-width: 768px) {
  .single .gallery__element img {
    max-width: 88.5714285714vw;
    max-height: calc(100vh - 11.4285714286vw);
  }
}
.single .gallery__element.active {
  display: block;
}
.single .gallery.active {
  opacity: 1;
  pointer-events: all;
}
.single .gallery.active .gallery__bk {
  display: block;
}

.mabayui-recommend .mabayui-listwrap .mabayui-subnavi .subnavi-list__element--recommend a {
  pointer-events: none;
}
@media (max-width: 767px) {
  .mabayui-recommend .mabayui-listwrap .mabayui-subnavi .subnavi-list__element--recommend a::after {
    transform: translate(-50%, -50%) scale(1);
  }
}
@media (min-width: 768px) {
  .mabayui-recommend .mabayui-listwrap .mabayui-subnavi .subnavi-list__element--recommend a::after {
    transform: translate(-50%, -50%) scale(1);
  }
}
@media (min-width: 1400px) {
  .mabayui-recommend .mabayui-listwrap .mabayui-subnavi .subnavi-list__element--recommend a::after {
    transform: translate(-50%, -50%) scale(1);
  }
}
@media (max-width: 767px) {
  .mabayui-recommend .mabayui-listwrap .mabayui-list .mabayui-element:not(:last-of-type) {
    margin-bottom: 7.5vw;
  }
}

@keyframes feather {
  0% {
    transform: rotate3d(0, 0, 0, 0deg);
  }
  50% {
    transform: rotate3d(0.1, 0.1, 1, 5deg);
  }
  100% {
    transform: rotate3d(0, 0, 0, 0deg);
  }
}
@keyframes movie_mask {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0.8;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 0;
  }
}/*# sourceMappingURL=mabayui.css.map */