@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:wght@600&family=Zen+Old+Mincho:wght@600;900&display=swap");
.zen-old-mincho-semibold {
  font-family: "Zen Old Mincho", serif;
  font-weight: 600;
  font-style: normal;
}

.zen-old-mincho-black {
  font-family: "Zen Old Mincho", serif;
  font-weight: 900;
  font-style: normal;
}

.eb-garamond {
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

* {
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .footerNav {
    margin-top: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  .u-display-pc {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .u-display-sp {
    display: none;
  }
}
.common__hr {
  margin-bottom: 58px;
}

.js-blur {
  filter: blur(10px);
  opacity: 0;
  transform: translate3d(0, 20px, 0);
  transition-duration: 1s;
  transition-property: filter, opacity, transform;
  transition-timing-function: ease, ease, cubic-bezier(0.215, 0.61, 0.355, 1);
}
.js-blur.is-act {
  filter: blur(0);
  opacity: 1;
  transform: translateZ(0);
}

.wave-wrap {
  height: 120px; /* 好きな高さに */
  width: 100%;
  background: #0a7bdc; /* 青背景（必要なら） */
  overflow: hidden;
}

.wave {
  width: 200%; /* 2本分見せる */
  height: 100%;
  display: block;
}

.wave-move {
  animation: waveScroll 3s linear infinite;
}

@keyframes waveScroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-1200px);
  } /* viewBoxの横幅と一致 */
}
.page-wrapper {
  position: relative;
  font-family: "Zen Old Mincho", serif;
  font-weight: 600;
  background-color: #007cc8;
}

