@charset "utf-8";
/*------------------------------------------------------------
    user
------------------------------------------------------------*/
@media all and (min-width: 520px) {}

@media all and (max-width: 519px) {}

.static.special.user {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
}

.static.special.user .zenmaru {
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 900;
    font-style: normal;
}

.static.special.user .darumadrop {
    font-family: "Darumadrop One", sans-serif;
    font-weight: 400;
    font-style: normal;
}

/* content_wrapper -diamond */
.static.special.user .content_wrapper.-diamond {
    position: relative;
    background: #6F7332 url(../images/bg_diamond.png) repeat top left -2rem / 28rem;
    padding: 0 0;
    color: #4B301C;
    overflow: hidden;

}

/* content_wrapper -yellow */
.static.special.user .content_wrapper.-yellow {
    position: relative;
    background: #FFEA00 url(../images/bg_yellow.png) repeat top left / 6rem;
    padding: 6.7rem 0.8rem 12.6rem;
}

.static.special.user .content_wrapper.-yellow::before {
    content: "";
    position: absolute;
    top: -2.9rem;
    left: 0;
    width: 100%;
    height: 2.9rem;
    background: url(../images/bg_yellow_top.png) repeat-x top left / contain;
}

@media all and (max-width: 519px) {
    .static.special.user .content_wrapper.-diamond {
        background-size: 15rem;
        background-position: top left -2rem;
    }
}

/* btn */
.static.special.user .btn.darumadrop {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 4rem;
    padding: 1.4rem 11.2rem 1.8rem 7.4rem;
    line-height: 1;
    border-radius: 10rem;
    background-color: #fff;
    text-box: trim-both cap alphabetic;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 0;
}

.static.special.user .btn.darumadrop::after {
    content: ">";
    position: absolute;
    display: block;
    font-size: 4rem;
    right: 4rem;
    transition: 0.3s;
    margin-top: 0.4rem;
    text-box: trim-both cap alphabetic;
}

@media all and (max-width: 519px) {
    .static.special.user .btn.darumadrop {
        font-size: 3.2rem;
        line-height: 3.6rem;
        padding: 1rem 5.0rem 1.4rem;
    }

    .static.special.user .btn.darumadrop::after {
        right: 1.6rem;
        margin-top: 0.2rem;
    }

}

/* kv_area */
.static.special.user .kv_area {
    position: relative;
    margin: auto;
    aspect-ratio: 1440 / 1008;
    margin-bottom: -32%;
    background: url(../images/bg_kv_area.png) no-repeat bottom center / contain;
}

@media all and (min-width: 1440px) {
    .static.special.user .kv_area {
        aspect-ratio: auto;
        height: 1008px;
        margin-bottom: -46rem;
    }
}

@media all and (min-width: 1634px) {
    .static.special.user .kv_area {
        background-size: cover;
    }
}


.static.special.user .kv_area .content_block {
    position: relative;
}

.static.special.user .kv_area .content_block>.-img {
    position: absolute;
    width: calc(827.5 / 1184 * 100%);
    left: -8.7rem;
    top: 1.8rem;
}

.static.special.user .kv_area .poke_list {
    position: relative;
    display: block;
    margin: auto;
    max-width: 1184px;
    aspect-ratio: 1184 / 475;
    top: 18rem;
}

.static.special.user .kv_area .poke_list .poke {
    position: absolute;
    display: block;
}

.static.special.user .kv_area .poke_list .-txt {
    position: absolute;
    display: block;
    font-size: 3.4rem;
    color: #fff;
    left: 19rem;
    top: 13.6rem;
    rotate: -10deg;
    text-indent: -1.7em;
    line-height: 0.9;
}

.static.special.user .kv_area .poke_list .poke>a {
    transition: 0.3s;
}

.static.special.user .kv_area .poke_list .poke>a:hover,
.static.special.user .kv_area .poke_list .poke:has(a:hover)>a {
    translate: 0 -1rem;
}

.static.special.user .kv_area .poke_list .poke .-img {
    position: relative;
    display: block;
}

.static.special.user .kv_area .poke_list .poke .btn.-kv {
    position: absolute;
    font-size: 2.4rem;
    padding: 0.2rem.8rem 0.6rem 2.8rem;
    z-index: 2;
}

.static.special.user .kv_area .poke_list .poke .btn.-kv:after {
    content: "";
    right: auto;
    left: 0.9rem;
    margin-top: 0.6rem;
    width: 1.6rem;
    aspect-ratio: 1 / 1;
    background: url(../images/icon_ball.png) no-repeat bottom center / contain;
}

.static.special.user .kv_area .poke_list .num01 {
    bottom: 1rem;
    left: 35.6rem;
    width: calc(181 / 1184 * 100%);
    z-index: 1;
}

.static.special.user .kv_area .poke_list .num01 .btn.-kv {
    right: -5.7rem;
    bottom: 3rem;
}

.static.special.user .kv_area .poke_list .num02 {
    bottom: 5.7rem;
    left: 16.8rem;
    width: calc(154.5 / 1184 * 100%);
}

.static.special.user .kv_area .poke_list .num02 .btn.-kv {
    left: -9.3rem;
    top: 5.3rem;
}

.static.special.user .kv_area .poke_list .num03 {
    top: 10.7rem;
    left: 40.9rem;
    width: calc(109 / 1184 * 100%);
    z-index: 1;
}

.static.special.user .kv_area .poke_list .num03 .btn.-kv {
    left: -8.4rem;
    bottom: 1.8rem;
}

.static.special.user .kv_area .poke_list .num04 {
    top: 4.5rem;
    right: 35.4rem;
    width: calc(99.5 / 1184 * 100%);
    z-index: 1;
}

