@font-face {
    font-family: "keifont";
    src: url("https://img.abc-mart.net/img/event/2025/2512_nuovo_shinako/fonts/keifont/keifont.ttf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

main#site *,
main#site *::before,
main#site *::after {
    box-sizing: border-box
}

main#site h1,
main#site h2,
main#site h3,
main#site h4,
main#site p,
main#site ul,
main#site ol,
main#site li,
main#site figure,
main#site img,
main#site a {
    margin: 0;
    padding: 0;
    overflow: unset;
}

main#site img {
    max-width: 100%;
    display: block;
    height: auto
}

main#site ul,
main#site ol {
    list-style: none
}

main#site a {
    text-decoration: none
}

main#site a:hover {
    opacity: .9
}

main#site .pc {
    display: block
}

@media screen and (max-width: 768px) {
    main#site .pc {
        display:none
    }
}

main#site .sp {
    display: none
}

@media screen and (max-width: 768px) {
    main#site .sp {
        display:block
    }
}

.bg2 {
    color: #542222
}

main#site img {
    max-width: 100%;
    height: auto;
    display: block
}

#site {
    font-family: "Noto Sans JP",serif;
    font-style: normal;
    overflow: hidden;
    color: #101f3e;
    font-weight: 400;
    max-width: 960px;
    width: 100%;
    background-color: #fffafd;
    background-image: linear-gradient(to right, rgba(255, 139, 187, 0.3) 1px, transparent 1px),linear-gradient(to bottom, rgba(255, 139, 187, 0.3) 1px, transparent 1px);
    background-size: 50px 50px
}

@media screen and (max-width: 768px) {
    #site {
        width:100%
    }
}

main#site .c-btn1 {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 64px;
    padding: 0 56px;
    box-sizing: border-box;
    border: none;
    border-radius: 100px;
    text-decoration: none;
    cursor: pointer;
    overflow: hidden;
    color: #fff;
    text-align: center;
    font-family: "Noto Sans JP";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 1.68px;
    background: linear-gradient(106deg, rgba(255, 255, 255, 0) 55.04%, rgba(255, 255, 255, 0.08) 56.57%, rgba(255, 255, 255, 0.08) 68.79%, rgba(255, 255, 255, 0) 70.31%),#e5327c;
    box-shadow: inset 0 3px 8px hsla(0,0%,100%,.32),inset 0 -6px 10px rgba(159,30,92,.5),inset 6px 0 10px hsla(0,0%,100%,.22),inset -6px 0 10px rgba(159,30,92,.45),2px 2px 10px 0 rgba(229,67,137,.2);
    transition: transform .15s ease-out,box-shadow .15s ease-out;
    position: relative;
    color: #fff;
}

@media screen and (max-width: 768px) {
    main#site .c-btn1 {
        height:64px;
        padding: 0 56px;
        font-size: 24px;
        line-height: 100%;
        letter-spacing: 1.68px
    }
}

main#site .c-btn1--type2 {
    margin-left: auto;
    margin-right: auto;
    font-size: 24px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 1.68px;
    height: 64px;
    padding: 0 56px;
    box-shadow: inset 0 3px 8px hsla(0,0%,100%,.32),inset 0 -6px 10px rgba(159,30,92,.5),inset 6px 0 10px hsla(0,0%,100%,.22),inset -6px 0 10px rgba(159,30,92,.45),0 0 20px 0 #fff;
    color: #fff;
}

main#site .c-btn1--type3 {
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    text-align: center;
    font-family: "Noto Sans JP";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 1.4px;
    height: 60px;
    padding: 0 56px
}

.c-btn1::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: 2px 2px 10px 0 rgba(229,67,137,.2);
    border-radius: 100px
}

.c-btn1:hover {
    transform: translateY(1px);
    box-shadow: inset 0 3px 8px hsla(0,0%,100%,.34),inset 0 -6px 10px rgba(159,30,92,.54),inset 6px 0 10px hsla(0,0%,100%,.24),inset -6px 0 10px rgba(159,30,92,.49)
}

.c-btn1:active {
    transform: translateY(2px);
    box-shadow: inset 0 2px 7px hsla(0,0%,100%,.3),inset 0 -5px 9px rgba(159,30,92,.56),inset 5px 0 9px hsla(0,0%,100%,.23),inset -5px 0 9px rgba(159,30,92,.5)
}

.c-waku {
    padding: clamp(13px,2.7083333333vw,26px) clamp(30px,6.25vw,60px) clamp(12px,2.5vw,24px) clamp(30px,6.25vw,60px);
    border-radius: 10px;
    border: 1px solid #e5327c;
    background: #fff;
    box-shadow: 8px 8px 0 0 rgba(229,67,137,.5)
}

@media screen and (max-width: 768px) {
    .c-waku {
        padding:26px 24px 24px 24px
    }
}

@media screen and (max-width: 768px) {
    .c-waku--type2 {
        padding:26px 22px 24px 22px !important
    }
}

.c-waku--type2 .info_flex__item1 {
    font-family: "keifont",serif;
    font-style: normal;
    font-family: "keifont",serif !important;
    font-size: 40px !important;
    font-weight: 400 !important;
    letter-spacing: unset !important
}

@media screen and (max-width: 768px) {
    .c-waku--type2 .info_flex__item1 {
        font-size:36px !important
    }
}

.c-waku--type2 .info_flex__item2 {
    font-size: 40px;
    letter-spacing: -2px
}