@media screen and (min-width: 768px) {
  .page-wrapper {
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  .page-wrapper {
    position: relative;
  }
}
.page-contents {
  overflow: hidden;
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 768px) {
  .page-contents {
    margin-left: 63.8888888889vw;
    width: 393px;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    margin-bottom: -100vh;
  }
}
@media screen and (min-width: 768px) and (max-width: 1093px) {
  .page-contents {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: -100vh;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  .page-contents {
    margin-left: 0;
    width: 100%;
    border-left: 0px;
    border-right: 0px;
    margin-bottom: 0;
  }
}
.pc-info {
  position: sticky;
  bottom: 0;
  left: 0;
}
.pc-info-wrap {
  width: 100%;
  height: 100vh;
  transform: translate3d(0, 0, 0);
  visibility: visible;
  background-image: url(../img/one_piece_heroines/pc-bg01.png), url(../img/one_piece_heroines/pc-bg02.png);
  background-position: left top, right bottom;
  background-size: 158px auto, 667px auto;
  background-repeat: no-repeat, no-repeat;
}
.pc-info__title {
  position: absolute;
  top: 22.5714285714vh;
  left: 6.3888888889vw;
}
.pc-info__title img {
  width: 49.7916666667vw;
}
@media screen and (max-width: 1093px) {
  .pc-info__title {
    display: none;
  }
}
.pc-info__list {
  position: absolute;
  top: 42.2857142857vh;
  left: 9.0277777778vw;
  width: 46.25vw;
}
.pc-info__list__title {
  margin-bottom: 2.8571428571vh;
}
.pc-info__list__btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  text-decoration: none;
  font-size: 1.0416666667vw;
  width: 14.8611111111vw;
  height: 40px;
  background-color: #000000;
  margin-inline: auto;
}
.pc-info__list__btn a span {
  display: inline-block;
  position: relative;
}
.pc-info__list__btn a span::after {
  position: absolute;
  top: 0.6944444444vw;
  right: -1.4583333333vw;
  content: "";
  width: 11px;
  height: 7px;
  background-image: url(../img/one_piece_heroines/common-ico-link-wh.svg);
  background-size: 100% 100%;
}
.pc-info__list__btn-cs span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "EB Garamond", serif;
  font-size: 1.3888888889vw;
  width: 14.8611111111vw;
  height: 40px;
  color: #0069c8;
  background-color: #0099D9;
  margin-inline: auto;
}
.pc-info__list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.pc-info__list ul li {
  width: 47.3%;
}
@media screen and (max-width: 1093px) {
  .pc-info__list {
    display: none;
  }
}
.pc-info__sns {
  position: absolute;
  top: 78.2857142857vh;
  left: 20.8333333333vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 20.2777777778vw;
}
.pc-info__sns__title {
  width: 10.625vw;
}
.pc-info__sns ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 7.6388888889vw;
}
.pc-info__sns ul li {
  width: 2.7777777778vw;
}
@media screen and (max-width: 1093px) {
  .pc-info__sns {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .pc-info {
    display: none;
  }
}
.loading {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: ease 0.8s;
}
.loading.fade-out {
  opacity: 0;
}
.loading-wrap {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}
.loading__logo {
  width: 712px;
}
@media screen and (max-width: 767px) {
  .loading__logo {
    width: 93%;
  }
}

.fv {
  overflow: hidden;
  height: 696px;
  background-color: #007ECE;
}
.fv__slide {
  position: relative;
}
.fv__slide div {
  width: 100%;
}

.about {
  padding-bottom: 95px;
  background-color: #007ECE;
  background-image: url(../img/one_piece_heroines/about-bg.png);
  background-size: 100% auto;
  background-position: top center;
}
.about__title {
  width: 167px;
  margin-inline: auto;
  margin-bottom: 40px;
}
.about__subtitle {
  margin-bottom: 20px;
}
.about__subtitle h3 {
  width: 288px;
  margin-inline: auto;
  margin-bottom: 16px;
}
.about__subtitle p {
  color: #ffffff;
  text-align: center;
  font-size: 18px;
  line-height: 1.1;
  font-weight: 900;
}
.about__text {
  margin-bottom: 38px;
}
.about__text p {
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  line-height: 1.785;
}
.about__text p + p {
  margin-top: 2rem;
}
.about__text p strong {
  font-size: 17px;
}
.about__movie {
  position: relative;
  padding: 0 20px;
}
.about__movie__title {
  position: absolute;
  bottom: -32px;
  right: 20px;
  width: 183px;
}

.product {
  background-color: #007ECE;
}
.product__title {
  margin-bottom: 22px;
}
.product__title h2 {
  width: 233px;
  margin-inline: auto;
  margin-bottom: 20px;
}
.product__title-jp {
  color: #ffffff;
  text-align: center;
}
.product__title-jp span {
  font-size: 19px;
  line-height: 1.1;
  font-weight: 900;
}
.product__title-jp span::before, .product__title-jp span::after {
  content: "-";
}
.product__link {
  padding: 0 18px;
  margin-bottom: 60px;
}
.product__link ul li + li {
  margin-top: 24px;
}
.product__detail {
  padding-bottom: 55px;
}
.product__detail__title {
  width: 353px;
  margin-inline: auto;
  margin-bottom: 17px;
}
.product__detail__lead {
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  line-height: 1.57;
  margin-bottom: 22px;
}
.product__detail__list01, .product__detail__list03 {
  margin-bottom: 45px;
}
.product__detail__list-block {
  position: relative;
  width: 100%;
  margin: 0 -25px;
}
.product__detail__list-block.slick-center .product__detail__list-thumb {
  opacity: 1;
}
.product__detail__list-block.slick-center .product__detail__list-thumb img {
  top: 0;
  scale: 0.82;
}
.product__detail__list-thumb {
  opacity: 0.4;
  margin-bottom: -18px;
}
.product__detail__list-thumb img {
  position: relative;
  top: 16px;
  scale: 0.71;
  transition: 0.3s ease-in-out;
}
.product__detail__list-name {
  color: #ffffff;
  text-align: center;
  font-weight: 900;
  font-size: 17px;
  line-height: 1.4;
  margin-bottom: 20px;
}
.product__detail__list-name span {
  display: block;
  font-size: 20px;
}
.product__detail__list-btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  text-decoration: none;
  font-size: 16px;
  width: 194px;
  height: 40px;
  background-color: #000000;
  margin-inline: auto;
}
.product__detail__list-btn a span {
  display: inline-block;
  position: relative;
}
.product__detail__list-btn a span::after {
  position: absolute;
  top: 10px;
  right: -28px;
  content: "";
  width: 11px;
  height: 7px;
  background-image: url(../img/one_piece_heroines/common-ico-link-wh.svg);
  background-size: 100% 100%;
}
.product__detail__list-btn-cs span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "EB Garamond", serif;
  font-size: 20px;
  width: 194px;
  height: 40px;
  color: #036cc9;
  background-color: #3396d3;
  margin-inline: auto;
}
.product__detail .slick-prev,
.product__detail .slick-next {
  cursor: pointer;
  position: absolute;
  z-index: 15;
  display: block;
  width: 15px;
  height: 11px;
  line-height: 0px;
  font-size: 0px;
  background: transparent;
  color: transparent;
  top: calc(100% + 15px);
  transform: translate(0, 0);
  padding: 0;
  border: none;
  outline: none;
}
.product__detail .slick-prev.slick-disabled,
.product__detail .slick-next.slick-disabled {
  opacity: 0.4;
  cursor: auto;
}
.product__detail .slick-prev:before,
.product__detail .slick-next:before {
  content: none;
}
.product__detail .slick-prev {
  transform: scale(-1, 1);
  left: 36%;
  background-image: url(../img/one_piece_heroines/common-ico-link-wh.svg);
  background-size: 15px 11px;
}
.product__detail .slick-next {
  right: 36%;
  background-image: url(../img/one_piece_heroines/common-ico-link-wh.svg);
  background-size: 15px 11px;
}
.product__detail .slick-prev:hover,
.product__detail .slick-prev:focus,
.product__detail .slick-next:hover,
.product__detail .slick-next:focus {
  background-image: url(../img/one_piece_heroines/common-ico-link-wh.svg);
}
.product__detail .slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.product__detail .slick-dots li {
  position: relative;
  display: inline-block;
  height: 10px;
  width: 10px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.product__detail .slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 10px;
  width: 10px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 0px;
  cursor: pointer;
  border-radius: 50%;
  border: 2px solid #66b0de;
}
.product__detail .slick-dots li button:before {
  content: "";
}
.product__detail .slick-dots li.slick-active button {
  border: 0px;
  background-color: white;
}
.product__images {
  padding: 60px 0;
  background-color: #ffffff;
}
.product__images + .product__detail {
  padding-top: 60px;
}
.product__images01 {
  background-image: url(../img/one_piece_heroines/product-dressimage-bg01.png), url(../img/one_piece_heroines/product-dressimage-bg02.png);
  background-size: 108px 124px, 71.5px 111.5px;
  background-repeat: no-repeat, no-repeat;
  background-position: right top, left bottom;
}
.product__images02 {
  background-image: url(../img/one_piece_heroines/product-dressimage-bg03.png), url(../img/one_piece_heroines/product-dressimage-bg04.png);
  background-size: 134px 105.5px, 79.5px 111.5px;
  background-repeat: no-repeat, no-repeat;
  background-position: left top, right bottom;
}
.product__images__title {
  text-align: center;
  font-size: 19px;
  margin-bottom: 26px;
}
.product__images__title span {
  position: relative;
  display: block;
  font-size: 17px;
  margin-bottom: 16px;
}
.product__images__title span::after {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 36px);
  content: "";
  width: 72px;
  height: 1px;
  background-color: #000000;
}
.product__images__illust {
  margin-bottom: 14px;
}
.product__images__text {
  text-align: center;
  margin-bottom: 13px;
}
.product__images__text p {
  font-size: 14px;
  line-height: 1.57;
}
.product__images__text p strong {
  display: block;
  font-size: 18px;
  margin-bottom: 5px;
}
.product__images__text01 p strong {
  color: #682fa0;
}
.product__images__text02 p strong {
  color: #0063cb;
}
.product__images__text03 p strong {
  color: #e74b00;
}
.product__images__text04 p strong {
  color: #651778;
}
.product__images__btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  text-decoration: none;
  font-size: 16px;
  width: 194px;
  height: 40px;
  background-color: #000000;
  margin-inline: auto;
}
.product__images__btn a span {
  display: inline-block;
  position: relative;
}
.product__images__btn a span::after {
  position: absolute;
  top: 10px;
  right: -22px;
  content: "";
  width: 11px;
  height: 7px;
  background-image: url(../img/one_piece_heroines/common-ico-link-wh.svg);
  background-size: 100% 100%;
}
.product__images__btn-cs span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "EB Garamond", serif;
  font-size: 20px;
  width: 194px;
  height: 40px;
  color: #666666;
  background-color: rgba(0, 0, 0, 0.2);
  margin-inline: auto;
}
.product__images__btn + .product__images__illust {
  margin-top: 50px;
}