.static.special.user .kv_area .poke_list .num04 .btn.-kv {
    top: -5.4rem;
    right: -1.6rem;
}

.static.special.user .kv_area .poke_list .num05 {
    top: 4.6rem;
    right: 7.7rem;
    width: calc(539.5 / 1184 * 100%);
}

.static.special.user .kv_area .poke_list .num05 .btn.-kv {
    right: -5.4rem;
    top: 13.5rem;
}

.static.special.user .kv_area .poke_list .num06 {
    bottom: 1.9rem;
    right: 13.7rem;
    width: calc(122 / 1184 * 100%);
    z-index: 1;
}

.static.special.user .kv_area .poke_list .num06 .btn.-kv {
    bottom: 1rem;
    right: -11.8rem;
}

@media (min-width:520px) and (max-width: 1140px) {
    .static.special.user .kv_area .content_block>.-img {
        top: 0;
    }

    .static.special.user .kv_area .poke_list .-txt {
        top: 11.6rem;
    }
}


@media all and (max-width: 519px) {
    .static.special.user .kv_area {
        position: relative;
        margin: auto;
        aspect-ratio: auto;
        margin-bottom: 0;
        background: none;
    }

    .static.special.user .kv_area .content_block {
        margin: 0;
    }

    .static.special.user .kv_area .content_block>.-img {
        position: static;
        width: 100%;
    }

    .static.special.user .kv_area .poke_list {
        background: url(../images/bg_kv_area_sp.png) no-repeat top center / cover;
        top: auto;
        aspect-ratio: 375 / 675;
    }

    .static.special.user .kv_area .poke_list .-txt {
        line-height: 1;
        font-size: 2.8rem;
        top: -1rem;
        left: auto;
        right: 5.2rem;
    }

    .static.special.user .kv_area .poke_list .poke .btn.-kv {
        font-size: 2rem;
        line-height: 2rem;
        padding: 0.1rem 0.5rem 0.4rem 2.1rem;

    }

    .static.special.user .kv_area .poke_list .poke .btn.-kv:after {
        width: 1.3rem;
        left: 0.5rem;
        margin-top: 0.5rem;
    }

    .static.special.user .kv_area .poke_list .num01 {
        bottom: auto;
        top: 31.7rem;
        left: 8.2rem;
        width: calc(105 / 375 * 100%);
        z-index: 1;
    }

    .static.special.user .kv_area .poke_list .num01 .btn.-kv {
        right: 1.7rem;
        bottom: -3.1rem;
    }

    .static.special.user .kv_area .poke_list .num02 {
        top: 34.9rem;
        bottom: auto;
        left: auto;
        right: 8.9rem;
        width: calc(92.5 / 375 * 100%);
    }

    .static.special.user .kv_area .poke_list .num02 .btn.-kv {
        top: auto;
        bottom: 0rem;
        right: -6.5rem;
        left: auto;
    }

    .static.special.user .kv_area .poke_list .num03 {
        top: 27.4rem;
        left: 1.4rem;
        width: calc(66 / 375 * 100%);
        z-index: 1;
    }

    .static.special.user .kv_area .poke_list .num03 .btn.-kv {
        left: 0.4rem;
        bottom: -3.8rem;
    }

    .static.special.user .kv_area .poke_list .num04 {
        top: 6.7rem;
        left: 10rem;
        width: calc(70 / 375 * 100%);
        z-index: 1;
    }

    .static.special.user .kv_area .poke_list .num04 .btn.-kv {
        top: -1.5rem;
        left: -7.2rem;
        right: auto;
    }

    .static.special.user .kv_area .poke_list .num05 {
        top: 6.9rem;
        right: 1rem;
        width: calc(377 / 375 * 100%);
    }

    .static.special.user .kv_area .poke_list .num05 .btn.-kv {
        right: 0.4rem;
        top: -1.2rem;
    }

    .static.special.user .kv_area .poke_list .num06 {
        bottom: auto;
        top: 23.3rem;
        right: 5rem;
        width: calc(79 / 375 * 100%);
        z-index: 1;
    }

    .static.special.user .kv_area .poke_list .num06 .btn.-kv {
        bottom: -3.1rem;
        right: -3.8rem;
    }

}

/* anchor_area */
.static.special.user .anchor_area {
    position: relative;
    margin: auto;
    max-width: 1440px;
    background: url(../images/bg_anchor_area.png) no-repeat top center / cover;
}

.static.special.user .anchor_area .bg_wrapper {
    position: relative;
    max-width: calc(117.6rem + 7rem);
    margin: auto;
    aspect-ratio: 1246 / 726;
}

.static.special.user .anchor_area .inner_block {
    position: absolute;
    margin: auto;
    width: 85.313%;
    top: 29.2%;
    aspect-ratio: 1063 / 338;
    left: 0;
    right: 0;

}

.static.special.user .anchor_area .-lead {
    padding-top: 4%;
    text-align: center;
    font-size: 2.4rem;
    line-height: 4rem;
    letter-spacing: -0.02em;
    color: #4B301C;
}

.static.special.user .anchor_area .anchor_list {
    margin: auto;
}

.static.special.user .anchor_area .anchor_list .anchor {
    position: absolute;
    transition: 0.3s;
    bottom: 0;
    z-index: 1;
}

.static.special.user .anchor_area .anchor_list .anchor img {}

.static.special.user .anchor_area .anchor_list .anchor>a {
    display: block;
}

.static.special.user .anchor_area .anchor_list .anchor:has(a:hover) {
    translate: 0 -1rem;
}

.static.special.user .anchor_area .anchor_list .anchor.num01 {
    left: -0.5%;
    bottom: 3.9%;
    z-index: 3;
    width: calc(358 / 1063 * 100%);
}

.static.special.user .anchor_area .anchor_list .anchor.num01>a {
    rotate: -4deg;
}