@media screen and (max-width: 768px) {
    .c-waku--type2 .info_flex__item2 {
        font-size:36px !important;
        letter-spacing: -1.8px
    }
}

.c-waku--type2 .info_flex__item2 .min {
    letter-spacing: -3.6px
}

@media screen and (max-width: 768px) {
    .c-waku--type2 .info_flex__item2 .min {
        font-size:20px !important;
        letter-spacing: -3px !important
    }
}

.c-waku--type2 .info_flex__item2 .label {
    margin-left: 2px
}

.c-waku--type2 .hr {
    margin-top: 12px !important;
    margin-bottom: 12px !important
}

.c-waku--type2 .text {
    margin-bottom: 16px
}

@media screen and (max-width: 768px) {
    .c-waku--type2 .text {
        font-size:14px;
        letter-spacing: .7px
    }
}

.c-waku--type2 .info_expl {
    column-gap: 12px !important
}

.c-waku--type2 .info_expl dt {
    font-size: 14px !important;
    letter-spacing: .98px !important;
    height: 22px !important
}

.c-waku--type2 .info_expl dd {
    font-family: "din-2014","Noto Sans JP",serif !important;
    color: #52444a;
    font-size: 13px !important;
    letter-spacing: .91px !important
}

.c-waku--type3 {
    padding: 32px !important
}

@media screen and (max-width: 768px) {
    .c-waku--type3 {
        padding:32px 22px !important
    }
}

.c-waku--type3 .hr {
    margin-top: 12px !important;
    margin-bottom: 12px !important
}

.c-waku--type3 .info_expl dt {
    font-size: 14px !important;
    letter-spacing: .98px !important;
    width: 83px !important;
    height: 26px !important
}

@media screen and (max-width: 768px) {
    .c-waku--type3 .info_expl dt {
        font-size:12px !important;
        letter-spacing: .84px !important
    }
}

.c-waku--type3 .info_expl dd {
    color: #52444a;
    font-size: 13px !important;
    letter-spacing: .91px !important
}

@media screen and (max-width: 768px) {
    .c-waku--type3 .info_expl dd {
        font-family:"din-2014","Noto Sans JP",serif !important;
        font-size: 12px !important;
        letter-spacing: .84px !important
    }
}

.c-waku--type3 .info_expl dd.min {
    line-height: 120% !important
}

.c-waku .info_flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.c-waku .info_flex__item1 {
    font-family: "din-2014","Noto Sans JP",serif;
    font-style: normal;
    color: #e5327c;
    text-align: center;
    font-size: 46px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 3.22px
}

@media screen and (max-width: 768px) {
    .c-waku .info_flex__item1 {
        font-size:36px;
        letter-spacing: 1.8px
    }
}

.c-waku .info_flex__item2 {
    font-family: "din-2014","Noto Sans JP",serif;
    font-style: normal;
    color: #e5327c;
    font-size: 46px;
    font-weight: 600;
    line-height: 100%
}

@media screen and (max-width: 768px) {
    .c-waku .info_flex__item2 {
        font-size:36px
    }
}

.c-waku .info_flex__item2 .min {
    font-size: 24px;
    font-weight: 700;
    line-height: 100%
}

@media screen and (max-width: 768px) {
    .c-waku .info_flex__item2 .min {
        font-size:20px
    }
}

.c-waku .info_flex__item2 .label {
    font-size: 16px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 1.12px
}

@media screen and (max-width: 768px) {
    .c-waku .info_flex__item2 .label {
        font-size:14px;
        letter-spacing: .98px
    }
}

.c-waku>.name {
    font-family: "keifont",serif;
    font-style: normal;
    color: #e5327c;
    font-size: 48px;
    font-weight: 400;
    line-height: 100%
}

.c-waku>.name>span {
    margin-left: 8px;
    color: #e5327c;
    font-size: 20px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 1.4px
}

.c-waku .hr {
    background-image: url("https://img.abc-mart.net/img/event/2025/2512_nuovo_shinako/image/line.png");
    background-repeat: repeat-x;
    background-size: cover;
    height: 16px;
    width: 100%;
    margin-top: 12.5px;
    margin-bottom: 12.5px
}

.c-waku .info_expl {
    display: grid;
    grid-template-columns: auto 1fr;
    row-gap: 4px;
    column-gap: 8px;
    align-items: center;
    margin: 0
}

.c-waku .info_expl dt {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 24px;
    border-radius: 5px;
    border: 1px solid #e5327c;
    background: #fff;
    color: #e5327c;
    font-size: 16px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 1.12px
}

@media screen and (max-width: 768px) {
    .c-waku .info_expl dt {
        font-size:12px;
        letter-spacing: .84px
    }
}

.c-waku .info_expl dd {
    font-family: "din-2014","Noto Sans JP",serif;
    font-style: normal;
    color: #52444a;
    font-size: 14px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: .98px;
    margin: 0
}

@media screen and (max-width: 768px) {
    .c-waku .info_expl dd {
        font-family:"Noto Sans JP",serif;
        font-style: normal;
        font-size: 12px;
        letter-spacing: .84px
    }
}

.c-waku .text {
    color: #e5327c;
    font-size: 14px;
    font-weight: 700;
    line-height: 160%;
    letter-spacing: .7px
}

main#site .c-waku .text2 {
    color: #e5327c;
    font-size: 16px;
    font-weight: 700;
    line-height: 180%;
    letter-spacing: .8px
}

@media screen and (max-width: 768px) {
    main#site .c-waku .text2 {
        font-size:15px;
        letter-spacing: .75px
    }
}

