@charset "UTF-8";

:root {
  --sp-base: 375 * 100vw;
  --font-NotoSans: 'Noto Sans', sans-serif;
  --font-Bevan: 'Bevan', serif;
}

#header_line_banner_wrapper {
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .wrapper {
    min-width: inherit;
  }
}
.main-contents {
  overflow: hidden;
}
.breadcrumb {
  margin-bottom: 0;
}
.pane-footer {
  margin: 0;
}
.fixedBtn {
  display: none;
}
@media (min-width: 480px) {
  .pane-header,
  .wrapper > .forcms_block:nth-of-type(2) {
    position: relative;
    z-index: 3;
    background: #fff;
  }
}

.lp-container {
  position: relative;
  z-index: 2;
  max-width: 480px;
  margin-inline: auto;
  background: #E7448A;
  color: #E7448A;
  font-family: var(--font-NotoSans);
  text-rendering: optimizeSpeed;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.lp-container img {
  width: 100%;
  vertical-align: bottom;
}

.justpinkit2026 {
  .nav01,
  .nav02,
  .nav01 ul,
  .nav02 ul {
    display: none;
  }

  .intro {
    position: relative;
    padding-block: calc(65 / var(--sp-base)) calc(80 / var(--sp-base));
    background: url(../images/intro_bg01.jpg) 50% 0 / cover no-repeat;
  }
  .intro::before,
  .intro::after {
    content: '';
    position: absolute;
    height: auto;
    aspect-ratio: 250/222;
    pointer-events: none;
  }
  .intro::before {
    top: 0;
    right: 0;
    width: calc(83 / var(--sp-base));
    background: url(../images/intro_bg02.png) 0 0 / contain no-repeat;
  }
  .intro::after {
    bottom: 0;
    left: 0;
    width: 100%;
    aspect-ratio: 1125/500;
    background: url(../images/intro_bg03.png) 0 0 / contain no-repeat;
  }
  .intro-inner {
    position: relative;
    z-index: 2;
  }
  .intro-heading {
    width: 92%;
    margin-inline: auto;
  }
  .intro-lead {
    margin-top: calc(25 / var(--sp-base));
    color: #fff;
    font-size: calc(16 / var(--sp-base));
    font-weight: 700;
    line-height: 1.75;
    text-align: center;
  }
  .section-heading {
    width: calc(351 / var(--sp-base));
    height: auto;
    aspect-ratio: 1054/288;
    margin: 0;
    padding-top: calc(32 / var(--sp-base));
    background: url(../images/heading_bg01.png) 0 0 / contain no-repeat;
    color: #E80074;
    font-family: var(--font-Bevan);
    font-size: calc(20 / var(--sp-base));
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
  }
  .section-heading > span {
    margin-right: .05em;
    font-size: calc(40 / var(--sp-base));
  }
  .button {
    position: relative;
    z-index: 2;
    display: block;
    width: calc(225 / var(--sp-base));
    padding-block: calc(7 / var(--sp-base)) calc(6 / var(--sp-base));
    background: #FF52A3;
    border: calc(2 / var(--sp-base)) solid #E80074;
    border-radius: 100vmax;
    box-shadow: calc(3 / var(--sp-base)) calc(3 / var(--sp-base)) 0 #E80074;
    color: #fff;
    font-family: var(--font-Bevan);
    font-size: calc(25 / var(--sp-base));
    font-weight: 400;
    line-height: 1.2;
    -webkit-text-stroke: calc(3 / var(--sp-base)) #E80074;
    text-stroke: calc(3 / var(--sp-base)) #E80074;
    paint-order: stroke;
    letter-spacing: .05em;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
  }
  .button span {
    position: relative;
    z-index: 2;
  }
  .button::before {
    content: '';
    position: absolute;
    top: -50%;
    right: 0;
    width: 120%;
    height: 200%;
    background: #fff;
    border-radius: 0 100% 100% 0;
    transform: translateX(-100%);
    transition: transform ease .35s;
    pointer-events: none;
  }

  .piko {
    position: relative;
    padding-block: calc(26 / var(--sp-base));
    background: #FFBAC3;
  }
  .piko::before {
    content: '';
    position: absolute;
    top: 7%;
    right: 0;
    z-index: 2;
    width: 17.5%;
    height: auto;
    aspect-ratio: 1;
    background: url(../images/piko_bg01.png) 0 0 / contain no-repeat;
    pointer-events: none;
  }
  .piko .section-heading {
    padding-right: 1em;
  }
  .piko-item01 {
    position: relative;
    z-index: 2;
    margin-top: calc(10 / var(--sp-base));
  }
  .piko-item01 .button {
    margin: calc(12 / var(--sp-base)) auto 0;
  }
  .piko-item02 {
    position: relative;
    margin-top: calc(-22 / var(--sp-base));
  }
  .piko-item02-name,
  .piko-item02-price {
    position: absolute;
    z-index: 2;
    font-weight: 700;
  }
  .piko-item02-name {
    top: calc(309 / var(--sp-base));
    left: calc(130 / var(--sp-base));
    font-size: calc(16 / var(--sp-base));
    letter-spacing: -.075em;
  }
  .piko-item02-price {
    top: calc(368 / var(--sp-base));
    left: calc(40 / var(--sp-base));
    font-size: calc(14 / var(--sp-base));
    letter-spacing: -.05em;
  }
  .piko-item02 .button {
    margin: calc(12 / var(--sp-base)) auto 0;
  }

  .mlb {
    padding-block: calc(30 / var(--sp-base)) calc(35 / var(--sp-base));
    background: #E62680;
  }
  .mlb .section-heading {
    width: calc(340 / var(--sp-base));
    height: calc(96 / var(--sp-base));
    aspect-ratio: inherit;
    padding-left: 1.1em;
    background-position: 100% 0;
    background-size: auto 100%;
  }
  .mlb-item01 {
    width: 76.25%;
    margin: calc(15 / var(--sp-base)) auto 0;
  }
  .mlb-item01 .button {
    margin: calc(20 / var(--sp-base)) auto 0;
  }
  .mlb-item02 {
    position: relative;
    margin-top: calc(30 / var(--sp-base));
  }
  .mlb-item02-name,
  .mlb-item02-price {
    position: absolute;
    z-index: 2;
    font-weight: 700;
  }
  .mlb-item02-name {
    top: calc(312 / var(--sp-base));
    left: calc(60 / var(--sp-base));
    font-size: calc(16 / var(--sp-base));
    letter-spacing: -.03em;
  }
  .mlb-item02-price {
    top: calc(362 / var(--sp-base));
    right: calc(35 / var(--sp-base));
    font-size: calc(14 / var(--sp-base));
    letter-spacing: -.05em;
  }
  .mlb-item02 .button {
    margin: calc(12 / var(--sp-base)) auto 0;
  }

  .university-of-hawaii {
    padding-block: calc(30 / var(--sp-base)) calc(35 / var(--sp-base));
    background: #F8598A;
  }
  .university-of-hawaii .section-heading span {
    display: block;
    font-size: calc(22 / var(--sp-base));
  }
  .university-of-hawaii-item01 {
    position: relative;
    z-index: 2;
    width: 90.8%;
    margin: calc(15 / var(--sp-base)) auto 0;
  }
  .university-of-hawaii-item01 .button {
    margin: calc(6 / var(--sp-base)) auto 0;
  }
  .university-of-hawaii-item02 {
    margin-top: calc(-20 / var(--sp-base));
  }
  .university-of-hawaii-item02-list {
    position: relative;
    margin-top: calc(-41 / var(--sp-base));
  }
  .university-of-hawaii-item02-list ul {
    position: absolute;
    top: calc(77 / var(--sp-base));
    left: calc(68 / var(--sp-base));
    font-size: calc(15 / var(--sp-base));
    font-weight: 700;
    letter-spacing: -.075em;
    list-style: none;
  }
  .university-of-hawaii-item02-list ul li > span {
    display: block;
    margin-top: -.1em;
    margin-right: -.5em;
    font-size: 86.7%;
    letter-spacing: -.03em;
    text-align: right;
  }
  .university-of-hawaii-item02-list ul li:nth-of-type(2) {
    margin-top: calc(1 / var(--sp-base));
  }
  .university-of-hawaii-item02-list ul li:nth-of-type(3) {
    margin-top: calc(1 / var(--sp-base));
  }
  .university-of-hawaii-item02-list ul li:nth-of-type(4) {
    margin-top: calc(1 / var(--sp-base));
  }
  .university-of-hawaii-item02-list ul li:nth-of-type(4) > span {
    margin: -.1em -.5em 0 0;
  }
  .university-of-hawaii-item02-list ul li:nth-of-type(5) {
    margin-top: calc(2 / var(--sp-base));
  }
  .university-of-hawaii-item02-list ul li:nth-of-type(5) > span {
    margin: -.25em -.5em 0 0;
  }
  .university-of-hawaii-item02-list ul li:nth-of-type(6) {
    margin-top: calc(3 / var(--sp-base));
  }
  .university-of-hawaii-item02-list ul li:nth-of-type(6) > span {
    margin: -.25em -.5em 0 0;
  }
  .university-of-hawaii-item02 .button {
    margin: calc(8 / var(--sp-base)) auto 0;
  }

  .polo {
    padding-block: calc(30 / var(--sp-base)) calc(35 / var(--sp-base));
    background: #FFCBD4;
  }
  .polo .section-heading {
    width: calc(344 / var(--sp-base));
    height: calc(96 / var(--sp-base));
    aspect-ratio: inherit;
    padding: calc(40 / var(--sp-base)) calc(5 / var(--sp-base)) 0 0;
    background-position: 100% 0;
    background-size: auto 100%;
    font-size: calc(24 / var(--sp-base));
  }
  .polo-item01 {
    position: relative;
    margin-top: calc(20 / var(--sp-base));
  }
  .polo-item01-name01,
  .polo-item01-name02 {
    position: absolute;
    font-size: calc(16 / var(--sp-base));
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -.03em;
    white-space: nowrap;
    text-align: right;
  }
  .polo-item01-name01 span:nth-of-type(1),
  .polo-item01-name02 span:nth-of-type(1) {
    display: block;
    font-size: 81.25%;
  }
  .polo-item01-name01 span:nth-of-type(3),
  .polo-item01-name02 span:nth-of-type(3) {
    font-size: 87.5%;
  }
  .polo-item01-name01 span:nth-of-type(3) {
    display: block;
    margin-right: -.5em;
  }
  .polo-item01-name02 span:nth-of-type(3) {
    margin-inline: .5em -.5em;
  }
  .polo-item01-name01 {
    top: calc(324 / var(--sp-base));
    left: calc(40 / var(--sp-base));
  }
  .polo-item01-name02 {
    top: calc(420 / var(--sp-base));
    left: calc(107 / var(--sp-base));
  }
  .polo-item01 .button {
    margin: 0 auto;
  }

  .baggu {
    padding-block: calc(30 / var(--sp-base)) calc(40 / var(--sp-base));
    background: #F778C1;
  }
  .baggu-item01 {
    position: relative;
    margin-top: calc(20 / var(--sp-base));
  }
  .baggu-item01-name01,
  .baggu-item01-name02,
  .baggu-item01-name03 {
    position: absolute;
    font-size: calc(16 / var(--sp-base));
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -.03em;
    white-space: nowrap;
    text-align: right;
  }
  .baggu-item01-name01 span,
  .baggu-item01-name02 span,
  .baggu-item01-name03 span {
    display: block;
    margin-right: -.5em;
    font-size: 87.5%;
  }
  .baggu-item01-name01 {
    top: calc(358 / var(--sp-base));
    left: calc(90 / var(--sp-base));
  }
  .baggu-item01-name02 {
    top: calc(440 / var(--sp-base));
    left: calc(22 / var(--sp-base));
  }
  .baggu-item01-name03 {
    top: calc(530 / var(--sp-base));
    left: calc(106 / var(--sp-base));
  }
  .baggu-item01 .button {
    margin: calc(10 / var(--sp-base)) auto 0;
  }

  .hunter {
    padding-block: calc(30 / var(--sp-base)) calc(35 / var(--sp-base));
    background: #FCAEB7;
  }
  .hunter .section-heading {
    padding: calc(40 / var(--sp-base)) calc(10 / var(--sp-base)) 0 0;
    font-size: calc(17 / var(--sp-base));
  }
  .hunter .section-heading span {
    margin-right: .2em;
    font-size: calc(30 / var(--sp-base));
  }
  .hunter-item01 {
    position: relative;
    margin-top: calc(20 / var(--sp-base));
  }
  .hunter-item01-name01,
  .hunter-item01-name02,
  .hunter-item01-name03 {
    position: absolute;
    font-size: calc(16 / var(--sp-base));
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -.03em;
    white-space: nowrap;
    text-align: right;
  }
  .hunter-item01-name01 span,
  .hunter-item01-name02 span,
  .hunter-item01-name03 span {
    display: block;
    margin-right: -.5em;
    font-size: 87.5%;
  }
  .hunter-item01-name01 {
    top: calc(313 / var(--sp-base));
    left: calc(88 / var(--sp-base));
  }
  .hunter-item01-name02 {
    top: calc(396 / var(--sp-base));
    left: calc(20 / var(--sp-base));
    letter-spacing: -.1em;
  }
  .hunter-item01-name02 span {
    letter-spacing: -.03em;
  }
  .hunter-item01-name03 {
    top: calc(493 / var(--sp-base));
    left: calc(64 / var(--sp-base));
    letter-spacing: -.09em;
  }
  .hunter-item01-name03 span {
    letter-spacing: -.03em;
  }
  .hunter-item01 .button {
    margin: calc(12 / var(--sp-base)) auto 0;
  }

  .kelty {
    padding-block: calc(25 / var(--sp-base)) calc(35 / var(--sp-base));
    background: #FFACE3;
  }
  .kelty .section-heading {
    font-size: calc(17 / var(--sp-base));
  }
  .kelty-item01 {
    position: relative;
    margin-top: calc(20 / var(--sp-base));
  }
  .kelty-item01-name01,
  .kelty-item01-name02,
  .kelty-item01-name03 {
    position: absolute;
    font-size: calc(16 / var(--sp-base));
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -.03em;
    white-space: nowrap;
    text-align: right;
  }
  .kelty-item01-name01 span,
  .kelty-item01-name02 span,
  .kelty-item01-name03 span {
    display: block;
    margin-right: -.5em;
    font-size: 87.5%;
  }
  .kelty-item01-name01 {
    top: calc(313 / var(--sp-base));
    left: calc(38 / var(--sp-base));
  }
  .kelty-item01-name02 {
    top: calc(400 / var(--sp-base));
    left: calc(60 / var(--sp-base));
  }
  .kelty-item01-name03 {
    top: calc(480 / var(--sp-base));
    left: calc(105 / var(--sp-base));
  }
  .kelty-item01 .button {
    margin: calc(12 / var(--sp-base)) auto 0;
  }

  .nici,
  .nici-inner {
    position: relative;
  }
  .nici::before,
  .nici::after,
  .nici-inner::before,
  .nici-inner::after {
    content: '';
    position: absolute;
    height: auto;
    background-position: 0 0;
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
  }
  .nici {
    padding-block: calc(98 / var(--sp-base)) calc(110 / var(--sp-base));
    background: url(../images/nici_bg01.jpg) 50% 0 / cover no-repeat;
  }
  .nici::before {
    top: calc(36 / var(--sp-base));
    left: 0;
    width: 100%;
    aspect-ratio: 1125/192;
    background-image: url(../images/nici_bg02.png);
  }
  .nici::after {
    bottom: calc(2 / var(--sp-base));
    left: 0;
    width: 100%;
    aspect-ratio: 1125/198;
    background-image: url(../images/nici_bg07.png);
  }
  .nici-inner::before {
    bottom: calc(-36 / var(--sp-base));
    left: 0;
    width: 26%;
    aspect-ratio: 292/454;
    background-image: url(../images/nici_bg05.png);
  }
  .nici-inner::after {
    bottom: calc(-36 / var(--sp-base));
    right: 0;
    width: 31.2%;
    aspect-ratio: 352/464;
    background-image: url(../images/nici_bg06.png);
  }
  .nici-item01,
  .nici-item01-inner,
  .nici-item02,
  .nici-item02-inner {
    position: relative;
    z-index: 2;
  }
  .nici-item01::before {
    content: '';
    position: absolute;
    bottom: calc(-60 / var(--sp-base));
    left: 0;
    width: 38.7%;
    height: auto;
    aspect-ratio: 430/464;
    background: url(../images/nici_bg03.png) 0 0 / contain no-repeat;
    pointer-events: none;
  }
  .nici-item01-name {
    color: #fff;
    font-size: calc(16 / var(--sp-base));
    font-weight: 700;
    text-align: center;
  }
  .nici-item01-name:nth-of-type(1) {
    margin-block: calc(-20 / var(--sp-base)) calc(20 / var(--sp-base));
  }
  .nici-item01 .button {
    margin: calc(10 / var(--sp-base)) auto 0;
  }
  .nici-item02 {
    margin-top: calc(30 / var(--sp-base));
  }
  .nici-item02::before {
    content: '';
    position: absolute;
    top: calc(284/ var(--sp-base));
    right: 0;
    width: 34.7%;
    height: auto;
    aspect-ratio: 390/390;
    background: url(../images/nici_bg04.png) 0 0 / contain no-repeat;
    pointer-events: none;
  }
  .nici-item02-name {
    margin-top: calc(20 / var(--sp-base));
    color: #fff;
    font-size: calc(16 / var(--sp-base));
    font-weight: 700;
    text-align: center;
  }
  .nici-item02-name:nth-of-type(1) {
    margin-top: calc(10 / var(--sp-base));
  }
  .nici-item02 .button {
    margin: calc(10 / var(--sp-base)) auto 0;
  }

  .basics-block01 {
    background: #E73D96;
  }
  .basics .section-heading {
    padding: calc(20 / var(--sp-base)) calc(20 / var(--sp-base)) 0 0;
  }
  .basics .section-heading img {
    display: block;
    width: 57%;
    margin-inline: auto;
  }
  .basics-item-name {
    position: absolute;
    font-size: calc(16 / var(--sp-base));
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -.03em;
    white-space: nowrap;
    text-align: right;
  }
  .basics-item-name > span {
    display: block;
    margin-right: -.5em;
    font-size: 87.5%;
  }
  .basics-block01 {
    padding-block: calc(30 / var(--sp-base)) 0;
  }
  .basics-item01 {
    margin-top: calc(20 / var(--sp-base));
  }
  .basics-item01 .button {
    margin: calc(-15 / var(--sp-base)) 0 0 calc(15 / var(--sp-base));
  }
  .basics-item02 {
    position: relative;
    margin-top: calc(20 / var(--sp-base));
  }
  .basics-item02 .basics-item-name {
    top: calc(217 / var(--sp-base));
    right: calc(18 / var(--sp-base));
  }
  .basics-item02 .button {
    margin: calc(10 / var(--sp-base)) calc(32 / var(--sp-base)) 0 auto;
  }
  .basics-item03 {
    position: relative;
    margin-top: calc(20 / var(--sp-base));
  }
  .basics-item03 .basics-item-name {
    top: calc(212 / var(--sp-base));
    right: calc(26 / var(--sp-base));
    line-height: 1.25;
  }
  .basics-item03 .button {
    position: absolute;
    top: calc(315 / var(--sp-base));
    left: calc(75 / var(--sp-base));
  }
  .basics-block02 {
    margin-top: calc(-65 / var(--sp-base));
    padding-block: calc(30 / var(--sp-base));
    background: #F5BCDD;
  }
  .basics-item04 {
    position: relative;
    z-index: 2;
  }
  .basics-item04 .button {
    position: absolute;
    top: calc(312 / var(--sp-base));
    left: calc(73 / var(--sp-base));
  }
  .basics-item05 {
    position: relative;
    margin-top: calc(40 / var(--sp-base));
  }
  .basics-item05 .basics-item-name {
    top: calc(254 / var(--sp-base));
    right: calc(12 / var(--sp-base));
  }
  .basics-item05 .button {
    margin: calc(22 / var(--sp-base)) auto 0;
  }
  .basics-item06 {
    position: relative;
    z-index: 2;
    margin-top: calc(35 / var(--sp-base));
  }
  .basics-item06 .basics-item-name:nth-of-type(1) {
    top: calc(280 / var(--sp-base));
    left: calc(45 / var(--sp-base));
  }
  .basics-item06 .basics-item-name:nth-of-type(2) {
    top: calc(348 / var(--sp-base));
    right: calc(15 / var(--sp-base));
    line-height: 1.2;
  }
  .basics-item06 .button {
    margin: calc(10 / var(--sp-base)) auto 0;
  }
  .basics-item07 {
    margin-top: calc(-35 / var(--sp-base));
  }
  .basics-item07 .button {
    margin: calc(10 / var(--sp-base)) auto 0;
  }
  .basics-item08 {
    position: relative;
    margin-top: calc(35 / var(--sp-base));
  }
  .basics-item08 .basics-item-name {
    top: calc(325 / var(--sp-base));
    left: calc(32 / var(--sp-base));
  }
  .basics-item08 .button {
    margin: calc(12 / var(--sp-base)) auto 0;
  }
  .basics-all .button {
    margin: calc(25 / var(--sp-base)) auto 0;
  }
  .basics-all p {
    width: fit-content;
    margin: calc(10 / var(--sp-base)) auto 0;
    font-size: calc(13 / var(--sp-base));
    font-weight: 600;
    text-align: left;
  }

  .present,
  .shopping-bag,
  .pink-campaign {
    padding: calc(32 / var(--sp-base)) 12%;
  }
  .present {
    background: #E64490;
  }
  .shopping-bag {
    background: #FFACE3;
  }
  .pink-campaign {
    background: #F778C1;
  }
  .present a,
  .shopping-bag a,
  .pink-campaign {
    display: block;
  }
  .pink-campaign p {
    margin: calc(5 / var(--sp-base)) -1em 0 0;
    color: #fff;
    font-size: calc(13 / var(--sp-base));
    font-weight: 600;
    letter-spacing: -.03em;
  }

  .cun {
    padding-block: calc(34 / var(--sp-base)) calc(30 / var(--sp-base));
    background: url(../images/cun_bg01.jpg) 50% 50% / cover no-repeat;
  }
  .cun-heading {
    width: 84.8%;
    margin: 0 auto;
  }
  .cun-lead {
    margin-top: calc(10 / var(--sp-base));
    color: #E62680;
    font-size: calc(16 / var(--sp-base));
    font-weight: 700;
    text-align: center;
  }
  .cun-lead strong {
    font-size: calc(22 / var(--sp-base));
  }
  .cun-image {
    display: block;
    width: 76.3%;
    margin: calc(8 / var(--sp-base)) auto 0;
  }
  .cun-note {
    margin: calc(20 / var(--sp-base)) calc(25 / var(--sp-base)) 0 calc(37 / var(--sp-base));
    color: #E62680;
    font-size: calc(13 / var(--sp-base));
    font-weight: 600;
    letter-spacing: -.03em;
  }

  .js-fade {
    opacity: 0;
    transition: opacity 0.4s cubic-bezier(0.5, 1, 0.89, 1);
  }
  .js-fade.--active {
    opacity: 1;
  }
  .js-fadeIn {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.4s cubic-bezier(0.5, 1, 0.89, 1), transform 0.5s cubic-bezier(0.5, 1, 0.89, 1);
  }
  .js-fadeIn.--active {
    opacity: 1;
    transform: translateY(0);
  }
  .js-scaleIn {
    opacity: 0;
    transform: translateY(30px) scale(.9);
    transition: opacity 0.4s linear, transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .js-scaleIn.--active {
    opacity: 1;
    transform: translateY(0) scale(1);
  }

  @media (hover: hover) and (pointer: fine) {
    a img {
      transition: opacity ease .3s;
    }
    a:hover img {
      opacity: .7;
    }
    .nav01 ul li a,
    .nav02 ul li a {
      transition: transform ease .3s;
    }
    .nav01 ul li a:hover,
    .nav02 ul li a:hover {
      transform: scale(1.1);
    }
    .nav01 ul li a:hover img,
    .nav02 ul li a:hover img {
      opacity: 1;
    }
    .button {
      transition: color ease .35s;
    }
    .button:hover {
      color: #FF52A3;
      text-decoration: none;
    }
    .button:hover::before {
      transform: translateX(10%);
    }
  }
}

@media (min-width: 480px) {
  .justpinkit2026 {
    position: relative;

    .nav01,
    .nav02 {
      display: block;
      position: fixed;
      top: 0;
      height: 100%;
      width: calc(50% - 240px);
      background-position: 0 0;
      background-size: cover;
      background-repeat: no-repeat;
    }
    .nav01 {
      right: calc(50% + 240px);
      background-image: url(../images/bg01.jpg);
    }
    .nav02 {
      left: calc(50% + 240px);
      background-image: url(../images/bg02.jpg);
    }

    .intro {
      padding-block: 80px 105px;
    }
    .intro::before {
      width: 108px;
    }
    .intro-lead {
      margin-top: 30px;
      font-size: 20px;
    }
    .section-heading {
      width: 450px;
      padding-top: 41px;
      font-size: 25px;
    }
    .section-heading > span {
      font-size: 51px;
    }
    .button {
      width: 288px;
      padding-block: 8px 7px;
      border-width: 3px;
      border-radius: 100vmax;
      box-shadow: 4px 4px 0 #E80074;
      font-size: 32px;
      -webkit-text-stroke: 3px #E80074;
      text-stroke: 3px #E80074;
      paint-order: stroke;
    }

    .piko {
      padding-block: 35px;
    }
    .piko-item01 {
      margin-top: 12px;
    }
    .piko-item01 .button {
      margin: 15px auto 0;
    }
    .piko-item02 {
      margin-top: -30px;
    }
    .piko-item02-name {
      top: 396px;
      left: 166px;
      font-size: 20px;
    }
    .piko-item02-price {
      top: 472px;
      left: 51px;
      font-size: 18px;
    }
    .piko-item02 .button {
      margin: 15px auto 0;
    }

    .mlb {
      padding-block: 40px;
      background: #E62680;
    }
    .mlb .section-heading {
      width: 435px;
      height: 123px;
    }
    .mlb-item01 {
      margin: 20px auto 0;
    }
    .mlb-item01 .button {
      margin: 27px auto 0;
    }
    .mlb-item02 {
      margin-top: 35px;
    }
    .mlb-item02-name {
      top: 400px;
      left: 75px;
      font-size: 20px;
    }
    .mlb-item02-price {
      top: 465px;
      right: 48px;
      font-size: 17px;
    }
    .mlb-item02 .button {
      margin: 12px auto 0;
    }

    .university-of-hawaii {
      padding-block: 40px;
    }
    .university-of-hawaii .section-heading span {
      font-size: 28px;
    }
    .university-of-hawaii-item01 {
      margin: 20px auto 0;
    }
    .university-of-hawaii-item01 .button {
      margin: 8px auto 0;
    }
    .university-of-hawaii-item02 {
      margin-top: -27px;
    }
    .university-of-hawaii-item02-list {
      margin-top: -52px;
    }
    .university-of-hawaii-item02-list ul {
      top: 100px;
      left: 86px;
      font-size: 19px;
    }
    .university-of-hawaii-item02-list ul li:nth-of-type(2) {
      margin-top: 2px;
    }
    .university-of-hawaii-item02-list ul li:nth-of-type(3) {
      margin-top: 1px;
    }
    .university-of-hawaii-item02-list ul li:nth-of-type(4) {
      margin-top: 2px;
    }
    .university-of-hawaii-item02-list ul li:nth-of-type(5) {
      margin-top: 3px;
    }
    .university-of-hawaii-item02-list ul li:nth-of-type(5) span {
      margin: 0 -.5em 0 0;
    }
    .university-of-hawaii-item02-list ul li:nth-of-type(6) {
      margin-top: -1px;
    }
    .university-of-hawaii-item02 .button {
      margin: 10px auto 0;
    }

    .polo {
      padding-block: 40px;
    }
    .polo .section-heading {
      width: 430px;
      height: 123px;
      padding: 52px 6px 0 0;
      font-size: 30px;
    }
    .polo-item01 {
      margin-top: 25px;
    }
    .polo-item01-name01,
    .polo-item01-name02 {
      font-size: 21px;
    }
    .polo-item01-name01 {
      top: 415px;
      left: 45px;
    }
    .polo-item01-name02 {
      top: 535px;
      left: 135px;
    }

    .baggu {
      padding-block: 40px 50px;
    }
    .baggu-item01 {
      margin-top: 25px;
    }
    .baggu-item01-name01,
    .baggu-item01-name02,
    .baggu-item01-name03 {
      font-size: 20px;
    }
    .baggu-item01-name01 {
      top: 458px;
      left: 115px;
    }
    .baggu-item01-name02 {
      top: 563px;
      left: 28px;
    }
    .baggu-item01-name03 {
      top: 678px;
      left: 136px;
    }
    .baggu-item01 .button {
      margin: 15px auto 0;
    }

    .hunter {
      padding-block: 40px;
    }
    .hunter .section-heading {
      padding: 50px 10px 0 0;
      font-size: 22px;
    }
    .hunter .section-heading span {
      font-size: 38px;
    }
    .hunter-item01 {
      margin-top: 25px;
    }
    .hunter-item01-name01,
    .hunter-item01-name02,
    .hunter-item01-name03 {
      font-size: 20px;
    }
    .hunter-item01-name01 {
      top: 402px;
      left: 114px;
    }
    .hunter-item01-name02 {
      top: 505px;
      left: 24px;
      letter-spacing: -.075em;
    }
    .hunter-item01-name03 {
      top: 630px;
      left: 80px;
    }
    .hunter-item01-name03 {
      letter-spacing: -.08em;
    }
    .hunter-item01-name03 span {
      letter-spacing: -.03em;
    }
    .hunter-item01 .button {
      margin: 15px auto 0;
    }

    .kelty {
      padding-block: 30px 40px;
    }
    .kelty .section-heading {
      font-size: 22px;
    }
    .kelty-item01 {
      margin-top: 25px;
    }
    .kelty-item01-name01,
    .kelty-item01-name02,
    .kelty-item01-name03 {
      font-size: 20px;
    }
    .kelty-item01-name01 {
      top: 400px;
      left: 45px;
    }
    .kelty-item01-name02 {
      top: 512px;
      left: 75px;
    }
    .kelty-item01-name03 {
      top: 615px;
      left: 135px;
    }
    .kelty-item01 .button {
      margin: 15px auto 0;
    }

    .nici {
      padding-block: 124px 144px;
    }
    .nici::before {
      top: 46px;
    }
    .nici::after {
      bottom: 3px;
    }
    .nici-inner::before {
      bottom: -50px;
    }
    .nici-inner::after {
      bottom: -50px;
    }
    .nici-item01::before {
      bottom: -78px;
    }
    .nici-item01-name {
      font-size: 20px;
    }
    .nici-item01-name:nth-of-type(1) {
      margin-block: -20px 30px;
    }
    .nici-item01 .button {
      margin: 10px auto 0;
    }
    .nici-item02 {
      margin-top: 35px;
    }
    .nici-item02::before {
      top: 365px;
    }
    .nici-item02-name {
      margin-top: 27px;
      font-size: 20px;
    }
    .nici-item02-name:nth-of-type(1) {
      margin-top: 15px;
    }
    .nici-item02 .button {
      margin: 12px auto 0;
    }

    .basics .section-heading {
      padding: 25px 25px 0 0;
    }
    .basics-item-name {
      font-size: 20px;
    }
    .basics-block01 {
      padding-block: 40px 0;
    }
    .basics-item01 {
      margin-top: 25px;
    }
    .basics-item01 .button {
      margin: -17px 0 0 15px;
    }
    .basics-item02 {
      margin-top: 24px;
    }
    .basics-item02 .basics-item-name {
      top: 277px;
      right: 22px;
    }
    .basics-item02 .button {
      margin: 12px 40px 0 auto;
    }
    .basics-item03 {
      margin-top: 25px;
    }
    .basics-item03 .basics-item-name {
      top: 270px;
      right: 30px;
    }
    .basics-item03 .button {
      top: 400px;
      left: 90px;
    }
    .basics-block02 {
      margin-top: -90px;
      padding-block: 40px;
    }
    .basics-item04 .button {
      top: 400px;
      left: 84px;
    }
    .basics-item05 {
      margin-top: 45px;
    }
    .basics-item05 .basics-item-name {
      top: 324px;
      right: 24px;
    }
    .basics-item05 .button {
      margin: 30px auto 0;
    }
    .basics-item06 {
      margin-top: 40px;
    }
    .basics-item06 .basics-item-name:nth-of-type(1) {
      top: 358px;
      left: 52px;
    }
    .basics-item06 .basics-item-name:nth-of-type(2) {
      top: 447px;
      right: 18px;
    }
    .basics-item06 .button {
      margin: 15px auto 0;
    }
    .basics-item07 {
      margin-top: -50px;
    }
    .basics-item07 .button {
      margin: 12px auto 0;
    }
    .basics-item08 {
      margin-top: 40px;
    }
    .basics-item08 .basics-item-name {
      top: 415px;
      left: 40px;
    }
    .basics-item08 .button {
      margin: 15px auto 0;
    }
    .basics-all .button {
      margin: 30px auto 0;
    }
    .basics-all p {
      margin: 15px auto 0;
      font-size: 16px;
    }

    .present,
    .shopping-bag,
    .pink-campaign {
      padding: 51px 12%;
    }
    .pink-campaign p {
      margin: 10px -1em 0 0;
      font-size: 16px;
    }

    .cun {
      padding-block: 45px 35px;
    }
    .cun-heading {
      width: 84.8%;
      margin: 0 auto;
    }
    .cun-lead {
      margin-top: 15px;
      font-size: 20px;
    }
    .cun-lead strong {
      font-size: 27px;
    }
    .cun-image {
      margin: 10px auto 0;
    }
    .cun-note {
      margin: 25px 40px 0;
      font-size: 17px;
      letter-spacing: -.05em;
    }
  }
}

@media (min-width: 768px) {
  .wrapper {
    min-width: inherit;
  }
  .justpinkit2026 {
    .nav01-bg,
    .nav02-bg {
      position: absolute;
      top: 100px;
      background-position: 0 0;
      background-size: contain;
      background-repeat: no-repeat;
      pointer-events: none;
    }
    .nav01-bg {
      right: 5px;
      width: 535px;
      height: auto;
      aspect-ratio: 1070/1155;
      background-image: url(../images/bg03.png);
    }
    .nav02-bg {
      left: -170px;
      width: 677px;
      aspect-ratio: 1354/1092;
      background-image: url(../images/bg05.png);
    }
    .nav01 ul {
      display: block;
      position: absolute;
      top: 151px;
      right: 110px;
      z-index: 2;
      width: 212px;
    }
    .nav01 ul::before {
      content: '';
      position: absolute;
      top: -10px;
      right: -60px;
      z-index: 2;
      width: 92px;
      height: 82px;
      background: url(../images/bg04.png) 0 0 / contain no-repeat;
      pointer-events: none;
    }
    .nav01 ul li:not(:first-child) {
      margin-top: 10px;
    }
    .nav01 ul li a {
      display: block;
      font-size: 0;
    }
    .nav02 ul {
      display: block;
      position: absolute;
      z-index: 2;
      top: 263px;
      left: 107px;
      width: 226px;
    }
    .nav02 ul::before {
      content: '';
      position: absolute;
      right: -32px;
      bottom: -12px;
      z-index: 2;
      width: 68px;
      height: 54px;
      background: url(../images/bg07.png) 0 0 / contain no-repeat;
      pointer-events: none;
    }
    .nav02 ul li:not(:first-child) {
      margin-top: 10px;
    }
    .nav02 ul li a {
      position: relative;
      display: block;
      width: 226px;
      height: 75px;
      padding: 33px 20px 0 0;
      background: url(../images/bg06.png) 0 0 / contain no-repeat;
      color: #E80074;
      font-family: var(--font-Bevan);
      font-size: 19px;
      line-height: 1;
      text-decoration: none;
      text-align: center;
    }
    .nav02 ul li a::after {
      content: '';
      position: absolute;
      top: 35px;
      right: 38px;
      width: 16px;
      height: 14px;
      background: #E80074;
      clip-path: polygon(0 0, 100% 0, 50% 100%);
    }
    .nav02 ul li:nth-of-type(1) a {
      padding: 33px 40px 0 0;
    }
  }
}