.static.special.user .anchor_area .anchor_list .anchor.num02 {
    left: 48%;
    bottom: 3%;
    transform: translate(-50%, 0);
    margin: auto;
    text-align: center;
    width: calc(353 / 1063 * 100%);
}

.static.special.user .anchor_area .anchor_list .anchor.num03 {
    rotate: 7deg;
    right: 1%;
    z-index: 2;
    width: calc(355 / 1063 * 100%);
}

@media (min-width:520px) and (max-width: 1246px) {
    .static.special.user .anchor_area .anchor_list .anchor {
        /* width: calc(100% / 3); */
    }

    .static.special.user .anchor_area .-lead {
        padding-top: 5.4%;
        line-height: 3.4rem;
    }

}

@media all and (max-width: 519px) {
    .static.special.user .anchor_area {
        margin-top: -20.1rem;
        background-image: url(../images/bg_anchor_area_sp.png);
    }

    .static.special.user .anchor_area .bg_wrapper {
        aspect-ratio: 375 / 987;
    }

    .static.special.user .anchor_area .inner_block {
        position: static;
        padding-top: 13.8rem;
        width: calc(100% - 1.6rem);
    }

    .static.special.user .anchor_area .-lead {
        padding-top: 0;
        padding-left: 1rem;
        font-size: 1.8rem;
        line-height: 3.6rem;
        letter-spacing: 0.01em;
    }

    .static.special.user .anchor_area .anchor_list {
        margin: 2.8rem auto 0;
    }

    .static.special.user .anchor_area .anchor_list .anchor {
        position: static;
    }

    .static.special.user .anchor_area .anchor_list .anchor>a {
        text-align: center;
    }

    .static.special.user .anchor_area .anchor_list .anchor.num01 {
        width: auto;
        margin-left: 0.3rem;
    }

    .static.special.user .anchor_area .anchor_list .anchor.num02 {
        width: auto;
        margin-top: -0.7rem;
        transform: translate(0, 0);
    }

    .static.special.user .anchor_area .anchor_list .anchor.num03 {
        width: auto;
        margin-top: -0.8rem;
    }
}

/* find_item */
.static.special.user .find_item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4rem;
    margin-bottom: 22rem;
}

.static.special.user .find_item.num03 {
    margin-bottom: 0;
}

.static.special.user .find_item.num01 {
    margin-top: 11rem;
}

.static.special.user .find_item:last-child {
    margin-bottom: 0;
}

.static.special.user .find_item .-title {
    position: absolute;
    width: calc(1087 / 1184 * 100%);
    top: -14rem;
    z-index: 1;
}

.static.special.user .find_item .inner_block {
    position: relative;
    padding: 4rem 5rem 4.8rem;
    text-align: center;
    background: #B2E0E3 url(../images/bg_diamond_sm01.png) repeat top left / 4.65rem;
}

.static.special.user .find_item .inner_block::before,
.static.special.user .find_item .inner_block:after {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain;
    z-index: 2;
}

/* leaf */
.static.special.user .find_item .inner_block.inner-01::before {
    width: calc(125 / 1184 * 100%);
    aspect-ratio: 250 / 275;
    background-image: url(../images/img_leaf01.png);
    top: -1.7rem;
    right: 5rem;
}

.static.special.user .find_item .inner_block.inner-01::after {
    width: calc(222 / 1184 * 100%);
    aspect-ratio: 444 / 326;
    background-image: url(../images/img_leaf02.png);
    bottom: -1.3rem;
    left: 5rem;
}

.static.special.user .find_item .inner_block.inner-02::after {
    width: calc(113.5 / 1184 * 100%);
    aspect-ratio: 227 / 224;
    background-image: url(../images/img_leaf03.png);
    bottom: -2rem;
    right: 7.4rem;
}

.static.special.user .find_item .inner_block.inner-03::after {
    width: calc(150 / 1184 * 100%);
    aspect-ratio: 300 / 201;
    background-image: url(../images/img_leaf04.png);
    bottom: -0.8rem;
    left: 9.8rem;
}

.static.special.user .find_item .inner_block.inner-04::before {
    width: calc(160 / 1184 * 100%);
    aspect-ratio: 320 / 326;
    background-image: url(../images/img_leaf05.png);
    top: -6.3rem;
    right: 4.6rem;
}

.static.special.user .find_item .inner_block.inner-04::after {
    width: calc(114.5 / 1184 * 100%);
    aspect-ratio: 229 / 219;
    background-image: url(../images/img_leaf06.png);
    bottom: 0.2rem;
    left: 6.4rem;
}

.static.special.user .find_item .inner_block.inner-05::after {
    width: calc(125 / 1184 * 100%);
    aspect-ratio: 250 / 275;
    background-image: url(../images/img_leaf07.png);
    bottom: -4.5rem;
    left: 14.2rem;
}

.static.special.user .find_item .inner_block.inner-06::after {
    width: calc(222 / 1184 * 100%);
    aspect-ratio: 444 / 326;
    background-image: url(../images/img_leaf08.png);
    bottom: -1.5rem;
    right: 0rem;
}

.static.special.user .find_item .inner_block.inner-07::before {
    width: calc(184 / 1184 * 100%);
    aspect-ratio: 368 / 371;
    background-image: url(../images/img_leaf09.png);
    top: -3.4rem;
    right: 0rem;
}

.static.special.user .find_item .inner_block.inner-07::after {
    width: calc(113.5 / 1184 * 100%);
    aspect-ratio: 227 / 224;
    background-image: url(../images/img_leaf10.png);
    bottom: -7.2rem;
    left: 10.4rem;
}

.static.special.user .find_item .inner_block.inner-09::after {
    width: calc(125 / 1184 * 100%);
    aspect-ratio: 250 / 275;
    background-image: url(../images/img_leaf11.png);
    bottom: -1rem;
    left: 20.2rem;
}