main#site .c-waku .text2 .marker {
    font-family: "din-2014","Noto Sans JP",serif;
    font-style: normal;
    display: inline;
    background: linear-gradient(to bottom, transparent 60%, rgba(186, 74, 160, 0.15));
    font-size: 1em;
}

main#site .c-waku .text2 .resize {
    font-family: "din-2014","Noto Sans JP",serif;
    font-style: normal;
    font-size: 22px;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -1.1px
}

@media screen and (max-width: 768px) {
    main#site .c-waku .text2 .resize {
        font-size:18px;
        letter-spacing: -0.9px;
    font-size: 1em;
    }
}

main#site .c-waku .text2 .resize>span {
    letter-spacing: 2.2px;
    font-size: 1em;
}

.flex {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch
}

@media screen and (max-width: 768px) {
    .flex {
        flex-direction:column
    }
}

.grid {
    display: grid
}

section article {
    padding: 0 20px
}

@media screen and (max-width: 768px) {
    section article {
        margin-left:auto;
        margin-right: auto;
        max-width: 335px
    }
}

.none {
    pointer-events: none !important
}

#section1 article {
    padding: 0
}

@media screen and (max-width: 768px) {
    #section1 article {
        max-width:unset
    }
}

#section2 .ico {
    width: 100%;
    display: block;
    position: relative;
    z-index: 0
}

#section2 .ico::before,#section2 .ico::after {
    content: "";
    position: absolute;
    display: block
}

#section2 .ico.icon1::before {
    top: clamp(198px,41.25vw,396px);
    left: clamp(45px,9.375vw,90px);
    background-image: url("https://img.abc-mart.net/img/event/2025/2512_nuovo_shinako/image/ico21.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    aspect-ratio: 1/1;
    width: clamp(44.5px,9.2708333333vw,89px)
}

@media screen and (max-width: 768px) {
    #section2 .ico.icon1::before {
        content:unset
    }
}

#section2 article {
    padding: 0
}

#section3 {
    padding: 50px 0
}

@media screen and (max-width: 768px) {
    #section3 {
        padding:0
    }
}

#section3 article {
    padding: 50px 80px
}

@media screen and (max-width: 768px) {
    #section3 article {
        padding:50px 20px;
        width: 100%;
        max-width: unset
    }
}

#section3 article:first-child {
    padding: 0 80px 50px
}

@media screen and (max-width: 768px) {
    #section3 article:first-child {
        padding:50px 20px
    }
}

#section3 article .ico {
    width: 100%;
    display: block;
    position: relative;
    z-index: 0
}

#section3 article .ico::before,#section3 article .ico::after {
    content: "";
    position: absolute;
    display: block
}

#section3 article:nth-child(1) .ico::after {
    top: clamp(20px,4.1666666667vw,40px);
    right: calc(clamp(40px,8.3333333333vw,80px)*-1);
    background-image: url("https://img.abc-mart.net/img/event/2025/2512_nuovo_shinako/image/ico1.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    aspect-ratio: 1/1;
    width: 105.5px
}

@media screen and (max-width: 768px) {
    #section3 article:nth-child(1) .ico::after {
        top:135px;
        right: -20px
    }
}

#section3 article:nth-child(2) .ico::before {
    top: 0;
    left: clamp(164.5px,34.2708333333vw,329px);
    background-image: url("https://img.abc-mart.net/img/event/2025/2512_nuovo_shinako/image/ico2.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    aspect-ratio: 1/1;
    width: 100px
}

@media screen and (max-width: 768px) {
    #section3 article:nth-child(2) .ico::before {
        top:110px;
        right: -30px;
        left: unset
    }
}

#section3 article:nth-child(2) .ico::after {
    top: clamp(174px,36.25vw,348px);
    left: calc(clamp(40px,8.3333333333vw,80px)*-1);
    background-image: url("https://img.abc-mart.net/img/event/2025/2512_nuovo_shinako/image/ico3.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    aspect-ratio: 219/346;
    width: 109.5px
}

@media screen and (max-width: 768px) {
    #section3 article:nth-child(2) .ico::after {
        width:77px;
        top: 600px;
        left: -20px
    }
}

#section3 article:nth-child(3) .ico::before {
    top: clamp(42.5px,8.8541666667vw,85px);
    left: clamp(120.5px,25.1041666667vw,241px);
    background-image: url("https://img.abc-mart.net/img/event/2025/2512_nuovo_shinako/image/ico4.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    aspect-ratio: 1/1;
    width: 103px
}

@media screen and (max-width: 768px) {
    #section3 article:nth-child(3) .ico::before {
        width:77.25px;
        top: 80px;
        left: 0
    }
}

#section3 article:nth-child(3) .ico::after {
    top: clamp(145px,30.2083333333vw,290px);
    right: calc(clamp(20px,4.1666666667vw,40px)*-1);
    background-image: url("https://img.abc-mart.net/img/event/2025/2512_nuovo_shinako/image/ico22.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    aspect-ratio: 1/1;
    width: 103px
}

@media screen and (max-width: 768px) {
    #section3 article:nth-child(3) .ico::after {
        width:103px;
        top: 480px;
        right: -20px
    }
}

#section3 article:nth-of-type(odd) .grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr)
}

#section3 article:nth-of-type(odd) .grid .title {
    grid-column: 1/2
}

#section3 article:nth-of-type(odd) .grid .images_flex {
    grid-column: 1/2
}

#section3 article:nth-of-type(odd) .grid .goods_detail {
    grid-column: 2/3
}

