.splide__container
{
    position: relative;

    box-sizing: border-box;
}

.splide__list
{
    display: flex;

    height: 100%;
    margin: 0 !important;
    padding: 0 !important;

    backface-visibility: hidden;
}

.splide.is-initialized:not(.is-active) .splide__list
{
    display: block;
}

.splide__pagination
{
    display: flex;

    margin: 0;

    pointer-events: none;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.splide__pagination li
{
    line-height: 1;

    display: inline-block;

    margin: 0;

    list-style-type: none;

    pointer-events: auto;
}

.splide:not(.is-overflow) .splide__pagination
{
    display: none;
}

.splide__progress__bar
{
    width: 0;
}

.splide
{
    position: relative;

    visibility: hidden;
}

.splide.is-initialized,
.splide.is-rendered
{
    visibility: visible;
}

.splide__slide
{
    position: relative;

    box-sizing: border-box;
    margin: 0;

    list-style-type: none !important;

    backface-visibility: hidden;
    flex-shrink: 0;
}

.splide__slide img
{
    vertical-align: bottom;
}

.splide__spinner
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: auto;

    animation: splide-loading 1s linear infinite;

    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;

    contain: strict;
}

.splide__sr
{
    position: absolute;

    overflow: hidden;
    clip: rect(0 0 0 0);

    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;

    border: 0;
}

.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause
{
    display: none;
}

.splide__toggle.is-active .splide__toggle__pause
{
    display: inline;
}

.splide__track
{
    position: relative;
    z-index: 0;
}

@keyframes splide-loading
{
    0%
    {
        transform: rotate(0);
    }
    to
    {
        transform: rotate(1turn);
    }
}
.splide__track--draggable
{
    -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
}