@media all and (min-width: 520px) {
    .static.special.user .find_item .inner-01 .btn.-search {
        padding-right: 6.6rem;
    }

    .static.special.user .find_item .inner-01 .btn.-search::after {
        right: 3rem;
    }

    .static.special.user .find_item .inner-02 .btn.-search {
        padding-right: 12.6rem;
        letter-spacing: 0.005em;
    }
}

@media all and (max-width: 519px) {
    .static.special.user .find_item .inner_block.inner-01::before {
        width: 5rem;
        top: -2rem;
        right: 3.4rem;
    }

    .static.special.user .find_item .inner_block.inner-01::after {
        width: 13.7rem;
        bottom: -3.8rem;
        left: 2.8rem;
    }

    .static.special.user .find_item .inner_block.inner-02::after {
        width: 6rem;
        bottom: -0.4rem;
        right: 4.7rem;
    }

    .static.special.user .find_item .inner_block.inner-03::after {
        width: 9rem;
        bottom: -1.7rem;
        left: 11.3rem;
    }

    .static.special.user .find_item .inner_block.inner-04::before {
        width: 9rem;
        top: -6.8rem;
        right: 2.6rem;
    }

    .static.special.user .find_item .inner_block.inner-04::after {
        width: 5.8rem;
        bottom: 0.1rem;
        left: 5.3rem;
    }

    .static.special.user .find_item .inner_block.inner-05::after {
        width: 6.3rem;
        bottom: -2.4rem;
        left: 12.4rem;
    }

    .static.special.user .find_item .inner_block.inner-06::after {
        width: 11.2rem;
        bottom: -2.2rem;
        right: 3rem;
    }

    .static.special.user .find_item .inner_block.inner-07::before {
        width: 10.4rem;
        top: -7.9rem;
        right: 0.9rem;
    }

    .static.special.user .find_item .inner_block.inner-07::after {
        width: 8.2rem;
        bottom: -5.8rem;
        left: 5.3rem;
    }

    .static.special.user .find_item .inner_block.inner-09::after {
        width: 6.3rem;
        bottom: -3.4rem;
        left: 7rem;
    }
}

.static.special.user .find_item.num02 .inner_block {
    background-color: #F79C4E;
    background-image: url(../images/bg_diamond_sm02.png);
}

.static.special.user .find_item.num03 .inner_block {
    background-color: #F07464;
    background-image: url(../images/bg_diamond_sm02.png);

}

.static.special.user .find_item .inner_block .-sub_title {
    position: relative;
    display: block;
    margin: 0 auto 3rem;
}

.static.special.user .find_item .inner-01 .-sub_title {
    width: calc((1323 / 2) / 1084 * 100%);
}

.static.special.user .find_item .inner-02 .-sub_title {
    width: calc((1502 / 2) / 1084 * 100%);
}

.static.special.user .find_item .inner-03 .-sub_title {
    width: calc((1710 / 2) / 1084 * 100%);
}

.static.special.user .find_item .inner-04 .-sub_title {
    width: calc((954 / 2) / 1084 * 100%);
}

.static.special.user .find_item .inner-05 .-sub_title {
    width: calc((1059 / 2) / 1084 * 100%);
}

.static.special.user .find_item .inner-06 .-sub_title {
    width: calc((1062 / 2) / 1084 * 100%);
}

.static.special.user .find_item .inner-07 .-sub_title {
    width: calc((1514 / 2) / 1084 * 100%);
}

.static.special.user .find_item .inner-08 .-sub_title {
    width: calc((1652 / 2) / 1084 * 100%);
}

.static.special.user .find_item .inner-09 .-sub_title {
    width: calc((1876 / 2) / 1084 * 100%);
}

.static.special.user .find_item .inner_block .-sub_lead {
    font-size: 2rem;
    margin-bottom: 4.8rem;
    color: #4B301C;
    line-height: 3.05rem
}

.static.special.user .find_item .inner_block .item_list {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 2.0rem;
    margin-bottom: 4.8rem;
}

.static.special.user .find_item .inner_block .item_list .item {
    width: calc((100% - (2.0rem * 3)) / 4);
    display: flex;
    flex-direction: column;
}

.static.special.user .find_item .inner_block .item_list .item .-img>a {
    display: block;
    aspect-ratio: 1 / 1;
    border-radius: 2rem;
    background-color: #fff;
    overflow: hidden;
}
.static.special.user .find_item .inner_block .item_list .item .-img>a:hover {
    translate: 0 -1rem;
}

.static.special.user .find_item .inner_block .item_list .item .-img>a>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.static.special.user .find_item .inner_block .item_list .item .-txt {
    margin-top: 1.6rem;
    flex-grow: 1;
}

.static.special.user .find_item .inner_block .item_list .item .-txt .item_name {
    display: block;
    font-size: 1.6rem;
    line-height: 2.4rem;
    text-align: left;
}

.static.special.user .find_item .inner_block .item_list .item .-txt .item_name .-s {
    font-size: 1.2rem;
}

.static.special.user .find_item .inner_block .item_list .item .-txt .price {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.33;
    gap: 0.4rem;
    margin-top: 0.8rem;
    margin-bottom: 1.6rem;
    font-family: "Lato", sans-serif;
}

.static.special.user .find_item .inner_block .item_list .item .-txt .price>span {
    font-size: 1.2rem;
    line-height: 2;
    letter-spacing: -0.01em;
    font-family: "Noto Sans JP", sans-serif;
}

.static.special.user .find_item .inner_block .item_list .item .-txt .price .taxin {
    font-weight: 400;
    margin-left: 0.8rem;
}