#section3 article:nth-of-type(even) .grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr)
}

#section3 article:nth-of-type(even) .grid .title,#section3 article:nth-of-type(even) .grid .images_flex {
    grid-column: 2/3
}

#section3 article:nth-of-type(even) .grid .title {
    margin-left: auto
}

#section3 article:nth-of-type(even) .grid .images_flex__item1 {
    margin-top: auto
}

@media screen and (max-width: 768px) {
    #section3 article:nth-of-type(even) .grid .images_flex__item1 {
        margin-top:54px
    }
}

#section3 article:nth-of-type(even) .grid .images_flex__item2 {
    margin-top: unset
}

#section3 article:nth-of-type(even) .grid .goods_detail {
    grid-column: 1/2
}

#section3 article .grid {
    z-index: 1;
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-rows: auto 1fr;
    gap: 40px 64px
}

@media screen and (max-width: 768px) {
    #section3 article .grid {
        margin-left:auto;
        margin-right: auto;
        display: block;
        max-width: 335px
    }
}

@media(max-width: 900px) {
    #section3 article .grid {
        grid-template-columns:1fr minmax(0, 30%)
    }
}

@media(max-width: 600px) {
    #section3 article .grid {
        grid-template-columns:1fr minmax(0, 40%)
    }
}

#section3 article .grid .title {
    grid-column: 1/2;
    grid-row: 1/2;
    height: 128px
}

@media screen and (max-width: 768px) {
    #section3 article .grid .title {
        margin-left:auto;
        margin-right: auto;
        width: 300px;
        height: auto;
        margin-bottom: 40px
    }
}

#section3 article .grid .images_flex {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: start;
    grid-column: 1/2;
    grid-row: 2/4
}

#section3 article .grid .images_flex__item1,#section3 article .grid .images_flex__item2 {
    aspect-ratio: 180/248;
    width: 50%
}

#section3 article .grid .images_flex__item1 p,#section3 article .grid .images_flex__item2 p {
    font-family: "Noto Sans JP",serif;
    font-style: normal;
    color: #52444a;
    text-shadow: 0 0 6px #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: right
}

#section3 article .grid .images_flex__item1 p a,#section3 article .grid .images_flex__item2 p a {
    color: #e5327c;
    font-family: "Noto Sans JP";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font
}

#section3 article .grid .images_flex__item2 {
    margin-top: auto
}

@media screen and (max-width: 768px) {
    #section3 article .grid .images_flex__item2 {
        margin-top:54px
    }
}

#section3 article .grid .goods_detail {
    grid-column: 2/3;
    grid-row: 1/4;
    text-align: center;
    width: 100%;
    max-width: none
}

@media screen and (max-width: 768px) {
    #section3 article .grid .goods_detail {
        margin-bottom:40px
    }
}

#section3 article .grid .goods_detail .image {
    aspect-ratio: 1/1;
    width: 100%;
    max-width: none
}

#section3 article .grid .goods_detail .name {
    font-family: "din-2014","Noto Sans JP",serif;
    font-style: normal;
    color: #e5327c;
    font-size: 20px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 1.4px;
    margin-bottom: 8px;
    word-break: break-word
}

#section3 article .grid .goods_detail .price {
    font-family: "din-2014","Noto Sans JP",serif;
    font-style: normal;
    color: #e5327c;
    font-size: 40px;
    font-weight: 600;
    line-height: 100%;
    margin-bottom: 16px;
    display: flex;
    justify-content: center;
    align-items: end
}

@media screen and (max-width: 768px) {
    #section3 article .grid .goods_detail .price {
        margin-bottom:20px
    }
}

#section3 article .grid .goods_detail .price .min {
    font-size: 28px;
    font-weight: 600;
    line-height: 100%;
    margin-right: 2px
}

#section3 article .grid .goods_detail .price .label {
    font-feature-settings: "liga" off;
    font-size: 12px;
    font-weight: 600;
    line-height: 110%;
    margin-left: 4px;
    writing-mode: vertical-rl
}

#section4 {
    padding: 50px 0
}

@media screen and (max-width: 768px) {
    #section4 {
        padding:80px 0 40px
    }
}

#section4 .ico {
    width: 100%;
    display: block;
    position: relative;
    z-index: 0
}

#section4 .ico::before,#section4 .ico::after {
    content: "";
    position: absolute;
    display: block
}

#section4 .ico.icon1::before {
    top: calc(clamp(7.5px,1.5625vw,15px)*-1);
    left: clamp(10px,2.0833333333vw,20px);
    background-image: url("https://img.abc-mart.net/img/event/2025/2512_nuovo_shinako/image/ico5.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    aspect-ratio: 1/1;
    width: clamp(44px,9.1666666667vw,88px)
}

@media screen and (max-width: 768px) {
    #section4 .ico.icon1::before {
        width:101px;
        top: -50px;
        left: -15px
    }
}

#section4 .ico.icon1::after {
    top: clamp(105px,21.875vw,210px);
    right: 0px;
    background-image: url("https://img.abc-mart.net/img/event/2025/2512_nuovo_shinako/image/ico6.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    aspect-ratio: 240/354;
    width: clamp(60px,12.5vw,120px)
}

@media screen and (max-width: 768px) {
    #section4 .ico.icon1::after {
        width:90px;
        top: 200px;
        right: 0
    }
}

#section4 .ico.icon2::before {
    top: clamp(350px,72.9166666667vw,700px);
    left: 0;
    background-image: url("https://img.abc-mart.net/img/event/2025/2512_nuovo_shinako/image/ico7.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    aspect-ratio: 268/226;
    width: clamp(67px,13.9583333333vw,134px)
}