.splide__track--fade > .splide__list > .splide__slide
{
    z-index: 0;

    margin: 0 !important;

    opacity: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active
{
    z-index: 1;

    opacity: 1;
}

.splide--rtl
{
    direction: rtl;
}

.splide__track--ttb > .splide__list
{
    display: block;
}

.splide__arrow
{
    position: absolute;
    z-index: 1;
    top: 50%;
    display: flex;

    width: 2em;
    height: 2em;
    padding: 0;

    cursor: pointer;
    transform: translateY(-50%);

    opacity: .7;
    border: 0;
    border-radius: 50%;
    background: #ccc;
    align-items: center;
    justify-content: center;
}

.splide__arrow svg
{
    width: 1.2em;
    height: 1.2em;

    fill: #000;
}

.splide__arrow:hover:not(:disabled)
{
    opacity: .9;
}

.splide__arrow:disabled
{
    opacity: .3;
}

.splide__arrow:focus-visible
{
    outline: 3px solid #0bf;
    outline-offset: 3px;
}

.splide__arrow--prev
{
    left: 1em;
}

.splide__arrow--prev svg
{
    transform: scaleX(-1);
}

.splide__arrow--next
{
    right: 1em;
}

.splide.is-focus-in .splide__arrow:focus
{
    outline: 3px solid #0bf;
    outline-offset: 3px;
}

.splide__pagination
{
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: .5em;
    left: 0;

    padding: 0 1em;
}

.splide__pagination__page
{
    position: relative;

    display: inline-block;

    width: 8px;
    height: 8px;
    margin: 3px;
    padding: 0;

    transition: transform .2s linear;

    opacity: .7;
    border: 0;
    border-radius: 50%;
    background: #ccc;
}

.splide__pagination__page.is-active
{
    z-index: 1;

    transform: scale(1.4);

    background: #fff;
}

.splide__pagination__page:hover
{
    cursor: pointer;

    opacity: .9;
}

.splide__pagination__page:focus-visible
{
    outline: 3px solid #0bf;
    outline-offset: 3px;
}

.splide.is-focus-in .splide__pagination__page:focus
{
    outline: 3px solid #0bf;
    outline-offset: 3px;
}

.splide__progress__bar
{
    height: 3px;

    background: #ccc;
}

.splide__slide
{
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.splide__slide:focus
{
    outline: 0;
}

@supports (outline-offset: -3px)
{
    .splide__slide:focus-visible
    {
        outline: 3px solid #0bf;
        outline-offset: -3px;
    }
}
@supports (outline-offset: -3px)
{
    .splide.is-focus-in .splide__slide:focus
    {
        outline: 3px solid #0bf;
        outline-offset: -3px;
    }
}
.splide__toggle
{
    cursor: pointer;
}

.splide__toggle:focus-visible
{
    outline: 3px solid #0bf;
    outline-offset: 3px;
}

.splide.is-focus-in .splide__toggle:focus
{
    outline: 3px solid #0bf;
    outline-offset: 3px;
}

.splide__track--nav > .splide__list > .splide__slide
{
    cursor: pointer;

    border: 3px solid transparent;
}

.splide__track--nav > .splide__list > .splide__slide.is-active
{
    border: 3px solid #000;
}

.splide__arrows--rtl .splide__arrow--prev
{
    right: 1em;
    left: auto;
}

.splide__arrows--rtl .splide__arrow--prev svg
{
    transform: scaleX(1);
}

.splide__arrows--rtl .splide__arrow--next
{
    right: auto;
    left: 1em;
}

.splide__arrows--rtl .splide__arrow--next svg
{
    transform: scaleX(-1);
}

.splide__arrows--ttb .splide__arrow
{
    left: 50%;

    transform: translate(-50%);
}

.splide__arrows--ttb .splide__arrow--prev
{
    top: 1em;
}

.splide__arrows--ttb .splide__arrow--prev svg
{
    transform: rotate(-90deg);
}

.splide__arrows--ttb .splide__arrow--next
{
    top: auto;
    bottom: 1em;
}

.splide__arrows--ttb .splide__arrow--next svg
{
    transform: rotate(90deg);
}

.splide__pagination--ttb
{
    top: 0;
    right: .5em;
    bottom: 0;
    left: auto;
    display: flex;
        flex-direction: column;

    padding: 1em 0;
}

:root
{
    --vw: 1vw ;
}

.lpHaikyu
{
    font-weight: 400;

    position: relative;
    z-index: 1;

    color: #1a1a1a;
}
.lpHaikyu__overlay
{
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-color: #fff;
}
.lpHaikyu__overlay.is-open
{
    z-index: -1;

    opacity: 0;
}
.lpHaikyu .lpHaikyuSection
{
    position: relative;
}
.lpHaikyu .lpHaikyuSection__bgWrapper
{
    position: absolute;

    width: 100%;
}
.lpHaikyu .lpHaikyuSection__bgWrapper--bottom
{
    z-index: -1;

    transform: rotate(180deg);
}
.lpHaikyu .lpHaikyuSection__bgWrapper img
{
    width: 100%;
    height: auto;
}
.lpHaikyu .lpHaikyuSection__mask
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background: linear-gradient(180deg, rgba(255, 250, 240, 0) 0%, #fffaf0 0%);
}
.lpHaikyu .lpHaikyuSection__mask--bottom
{
    transform: rotate(180deg);
}
.lpHaikyu .lpHaikyuSection__inner
{
    position: relative;
}
.lpHaikyu .lpHaikyuSection__inner::before
{
    position: absolute;
    left: 0;

    display: block;

    content: '';

    background-repeat: no-repeat;
}
.lpHaikyu .lpHaikyuSection__inner::after
{
    position: absolute;
    left: 0;

    display: block;

    content: '';
    transform: rotate(180deg);

    background-repeat: no-repeat;
}
.lpHaikyu .lpHaikyuAttention
{
    background-color: #f0f9fe;
}
.lpHaikyu .lpHaikyuAttention__copy
{
    line-height: 1.6;

    text-align: center;
}

.lpHaikyuMv
{
    background-color: #fffaf0;
}
.lpHaikyuMv picture img
{
    width: 100%;
    height: auto;
}
.lpHaikyuMv__inner
{
    position: relative;
}
.lpHaikyuMv__bgWrapper
{
    position: relative;
}
.lpHaikyuMv__mask
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background: linear-gradient(180deg, rgba(255, 250, 240, 0) 0%, #fffaf0 10%);
}

@keyframes fadeAndMove
{
    0%
    {
        transform: translateY(0);

        opacity: 1;
    }
    100%
    {
        opacity: 0;
    }
}
.lpHaikyuInfo
{
    position: relative;
    z-index: 1;
}
.lpHaikyuInfo::before
{
    position: absolute;
    z-index: -1;

    display: block;

    margin: auto;

    content: '';

    background-color: #fffaf0;

    inset: 0;
}
.lpHaikyuInfo__outer
{
    position: relative;
}
.lpHaikyuInfo__feather
{
    position: absolute;
    z-index: 3;
}
.lpHaikyuInfo__feather img
{
    width: 100%;
    height: auto;
}
.lpHaikyuInfo__instanceText
{
    font-weight: 500;
}
.lpHaikyuInfo__instanceText--sup
{
    font-size: 10px;

    vertical-align: super;
}
.lpHaikyuInfo__instanceImg
{
    display: flex;
    overflow: hidden;

    border-radius: 50%;
    background-color: #fff;

    justify-content: center;
    align-items: center;
}
.lpHaikyuInfo__instanceImgInner img
{
    display: block;
}
.lpHaikyuInfo__name
{
    font-weight: 400;
    line-height: 1.4;

    position: relative;

    text-align: center;
}
.lpHaikyuInfo__instanceNotesWrapper
{
    margin: 20px auto 0;
}
.lpHaikyuInfo__instanceNote
{
    font-weight: 400;
    line-height: 1.8;

    color: #666;
}
.lpHaikyuInfo__releaseInner
{
    text-align: center;

    border-top: 1px solid #1a1a1a;
    border-bottom: 1px solid #1a1a1a;
}
.lpHaikyuInfo__releaseText
{
    line-height: 1.6;
}
.lpHaikyuInfo__releaseDayText
{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    line-height: 1.4;
}
.lpHaikyuInfo__releaseNote,
.lpHaikyuInfo__releaseNotesTitle
{
    line-height: 1.8;

    color: #666;
}
.lpHaikyuInfo__releaseNote a
{
    text-decoration: underline;
}

.lpHaikyuLineup
{
    position: relative;
    z-index: 1;
}
.lpHaikyuLineup__content
{
    text-align: center;
}
.lpHaikyuLineup__title
{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}
.lpHaikyuLineup__description
{
    line-height: 1.8;
}
.lpHaikyuLineup__notes
{
    margin-top: 18px;
}
.lpHaikyuLineup__notes small
{
    font-size: 10px;
    line-height: 1.8;

    display: block;

    color: #666;
}
.lpHaikyuLineup__notes small span
{
    color: #1a1a1a;
}
.lpHaikyuLineup__character
{
    display: flex;

    justify-content: center;
    flex-wrap: wrap;
}
.lpHaikyuLineup__characterList
{
    position: relative;

    overflow: hidden;

    border: 1px solid;
    border-radius: 4px;
}
.lpHaikyuLineup__characterList--orange
{
    border-color: #ffa500;
}
.lpHaikyuLineup__characterList--green
{
    border-color: #7fffd4;
}
.lpHaikyuLineup__characterList--red
{
    border-color: #e2263a;
}
.lpHaikyuLineup__characterList--brown
{
    border-color: #bbb36f;
}
.lpHaikyuLineup__characterList::before
{
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 6px;
    left: 0;

    display: block;

    width: 15px;
    height: 8px;
    margin: auto;

    content: '';
    transition: transform .3s;

    background-image: url(../img/common/arrow_black.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.lpHaikyuLineup__characterLink
{
    display: block;

    height: 100%;
}
.lpHaikyuLineup__eventWrapper
{
    border: 1px solid #808080;
    border-radius: 4px;
}
.lpHaikyuLineup__eventList
{
    position: relative;
}
.lpHaikyuLineup__eventList::before
{
    position: absolute;
    z-index: 1;
    right: 0;
    left: 0;

    display: block;

    width: 15px;
    height: 8px;
    margin: auto;

    content: '';
    transition: transform .3s;

    background-image: url(../img/common/arrow_black.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.lpHaikyuLineup__eventTitle
{
    font-weight: 700;
    line-height: 1.6;
}
.lpHaikyuLineup__eventLead
{
    line-height: 1.6;
}
.lpHaikyuLineup__eventLink
{
    display: block;

    height: 100%;
}
.lpHaikyuLineup__eventLink picture img
{
    display: block;

    margin: 0 auto;
}
.lpHaikyuLineup__campaignTitle
{
    font-weight: 500;
    line-height: 1.8;

    text-align: center;
}
.lpHaikyuLineup__campaignImg
{
    text-align: center;
}
.lpHaikyuProduct__item
{
    overflow: hidden;
}
.lpHaikyuProduct__mv
{
    position: relative;
}
.lpHaikyuProduct__mvInner
{
    position: relative;

    overflow: hidden;
}
.lpHaikyuProduct__mvImg img
{
    width: 100%;
    height: auto;
}
.lpHaikyuProduct__nameWrapperPc
{
    text-align: center;
}
.lpHaikyuProduct__nameWrapperSp
{
    text-align: center;
}
.lpHaikyuProduct__nameEn
{
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 700;
    line-height: .96;
}
.lpHaikyuProduct__nameJa
{
    position: relative;

    display: block;

    letter-spacing: .1em;
}
.lpHaikyuProduct__chara
{
    position: absolute;
    z-index: 1;

    height: auto;
}
.lpHaikyuProduct__charaUp
{
    position: absolute;
    z-index: 1;
    bottom: 0;
}
.lpHaikyuProduct__charaUp img
{
    width: 100%;
    height: auto;
}
.lpHaikyuProduct__mvText
{
    position: absolute;
    z-index: 1;
}
.lpHaikyuProduct__mvText img
{
    width: 100%;
    height: auto;
}
.lpHaikyuProduct__badge
{
    position: absolute;
    z-index: 3;

    height: auto;
}
.lpHaikyuProduct__sliderContainer
{
    margin: 0 auto;
}
.lpHaikyuProduct__sliderContainer .splide__arrow
{
    top: 56%;

    width: 15px;
    height: 8px;

    opacity: 1;
    background: none;
}
.lpHaikyuProduct__sliderContainer .splide__arrow svg
{
    fill: #1a1a1a;
}
.lpHaikyuProduct__thumbnail
{
    position: relative;

    margin: 0 auto;
}
.lpHaikyuProduct__thumbnailList
{
    display: flex;
    overflow: hidden;

    padding-top: 10px;

    justify-content: space-between;
    -moz-column-gap: 10px;
    column-gap: 10px;
}
.lpHaikyuProduct__thumbnailItem
{
    padding-bottom: 3px;

    flex: 0 0 auto;
}
.lpHaikyuProduct__thumbnailItem.is-active
{
    border-bottom: 1px solid #1a1a1a;
}
.lpHaikyuProduct__info
{
    display: flex;
    flex-direction: column;

    justify-content: center;
    align-items: center;
}
.lpHaikyuProduct__info em
{
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;

    letter-spacing: .04em;
}
.lpHaikyuProduct__code
{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 1.4;

    margin-top: 4px;

    color: #666;
}
.lpHaikyuProduct__buttonWrapper
{
    color: #1a1a1a;
}
.lpHaikyuProduct__note
{
    line-height: 1.8;

    display: block;

    margin-top: 60px;

    text-align: center;

    color: #666;
}

.lpHaikyuAccessory
{
    position: relative;
    z-index: 2;

    background-color: #f0f9fe;
}
.lpHaikyuAccessory__img
{
    display: flex;
    overflow: hidden;

    border-radius: 50%;
    background-color: #fff;

    justify-content: center;
    align-items: center;
}
.lpHaikyuAccessory__splide .splide__track
{
    overflow: hidden;
}
.lpHaikyuAccessory__splide .splide__slide img
{
    display: block;
}
.lpHaikyuAccessory__splide .splide__pagination__page
{
    width: 38px;
    height: 4px;

    opacity: 1;
    border-radius: 2px;
}
.lpHaikyuAccessory__splide .splide__pagination__page.is-active
{
    transform: scale(1);

    background: #1a1a1a;
}
.lpHaikyuAccessory__splide .splide__pagination__page:hover
{
    opacity: .7;
}
.lpHaikyuAccessory__title
{
    font-weight: 700;
    line-height: 1.6;
}
.lpHaikyuAccessory__description
{
    line-height: 1.6;
}

.lpHaikyuGoods
{
    position: relative;
}
.lpHaikyuGoods__cleanerTitle
{
    font-weight: 700;
    line-height: 1.8;
}
.lpHaikyuGoods__cleanerDescription
{
    line-height: 1.8;
}
.lpHaikyuGoods__cleanerImgNote
{
    font-size: 10px;
    line-height: 1.8;

    display: block;

    margin-top: 18px;

    text-align: center;

    color: #666;
}
.lpHaikyuGoods__amenityTitle
{
    font-weight: 700;
    line-height: 1.6;

    position: relative;

    text-align: center;
}
.lpHaikyuGoods__amenityTitle--store
{
    display: flex;
    flex-direction: column;
}
.lpHaikyuGoods__amenityTitle::after
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 5px;
    margin: auto;

    content: '';

    background-image: url(../img/goods/bar.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.lpHaikyuGoods__amenityTitleTop
{
    position: relative;
    z-index: 1;

    display: block;

    margin: auto;

    background-color: #fff;
}
.lpHaikyuGoods__amenityTitleBottom
{
    position: relative;
    z-index: 1;

    display: block;

    margin: auto;

    background-color: #fff;
}
.lpHaikyuGoods__amenityWrapper
{
    text-align: center;
}
.lpHaikyuGoods__amenityLead
{
    font-weight: 700;
}
.lpHaikyuGoods__amenityPrice
{
    font-weight: 700;
    line-height: 1.4;

    display: flex;

    letter-spacing: .04em;

    justify-content: center;
    align-items: center;
}
.lpHaikyuGoods__amenityPrice em
{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
.lpHaikyuGoods__amenityCode
{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 1.4;

    margin-top: 4px;

    color: #666;
}
.lpHaikyuGoods__amenityPriceNumber
{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
.lpHaikyuGoods__Note
{
    font-size: 12px;
    line-height: 1.8;

    color: #666;
}
.lpHaikyuGoods__Note a
{
    text-decoration: underline;
}

.lpHaikyuTry
{
    background-color: #fffaf0;
}
.lpHaikyuTry__inner
{
    position: relative;
    z-index: 1;
}
.lpHaikyuTry__title
{
    font-weight: 700;

    text-align: center;
}
.lpHaikyuTry__periodWrapper
{
    text-align: center;

    border-top: 1px solid #1a1a1a;
    border-bottom: 1px solid #1a1a1a;
}
.lpHaikyuTry__periodTitle
{
    line-height: 1.6;
}
.lpHaikyuTry__periodDay
{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    line-height: 1.4;
}
.lpHaikyuTry__periodLead
{
    font-weight: 500;
    line-height: 1.8;

    text-align: center;
}
.lpHaikyuTry__shop
{
    background-color: #fff;
}
.lpHaikyuTry__shopImgWrapper img
{
    width: 100%;
    height: auto;
}
.lpHaikyuTry__shopImgNote
{
    font-size: 10px;
    line-height: 1.8;

    display: block;

    margin-top: 18px;

    text-align: center;

    color: #666;
}
.lpHaikyuTry__shopTexts
{
    text-align: center;
}
.lpHaikyuTry__shopTitle
{
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
}
.lpHaikyuTry__shopNote
{
    margin-top: 12px;

    color: #666;
}
.lpHaikyuTry__list
{
    margin-top: 20px;
}
.lpHaikyuTry__item
{
    margin-top: 20px;
}
.lpHaikyuTry__charaName
{
    font-size: 14px;
    font-weight: 700;
    line-height: 1.6;
}
.lpHaikyuTry__shopList
{
    margin-top: 10px;
}
.lpHaikyuTry__shopLink
{
    line-height: 1.6;
}
.lpHaikyuTry__shopLink span
{
    background-image: linear-gradient(90deg, #1a1a1a, #1a1a1a);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 100% 1px;
}
.lpHaikyuVirtualFitting__inner button
{
    padding: 0;

    border: none;
}
.lpHaikyuVirtualFitting__inner img
{
    width: 100%;
    height: auto;
}
.lpHaikyuVirtualFitting p
{
    font-weight: 400;
    line-height: 1.6;

    text-align: center;
}

.lpHaikyuButton
{
    font-weight: 400;
    line-height: 1.4;

    position: relative;

    display: block;

    width: 280px;
    margin: 0 auto;

    text-align: center;

    color: #fff;
    border-radius: 4px;
    background-color: #1a1a1a;
}
.lpHaikyuButton--hinata
{
    color: #1a1a1a;
    background-color: #ffa500;
}
.lpHaikyuButton--hinata::after
{
    background-color: #1a1a1a !important;
}
.lpHaikyuButton--kageyama
{
    background-color: #00f;
}
.lpHaikyuButton--tsukishima
{
    color: #1a1a1a;
    background-color: #ff0;
}
.lpHaikyuButton--tsukishima::after
{
    background-color: #1a1a1a !important;
}
.lpHaikyuButton--oikawa
{
    color: #1a1a1a;
    background-color: #7fffd4;
}
.lpHaikyuButton--oikawa::after
{
    background-color: #1a1a1a !important;
}
.lpHaikyuButton--kuroo
{
    background-color: #000001;
}
.lpHaikyuButton--kozume
{
    background-color: #e2263a;
}
.lpHaikyuButton--bokuto
{
    color: #1a1a1a;
    background-color: #d0d793;
}
.lpHaikyuButton--bokuto::after
{
    background-color: #1a1a1a !important;
}
.lpHaikyuButton--akaashi
{
    background-color: #00708b;
}
.lpHaikyuButton--attention
{
    font-weight: 700;
    line-height: 1.6;
}
.lpHaikyuButton::after
{
    position: absolute;
    top: 0;
    right: 18px;
    bottom: 0;

    display: block;

    width: 10px;
    height: 19px;
    margin: auto;

    content: '';

    background-color: #fff;

    -webkit-mask-image: url(../img/common/arrow.png);

    mask-image: url(../img/common/arrow.png);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}
@media screen and (-ms-high-contrast: none)
{
    .splide__slide:focus-visible
    {
        border: 3px solid #0bf;
    }
    .splide.is-focus-in .splide__slide:focus
    {
        border: 3px solid #0bf;
    }
    .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus
    {
        border-color: #0bf;
    }
}
@media screen and (max-width: 767px)
{
    .lpHaikyu .u-sp
    {
        display: block;
    }
    .lpHaikyu .u-pc
    {
        display: none;
    }
    .lpHaikyu__overlay.is-open
    {
        transition: opacity 2s ease, z-index 0s 2s;
    }
    .lpHaikyu .lpHaikyuSection__bgWrapper--bottom
    {
        bottom: 0;
    }
    .lpHaikyu .lpHaikyuSection__mask--bottom
    {
        top: auto;
        bottom: 0;
    }
    .lpHaikyu .lpHaikyuSection__inner
    {
        padding-top: 70px;
        padding-bottom: 117px;
    }
    .lpHaikyu .lpHaikyuSection__inner::before
    {
        z-index: 1;
        top: -18px;

        width: 100%;
        height: max(129.0666666667vw, 484px);

        background-image: url(../img/lineup/semicircle_bg_sp.png);
        background-size: 100% auto;
    }
    .lpHaikyu .lpHaikyuSection__inner::after
    {
        bottom: -9px;

        width: 100%;
        height: max(129.0666666667vw, 484px);

        background-image: url(../img/lineup/semicircle_bg_sp.png);
        background-size: 100% auto;
    }
    .lpHaikyu .lpHaikyuAttention__inner
    {
        margin-top: 40px;

        padding-block: 64px;
        padding-inline: 20px;
    }
    .lpHaikyu .lpHaikyuAttention__copy
    {
        font-size: 12px;

        margin-top: 29px;
    }
    .lpHaikyuMv-js-scrollAnimation.is-open
    {
        animation: fadeAndMove 1.5s cubic-bezier(.76, 0, .24, 1) forwards;
    }
    .lpHaikyuInfo
    {
        padding-top: 33px;
        padding-bottom: 84px;

        padding-inline: 20px;
    }
    .lpHaikyuInfo__feather:nth-of-type(1)
    {
        top: -83px;
        left: 9px;

        width: 22px;
        height: 26px;
    }
    .lpHaikyuInfo__feather:nth-of-type(2)
    {
        top: -34px;
        right: 9px;

        width: 32px;
        height: 47px;

        transform: rotate(-1deg);
    }
    .lpHaikyuInfo__feather:nth-of-type(3)
    {
        bottom: 495px;
        left: 6px;

        width: 32px;
        height: 134px;
    }
    .lpHaikyuInfo__feather:nth-of-type(4)
    {
        right: 35px;
        bottom: -104px;

        width: 37px;
        height: 44px;
    }
    .lpHaikyuInfo__featherPc
    {
        display: none;
    }
    .lpHaikyuInfo__instanceText
    {
        font-size: 14px;
        line-height: 1.8;

        text-align: center;
    }
    .lpHaikyuInfo__instanceImg
    {
        width: min(89.3333333333vw, 335px);
        height: min(89.3333333333vw, 335px);
        margin: 24px auto 0;
    }
    .lpHaikyuInfo__instanceImgInner img
    {
        width: min(81.0666666667vw, 304px);
        height: auto;
        margin: 20px auto 0;
    }
    .lpHaikyuInfo__name
    {
        font-size: 12px;
    }
    .lpHaikyuInfo__instanceNote
    {
        font-size: 10px;

        text-align: center;
    }
    .lpHaikyuInfo__release
    {
        margin-top: 37px;
    }
    .lpHaikyuInfo__releaseInner
    {
        padding-block: 20px;
    }
    .lpHaikyuInfo__releaseText
    {
        font-size: 13px;
    }
    .lpHaikyuInfo__releaseText--bottom
    {
        font-size: 12px;

        margin-top: 16px;
    }
    .lpHaikyuInfo__releaseDay
    {
        margin-top: 16px;
    }
    .lpHaikyuInfo__releaseDayText
    {
        font-size: 24px;
    }
    .lpHaikyuInfo__releaseDayText--small
    {
        font-size: 18px;
    }
    .lpHaikyuInfo__releaseNotesWrapper
    {
        margin-top: 16px;
    }
    .lpHaikyuInfo__releaseNotesContent + .lpHaikyuInfo__releaseNotesContent
    {
        margin-top: 16px;
    }
    .lpHaikyuInfo__releaseNote,
    .lpHaikyuInfo__releaseNotesTitle
    {
        font-size: 10px;
    }
    .lpHaikyuInfo__buttonWrapper
    {
        margin-top: 32px;
    }
    .lpHaikyuLineup__title
    {
        font-size: 34px;
    }
    .lpHaikyuLineup__description
    {
        font-size: 13px;

        margin-top: 20px;
    }
    .lpHaikyuLineup__notes small span
    {
        font-size: 13px;
    }
    .lpHaikyuLineup__characterWrapper
    {
        max-width: min(90.1333333333vw, 338px);
        margin: 32px auto 0;
    }
    .lpHaikyuLineup__character
    {
        gap: 10px;
    }
    .lpHaikyuLineup__event
    {
        margin: 56px 20px 0;
    }
    .lpHaikyuLineup__eventList::before
    {
        bottom: 12px;
    }
    .lpHaikyuLineup__eventList:nth-of-type(1) .lpHaikyuLineup__eventLink
    {
        padding-block: 17px;
    }
    .lpHaikyuLineup__eventList:nth-of-type(1)::before
    {
        bottom: 8%;
    }
    .lpHaikyuLineup__eventList:nth-of-type(2) .lpHaikyuLineup__eventLink
    {
        padding-top: 32px;
        padding-bottom: 42px;

        border-top: 1px solid #808080;
    }
    .lpHaikyuLineup__eventTitle
    {
        font-size: 16px;

        text-align: start;
    }
    .lpHaikyuLineup__eventLead
    {
        font-size: 13px;

        margin-top: 10px;

        text-align: start;
    }
    .lpHaikyuLineup__eventLink
    {
        display: flex;

        padding-right: 20px;
        padding-left: 4px;

        justify-content: center;
        align-items: center;
    }
    .lpHaikyuLineup__eventLink picture
    {
        flex-shrink: 0;
    }
    .lpHaikyuLineup__eventLink picture img
    {
        height: 100%;
    }
    .lpHaikyuLineup__campaign
    {
        margin-top: 64px;

        padding-inline: 37px;
    }
    .lpHaikyuLineup__campaignTitle
    {
        font-size: 22px;
    }
    .lpHaikyuLineup__campaignImg
    {
        margin-top: 20px;
    }
    .lpHaikyuLineup__campaignImg img
    {
        height: 100%;
    }
    .lpHaikyuLineup__buttonWrapper
    {
        margin-top: 32px;
    }
    .lpHaikyuProduct
    {
        margin-top: 100px;
    }
    .lpHaikyuProduct__item + .lpHaikyuProduct__item
    {
        margin-top: 111px;
    }
    .lpHaikyuProduct__item--kageyama
    {
        margin-top: 100px !important;
    }
    .lpHaikyuProduct__mvInner
    {
        width: calc(100% + 16px);
        margin-right: -8px;
        margin-left: -8px;
    }
    .lpHaikyuProduct__mvInner--kageyama
    {
        width: auto;
        margin-right: auto;
        margin-left: auto;
    }
    .lpHaikyuProduct__nameWrapperPc
    {
        display: none;
    }
    .lpHaikyuProduct__nameWrapperSp
    {
        padding-top: 50px;
        padding-bottom: 47px;
    }
    .lpHaikyuProduct__nameWrapperSp--hinata
    {
        color: #ffa500;
        background-color: #fff8eb;
    }
    .lpHaikyuProduct__nameWrapperSp--kageyama
    {
        color: #00f;
        background-color: #f0f0ff;
    }
    .lpHaikyuProduct__nameWrapperSp--tsukishima
    {
        color: #e5e500;
        background-color: #ffffe5;
    }
    .lpHaikyuProduct__nameWrapperSp--oikawa
    {
        color: #6cd6b4;
        background-color: #ebfff7;
    }
    .lpHaikyuProduct__nameWrapperSp--kuroo
    {
        color: #000001;
        background-color: #f0f0f0;
    }
    .lpHaikyuProduct__nameWrapperSp--kozume
    {
        color: #e2263a;
        background-color: #fdf2f3;
    }
    .lpHaikyuProduct__nameWrapperSp--bokuto
    {
        color: #b1b87e;
        background-color: #f9fced;
    }
    .lpHaikyuProduct__nameWrapperSp--akaashi
    {
        color: #00708b;
        background-color: #f0f6f8;
    }
    .lpHaikyuProduct__nameEn
    {
        font-size: 64px;
    }
    .lpHaikyuProduct__nameJa
    {
        font-size: 12px;
        line-height: 1;

        margin-top: 10px;
    }
    .lpHaikyuProduct__chara--hinata
    {
        bottom: 190px;
        left: 5%;

        width: 25.0666666667vw;
        max-width: 140px;
    }
    .lpHaikyuProduct__chara--kageyama
    {
        bottom: 186px;
        left: 4%;

        width: 25.6vw;
        max-width: 140px;
    }
    .lpHaikyuProduct__chara--tsukishima
    {
        bottom: 187px;
        left: 5%;

        width: 35.2vw;
        max-width: 170px;
    }
    .lpHaikyuProduct__chara--oikawa
    {
        bottom: 187px;
        left: 6%;

        width: 24.2666666667vw;
        max-width: 140px;
    }
    .lpHaikyuProduct__chara--kuroo
    {
        bottom: 202px;
        left: 2.5%;

        width: 33.6vw;
        max-width: 150px;
    }
    .lpHaikyuProduct__chara--kozume
    {
        bottom: 191px;
        left: 3.5%;

        width: 27.4666666667vw;
        max-width: 140px;
    }
    .lpHaikyuProduct__chara--bokuto
    {
        bottom: 201px;
        left: 4.8%;

        width: 36vw;
        max-width: 160px;
    }
    .lpHaikyuProduct__chara--akaashi
    {
        bottom: 186px;
        left: 3.6%;

        width: 29.6vw;
        max-width: 140px;
    }
    .lpHaikyuProduct__charaUp--hinata
    {
        right: -8px;

        width: 87.2vw;
        max-width: 327px;
    }
    .lpHaikyuProduct__charaUp--kageyama
    {
        right: -7px;

        width: 85.3333333333vw;
        max-width: 320px;
    }
    .lpHaikyuProduct__charaUp--tsukishima
    {
        right: 0;

        width: 67.4666666667vw;
        max-width: 253px;
    }
    .lpHaikyuProduct__charaUp--oikawa
    {
        right: -13px;

        width: 87.4666666667vw;
        max-width: 328px;
    }
    .lpHaikyuProduct__charaUp--kuroo
    {
        right: -43px;

        width: 118.9333333333vw;
        max-width: 446px;
    }
    .lpHaikyuProduct__charaUp--kozume
    {
        right: -30px;

        width: 98.6666666667vw;
        max-width: 370px;
    }
    .lpHaikyuProduct__charaUp--bokuto
    {
        right: -38px;

        width: 108.8vw;
        max-width: 408px;
    }
    .lpHaikyuProduct__charaUp--akaashi
    {
        right: -50px;

        width: 101.0666666667vw;
        max-width: 379px;
    }
    .lpHaikyuProduct__mvText--karasuno
    {
        bottom: 45px;
        left: 0;

        width: 102.9333333333vw;
    }
    .lpHaikyuProduct__mvText--karasuno--kageyama
    {
        bottom: 47px;
        left: -2%;
    }
    .lpHaikyuProduct__mvText--aoba
    {
        bottom: 7px;
        left: -13px;

        width: 108.5333333333vw;
    }
    .lpHaikyuProduct__mvText--nekoma
    {
        bottom: 63px;
        left: -8px;

        width: 104.8vw;
    }
    .lpHaikyuProduct__mvText--fukurodani
    {
        bottom: 80px;
        left: -8px;

        width: 106.4vw;
    }
    .lpHaikyuProduct__badge--karasuno
    {
        z-index: 1;
        right: 6%;
        bottom: 180px;

        width: 26.4vw;
        max-width: 140px;
    }
    .lpHaikyuProduct__badge--aoba
    {
        z-index: 1;
        right: 4.6%;
        bottom: 198px;

        width: 25.3333333333vw;
        max-width: 140px;
    }
    .lpHaikyuProduct__badge--nekoma
    {
        z-index: 1;
        right: 6%;
        bottom: 184px;

        width: 25.0666666667vw;
        max-width: 140px;
    }
    .lpHaikyuProduct__badge--fukurodani
    {
        z-index: 1;
        right: 8%;
        bottom: 187px;

        width: 21.8666666667vw;
        max-width: 140px;
    }
    .lpHaikyuProduct__sliderContainer
    {
        margin-top: 20px;

        margin-inline: 20px;
    }
    .lpHaikyuProduct__sliderContainer .splide__arrow--prev
    {
        left: -8vw;
    }
    .lpHaikyuProduct__sliderContainer .splide__arrow--next
    {
        right: -8vw;
    }
    .lpHaikyuProduct__thumbnail
    {
        max-width: 280px;
    }
    .lpHaikyuProduct__thumbnailList
    {
        -moz-column-gap: 21px;
        column-gap: 21px;
    }
    .lpHaikyuProduct__thumbnailItem
    {
        width: 79px;
    }
    .lpHaikyuProduct__info
    {
        margin-top: 32px;
    }
    .lpHaikyuProduct__code
    {
        font-size: 12px;
    }
    .lpHaikyuProduct__buttonWrapper
    {
        margin-top: 32px;
    }
    .lpHaikyuProduct__note
    {
        font-size: 10px;

        margin-top: 40px;
    }
    .lpHaikyuAccessory
    {
        margin-top: 64px;
    }
    .lpHaikyuAccessory__inner
    {
        padding-top: 44px;
        padding-bottom: 64px;

        padding-inline: 20px;
    }
    .lpHaikyuAccessory__img
    {
        width: min(89.3333333333vw, 335px);
        height: min(89.3333333333vw, 335px);
        margin: 0 auto;
    }
    .lpHaikyuAccessory__splide .splide__track
    {
        top: -19px;
    }
    .lpHaikyuAccessory__splide .splide__slide img
    {
        width: min(68.2666666667vw, 256px);
        height: auto;
        margin: 20px auto 0;
    }
    .lpHaikyuAccessory__splide .splide__pagination
    {
        bottom: -1.2em;
    }
    .lpHaikyuAccessory__texts
    {
        width: min(79.2vw, 297px);
        margin: 24px auto 0;
    }
    .lpHaikyuAccessory__title
    {
        font-size: 18px;

        text-align: center;
    }
    .lpHaikyuAccessory__description
    {
        font-size: 13px;

        margin-top: 12px;
    }
    .lpHaikyuTry
    {
        padding-top: 60px;
        padding-bottom: 56px;

        padding-inline: 32px;
    }
    .lpHaikyuTry__title
    {
        font-size: 22px;
        line-height: 1.8;
    }
    .lpHaikyuTry__periodWrapper
    {
        margin-top: 32px;
        padding-top: 12px;
        padding-bottom: 20px;
    }
    .lpHaikyuTry__periodTitle
    {
        font-size: 13px;
    }
    .lpHaikyuTry__periodDay
    {
        font-size: 18px;

        margin-top: 8px;
    }
    .lpHaikyuTry__periodDay--small
    {
        font-size: 14px;
    }
    .lpHaikyuTry__periodLead
    {
        font-size: 13px;

        margin-top: 28px;
    }
    .lpHaikyuTry__shop
    {
        margin-top: 28px;
        padding-top: 8px;
        padding-bottom: 24px;
    }
    .lpHaikyuTry__shopImgWrapper
    {
        max-width: 289px;
        margin: 0 auto;
    }
    .lpHaikyuTry__shopWrapper
    {
        width: min(70.4vw, 264px);
        margin: 40px auto 0;
    }
    .lpHaikyuTry__shopNote
    {
        font-size: 10px;

        text-align: start;
    }
    .lpHaikyuTry__shopItem + .lpHaikyuTry__shopItem
    {
        margin-top: 10px;
    }
    .lpHaikyuTry__shopLink
    {
        font-size: 12px;
    }
    .lpHaikyuVirtualFitting
    {
        margin-top: 60px;

        padding-inline: 20px;
    }
    .lpHaikyuVirtualFitting__inner
    {
        max-width: 375px;
        margin: 0 auto;
    }
    .lpHaikyuVirtualFitting p
    {
        font-size: 13px;

        margin-top: 14px;
    }
    .lpHaikyuButton
    {
        font-size: 15px;

        padding-top: 19px;
        padding-bottom: 19px;
    }
    .lpHaikyuButton--campaign
    {
        width: calc(100% - 20px);
        padding-top: 19px;
        padding-bottom: 21px;
    }
    .lpHaikyuButton--attention
    {
        font-size: 16px;

        width: 100%;
        padding-top: 19px;
        padding-bottom: 20px;
    }
    .lpHaikyuButton--smallText
    {
        font-size: 14px;
    }
}
@media screen and (min-width: 768px)
{
    .lpHaikyu .u-sp
    {
        display: none;
    }
    .lpHaikyu .u-pc
    {
        display: block;
    }
    .lpHaikyu__overlay.is-open
    {
        transition: opacity 2s ease, z-index 0s 2s;
    }
    .lpHaikyu .lpHaikyuSection__bgWrapper
    {
        top: -128px;
    }
    .lpHaikyu .lpHaikyuSection__bgWrapper--bottom
    {
        top: auto;
        bottom: 0;
    }
    .lpHaikyu .lpHaikyuSection__mask--bottom
    {
        top: auto;
        bottom: 0;
    }
    .lpHaikyu .lpHaikyuSection__inner
    {
        padding-top: 170px;
        padding-bottom: 309px;
    }
    .lpHaikyu .lpHaikyuSection__inner::before
    {
        top: 0;

        width: 100%;
        height: min(78.125vw, 1600px);

        background-image: url(../img/lineup/semicircle_bg_pc.png);
        background-size: 100% 100%;
    }
    .lpHaikyu .lpHaikyuSection__inner::after
    {
        bottom: 9.375vw;

        width: 100%;
        height: min(78.125vw, 1600px);

        background-image: url(../img/lineup/semicircle_bg_pc.png);
        background-size: 100% 100%;
    }
    .lpHaikyu .lpHaikyuAttention__inner
    {
        margin-top: 120px;

        padding-block: 120px;
    }
    .lpHaikyu .lpHaikyuAttention__copy
    {
        font-size: 13px;

        margin-top: 32px;
    }
    .lpHaikyuInfo
    {
        padding-top: 57px;
        padding-bottom: 80px;
    }
    .lpHaikyuInfo__outer
    {
        max-width: 1280px;
        margin: 0 auto;
    }
    .lpHaikyuInfo__feather:nth-of-type(1)
    {
        top: -193px;
        left: 10%;

        width: 51px;
    }
    .lpHaikyuInfo__feather:nth-of-type(2)
    {
        top: -68px;
        right: 24%;

        width: 60px;
    }
    .lpHaikyuInfo__feather:nth-of-type(3)
    {
        top: 443px;
        left: 8%;

        width: 87px;
    }
    .lpHaikyuInfo__feather:nth-of-type(4)
    {
        right: 11%;
        bottom: -151px;

        width: 86px;
    }
    .lpHaikyuInfo__featherPc
    {
        position: absolute;
        z-index: 3;
        right: 8.7%;
        bottom: 93px;

        width: 104px;
    }
    .lpHaikyuInfo__inner
    {
        max-width: 760px;
        margin: 0 auto;

        padding-inline: 20px;
    }
    .lpHaikyuInfo__instance
    {
        display: flex;

        justify-content: space-between;
        align-items: center;
    }
    .lpHaikyuInfo__instanceText
    {
        font-size: 15px;
        line-height: 2;
    }
    .lpHaikyuInfo__instanceText + .lpHaikyuInfo__instanceText
    {
        margin-top: 30px;
    }
    .lpHaikyuInfo__instanceImg
    {
        width: 382px;
        height: 382px;
    }
    .lpHaikyuInfo__instanceImgInner img
    {
        margin: 24px auto 0;
    }
    .lpHaikyuInfo__name
    {
        font-size: 13px;

        top: 11px;
    }
    .lpHaikyuInfo__instanceNotesWrapper
    {
        width: 300px;
    }
    .lpHaikyuInfo__instanceNote
    {
        font-size: 12px;
        font-size: 12px;
    }
    .lpHaikyuInfo__release
    {
        margin-top: 56px;
    }
    .lpHaikyuInfo__releaseInner
    {
        padding-block: 36px;
        padding-inline: 76px;
    }
    .lpHaikyuInfo__releaseText
    {
        font-size: 15px;
    }
    .lpHaikyuInfo__releaseText--bottom
    {
        margin-top: 14px;
    }
    .lpHaikyuInfo__releaseDay
    {
        margin-top: 14px;
    }
    .lpHaikyuInfo__releaseDayText
    {
        font-size: 30px;
    }
    .lpHaikyuInfo__releaseDayText--small
    {
        font-size: 22px;
    }
    .lpHaikyuInfo__releaseNotesWrapper
    {
        margin-top: 32px;
    }
    .lpHaikyuInfo__releaseNotesContent + .lpHaikyuInfo__releaseNotesContent
    {
        margin-top: 22px;
    }
    .lpHaikyuInfo__releaseNote,
    .lpHaikyuInfo__releaseNotesTitle
    {
        font-size: 12px;
    }
    .lpHaikyuInfo__buttonWrapper
    {
        margin-top: 56px;
    }
    .lpHaikyuLineup__title
    {
        font-size: 42px;
    }
    .lpHaikyuLineup__description
    {
        font-size: 15px;

        margin-top: 33px;
    }
    .lpHaikyuLineup__notes small span
    {
        font-size: 15px;
    }
    .lpHaikyuLineup__characterWrapper
    {
        max-width: min(76.09375vw, 974px);
        margin: 56px auto 0;
    }
    .lpHaikyuLineup__character
    {
        gap: 16px;
    }
    .lpHaikyuLineup__characterList:hover::before
    {
        transform: translateY(2px);
    }
    .lpHaikyuLineup__event
    {
        max-width: 1000px;
        margin: 80px auto 0;
    }
    .lpHaikyuLineup__eventWrapper
    {
        display: grid;

        grid-template-columns: repeat(2, 1fr);
        margin-inline: 20px;
    }
    .lpHaikyuLineup__eventList::before
    {
        bottom: 32px;
    }
    .lpHaikyuLineup__eventList:hover::before
    {
        transform: translateY(2px);
    }
    .lpHaikyuLineup__eventList:nth-of-type(2) .lpHaikyuLineup__eventLink
    {
        border-left: 1px solid #808080;
    }
    .lpHaikyuLineup__eventTextWrapper
    {
        margin-top: 16px;
    }
    .lpHaikyuLineup__eventTitle
    {
        font-size: 20px;

        text-align: center;
    }
    .lpHaikyuLineup__eventLead
    {
        font-size: 14px;

        margin-top: 6px;

        text-align: center;
    }
    .lpHaikyuLineup__eventLink
    {
        padding-top: 20px;
        padding-bottom: 64px;
    }
    .lpHaikyuLineup__campaign
    {
        margin-top: 100px;
    }
    .lpHaikyuLineup__campaignTitle
    {
        font-size: 26px;
    }
    .lpHaikyuLineup__campaignTitle span
    {
        margin-left: 25px;
    }
    .lpHaikyuLineup__campaignImg
    {
        margin-top: 32px;
    }
    .lpHaikyuLineup__buttonWrapper
    {
        margin-top: 40px;
    }
    .lpHaikyuProduct
    {
        margin-top: 160px;
    }
    .lpHaikyuProduct__item + .lpHaikyuProduct__item
    {
        margin-top: 120px;
    }
    .lpHaikyuProduct__mvInner
    {
        width: calc(100% + 80px);
        margin-right: -40px;
        margin-left: -40px;
    }
    .lpHaikyuProduct__nameWrapperPc
    {
        position: absolute;
        z-index: 2;
        right: min(12.109375vw, 155px);
        bottom: 0;

        display: flex;
        flex-direction: column;

        width: 47.96875vw;
        height: calc(100% + 1px);

        background-repeat: no-repeat;
        background-size: 100% 100%;

        justify-content: center;
        align-items: center;
    }
    .lpHaikyuProduct__nameWrapperPc--hinata
    {
        bottom: -1px;

        color: #ffa500;
        background-color: #fff8eb;

        -webkit-clip-path: polygon(0 0, 80% 0, 100% 100%, 20% 100%);

        clip-path: polygon(0 0, 80% 0, 100% 100%, 20% 100%);
    }
    .lpHaikyuProduct__nameWrapperPc--kageyama
    {
        color: #00f;
        background-color: #f0f0ff;

        -webkit-clip-path: polygon(0 0, 80% 0, 100% 100%, 20% 100%);

        clip-path: polygon(0 0, 80% 0, 100% 100%, 20% 100%);
    }
    .lpHaikyuProduct__nameWrapperPc--tsukishima
    {
        color: #e5e500;
        background-color: #ffffe5;

        -webkit-clip-path: polygon(0 0, 80% 0, 100% 100%, 20% 100%);

        clip-path: polygon(0 0, 80% 0, 100% 100%, 20% 100%);
    }
    .lpHaikyuProduct__nameWrapperPc--oikawa
    {
        color: #6cd6b4;
        background-color: #ebfff7;

        -webkit-clip-path: polygon(0 0, 80% 0, 100% 100%, 20% 100%);

        clip-path: polygon(0 0, 80% 0, 100% 100%, 20% 100%);
    }
    .lpHaikyuProduct__nameWrapperPc--kuroo
    {
        color: #000001;
        background-color: #f0f0f0;

        -webkit-clip-path: polygon(0 0, 80% 0, 100% 100%, 20% 100%);

        clip-path: polygon(0 0, 80% 0, 100% 100%, 20% 100%);
    }
    .lpHaikyuProduct__nameWrapperPc--kozume
    {
        bottom: -1px;

        color: #e2263a;
        background-color: #fdf2f3;

        -webkit-clip-path: polygon(0 0, 80% 0, 100% 100%, 20% 100%);

        clip-path: polygon(0 0, 80% 0, 100% 100%, 20% 100%);
    }
    .lpHaikyuProduct__nameWrapperPc--bokuto
    {
        color: #b1b87e;
        background-color: #f9fced;

        -webkit-clip-path: polygon(0 0, 80% 0, 100% 100%, 20% 100%);

        clip-path: polygon(0 0, 80% 0, 100% 100%, 20% 100%);
    }
    .lpHaikyuProduct__nameWrapperPc--akaashi
    {
        bottom: -1px;

        color: #00708b;
        background-color: #f0f6f8;

        -webkit-clip-path: polygon(0 0, 80% 0, 100% 100%, 20% 100%);

        clip-path: polygon(0 0, 80% 0, 100% 100%, 20% 100%);
    }
    .lpHaikyuProduct__nameWrapperSp
    {
        display: none;
    }
    .lpHaikyuProduct__nameEn
    {
        font-size: min(6.40625vw, 82px);
    }
    .lpHaikyuProduct__nameJa
    {
        font-size: min(1.09375vw, 14px);
        line-height: 1.6;

        right: -2px;

        margin-top: 1.25vw;
    }
    .lpHaikyuProduct__chara--hinata
    {
        bottom: -10.9375vw;
        left: 7.5%;

        width: 9.609375vw;
    }
    .lpHaikyuProduct__chara--kageyama
    {
        bottom: -11.484375vw;
        left: 7%;

        width: 9.921875vw;
    }
    .lpHaikyuProduct__chara--tsukishima
    {
        bottom: -10.9375vw;
        left: 5%;

        width: 13.59375vw;
    }
    .lpHaikyuProduct__chara--oikawa
    {
        bottom: -11.171875vw;
        left: 5.7%;

        width: 9.296875vw;
    }
    .lpHaikyuProduct__chara--kuroo
    {
        bottom: -11.5625vw;
        left: 3.7%;

        width: 12.890625vw;
    }
    .lpHaikyuProduct__chara--kozume
    {
        bottom: -10.46875vw;
        left: 6.7%;

        width: 10.546875vw;
    }
    .lpHaikyuProduct__chara--bokuto
    {
        bottom: -10.46875vw;
        left: 5.2%;

        width: 13.90625vw;
    }
    .lpHaikyuProduct__chara--akaashi
    {
        bottom: -11.328125vw;
        left: 6.6%;

        width: 11.328125vw;
    }
    .lpHaikyuProduct__charaUp--hinata
    {
        left: 18.6%;

        width: min(31.71875vw, 1280px);
    }
    .lpHaikyuProduct__charaUp--kageyama
    {
        left: 18.6%;

        width: min(32.109375vw, 1280px);
    }
    .lpHaikyuProduct__charaUp--tsukishima
    {
        left: 19.7%;

        width: min(37.96875vw, 1280px);
    }
    .lpHaikyuProduct__charaUp--oikawa
    {
        left: 18%;

        width: min(32.1875vw, 1280px);
    }
    .lpHaikyuProduct__charaUp--kuroo
    {
        left: 8.4%;

        width: min(43.828125vw, 1280px);
    }
    .lpHaikyuProduct__charaUp--kozume
    {
        left: 17%;

        width: min(35.859375vw, 1280px);
    }
    .lpHaikyuProduct__charaUp--bokuto
    {
        left: 13%;

        width: min(39.140625vw, 1280px);
    }
    .lpHaikyuProduct__charaUp--akaashi
    {
        left: 18.3%;

        width: min(36.25vw, 1280px);
    }
    .lpHaikyuProduct__mvText--karasuno
    {
        bottom: 20px;
        left: 2%;

        width: min(41.171875vw, 1280px);
    }
    .lpHaikyuProduct__mvText--aoba
    {
        bottom: 0;
        left: 1%;

        width: min(42.1875vw, 1280px);
    }
    .lpHaikyuProduct__mvText--nekoma
    {
        bottom: 21px;
        left: 2.7%;

        width: min(43.125vw, 1280px);
    }
    .lpHaikyuProduct__mvText--fukurodani
    {
        bottom: 33px;
        left: 2.4%;

        width: min(49.140625vw, 1280px);
    }
    .lpHaikyuProduct__mvNum
    {
        position: absolute;
        z-index: 1;

        height: auto;
    }
    .lpHaikyuProduct__mvNum--hinata
    {
        right: 1.5%;
        bottom: 23px;

        width: min(16.015625vw, 1280px);
    }
    .lpHaikyuProduct__mvNum--kageyama
    {
        right: 1.5%;
        bottom: 43px;

        width: min(16.09375vw, 1280px);
    }
    .lpHaikyuProduct__mvNum--tsukishima
    {
        right: 1%;
        bottom: 35px;

        width: min(16.5625vw, 1280px);
    }
    .lpHaikyuProduct__mvNum--oikawa
    {
        right: 2%;
        bottom: 51px;

        width: min(15.390625vw, 1280px);
    }
    .lpHaikyuProduct__mvNum--kuroo
    {
        right: 2.2%;
        bottom: 46px;

        width: min(15.3125vw, 1280px);
    }
    .lpHaikyuProduct__mvNum--kozume
    {
        right: 1.2%;
        bottom: 47px;

        width: min(16.25vw, 1280px);
    }
    .lpHaikyuProduct__mvNum--bokuto
    {
        right: .6%;
        bottom: 36px;

        width: min(17.578125vw, 1280px);
    }
    .lpHaikyuProduct__mvNum--akaashi
    {
        right: 1.4%;
        bottom: 42px;

        width: min(16.171875vw, 1280px);
    }
    .lpHaikyuProduct__badge--karasuno
    {
        right: 6.4%;
        bottom: -13.3%;

        width: 11.171875vw;
    }
    .lpHaikyuProduct__badge--aoba
    {
        right: 5.9%;
        bottom: -8.5%;

        width: 11.40625vw;
    }
    .lpHaikyuProduct__badge--nekoma
    {
        right: 6.4%;
        bottom: -13.3%;

        width: 11.171875vw;
    }
    .lpHaikyuProduct__badge--fukurodani
    {
        right: 7%;
        bottom: -11%;

        width: 9.84375vw;
    }
    .lpHaikyuProduct__sliderContainer
    {
        width: 400px;
        margin-top: 56px;
    }
    .lpHaikyuProduct__sliderContainer .splide__arrow
    {
        transition: opacity .3s;
    }
    .lpHaikyuProduct__sliderContainer .splide__arrow:hover
    {
        opacity: .7;
    }
    .lpHaikyuProduct__sliderContainer .splide__arrow--prev
    {
        left: -50px;
    }
    .lpHaikyuProduct__sliderContainer .splide__arrow--next
    {
        right: -49px;
    }
    .lpHaikyuProduct__thumbnail
    {
        width: 290px;
    }
    .lpHaikyuProduct__thumbnailList
    {
        -moz-column-gap: 10px;
        column-gap: 10px;
    }
    .lpHaikyuProduct__thumbnailItem
    {
        width: 90px;

        cursor: pointer;
        transition: opacity .3s;
    }
    .lpHaikyuProduct__thumbnailItem:hover
    {
        opacity: .7;
    }
    .lpHaikyuProduct__info
    {
        margin-top: 40px;
    }
    .lpHaikyuProduct__code
    {
        font-size: 14px;
    }
    .lpHaikyuProduct__buttonWrapper
    {
        margin-top: 40px;
    }
    .lpHaikyuProduct__note
    {
        font-size: 12px;
    }
    .lpHaikyuAccessory
    {
        margin-top: 120px;
    }
    .lpHaikyuAccessory__inner
    {
        display: grid;

        max-width: 840px;
        margin: 0 auto;

        grid-template-columns: 1fr 1fr;
        padding-block: 80px;
        justify-content: center;
        -moz-column-gap: 83px;
        column-gap: 83px;
        align-items: center;
        padding-inline: 20px;
    }
    .lpHaikyuAccessory__img
    {
        width: 382px;
        height: 382px;
    }
    .lpHaikyuAccessory__splide .splide__track
    {
        top: -23px;
    }
    .lpHaikyuAccessory__splide .splide__slide img
    {
        margin: 24px auto 0;
    }
    .lpHaikyuAccessory__splide .splide__pagination
    {
        bottom: -.6em;
    }
    .lpHaikyuAccessory__splide .splide__pagination__page
    {
        transition: opacity .3s;
    }
    .lpHaikyuAccessory__title
    {
        font-size: 24px;
    }
    .lpHaikyuAccessory__description
    {
        font-size: 15px;

        margin-top: 24px;
    }
    .lpHaikyuTry
    {
        margin-top: -60px;
        padding-top: 60px;
        padding-bottom: 120px;
    }
    .lpHaikyuTry__title
    {
        font-size: 32px;
        line-height: 1.6;
    }
    .lpHaikyuTry__periodWrapper
    {
        max-width: 720px;
        margin: 56px auto 0;
        padding-top: 14px;
        padding-bottom: 20px;
    }
    .lpHaikyuTry__periodTitle
    {
        font-size: 15px;
    }
    .lpHaikyuTry__periodDay
    {
        font-size: 26px;

        margin-top: 10px;
    }
    .lpHaikyuTry__periodDay--small
    {
        font-size: 22px;
    }
    .lpHaikyuTry__periodLead
    {
        font-size: 15px;

        margin-top: 40px;
    }
    .lpHaikyuTry__shop
    {
        max-width: 720px;
        margin: 42px auto 0;
        padding-top: 32px;
        padding-right: 24px;
        padding-bottom: 32px;
        padding-left: 24px;
    }
    .lpHaikyuTry__shopInner
    {
        display: grid;

        grid-template-columns: 1fr 1fr;
        justify-items: center;
        -moz-column-gap: 24px;
        column-gap: 24px;
    }
    .lpHaikyuTry__shopImgWrapper
    {
        max-width: 306px;
    }
    .lpHaikyuTry__shopNote
    {
        font-size: 11px;
    }
    .lpHaikyuTry__list
    {
        padding-left: 10px;
    }
    .lpHaikyuTry__shopList
    {
        display: flex;

        margin-top: 5px;

        flex-wrap: wrap;
        gap: 10px;
    }
    .lpHaikyuTry__shopLink
    {
        font-size: 13px;
    }
    .lpHaikyuVirtualFitting
    {
        margin-top: 110px;

        padding-inline: 0;
    }
    .lpHaikyuVirtualFitting__inner
    {
        max-width: 720px;
        margin: 0 auto;
    }
    .lpHaikyuVirtualFitting p
    {
        font-size: 16px;

        margin-top: 24px;
    }
    .lpHaikyuButton
    {
        font-size: 16px;

        padding-top: 19px;
        padding-bottom: 20px;
    }
    .lpHaikyuButton--attention
    {
        font-size: 18px;

        width: 412px;
        margin: 0 auto;
        padding-top: 20px;
        padding-bottom: 21px;
    }
    .lpHaikyuButton--smallText
    {
        font-size: 16px;
    }
}
@media screen and (max-width: 1024px)
{
    .lpHaikyuGoods
    {
        z-index: 1;

        margin: 64px auto 0;
    }
    .lpHaikyuGoods__cleaner
    {
        text-align: center;

        padding-inline: 20px;
    }
    .lpHaikyuGoods__cleanerTitle
    {
        font-size: 22px;
    }
    .lpHaikyuGoods__cleanerDescription
    {
        font-size: 13px;

        margin-top: 20px;
    }
    .lpHaikyuGoods__cleanerImg
    {
        margin-top: 32px;
    }
    .lpHaikyuGoods__amenity
    {
        margin-top: 56px;

        padding-inline: 20px;
    }
    .lpHaikyuGoods__amenityContainer + .lpHaikyuGoods__amenityContainer
    {
        margin-top: 56px;
    }
    .lpHaikyuGoods__amenityTitle--web
    {
        margin-top: 5px;
    }
    .lpHaikyuGoods__amenityTitle::after
    {
        background-size: 100% 100%;
    }
    .lpHaikyuGoods__amenityTitleTop
    {
        font-size: 20px;

        width: 175px;
    }
    .lpHaikyuGoods__amenityTitleBottom
    {
        font-size: 13px;

        width: 175px;
    }
    .lpHaikyuGoods__amenityWrapper
    {
        margin-top: 24px;
    }
    .lpHaikyuGoods__amenityLead
    {
        font-size: 15px;
        line-height: 1.6;
    }
    .lpHaikyuGoods__amenityLead span
    {
        font-size: 12px;
    }
    .lpHaikyuGoods__amenityPrice
    {
        font-size: 24px;

        margin-top: 8px;
    }
    .lpHaikyuGoods__amenityCode
    {
        font-size: 12px;
    }
    .lpHaikyuGoods__amenityPriceNumber
    {
        font-size: 24px;

        margin-right: 5px;
    }
    .lpHaikyuGoods__buttonWrapper
    {
        margin-top: 24px;
    }
    .lpHaikyuGoods__Notes
    {
        width: min(82.9333333333vw, 311px);
        margin: 20px auto 0;
    }
}
@media screen and (min-width: 1025px)
{
    .lpHaikyuGoods
    {
        z-index: 2;

        width: 75.78125vw;
        max-width: 970px;
        margin: 160px auto 0;
    }
    .lpHaikyuGoods__cleaner
    {
        display: flex;

        -moz-column-gap: 64px;

        column-gap: 64px;
    }
    .lpHaikyuGoods__cleaner picture
    {
        flex-shrink: 0;
    }
    .lpHaikyuGoods__cleanerTitle
    {
        font-size: 32px;
    }
    .lpHaikyuGoods__cleanerDescription
    {
        font-size: 15px;

        margin-top: 24px;
    }
    .lpHaikyuGoods__amenity
    {
        margin-top: 80px;
    }
    .lpHaikyuGoods__amenityInner
    {
        display: grid;

        grid-template-columns: repeat(2, 1fr);
        justify-content: center;
        -moz-column-gap: 11%;
        column-gap: 11%;
    }
    .lpHaikyuGoods__amenityTitle--web
    {
        margin-top: 12px;
    }
    .lpHaikyuGoods__amenityTitle::after
    {
        background-size: 100% 100%;
    }
    .lpHaikyuGoods__amenityTitleTop
    {
        font-size: 24px;

        width: 228px;
    }
    .lpHaikyuGoods__amenityTitleBottom
    {
        font-size: 16px;

        width: 228px;
        margin-top: -4px;
    }
    .lpHaikyuGoods__amenityWrapper
    {
        margin-top: 28px;
    }
    .lpHaikyuGoods__amenityLead
    {
        font-size: 18px;
        line-height: 1.8;
    }
    .lpHaikyuGoods__amenityLead span
    {
        font-size: 14px;

        display: block;

        margin-top: -7px;
    }
    .lpHaikyuGoods__amenityPrice
    {
        font-size: 28px;

        margin-top: 12px;
    }
    .lpHaikyuGoods__amenityCode
    {
        font-size: 14px;
    }
    .lpHaikyuGoods__amenityPriceNumber
    {
        font-size: 28px;

        margin-right: 5px;
    }
    .lpHaikyuGoods__buttonWrapper
    {
        margin-top: 28px;
    }
    .lpHaikyuGoods__Notes
    {
        margin-top: 20px;

        padding-inline: 2.34375vw;
    }
}
@media screen and (min-width: 768px) and (min-width: 768px)
{
    .lpHaikyuButton--campaign
    {
        font-size: 16px;

        width: 412px;
        margin: 0 auto;
        padding-top: 19px;
        padding-bottom: 19px;
    }
}

/* 251021追記 */
.lpHaikyu .lpHaikyu__overlay {
    position: absolute;
}
.lpHaikyuInfo__attention {
    font-weight: 700;
    text-align: center;
}
.lpHaikyuInfo__attention span {
    text-decoration: underline;
}

.lpHaikyu .lpHaikyuButtonVf {
    justify-content: center;
    border: 0;
    margin-top: 32px;
}

@media screen and (min-width: 768px) {
    .lpHaikyuVirtualFitting__inner {
        max-width: 632px !important;
    }
    .lpHaikyuInfo__attention {
        font-size: 3rem;
        padding-bottom: 90px;
        line-height: 1.6;
    }
    .lpHaikyuInfoKyoto {
        margin: 0 auto 40px;
        padding: 32px 20px;
        border: solid 1px #CCC;
        background-color: #FFF;
    }
    .lpHaikyuInfoKyoto__title {
        margin: 0 0 20px;
        text-align: center;
        line-height: 1.5;
        font-size: 24px;
        font-weight: 700;
    }
    .lpHaikyuInfoKyoto__title span {
        display: block;
        margin: 0 auto 8px;
        font-size: 18px;
    }
    .lpHaikyuInfoKyoto__text {
        margin: 0 auto 8px;
        text-align: center;
        line-height: 1.8;
    }
    .lpHaikyuInfoKyoto__link {
        text-align: center;
    }
    .lpHaikyuInfoKyoto__link {
        text-decoration: underline;
        color: #4998db;
    }
    .is--sp {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .freepageVf_banner img {
        margin: auto;
    }
    .lpHaikyuInfo__attention {
        font-size: 2rem;
        padding-bottom: 33px;
    }
    .lpHaikyuInfoKyoto {
        margin: 0 auto 40px;
        padding: 32px 16px;
        border: solid 1px #CCC;
        background-color: #FFF;
    }
    .lpHaikyuInfoKyoto__title {
        margin: 0 0 18px;
        text-align: center;
        line-height: 1.5;
        font-size: 20px;
        font-weight: 700;
    }
    .lpHaikyuInfoKyoto__title span {
        display: block;
        margin: 0 auto 8px;
        font-size: 15px;
    }
    .lpHaikyuInfoKyoto__text {
        margin: 0 auto 8px;
        text-align: center;
        font-size: 13px;
        line-height: 2;
    }
    .lpHaikyuInfoKyoto__link {
        text-align: center;
    }
    .lpHaikyuInfoKyoto__link {
        color: #4998db;
        text-decoration: underline;
    }
    .is--pc {
        display: none;
    }
}