.static.special.user .find_item .inner_block .item_list .item .btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 2rem);
    margin: auto;
    font-size: 3rem;
    padding: 0.8rem 0 1.4rem;
    line-height: 1;
    border-radius: 3.8rem;
    background-color: #FFE971;
    text-box: trim-both cap alphabetic;
    color: #8C5125;
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 0;
    transition: 0.3s;
}

.static.special.user .find_item .inner_block .item_list .item .btn::after {
    content: ">";
    position: absolute;
    display: block;
    font-size: 3.1rem;
    color: #8C5125;
    right: 2.4rem;
    transition: 0.3s;
    margin-top: 0.4rem;
    text-box: trim-both cap alphabetic;
}

.static.special.user .find_item .inner_block .item_list .item .btn:hover {
    background-color: #8C5125;
    color: #FFE971;
}

.static.special.user .find_item .inner_block .item_list .item .btn:hover::after {
    color: #FFE971;
}

.static.special.user .find_item.num01 .inner_block .btn.-search,
.static.special.user .find_item.num01 .inner_block .btn.-search::after {
    color: #379CA2;
}

.static.special.user .find_item.num01 .inner_block .btn.-search:hover {
    background-color: #379CA2;
    color: #fff;
}

.static.special.user .find_item.num01 .inner_block .btn.-search:hover::after {
    color: #fff;
}

.static.special.user .find_item.num02 .inner_block .btn.-search,
.static.special.user .find_item.num02 .inner_block .btn.-search::after {
    color: #C76816;
}

.static.special.user .find_item.num02 .inner_block .btn.-search:hover {
    background-color: #C76816;
    color: #fff;
}

.static.special.user .find_item.num02 .inner_block .btn.-search:hover::after {
    color: #fff;
}

.static.special.user .find_item.num03 .inner_block .btn.-search,
.static.special.user .find_item.num03 .inner_block .btn.-search::after {
    color: #B44233;
}

.static.special.user .find_item.num03 .inner_block .btn.-search:hover {
    background-color: #B44233;
    color: #fff;
}

.static.special.user .find_item.num03 .inner_block .btn.-search:hover::after {
    color: #fff;
}

@media all and (max-width: 519px) {
    .static.special.user .find_item {
        margin: 0 0 27.4rem;
        gap: 3.2rem;
    }

    .static.special.user .find_item.num01 {
        margin-top: 12.1rem;
    }

    .static.special.user .find_item .-title {
        width: auto;
        translate: 0 -100%;
        top: 3.5rem;
    }

    .static.special.user .find_item .inner_block {
        padding: 4rem 1.6rem 5.5rem;
    }

    .static.special.user .find_item .inner_block .-sub_title {
        margin-bottom: 2.4rem;
    }

    .static.special.user .find_item .inner-01 .-sub_title {
        max-width: 31.0rem;
        width: 100%;
    }

    .static.special.user .find_item .inner-02 .-sub_title {
        max-width: 25.7rem;
        width: 100%;
    }

    .static.special.user .find_item .inner-03 .-sub_title {
        max-width: 32.8rem;
        width: 100%;
    }

    .static.special.user .find_item .inner-04 .-sub_title {
        max-width: 31.0rem;
        width: 100%;
    }

    .static.special.user .find_item .inner-05 .-sub_title {
        max-width: 34.6rem;
        width: 100%;
    }

    .static.special.user .find_item .inner-06 .-sub_title {
        max-width: 34.5rem;
        width: 100%;
    }

    .static.special.user .find_item .inner-07 .-sub_title {
        max-width: 32.8rem;
        width: 100%;
    }

    .static.special.user .find_item .inner-08 .-sub_title {
        max-width: 34.6rem;
        width: 100%;
    }

    .static.special.user .find_item .inner-09 .-sub_title {
        max-width: 34.6rem;
        width: 100%;
    }

    .static.special.user .find_item .inner_block .item_list {
        gap: 4rem 1.5rem;
    }

    .static.special.user .find_item .inner_block .item_list .item {
        width: calc((100% - 1.5rem) / 2);
    }

    .static.special.user .find_item .inner_block .item_list .item .-img>a {
        border-radius: 1.2rem;
    }

    .static.special.user .find_item .inner_block .item_list .item .-txt .item_name {
        line-height: 2rem;
    }

    .static.special.user .find_item .inner_block .item_list .item .btn {
        font-size: 2.4rem;
        width: 100%;
        padding: 0.4rem 0 1rem;
    }

    .static.special.user .find_item .inner_block .item_list .item .btn::after {
        margin-top: 0.2rem;
        font-size: 2.1rem;
        right: 1.6rem;
    }

    .static.special.user .find_item .inner_block .-sub_lead {
        font-size: 1.6rem;
        line-height: 2.4rem;
        margin-bottom: 4rem;
    }

    .static.special.user .find_item .inner_block .btn.-search {
        width: 100%;
    }

    .static.special.user .find_item.num02 .inner_block .btn.-search {
        padding-right: 4.6rem;
        padding-left: 4.6rem;
    }

    .static.special.user .find_item.num02 .inner_block .btn.-search::after {
        right: 2.1rem;
    }
}

/* link_signs */
.static.special.user .link_signs {
    margin-top: 8.6rem;
    padding-bottom: 3.2rem;
}

.static.special.user .link_signs .sign_list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2.05rem;
}

.static.special.user .link_signs .sign_list .sign {
    display: block;
    width: calc((100% - (2.05rem * 2)) / 3);
    aspect-ratio: 762 / 767;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
}

.static.special.user .link_signs .sign_list .sign .a_wrap {
    position: relative;
    display: grid;
    place-items: center;
    width: 100%;
    aspect-ratio: 381 / 182;
    font-size: 4rem;
    line-height: 1;
    color: #4B301C;
    text-align: center;
    transition: 0.3s;
    margin-top: 8%;
}