@media screen and (max-width: 768px) {
    #section4 .ico.icon2::before {
        width:111px;
        top: 740px;
        left: -20px
    }
}

#section4 .ico.icon2::after {
    top: clamp(410px,85.4166666667vw,820px);
    left: 0px;
    background-image: url("https://img.abc-mart.net/img/event/2025/2512_nuovo_shinako/image/ico8.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    aspect-ratio: 116/114;
    width: clamp(29px,6.0416666667vw,58px)
}

@media screen and (max-width: 768px) {
    #section4 .ico.icon2::after {
        width:42px;
        top: 830px;
        left: 0
    }
}

#section4 article {
    padding: 0 80px 50px 20px;
    z-index: 1;
    position: relative
}

@media screen and (max-width: 768px) {
    #section4 article {
        padding:0 20px
    }
}

#section4 article.goods {
    padding: 0 20px 50px
}

@media screen and (max-width: 768px) {
    #section4 article.goods {
        margin-bottom:80px;
        padding: 0
    }
}

#section4 article.goods img {
    margin-bottom: 40px
}

@media screen and (max-width: 768px) {
    #section4 article.goods img {
        margin-bottom:64px
    }
}

#section4 article.goods .info {
    margin-left: auto;
    margin-right: auto;
    margin-left: clamp(118.5px,24.6875vw,237px);
    margin-right: clamp(118.5px,24.6875vw,237px);
    position: relative;
    padding: 26px 28px 24px
}

@media screen and (max-width: 768px) {
    #section4 article.goods .info {
        margin-left:0;
        margin-right: 0;
        width: 100%
    }
}

#section4 article.goods .info::after {
    content: "";
    display: block;
    position: absolute;
    bottom: calc(clamp(32.5px,6.7708333333vw,65px)*-1);
    right: calc(clamp(132.5px,27.6041666667vw,265px)*-1);
    background-image: url("https://img.abc-mart.net/img/event/2025/2512_nuovo_shinako/image/ico9.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    aspect-ratio: 488/304;
    width: clamp(122px,25.4166666667vw,244px)
}

@media screen and (max-width: 768px) {
    #section4 article.goods .info::after {
        width:165px;
        bottom: -80px;
        right: -20px
    }
}

#section4 article.goods .info .info_flex {
    justify-content: center
}

#section4 article.box {
    padding-bottom: 0
}

@media screen and (max-width: 768px) {
    #section4 article.box {
        margin-top:60px;
        padding: 0
    }
}

#section4 article.box .flex {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 60px
}

@media screen and (max-width: 768px) {
    #section4 article.box .flex {
        flex-direction:column;
        gap: 27px
    }
}

#section4 article.box .flex__item1 {
    width: 340px;
    aspect-ratio: 1/1
}

#section4 article.box .flex__item2 .c-waku {
    width: 400px;
    padding: 26px 28px 24px 28px;
    position: relative
}

#section4 article.box .flex__item2 .c-waku::before {
    content: "";
    display: block;
    position: absolute;
    top: calc(clamp(41px,8.5416666667vw,82px)*-1);
    left: calc(clamp(38.5px,8.0208333333vw,77px)*-1);
    background-image: url("https://img.abc-mart.net/img/event/2025/2512_nuovo_shinako/image/ico10.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    aspect-ratio: 278/336;
    width: clamp(69.5px,14.4791666667vw,139px)
}

@media screen and (max-width: 768px) {
    #section4 article.box .flex__item2 .c-waku::before {
        content:unset
    }
}

#section4 article.box .flex__item2 .c-waku::after {
    content: "";
    display: block;
    position: absolute;
    bottom: calc(clamp(21.5px,4.4791666667vw,43px)*-1);
    right: calc(clamp(21.5px,4.4791666667vw,43px)*-1);
    background-image: url("https://img.abc-mart.net/img/event/2025/2512_nuovo_shinako/image/ico11.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    aspect-ratio: 1/1;
    width: clamp(44.5px,9.2708333333vw,89px)
}

@media screen and (max-width: 768px) {
    #section4 article.box .flex__item2 .c-waku::after {
        content:unset
    }
}

@media screen and (max-width: 768px) {
    #section4 article.box .flex__item2 .c-waku {
        width:100%;
        padding: 26px 24px 24px 24px
    }
}

#section5 {
    padding: 0
}

@media screen and (max-width: 768px) {
    #section5 {
        padding:0
    }
}

#section5 article {
    background-image: url("https://img.abc-mart.net/img/event/2025/2512_nuovo_shinako/image/bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    aspect-ratio: 960/560;
    width: 100%;
    position: relative
}

@media screen and (max-width: 768px) {
    #section5 article {
        aspect-ratio:unset;
        height: 1034px;
        padding: 50px 0;
        max-width: 375px
    }
}

#section5 article::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    background-image: url("https://img.abc-mart.net/img/event/2025/2512_nuovo_shinako/image/socks_bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    aspect-ratio: 996/1120;
    height: 100%
}

@media screen and (max-width: 768px) {
    #section5 article::after {
        right:unset;
        left: 0px;
        background-image: url("https://img.abc-mart.net/img/event/2025/2512_nuovo_shinako/image/socks_bg_sp.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        aspect-ratio: 750/984;
        width: 100%;
        height: auto
    }
}

#section5 article .info {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: clamp(30px,6.25vw,60px);
    transition: all .4s ease
}