.campaign {
  color: #ffffff;
  padding: 62.5px 0;
  background-color: #000000;
}
@media screen and (max-width: 767px) {
  .campaign {
    padding: 15.903307888vw 0;
  }
}
.campaign__title {
  margin-bottom: 28px;
}
@media screen and (max-width: 767px) {
  .campaign__title {
    margin-bottom: 7.1246819338vw;
  }
}
.campaign__title h2 {
  padding: 0;
  width: 63.6132315522%;
  margin-inline: auto;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .campaign__title h2 {
    margin-bottom: 5.0890585242vw;
  }
}
.campaign__title-jp {
  text-align: center;
}
.campaign__title-jp span {
  font-size: 19px;
  line-height: 1.1;
  font-weight: 900;
}
.campaign__title-jp span::before, .campaign__title-jp span::after {
  content: "-";
}
.campaign__subtitle {
  width: 80.1526717557%;
  margin-inline: auto;
  margin-bottom: 25px;
}
@media screen and (max-width: 767px) {
  .campaign__subtitle {
    margin-bottom: 6.3613231552vw;
  }
}
.campaign__pct {
  width: 80.1526717557%;
  margin-inline: auto;
  margin-bottom: 18px;
}
@media screen and (max-width: 767px) {
  .campaign__pct {
    margin-bottom: 4.5801526718vw;
  }
}
.campaign__text {
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .campaign__text {
    margin-bottom: 7.6335877863vw;
  }
}
.campaign__text p {
  font-size: 14px;
  line-height: 1.4285714286;
}
@media screen and (max-width: 767px) {
  .campaign__text p {
    font-size: 3.5623409669vw;
  }
}
.campaign__text p small {
  font-size: 11px;
}
@media screen and (max-width: 767px) {
  .campaign__text p small {
    font-size: 2.7989821883vw;
  }
}
.campaign__period {
  width: 83.9694656489%;
  padding: 17px 0 17px 20px;
  margin-inline: auto;
  margin-bottom: 30px;
  background-image: url(../img/one_piece_heroines/campaign-bg01.png), url(../img/one_piece_heroines/campaign-bg01.png);
  background-position: top center, bottom center;
  background-repeat: no-repeat, no-repeat;
  background-size: 100% auto, 100% auto;
}
@media screen and (max-width: 767px) {
  .campaign__period {
    margin-bottom: 7.6335877863vw;
    padding: 4.3256997455vw 0 4.3256997455vw 5.0890585242%;
  }
}
.campaign__period p {
  font-size: 13px;
  line-height: 1.9230769231;
}
@media screen and (max-width: 767px) {
  .campaign__period p {
    font-size: 3.3078880407vw;
  }
}
.campaign__sns__title {
  text-align: center;
  color: #ffffff;
  font-size: 19px;
  font-weight: 900;
  line-height: 70px;
  background-image: url(../img/one_piece_heroines/campaign-bg02.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 106px auto;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .campaign__sns__title {
    font-size: 4.834605598vw;
    line-height: 8.9058524173vw;
    background-size: 26.9720101781vw auto;
    margin-bottom: 4.5801526718vw;
  }
}
.campaign__sns__link ul li {
  width: 79.6437659033%;
  margin-inline: auto;
}
.campaign__sns__link ul li + li {
  margin-top: 12px;
}
@media screen and (max-width: 767px) {
  .campaign__sns__link ul li + li {
    margin-top: 3.0534351145vw;
  }
}
.campaign__sns__link ul li:nth-of-type(1) a span::before {
  background-image: url(../img/one_piece_heroines/pc-btn-instagram.png);
}
.campaign__sns__link ul li:nth-of-type(2) a span::before {
  background-image: url(../img/one_piece_heroines/pc-btn-x.png);
}
.campaign__sns__link ul li a {
  display: block;
  text-decoration: none;
  font-size: 15px;
  font-weight: 900;
  line-height: 52px;
  height: 52px;
  padding-left: 55px;
  background-image: url(../img/one_piece_heroines/common-ico-link-bk.svg);
  background-position: right 12px center;
  background-size: 12px auto;
  background-repeat: no-repeat;
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  .campaign__sns__link ul li a {
    font-size: 3.8167938931vw;
    padding-left: 13.9949109415vw;
    background-position: right 3.0534351145vw center;
  }
}
.campaign__sns__link ul li a span {
  position: relative;
}
.campaign__sns__link ul li a span::before {
  position: absolute;
  top: -5px;
  left: -46px;
  content: "";
  width: 34px;
  height: 34px;
  background-size: 100% 100%;
}

.present {
  padding: 32px 20px;
  background-color: #0063cb;
}
@media screen and (max-width: 767px) {
  .present {
    padding: 8.1424936387vw 5.0890585242vw;
  }
}
.present-wrap {
  padding: 32px 0;
  background-color: #ffffff;
}
.present__title {
  margin-bottom: 28px;
}
@media screen and (max-width: 767px) {
  .present__title {
    margin-bottom: 7.1246819338vw;
  }
}
.present__title h2 {
  padding: 0;
  width: 60.9065155807%;
  margin-inline: auto;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .present__title h2 {
    margin-bottom: 5.0890585242vw;
  }
}
.present__title-jp {
  text-align: center;
}
.present__title-jp span {
  font-size: 19px;
  line-height: 1.1;
  font-weight: 900;
}
.present__title-jp span::before, .present__title-jp span::after {
  content: "-";
}
@media screen and (max-width: 767px) {
  .present__title-jp span {
    font-size: 4.834605598vw;
  }
}
.present__subtitle {
  width: 88.6685552408%;
  margin-inline: auto;
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .present__subtitle {
    margin-bottom: 6.106870229vw;
  }
}
.present__pct {
  width: 88.6685552408%;
  margin-inline: auto;
  margin-bottom: 17.5px;
}
@media screen and (max-width: 767px) {
  .present__pct {
    margin-bottom: 4.4529262087vw;
  }
}
.present__text {
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .present__text {
    margin-bottom: 7.6335877863vw;
  }
}
.present__text p {
  font-size: 14px;
  line-height: 1.4285714286;
}
@media screen and (max-width: 767px) {
  .present__text p {
    font-size: 3.5623409669vw;
  }
}
.present__text p small {
  display: block;
  font-size: 11px;
  line-height: 1.3636363636;
  margin-top: 6px;
}
@media screen and (max-width: 767px) {
  .present__text p small {
    font-size: 2.7989821883vw;
  }
}
.present__list {
  padding-top: 49px;
  background-image: url(../img/one_piece_heroines/present-bg.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 15px auto;
}
@media screen and (max-width: 767px) {
  .present__list {
    padding-top: 12.4681933842vw;
  }
}
.present__list__title {
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .present__list__title {
    margin-bottom: 5.0890585242vw;
  }
}
.present__list__title span {
  font-size: 19px;
  line-height: 1.1;
  font-weight: 900;
}
.present__list__title span::before, .present__list__title span::after {
  content: "-";
}
@media screen and (max-width: 767px) {
  .present__list__title span {
    font-size: 4.834605598vw;
  }
}
.present__list dl {
  width: 88.6685552408%;
  margin-inline: auto;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .present__list dl {
    margin-bottom: 7.6335877863vw;
  }
}
.present__list dl dd {
  text-align: center;
  padding: 17px 0 11px;
  background-color: #daecf7;
}
@media screen and (max-width: 767px) {
  .present__list dl dd {
    padding: 4.3256997455vw 0 2.7989821883vw;
  }
}
.present__list dl dd p {
  font-size: 13px;
  line-height: 1.5384615385;
}
@media screen and (max-width: 767px) {
  .present__list dl dd p {
    font-size: 3.3078880407vw;
  }
}
.present__caution__title {
  text-align: center;
  font-size: 19px;
  font-weight: 900;
  margin-bottom: 18px;
}
@media screen and (max-width: 767px) {
  .present__caution__title {
    font-size: 4.834605598vw;
    margin-bottom: 4.5801526718vw;
  }
}
.present__caution__text {
  font-size: 11px;
  width: 88.6685552408%;
  padding: 9px 15px;
  border: 1px solid #17173c;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .present__caution__text {
    font-size: 2.7989821883vw;
  }
}

.collabo {
  padding: 67px 20px 55px;
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  .collabo {
    padding: 8.1424936387vw 5.0890585242vw 13.9949109415vw;
  }
}
.collabo__title {
  margin-bottom: 31.5px;
}
@media screen and (max-width: 767px) {
  .collabo__title {
    margin-bottom: 8.0152671756vw;
  }
}
.collabo__title h2 {
  padding: 0;
  width: 80.6615776081%;
  margin-inline: auto;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .collabo__title h2 {
    margin-bottom: 5.0890585242vw;
  }
}
.collabo__title-jp {
  text-align: center;
}
.collabo__title-jp span {
  font-size: 19px;
  line-height: 1.1;
  font-weight: 900;
}
.collabo__title-jp span::before, .collabo__title-jp span::after {
  content: "-";
}
.collabo__subtitle {
  width: 78.8804071247%;
  margin-inline: auto;
  margin-bottom: 25px;
}
@media screen and (max-width: 767px) {
  .collabo__subtitle {
    margin-bottom: 6.3613231552vw;
  }
}
.collabo__pct {
  width: 79.6437659033%;
  margin-inline: auto;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .collabo__pct {
    margin-bottom: 5.0890585242vw;
  }
}
.collabo__text {
  text-align: center;
}
.collabo__text p {
  font-size: 14px;
  line-height: 1.4285714286;
}
@media screen and (max-width: 767px) {
  .collabo__text p {
    font-size: 3.5623409669vw;
  }
}
.collabo__text p small {
  display: block;
  font-size: 11px;
  line-height: 1.3636363636;
  margin-top: 6px;
}
@media screen and (max-width: 767px) {
  .collabo__text p small {
    font-size: 2.7989821883vw;
  }
}

.banner {
  padding: 32px 20px 100px;
  background-color: #000000;
}
@media screen and (max-width: 767px) {
  .banner {
    padding: 8.1424936387vw 5.0890585242vw 25.4452926209vw;
  }
}

.bottomlink {
  position: fixed;
  left: 63.8888888889vw;
  bottom: 0;
  width: 393px;
  height: 64px;
}
@media screen and (max-width: 1093px) {
  .bottomlink {
    left: calc(50% - 196.5px);
  }
}
@media screen and (max-width: 767px) {
  .bottomlink {
    left: 0;
    width: 100%;
    height: auto;
  }
}
.bottomlink.is-absolute {
  position: absolute;
  left: 0;
  bottom: 0;
}
.bottomlink ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.bottomlink ul li {
  width: 50%;
}/*# sourceMappingURL=one_piece_heroines.css.map */