.static.special.user .link_signs .sign_list .sign .a_wrap>a {
    display: block;
    color: #4B301C;
}

.static.special.user .link_signs .sign_list .sign .a_wrap:after {
    position: absolute;
    display: block;
    content: ">";
    bottom: 15%;
    right: 7%;
}

.static.special.user .link_signs .sign_list .sign .a_wrap:has(>a:hover),
.static.special.user .link_signs .sign_list .sign .a_wrap>a:hover {
    color: #8C5125;
}

.static.special.user .link_signs .sign_list .sign>a>span {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    top: -4%;
}

.static.special.user .link_signs .sign_list .sign.num01 {
    background-image: url(../images/btn_sign01.png);
}

.static.special.user .link_signs .sign_list .sign.num02 {
    background-image: url(../images/btn_sign02.png);
}

.static.special.user .link_signs .sign_list .sign.num03 {
    background-image: url(../images/btn_sign03.png);
}

@media (min-width:520px) and (max-width: 1246px) {
    .static.special.user .link_signs .sign_list .sign>a {
        font-size: 3.8rem;
    }
}

@media all and (max-width: 519px) {
    .static.special.user .link_signs {
        margin-top: 9.7rem;
        padding-bottom: 0;
    }

    .static.special.user .link_signs .sign_list {
        flex-direction: column;
        gap: 0;
    }

    .static.special.user .link_signs .sign_list .sign {
        width: 100%;
        margin-top: -8rem;
    }

    .static.special.user .link_signs .sign_list .sign:first-child {
        margin-top: 0;
    }

    .static.special.user .link_signs .sign_list .sign .a_wrap>a {
        font-size: 3.7rem;
        letter-spacing: -0.01em;
    }

    .static.special.user .link_signs .sign_list .sign .a_wrap:after {
        bottom: 15%;
        right: 7%;
    }
}

/* hashtag */
.static.special.user .hashtag {
    position: relative;
    padding: 5.8rem 0 14rem;
}

.static.special.user .hashtag:before {
    position: absolute;
    content: "";
    width: 100vw;
    left: calc(((100vw - 100%) / 2) * -1);
    height: 100%;
    top: 0;
    background-color: #5D6025;
    mix-blend-mode: color-dodge;
}

.static.special.user .hashtag::after {
    position: absolute;
    content: "";
    width: 100vw;
    height: 1.5rem;
    top: -1.5rem;
    left: calc(((100vw - 100%) / 2) * -1);
    background: url(../images/bg_hashtag_top.png) repeat-x top left / 1.7rem;
    mix-blend-mode: color-dodge;
}

.static.special.user .hashtag .inner_block {
    position: relative;
    z-index: 1;
}

.static.special.user .hashtag .-title {
    font-size: 7rem;
    color: #fff;
    text-align: center;
    line-height: 10rem;
    margin-bottom: 1.6rem;
}

.static.special.user .hashtag .-lead {
    font-size: 2rem;
    text-align: center;
    line-height: 3.2rem;
}

.static.special.user .hashtag .-img {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5.4rem;
    gap: 5.7rem;
}

.static.special.user .hashtag .-img>img {
    display: block;
    width: calc((100% - 5.7rem) / 2);
}

.static.special.user .hashtag .-notice {
    font-size: 1.2rem;
    margin: 1rem auto 4.5rem;
}

.static.special.user .hashtag .snsUl .item {
    width: 6rem;
}

.static.special.user .hashtag .btn_block {
    margin-top: 6.2rem;
    text-align: center;
    font-size: 2.4rem;
    font-weight: 700;
    color: #fff;
    line-height: 3.2rem;
}

.static.special.user .hashtag .btn {
    color: #4B301C;
    margin-top: 2rem;
    padding-right: 13.1rem;
    padding-left: 10rem;
    transition: 0.3s;
}

.static.special.user .hashtag .btn::after {
    content: "";
    position: absolute;
    display: block;
    background: url(../images/icon_blank.png) no-repeat center / contain;
    width: 1.6rem;
    right: 6.2rem;
    transition: 0.3s;
    aspect-ratio: 1 / 1;
    margin-top: 0.8rem;
}

.static.special.user .hashtag .btn:hover {
    background-color: #6F7332;
    color: #fff;
}

.static.special.user .hashtag .btn:hover::after {
    background-image: url(../images/icon_blank_hover.png);
}

@media all and (max-width: 519px) {
    .static.special.user .hashtag {
        padding-top: 6.1rem;
        padding-bottom: 5.2rem;
    }

    .static.special.user .hashtag .-title {
        font-size: 3.6rem;
        line-height: 5.2rem;
        margin-bottom: 2.4rem;
    }

    .static.special.user .hashtag .-lead {
        font-size: 1.6rem;
        line-height: 2.4rem;
    }

    .static.special.user .hashtag .-img {
        flex-direction: column;
        gap: 3.2rem;
    }

    .static.special.user .hashtag .-img>img {
        width: auto;
    }

    .static.special.user .hashtag .-notice {
        padding-left: 0.8rem;
        margin-bottom: 5.3rem;
    }

    .static.special.user .hashtag .snsUl {
        gap: 2.4rem;
    }

    .static.special.user .hashtag .snsUl .item {
        width: 3.2rem;
    }

    .static.special.user .hashtag .btn_block {
        margin-top: 4.7rem;
        font-size: 1.6rem;
        line-height: 2.4rem;
    }

    .static.special.user .hashtag .btn {
        width: calc(100% - 1.6rem);
        font-size: 4rem;
        margin-top: 2.5rem;
        padding: 1.6rem 6.8rem 2.3rem 4rem;
    }

    .static.special.user .hashtag .btn::after {
        right: 5.4rem;
        margin-top: 1rem;
    }
}