@media(max-width: 910px) {
    #section5 article .info {
        transform:translateY(-50%) scale(0.8)
    }
}

@media(max-width: 840px) {
    #section5 article .info {
        transform:translateY(-50%) scale(0.8);
        left: clamp(20px,4.1666666667vw,40px)
    }
}

@media screen and (max-width: 768px) {
    #section5 article .info {
        margin-left:auto;
        margin-right: auto;
        position: unset;
        transform: scale(1);
        margin-top: 516.5px;
        max-width: 335px
    }
}

#section5 article .info .c-waku {
    width: 360px;
    padding: 26px 28px 24px 28px;
    margin-bottom: 24px
}

@media screen and (max-width: 768px) {
    #section5 article .info .c-waku {
        width:100%;
        padding: 26px 24px 24px 24px
    }
}

#section5 article .info .btns {
    text-align: center
}

@media screen and (max-width: 768px) {
    #section6 {
        margin-left:auto;
        margin-right: auto;
        max-width: 375px
    }
}

#section6 article {
    padding: 80px 80px;
    background-color: #e7f6ff;
    background-image: repeating-linear-gradient(110deg, #e7f6ff 0, #e7f6ff 20px, #cde9ff 0, #cde9ff 60px)
}

@media screen and (max-width: 768px) {
    #section6 article {
        padding:80px 20px;
        max-width: unset
    }
}

#section6 article video,#section6 article img {
    aspect-ratio: 800/450;
    width: 100%
}

@media screen and (max-width: 768px) {
    #section6 article video,#section6 article img {
        margin-left:auto;
        margin-right: auto;
        aspect-ratio: unset
    }
}

#section7 {
    padding: 0
}

@media screen and (max-width: 768px) {
    #section7 {
        margin-left:auto;
        margin-right: auto;
        padding: 0;
        max-width: 375px
    }
}

#section7 .ico {
    width: 100%;
    display: block;
    position: relative;
    z-index: 0
}

#section7 .ico::before,#section7 .ico::after {
    content: "";
    position: absolute;
    display: block
}

#section7 .ico.icon1::before {
    top: clamp(23.5px,4.8958333333vw,47px);
    left: 0;
    background-image: url("https://img.abc-mart.net/img/event/2025/2512_nuovo_shinako/image/ico12.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    aspect-ratio: 275/329;
    width: clamp(69px,14.375vw,138px)
}

@media screen and (max-width: 768px) {
    #section7 .ico.icon1::before {
        width:76px;
        top: 0px;
        left: 0px
    }
}

#section7 .ico.icon1::after {
    top: clamp(57.5px,11.9791666667vw,115px);
    right: clamp(17.5px,3.6458333333vw,35px);
    background-image: url("https://img.abc-mart.net/img/event/2025/2512_nuovo_shinako/image/ico13.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    aspect-ratio: 290/350;
    width: clamp(72.5px,15.1041666667vw,145px)
}

@media screen and (max-width: 768px) {
    #section7 .ico.icon1::after {
        width:103px;
        top: 180px;
        right: 0
    }
}

#section7 .ico.icon2 {
    z-index: 2
}

#section7 .ico.icon2::before {
    top: clamp(162.5px,33.8541666667vw,325px);
    left: clamp(34.5px,7.1875vw,69px);
    background-image: url("https://img.abc-mart.net/img/event/2025/2512_nuovo_shinako/image/ico14.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    aspect-ratio: 1/1;
    width: clamp(51.5px,10.7291666667vw,103px);
    z-index: 1
}

@media screen and (max-width: 768px) {
    #section7 .ico.icon2::before {
        width:103px;
        top: 230px;
        left: 15px
    }
}

#section7 .ico.icon2::after {
    top: clamp(278.5px,58.0208333333vw,557px);
    left: clamp(255px,53.125vw,510px);
    background-image: url("https://img.abc-mart.net/img/event/2025/2512_nuovo_shinako/image/ico16.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    aspect-ratio: 53/52;
    width: clamp(26.5px,5.5208333333vw,53px);
    z-index: 0
}

@media screen and (max-width: 768px) {
    #section7 .ico.icon2::after {
        position:absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 69px;
        top: 915px;
        right: 0
    }
}

#section7 .ico.icon3 {
    z-index: 0
}

#section7 .ico.icon3::before {
    top: clamp(335px,69.7916666667vw,670px);
    left: 0;
    background-image: url("https://img.abc-mart.net/img/event/2025/2512_nuovo_shinako/image/ico18.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    aspect-ratio: 346/450;
    width: clamp(86.5px,18.0208333333vw,173px);
    z-index: 1
}

@media screen and (max-width: 768px) {
    #section7 .ico.icon3::before {
        background-image:url("https://img.abc-mart.net/img/event/2025/2512_nuovo_shinako/image/ico18_sp.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        aspect-ratio: 107/196;
        width: 107px;
        top: 830px;
        left: 0px
    }
}

#section7 .ico.icon3::after {
    top: clamp(280px,58.3333333333vw,560px);
    left: clamp(177.5px,36.9791666667vw,355px);
    background-image: url("https://img.abc-mart.net/img/event/2025/2512_nuovo_shinako/image/ico15.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    aspect-ratio: 1/1;
    width: clamp(44.5px,9.2708333333vw,89px);
    z-index: 0
}

@media screen and (max-width: 768px) {
    #section7 .ico.icon3::after {
        width:70px;
        top: 455px;
        right: 35px;
        left: unset
    }
}

#section7 .ico.icon4 {
    z-index: 2
}