/* about */
.static.special.user .about {
    font-family: "Noto Sans JP", sans-serif;
}

.static.special.user .about .inner_block {
    position: relative;
    box-sizing: border-box;
    background: #fff;
    border: 0.8rem solid #6CFF9F;
    border-radius: 2rem;
    box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16);
    padding: 11.8rem 4.2rem 7.2rem;
}

.static.special.user .about .-title {
    font-family: "M PLUS Rounded 1c", serif;
    font-size: 4rem;
    font-weight: 900;
    line-height: 5.5rem;
    color: #00BA49;
    text-align: center;
    margin: auto;
}

.static.special.user .about .-title:before,
.static.special.user .about .-title::after {
    content: "";
    position: absolute;
    display: block;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain;
}

.static.special.user .about .-title::before {
    background-image: url(../images/title_about_left.png);
    width: 17.1rem;
    height: 19.2rem;
    top: 1.6rem;
    left: 5rem;
}

.static.special.user .about .-title::after {
    background-image: url(../images/title_about_right.png);
    width: 26.4rem;
    height: 27.6rem;
    top: -6.6rem;
    right: 1rem;
}

.static.special.user .about .-lead {
    margin-top: 6rem;
    font-size: 2rem;
    font-weight: 500;
    text-align: center;
    line-height: 1.9;
}

.static.special.user .about .inner_area {
    position: relative;
    background-color: #FFF9E5;
    padding: 2.5rem 5.4rem 2.4rem 5.8rem;
    border: 0.4rem solid #FFE971;
    border-radius: 2rem;
}

.static.special.user .about .inner_area:before,
.static.special.user .about .inner_area:after {
    content: "";
    position: absolute;
    display: block;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain;
    z-index: 1;
}

.static.special.user .about .inner_area .wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.static.special.user .about .inner_area .-txt {
    max-width: 59rem;
    font-size: 1.5rem;
    font-weight: 400;
}

.static.special.user .about .inner_area .-txt .-sub_title {
    margin-top: 1rem;
    margin-bottom: 3rem;
    font-family: "M PLUS Rounded 1c", serif;
    font-size: 2.6rem;
    color: #DC010B;
    font-weight: 900;
}

.static.special.user .about .inner_area .-txt .-sub_lead {
    margin-bottom: 1rem;
    font-size: 1.8rem;
    font-weight: 700;
}

.static.special.user .about .inner_area .-img {
    flex-shrink: 0;
    width: 30rem;
}

.static.special.user .about .inner_area.mailmagazine {
    margin-top: 7rem;
    margin-bottom: 5rem;
}

.static.special.user .about .inner_area.mailmagazine:before {
    background-image: url(../images/ball_about01.png);
    width: 12rem;
    height: 12rem;
    top: -5.7rem;
    right: 1.5rem;
}

.static.special.user .about .inner_area.mailmagazine:after {
    background-image: url(../images/ball_about02.png);
    width: 7.8rem;
    height: 7.7rem;
    bottom: -5rem;
    left: 12.5rem;
}

.static.special.user .about .inner_area.pokepoint {
    margin-bottom: 7.9rem;
}

.static.special.user .about .inner_area.pokepoint:before {
    background-image: url(../images/ball_about03.png);
    width: 8rem;
    height: 8rem;
    top: -4.9rem;
    left: 3.4rem;
}

.static.special.user .about .inner_area.pokepoint:after {
    background-image: url(../images/ball_about04.png);
    width: 9rem;
    height: 8.9rem;
    bottom: -4.1rem;
    right: 36.4rem;
}

.static.special.user .about .inner_block .btn_area {
    margin-top: 0.8rem;
}

.static.special.user .about .btn_area .top_txt {
    font-size: 1.6rem;
    color: #00B11B;
    text-align: center;
    margin-bottom: 1.6rem;
}

.static.special.user .about .btn_area .btn {
    background-color: #00BA49;
    height: 7.4rem;
    max-width: 48rem;
    font-size: 3.2rem;
    box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16);
}

.static.special.user .about .btn_area .btn>picture {
    height: 2.8rem;
}

.static.special.user .about .btn_area .btn img {
    height: 100%;
    object-fit: contain;
}

@media all and (min-width: 520px) {
    .static.special.user .about .btn_area .btn:hover {
        background-color: #0FA325;
    }
}

@media all and (min-width: 520px) and (max-width: 1247px) {
    .static.special.user .about .-title {
        width: 55rem;
    }

    .static.special.user .about .inner_area:not(.birthday) {
        gap: 1rem;
    }
}

@media (max-width: 519px) {
    .static.special.user .content_wrapper.-yellow {
        padding: 6.8rem 0.8rem 9rem;
    }

    .static.special.user .content_wrapper.-yellow::before {
        background: url(../images/bg_yellow_top_sp.png) repeat-x top left -5rem / contain;
        top: -2.9rem;
    }

    .static.special.user .about {
        margin: auto;
    }

    .static.special.user .about .inner_block {
        padding: 12.5rem 1rem 4.2rem;
    }

    .static.special.user .about .-title {
        font-size: 2rem;
        line-height: 2.7rem;
        color: #00BA49;
        text-align: center;
        margin: auto;
    }

    .static.special.user .about .-title:before,
    .static.special.user .about .-title::after {
        content: "";
        position: absolute;
        display: block;
        background-repeat: no-repeat;
        background-position: top left;
        background-size: contain;
    }

    .static.special.user .about .-title::before {
        background-image: url(../images/title_about_sp.png);
        width: 33.1rem;
        height: 13.9rem;
        top: -2.2rem;
        left: 1.4rem;
    }

    .static.special.user .about .-title::after {
        display: none;
    }

    .static.special.user .about .-lead {
        margin-top: 2.7rem;
        padding: 0 0.9rem;
        font-size: 1.5rem;
        text-align: left;
        line-height: 1.87;
    }

    .static.special.user .about .inner_area {
        padding: 1.4rem 2.1rem 3.9rem;
    }

    .static.special.user .about .inner_area .wrapper {
        flex-direction: column-reverse;
    }

    .static.special.user .about .inner_area .-img {
        width: 24rem;
    }

    .static.special.user .about .inner_area .-txt {
        max-width: none;
        line-height: 1.42;
    }

    .static.special.user .about .inner_area .-txt .-sub_title {
        margin-top: 0.7rem;
        margin-bottom: 1.6rem;
        font-size: 2.0rem;
    }

    .static.special.user .about .inner_area .-txt .-sub_lead {
        margin-bottom: 1.4rem;
        font-size: 1.6rem;
        font-weight: 700;
    }

    .static.special.user .about .inner_area.mailmagazine {
        margin-top: 3.4rem;
        margin-bottom: 3.3rem;
    }

    .static.special.user .about .inner_area.mailmagazine:before {
        display: none;
    }

    .static.special.user .about .inner_area.mailmagazine:after {
        width: 6rem;
        height: 6.4rem;
        bottom: -4.4rem;
        left: 8rem;
    }

    .static.special.user .about .inner_area.pokepoint {
        margin-bottom: 5.4rem;
        padding-top: 2.7rem;
        padding-bottom: 3rem;
    }

    .static.special.user .about .inner_area.pokepoint:before {
        width: 6rem;
        height: 6rem;
        top: -4.3rem;
        left: 2rem;
    }

    .static.special.user .about .inner_area.pokepoint:after {
        width: 7.3rem;
        height: 7.2rem;
        bottom: -5.3rem;
        right: 0.8rem;
    }

    .static.special.user .about .inner_area.pokepoint .-txt .-sub_title {
        margin: 1.9rem auto 1.3rem;
    }

    .static.special.user .about .inner_block .btn_area {
        margin-top: 1.6rem;
    }

    .static.special.user .about .btn_area .top_txt {
        font-size: 1.3rem;
        margin-bottom: 0.9rem;
    }

    .static.special.user .about .btn_area .btn {
        height: 5rem;
        width: 100%;
        font-size: 1.8rem;
    }

    .static.special.user .about .btn_area .btn>picture {
        height: 2rem;
    }
}

/* 
Birthday Service Styles */
.static.special.user .about .inner_area.birthday {
    padding: 2.2rem 5.6rem 1.4rem 6.2rem;
    border: none;
    border-radius: 0;
    background-color: #4FC9FF;
    margin-bottom: 6rem;
}

.static.special.user .about .inner_area.birthday:before {
    background-image: url(../images/ribbon_about01.png);
    width: 6.3rem;
    height: 12.9rem;
    top: -7.5rem;
    left: -1rem;
}

.static.special.user .about .inner_area.birthday:after {
    background-image: url(../images/ribbon_about03.png);
    width: 12.4rem;
    height: 13.3rem;
    bottom: -6.3rem;
    right: 0rem;
}

.static.special.user .about .inner_area.birthday .-img {
    position: relative;
    width: 38.6rem;
}

.static.special.user .about .inner_area.birthday .-txt {
    position: relative;
    max-width: 43rem;
    margin-top: 3.8rem;
}

.static.special.user .about .inner_area.birthday .-txt::before {
    content: "";
    position: absolute;
    display: block;
    background: url(../images/ribbon_about02.png) no-repeat top left / contain;
    width: 48rem;
    height: 10rem;
    top: -15rem;
    left: -8.6rem;
    rotate: -20deg;
}

.static.special.user .about .inner_area.birthday .-txt .-sub_title {
    margin-top: 0;
    font-size: 2.4rem;
    color: #00479D;
    -webkit-text-stroke: 0.4rem #fff;
    paint-order: stroke;
}

.static.special.user .about .inner_area.birthday .-txt .indent_list {
    font-size: 1.2rem;
}

@media all and (min-width: 520px) and (max-width: 1049px) {
    .static.special.user .about .inner_area.birthday {
        padding-left: 5.3rem;
        padding-right: 5.5rem;
    }
}

@media all and (max-width: 519px) {
    .static.special.user .about .inner_area.birthday {
        padding: 5.2rem 1rem 4.4rem;
        margin-bottom: 6rem;
    }

    .static.special.user .about .inner_area.birthday .wrapper {
        flex-direction: column;
        gap: 0;
    }

    .static.special.user .about .inner_area.birthday:before {
        background-image: url(../images/ribbon_about01_sp.png);
        width: 34.3rem;
        height: 12.8rem;
        top: -3.5rem;
        left: -1rem;
    }

    .static.special.user .about .inner_area.birthday:after {
        background-image: url(../images/ribbon_about02_sp.png);
        width: 10.2rem;
        height: 11rem;
        bottom: -6.8rem;
        right: -0.8rem;
    }

    .static.special.user .about .inner_area.birthday .-img {
        position: relative;
        width: 23.4rem;
        order: 1;
    }

    .static.special.user .about .inner_area.birthday .-img::before {
        content: none;
    }

    .static.special.user .about .inner_area.birthday .-txt {
        max-width: none;
        margin-top: 1.7rem;
        order: 2;
    }

    .static.special.user .about .inner_area.birthday .-txt .-sub_title {
        font-size: 1.8rem;
        text-align: center;
    }

    .static.special.user .about .inner_area.birthday .-txt .indent_list {
        font-size: 1.0rem;
        margin-top: 0.8rem;
    }

    .static.special.user .about .inner_area.birthday .-txt::before {
        display: none;
    }
}