#section7 .ico.icon4::before {
    top: clamp(290px,60.4166666667vw,580px);
    left: clamp(425px,88.5416666667vw,850px);
    background-image: url("https://img.abc-mart.net/img/event/2025/2512_nuovo_shinako/image/ico17.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    aspect-ratio: 162/158;
    width: clamp(40.5px,8.4375vw,81px);
    z-index: 1
}

@media screen and (max-width: 768px) {
    #section7 .ico.icon4::before {
        width:38px;
        top: 670px;
        left: 0px
    }
}

#section7 .ico.icon4::after {
    top: clamp(335px,69.7916666667vw,670px);
    left: 0;
    background-image: url("https://img.abc-mart.net/img/event/2025/2512_nuovo_shinako/image/ico17.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    aspect-ratio: 162/158;
    width: clamp(19px,3.9583333333vw,38px);
    z-index: 0
}

@media screen and (max-width: 768px) {
    #section7 .ico.icon4::after {
        width:69px;
        top: 610px;
        right: 0;
        left: unset
    }
}

#section7 .ico.icon5 {
    z-index: 0
}

#section7 .ico.icon5::before {
    top: clamp(410px,85.4166666667vw,820px);
    right: 0;
    background-image: url("https://img.abc-mart.net/img/event/2025/2512_nuovo_shinako/image/ico19.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    aspect-ratio: 333/407;
    width: clamp(83.25px,17.34375vw,166.5px)
}

@media screen and (max-width: 768px) {
    #section7 .ico.icon5::before {
        background-image:url("https://img.abc-mart.net/img/event/2025/2512_nuovo_shinako/image/ico19_sp.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        aspect-ratio: 70/133;
        width: 70px;
        top: 1200px;
        left: unset;
        right: 0
    }
}

#section7 .ico.icon5::after {
    top: clamp(80px,16.6666666667vw,160px);
    left: clamp(55px,11.4583333333vw,110px);
    background-image: url("https://img.abc-mart.net/img/event/2025/2512_nuovo_shinako/image/ico17.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    aspect-ratio: 162/158;
    width: clamp(24px,5vw,48px);
    z-index: 0
}

@media screen and (max-width: 768px) {
    #section7 .ico.icon5::after {
        width:58px;
        top: 1000px;
        right: 0;
        left: unset
    }
}

#section7 .ico.icon6 {
    z-index: 0
}

#section7 .ico.icon6::before {
    top: clamp(495px,103.125vw,990px);
    right: 0;
    background-image: url("https://img.abc-mart.net/img/event/2025/2512_nuovo_shinako/image/ico20.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    aspect-ratio: 112/114;
    width: clamp(28px,5.8333333333vw,56px);
    z-index: 1
}

@media screen and (max-width: 768px) {
    #section7 .ico.icon6::before {
        width:58px;
        top: 1310px;
        right: 0px
    }
}

#section7 article {
    padding: 70px 80px 80px;
    background-image: url("https://img.abc-mart.net/img/event/2025/2512_nuovo_shinako/image/bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%
}

@media screen and (max-width: 768px) {
    #section7 article {
        padding:120px 20px;
        max-width: unset
    }
}

#section7 article h2 {
    display: flex;
    justify-content: center;
    position: relative
}

#section7 article h2 .title1 {
    aspect-ratio: 345/202;
    width: clamp(86.25px,17.96875vw,172.5px);
    position: absolute;
    top: calc(clamp(20px,4.1666666667vw,40px)*-1);
    left: clamp(30px,6.25vw,60px)
}

@media screen and (max-width: 768px) {
    #section7 article h2 .title1 {
        top:-40px
    }
}

#section7 article h2 .title2 {
    aspect-ratio: 1496/248;
    width: 748px
}

#section7 article .flex {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 14px;
    position: relative;
    z-index: 1
}

@media screen and (max-width: 768px) {
    #section7 article .flex {
        margin-left:auto;
        margin-right: auto;
        flex-direction: column;
        gap: 24px;
        max-width: 335px;
        margin-bottom: 40px
    }
}

#section7 article .flex__item1 {
    aspect-ratio: 378/457;
    width: 47.5%
}

@media screen and (max-width: 768px) {
    #section7 article .flex__item1 {
        width:100%
    }
}

#section7 article .flex__item2 {
    flex: 1
}

@media screen and (max-width: 768px) {
    #section7 article .flex__item2 {
        max-width:335px
    }
}

#section7 article .flex__item2 .c-waku {
    width: 100%
}

#section7 article .flex__item2 .c-waku dl dd {
    white-space: nowrap
}

#section7 article .apply {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    z-index: 1
}

@media screen and (max-width: 768px) {
    #section7 article .apply {
        width:100%;
        max-width: 335px
    }
}

#section7 article .apply .title {
    font-family: "keifont",serif;
    font-style: normal;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    aspect-ratio: 748/58;
    background: linear-gradient(91deg, #E5327C 75.8%, #FFA9CC 91.54%, #E5327C 100.96%);
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 1.68px
}

@media screen and (max-width: 768px) {
    #section7 article .apply .title {
        aspect-ratio:unset;
        height: 58px
    }
}

#section7 article .apply .detail {
    background: #fff;
    padding: 26px clamp(30px,6.25vw,60px) 24px;
    background-color: #fffafd;
    background-image: linear-gradient(to right, rgba(255, 139, 187, 0.3) 1px, transparent 1px),linear-gradient(to bottom, rgba(255, 139, 187, 0.3) 1px, transparent 1px);
    background-size: 30px 30px
}

@media screen and (max-width: 768px) {
    #section7 article .apply .detail {
        padding:26px 20px 24px 20px
    }
}

#section7 article .apply .detail .process_list {
    text-align: center;
    margin-bottom: 32px
}

#section7 article .apply .detail .process_list>li {
    color: #52444a;
    font-size: 14px;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: .98px
}

@media screen and (max-width: 768px) {
    #section7 article .apply .detail .process_list>li {
        font-size:12px;
        letter-spacing: .84px
    }
}

#section7 article .apply .detail .process_list>svg {
    margin: 5px auto
}

#section7 article .apply .detail .btns {
    text-align: center;
    margin-bottom: 8px
}

#section7 article .apply .detail .anno {
    color: #e5327c;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: .98px;
    text-align: center
}

@media screen and (max-width: 768px) {
    #section7 article .apply .detail .anno {
        color:#e5327c;
        font-size: 12px;
        letter-spacing: .84px
    }
}

#section8 {
    padding: 64px 0 0
}

@media screen and (max-width: 768px) {
    #section8 {
        padding:64px 0
    }
}

#section8 article {
    padding: 50px 120px
}

@media screen and (max-width: 768px) {
    #section8 article {
        padding:0 27.5px
    }
}

#section8 article h2 {
    margin-left: auto;
    margin-right: auto;
    aspect-ratio: 514/381;
    width: 257px;
    margin-bottom: 32px
}

@media screen and (max-width: 768px) {
    #section8 article h2 {
        width:200px
    }
}

#section8 article .flex {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: start;
    flex-wrap: wrap;
    gap: 100px 60px;
    width: 100%
}

@media screen and (max-width: 768px) {
    #section8 article .flex {
        gap:64px
    }
}

#section8 article .flex__item {
    width: calc(50% - 40px)
}

@media screen and (max-width: 768px) {
    #section8 article .flex__item {
        width:100%
    }
}

#section8 article .flex__item img {
    aspect-ratio: 1/1;
    width: 100%;
    margin-bottom: 20px
}

#section8 article .flex__item .name {
    font-family: "keifont",serif;
    font-style: normal;
    color: #e5327c;
    text-align: center;
    font-size: 32px;
    font-weight: 400;
    line-height: 100%;
    margin-bottom: 20px
}

@media screen and (max-width: 768px) {
    #section8 article .flex__item .name {
        font-size:32px
    }
}

#section8 article .flex__item .btns {
    text-align: center
}

#section8 article .flex__item .btns .c-btn1 {
    font-size: 20px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 1px;
    padding: 0 40px;
    height: 52px;
    color: #fff;
}

#section9 article {
    padding: 0
}

@media screen and (max-width: 768px) {
    #section9 article {
        padding:0;
        max-width: unset
    }
}

#section9 article img {
    width: 100%
}

#section10 {
    padding: 40px 0 80px
}

@media screen and (max-width: 768px) {
    #section10 {
        padding:40px 0 64px
    }
}

@media screen and (max-width: 768px) {
    #section10 article {
        padding:0
    }
}

#section10 article .flex {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    gap: clamp(8px,1.6666666667vw,16px)
}

@media screen and (max-width: 768px) {
    #section10 article .flex {
        gap:40px 10px;
        flex-wrap: wrap
    }
}

#section10 article .flex__item {
    width: clamp(141.335px,29.4447916667vw,282.67px);
    height: auto;
    display: flex
}

@media screen and (max-width: 768px) {
    #section10 article .flex__item {
        width:calc(50% - 5px)
    }
}

#section10 article .flex__item .btn_anchor {
    padding: clamp(10px,2.0833333333vw,20px) 10px clamp(25px,5.2083333333vw,50px);
    text-align: center;
    border-radius: 10px;
    border: 1px solid #e5327c;
    background: #fff;
    box-shadow: 3px 3px 3px 0 hsla(0,0%,100%,.3) inset,2px 2px 10px 0 rgba(229,67,137,.2),-1px -6px 4px 0 #c9dced inset;
    display: block;
    position: relative;
    width: 100%
}

@media screen and (max-width: 768px) {
    #section10 article .flex__item .btn_anchor {
        padding:20px 13px 50px
    }
}

#section10 article .flex__item .btn_anchor::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: calc(clamp(20px,4.1666666667vw,40px)*-1);
    display: block;
    background-image: url("https://img.abc-mart.net/img/event/2025/2512_nuovo_shinako/image/btn_anchor.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    aspect-ratio: 1/1;
    width: clamp(40px,8.3333333333vw,80px)
}

@media screen and (max-width: 768px) {
    #section10 article .flex__item .btn_anchor::after {
        bottom:-26px;
        width: 52px
    }
}

#section10 article .flex__item .btn_anchor img {
    margin-left: auto;
    margin-right: auto;
    aspect-ratio: 1/1;
    width: clamp(40px,8.3333333333vw,80px)
}

@media screen and (max-width: 768px) {
    #section10 article .flex__item .btn_anchor img {
        width:72px
    }
}

#section10 article .flex__item .btn_anchor p {
    font-size: clamp(10px,2.0833333333vw,20px);
    line-height: 1.32em;
    font-family: "Noto Sans JP",serif;
    font-style: normal;
    color: #e5327c;
    font-weight: 700;
    letter-spacing: 1.1px
}

@media screen and (max-width: 768px) {
    #section10 article .flex__item .btn_anchor p {
        font-size:14px;
        letter-spacing: .7px
    }
}