*,::after,::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: 100%;
    font-style: normal
}

:where([hidden]:not([hidden=until-found])) {
    display: none!important
}

:where(html) {
    -webkit-text-size-adjust: none;
    color-scheme: dark light
}

@supports not (min-block-size: 100dvb) {
    :where(html) {
        block-size:100%
    }
}

:where(body) {
    block-size: 100%;
    block-size: 100dvb;
    line-height: 1.5;
    font-family: system-ui,sans-serif;
    -webkit-font-smoothing: antialiased
}

:where(input,button,textarea,select) {
    font: inherit;
    color: inherit
}

:where(textarea) {
    resize: vertical;
    resize: block
}

:where(button,label,select,summary,[role=button],[role=option]) {
    cursor: pointer
}

:where(:disabled) {
    cursor: not-allowed
}

:where(label:has(>input:disabled),label:has(+input:disabled)) {
    cursor: not-allowed
}

:where(a) {
    text-underline-offset: .2ex
}

:where(ul,ol) {
    list-style: none
}

:where(img,picture,svg) {
    max-inline-size: 100%;
    block-size: auto
}

:where(p,h1,h2,h3,h4,h5,h6) {
    overflow-wrap: break-word
}

:where(h1,h2,h3) {
    line-height: calc(1em + .5rem)
}

:where(hr) {
    border: none;
    border-block-start:1px solid;color: inherit;
    block-size: 0;
    overflow: visible
}

:where(:focus-visible) {
    outline: 2px solid var(--focus-color,Highlight);
    outline-offset: 2px
}

:where(.visually-hidden:not(:focus,:active,:focus-within,.not-visually-hidden)) {
    clip-path: inset(50%)!important;
    height: 1px!important;
    width: 1px!important;
    overflow: hidden!important;
    position: absolute!important;
    white-space: nowrap!important;
    border: 0!important
}

:where(blockquote,q) {
    quotes: none
}

:where(blockquote,q)::after,:where(blockquote,q)::before {
    content: "";
    content: none
}

:where(table) {
    border-collapse: collapse;
    border-spacing: 0
}

:root {
    color-scheme: light
}

body {
    color: #000;
    font-family: "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体",Meiryo,"メイリオ",Osaka,"MS PGothic",arial,helvetica,sans-serif;
    min-width: 1040px;
    background: #fff
}

@media screen and (max-width: 767px) {
    body {
        min-width:0
    }
}

.show-pc {
    display: inherit!important
}

@media screen and (max-width: 767px) {
    .show-pc {
        display:none!important
    }
}

.show-sp {
    display: none!important
}

@media screen and (max-width: 767px) {
    .show-sp {
        display:inherit!important
    }
}

a {
    color: #000;
    text-decoration: none;
    transition: all .3s
}

a:hover {
    text-decoration: underline
}

.icon {
    display: inline-block;
    width: 1em;
    height: 1em
}

.top-section-inner {
    width: 1000px;
    margin: 0 auto;
    padding: 40px 0
}

.top-mv {
    height: 326px;
    position: relative;
    overflow: hidden;
    padding-bottom: 40px
}

.top-mv .swiper-dots {
    position: absolute;
    bottom: 0;
    margin: auto;
    text-align: center
}

.top-mv .swiper-dots .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    margin: 0 5px;
    background: #d9d9d9;
    opacity: 1;
    transform: inherit!important
}

.top-mv .swiper-dots .swiper-pagination-bullet-active {
    background: #eb7d8e
}

.top-mv .swiper-next,.top-mv .swiper-prev {
    position: absolute;
    top: calc(50% + 12px);
    width: 48px;
    height: 48px;
    background: rgba(255,255,255,.8);
    border-radius: 50%;
    margin-top: -30px;
    z-index: 95;
    box-shadow: 2px 2px 5px rgba(0,0,0,.1);
    transform: translateY(-50%)
}

.top-mv .swiper-next::after,.top-mv .swiper-prev::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 10px;
    height: 10px;
    transform: translateY(-50%) rotate(45deg)
}

.top-mv .swiper-prev {
    left: 20px
}

.top-mv .swiper-prev::after {
    left: 20px;
    border-left: 2px solid #4f4f4f;
    border-bottom: 2px solid #4f4f4f
}

.top-mv .swiper-next {
    right: 20px
}

.top-mv .swiper-next::after {
    right: 20px;
    border-top: 2px solid #4f4f4f;
    border-right: 2px solid #4f4f4f
}

.top-mv-slider {
    margin: 0;
    position: relative;
    overflow: hidden;
    height: 280px
}

.top-mv-slider-list {
    display: flex
}

.top-mv-slider-item {
    width: 280px;
    margin-right: 16px
}

.top-mv-slider-item a {
    display: block;
    width: 280px;
    height: 280px
}

.top-mv-slider-item img {
    width: 280px;
    height: 280px;
    border-radius: 8px;
    aspect-ratio: 1
}

.top-mv-slider-item img:hover {
    opacity: .8
}

.top-banner-list {
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between
}

.top-banner-item {
    width: calc(50% - 8px)
}

.top-banner-item a {
    display: block
}

.top-banner-item a:hover {
    opacity: .7
}

.top-banner-item img {
    display: block;
    border-radius: 8px;
    aspect-ratio: 492/143
}

.top-banner-small-list {
    display: flex;
    margin-right: -16px
}

.top-banner-small-item {
    width: calc(25% - 16px);
    margin-right: 16px
}

.top-banner-small-item a {
    display: block
}

.top-banner-small-item a:hover {
    opacity: .7
}

.top-banner-small-item img {
    display: block;
    border-radius: 8px;
    aspect-ratio: 238/106
}

.top-bg {
    background-color: #f9f5f3
}

.top-bg-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0 8%
}

.top-bg-list-item {
    width: calc(100% / 4)
}

.top-bg-item-link {
    display: block;
    padding: 20px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    border-radius: 10px
}

.top-bg-item-boys {
    border: solid 1px #8faadc;
    background-color: #8faadc
}

.top-bg-item-boys:hover {
    color: #8faadc;
    background-color: #fff;
    text-decoration: none
}

.top-bg-item-girls {
    border: solid 1px #f4b183;
    background-color: #f4b183
}

.top-bg-item-girls:hover {
    color: #f4b183;
    background-color: #fff;
    text-decoration: none
}

.top-category {
    background-color: #f9f5f3
}

.top-category-list-inner {
    margin-bottom: 24px;
    padding-bottom: 5px;
    border-bottom: solid 1px #e5e5e5
}

.top-category-list-inner:last-child {
    border: none
}

.top-category-list-title {
    margin-bottom: 24px;
    font-size: 20px;
    font-weight: 700;
    color: #4f4f4f
}

.top-category-list-btns {
    text-align: center
}

.top-category-list-btn {
    text-align: center;
    margin: 0 auto
}

.top-category-list-btn.btn {
    border-color: #eb7d8e;
    color: #eb7d8e;
    background-color: rgba(0,0,0,0)
}

.top-category-list-btn.btn span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding-right: 20px
}

.top-category-list-btn.btn span::after,.top-category-list-btn.btn span::before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    content: "";
    width: 14px;
    height: 2px;
    background-color: #4f4f4f;
    background-color: #eb7d8e
}

.top-category-list-btn.btn span::after {
    transform: translateY(-50%) rotate(90deg)
}

@media screen and (max-width: 767px) {
    .top-category-list-btn.btn span {
        padding-right:17px
    }

    .top-category-list-btn.btn span::after,.top-category-list-btn.btn span::before {
        width: 10px
    }
}

.top-category-list-btn.btn:hover {
    opacity: 1;
    background-color: #eb7d8e;
    color: #fff
}

.top-category-list-btn.btn:hover span {
    color: #fff
}

.top-category-list-btn.btn:hover span::after,.top-category-list-btn.btn:hover span::before {
    background-color: #fff
}

.top-category-list-btn.is-show.btn span::after {
    display: none
}

.top-category-detail-list {
    display: flex;
    flex-wrap: wrap;
    margin-right: -16px
}

.top-category-detail-item {
    width: calc(12.5% - 16px);
    margin-right: 16px;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.5;
    text-align: center
}

.top-category-detail-item-img {
    display: block;
    margin-bottom: 8px
}

.top-category-detail-item-img img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 100px;
    aspect-ratio: 1;
    transition: all .5s
}

.top-category-detail-item-name {
    display: block
}

.top-category-detail-item a {
    display: block;
    text-decoration: underline
}

.top-category-detail-item a:hover {
    text-decoration: none
}

.top-category-detail-item a:hover img {
    transform: translateY(-4px);
    box-shadow: 0 0 5px 0 rgba(0,0,0,.15)
}

.top-pb {
    background-color: #fffedc
}

.top-pb-list {
    display: flex;
    justify-content: space-between
}

.top-pb-item {
    width: calc(50% - 8px);
    padding-bottom: 10px;
    background-color: #fff;
    border-radius: 20px
}

.top-pb-item-img {
    margin-bottom: 24px;
    border-radius: 20px 20px 0 0
}

.top-pb-item-img img {
    display: block;
    aspect-ratio: 123/49
}

.top-pb-item-text {
    padding: 0 24px;
    text-align: center;
    margin-bottom: 24px
}

.top-pb-item-text img {
    width: auto;
    height: 52px;
    aspect-ratio: 169/20
}

.top-pb-category-list {
    display: flex;
    flex-wrap: wrap;
    margin-right: -8px;
    padding-left: 32px
}

.top-pb-category-item {
    width: 100px;
    margin-right: 8px;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.5;
    text-align: center
}

.top-pb-category-item-img {
    display: block;
    margin-bottom: 5px
}

.top-pb-category-item-img img {
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    aspect-ratio: 1;
    border: solid 1px #e5e5e5;
    transition: all .5s
}

.top-pb-category-item-name {
    display: block
}

.top-pb-category-item a {
    display: block;
    text-decoration: underline
}

.top-pb-category-item a:hover {
    text-decoration: none
}

.top-pb-category-item a:hover img {
    transform: translateY(-4px);
    box-shadow: 0 0 5px 0 rgba(0,0,0,.15)
}

.top-history-list {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-right: -16px
}

.top-history-item {
    width: calc(12.5% - 16px);
    margin-right: 16px
}

.top-history-item:last-child {
    margin-right: 0
}

.top-history-item-img {
    border-radius: 4px
}

.top-history-item-img img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 4px;
    aspect-ratio: 1
}

.top-history-text {
    font-size: 14px;
    color: #4f4f4f
}

.top-review {
    background-color: #f9f5f3
}

.top-review .naviplus_review_list_border {
    padding: 0;
    background-color: #fff;
    border-radius: 20px;
    border: none
}

.top-review .navi-review-wrapper {
    padding: 0
}

.top-review .navi-review-new-list-ul>li {
    padding: 32px
}

.top-review .navi-review-new-comment {
    font-size: 14px;
    line-height: 1.6
}

.top-review .navi-review-new-comment .navi-review-continue-button-text {
    color: #000;
    text-decoration: underline
}

.top-review .navi-review-new-comment .navi-review-continue-button-text:hover {
    text-decoration: none
}

.top-review .navi-review-new-list .navi-review-new-nickname-date .navi-review-new-date {
    font-size: 14px
}

.top-review .navi-review-new-list .navi-review-new-nickname-date .navi-review-new-nickname {
    font-size: 14px
}

.top-review .navi-answer-wrapper a,.top-review .navi-qa-wrapper a,.top-review .navi-question-wrapper a,.top-review .navi-review-wrapper a,.top-review .navi-shop-review-wrapper a {
    color: #000;
    text-decoration: underline
}

.top-review .navi-answer-wrapper a:hover,.top-review .navi-qa-wrapper a:hover,.top-review .navi-question-wrapper a:hover,.top-review .navi-review-wrapper a:hover,.top-review .navi-shop-review-wrapper a:hover {
    text-decoration: none
}

.top-recommend .section-header {
    margin-bottom: 0
}

.top-recommend-child-title-name {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-height: 47px;
    padding: 16px 16px;
    background-image: url(../images/top/recommend_child_ttl_bg.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-color: #f9f5f3;
    background-position: 100% 100%;
    color: #4f4f4f;
    font-size: 28px;
    font-weight: 700
}

.top-recommend-child-title-name .child_info_select {
    display: block;
    width: 100%;
    height: 40px;
    background-color: rgba(0,0,0,0);
    border: none;
    cursor: pointer;
    opacity: 1;
    font-size: 28px;
    color: #4f4f4f
}

.top-recommend-child-title-name .child_info_inner {
    width: 100%
}

.top-recommend-child-title-name .child_info_inner::before {
    content: "";
    display: block;
    position: absolute;
    background-image: url(../images/Icon_arrow_down.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 10px;
    pointer-events: none
}

.top-recommend-child-title-name .child_info_inner.is-disabled::before {
    display: none
}

.top-recommend-child-title-name .child_info_inner.is-disabled select {
    cursor: default
}

.top-recommend-child-title-name .sp_child_info_inner {
    display: none
}

.top-recommend .top-recommend-child {
    padding-bottom: 24px
}

.top-recommend .top-recommend-child-title {
    margin-bottom: 24px
}

.top-recommend .top-recommend-child-btns {
    text-align: center
}

.top-instagram-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.top-instagram-list:after {
    content: "";
    display: block;
    width: calc(25% - 3px);
    height: 0
}

.top-instagram-list:before {
    content: "";
    display: block;
    width: calc(25% - 3px);
    height: 0;
    order: 1
}

.top-instagram-item {
    width: calc(25% - 3px);
    margin-bottom: 4px
}

.top-instagram-item img {
    display: block
}

.top-mimistage {
    padding: 40px 0;
    background-color: #fffedc
}

.top-mimistage-inner {
    width: 1000px;
    margin: 0 auto;
    padding: 32px 32px 40px;
    background-color: #fff;
    border-radius: 20px
}

.top-mimistage-title {
    margin-bottom: 24px
}

.top-mimistage-title img {
    aspect-ratio: 8/1
}

.top-mimistage-text {
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 1.75
}

.top-mimistage-list {
    display: flex;
    margin-right: -16px;
    flex-wrap: wrap
}

.top-mimistage-item {
    width: calc(33.3333333333% - 16px);
    margin-right: 16px
}

.top-mimistage-item a {
    display: block;
    text-decoration: none
}

.top-mimistage-item a:hover {
    text-decoration: none;
    opacity: .7
}

.top-mimistage-item-img {
    margin-bottom: 16px
}

.top-mimistage-item-img img {
    display: block;
    aspect-ratio: 301/179;
    border-radius: 8px
}

.top-mimistage-item-title {
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 700;
    color: #000;
    text-decoration: underline
}

.top-mimistage-item-title:hover {
    text-decoration: none
}

.top-mimistage-item-category {
    margin-bottom: 5px;
    font-size: 14px;
    color: #f44353;
    font-weight: 700
}

.top-mimistage-item-date {
    font-size: 14px;
    color: #555
}

.top-mimistage .btns {
    margin-top: 32px
}

.top-topics .section-header {
    margin-bottom: 5px
}

.top-topics-item {
    display: flex;
    padding: 24px 0;
    border-bottom: solid 1px #e5e5e5
}

.top-topics-item-date {
    font-size: 14px;
    margin-right: 24px
}

.top-topics-item-title {
    font-size: 16px;
    font-weight: 700
}

.top-topics-item-title a {
    text-decoration: underline
}

.top-topics-item-title a:hover {
    color: #eb7d8e
}

.top-topics .btns {
    margin-top: 32px
}

@media screen and (max-width: 767px) {
    .top-section-inner {
        width:auto;
        margin: 0 auto;
        padding: 24px 16px
    }

    .top-mv {
        height: 166px;
        padding-bottom: 20px
    }

    .top-mv .swiper-dots .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        margin: 0 2px
    }

    .top-mv .swiper-next,.top-mv .swiper-prev {
        display: none
    }

    .top-mv-slider {
        height: 140px
    }

    .top-mv-slider-item {
        width: 140px;
        margin-right: 8px
    }

    .top-mv-slider-item a {
        width: 140px;
        height: 140px
    }

    .top-mv-slider-item img {
        width: 140px;
        height: 140px;
        border-radius: 8px
    }

    .top-banner .top-section-inner {
        padding-top: 12px;
        margin-bottom: 16px
    }

    .top-banner-list {
        display: block;
        margin-bottom: 8px
    }

    .top-banner-item {
        width: auto;
        margin: 0 0 8px
    }

    .top-banner-small-list {
        flex-wrap: wrap;
        justify-content: space-between;
        margin-right: 0
    }

    .top-banner-small-item {
        width: calc(50% - 4px);
        margin: 0 0 8px
    }

    .top-bg-list {
        gap: 0 5%
    }

    .top-bg-list-item {
        width: 40%
    }

    .top-bg-item-link {
        padding: 10px;
        font-size: 14px
    }

    .top-category .top-section-inner {
        padding: 24px 0
    }

    .top-category .section-header {
        padding-left: 16px;
        padding-right: 16px
    }

    .top-category-list-title {
        margin-bottom: 10px;
        padding-left: 16px;
        padding-right: 16px;
        font-size: 14px
    }

    .top-category-detail-list {
        margin-right: 0;
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 16px;
        flex-wrap: nowrap;
        overflow-x: auto;
        white-space: nowrap;
        overflow-scrolling: touch;
        -webkit-overflow-scrolling: touch
    }

    .top-category-detail-item {
        flex-shrink: 0;
        width: 76px;
        margin-right: 8px;
        margin-bottom: 0;
        font-size: 10px;
        white-space: normal
    }

    .top-category-detail-item img {
        width: 76px;
        height: 76px;
        aspect-ratio: 1
    }

    .top-pb .top-section-inner {
        padding: 24px 0
    }

    .top-pb .section-header {
        padding-left: 16px;
        padding-right: 16px
    }

    .top-pb-list {
        display: block
    }

    .top-pb-item {
        width: auto;
        margin-bottom: 24px
    }

    .top-pb-item:last-child {
        margin-bottom: 0
    }

    .top-pb-item-text {
        padding: 0 16px
    }

    .top-pb-item-text img {
        height: auto
    }

    .top-pb-category-list {
        margin-right: 0;
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 16px;
        flex-wrap: nowrap;
        overflow-x: auto;
        white-space: nowrap;
        overflow-scrolling: touch;
        -webkit-overflow-scrolling: touch
    }

    .top-pb-category-item {
        flex-shrink: 0;
        width: 76px;
        margin-right: 8px;
        margin-bottom: 0;
        font-size: 10px
    }

    .top-pb-category-item-name {
        white-space: normal
    }

    .top-pb-category-item img {
        width: 76px;
        height: 76px;
        aspect-ratio: 1
    }

    .top-history .top-section-inner {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0
    }

    .top-history .section-header {
        padding-left: 16px;
        padding-right: 16px
    }

    .top-history-list {
        margin-right: 0;
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 16px;
        flex-wrap: nowrap;
        overflow-x: auto;
        white-space: nowrap;
        overflow-scrolling: touch;
        -webkit-overflow-scrolling: touch
    }

    .top-history-item {
        width: 24vw;
        height: auto;
        aspect-ratio: 1;
        flex-shrink: 0;
        margin-right: 8px
    }

    .top-history-text {
        padding-left: 16px;
        padding-right: 16px;
        font-size: 12px
    }

    .top-review .top-section-inner {
        padding-left: 0;
        padding-right: 0
    }

    .top-review .section-header {
        padding-left: 16px;
        padding-right: 16px
    }

    .top-review .naviplus_review_list_border {
        width: 100%;
        margin: 0;
        border-radius: 0
    }

    .top-review .top_naviplus_review_list {
        margin-bottom: 0
    }

    .top-review .navi-review-new-list-ul>li {
        padding: 24px 16px
    }

    .top-review .navi-review-new-comment {
        font-size: 12px
    }

    .top-review .navi-review-new-list .navi-review-new-nickname-date .navi-review-new-date {
        font-size: 12px
    }

    .top-review .navi-review-new-list .navi-review-new-nickname-date .navi-review-new-nickname {
        font-size: 12px
    }

    .top-recommend-child-title-name {
        padding-top: 0;
        padding-bottom: 0;
        font-size: 18px
    }

    .top-recommend-child-title-name .child_info_select {
        font-size: 18px
    }

    .top-recommend-child-title-name .child_info_inner::before {
        right: 16px;
        width: 12px;
        height: 7px
    }

    .top-recommend .section-header {
        margin-bottom: 0
    }

    .top-recommend .top-section-inner {
        padding-bottom: 0;
        margin-bottom: 0
    }

    .top-recommend .top-recommend-child-title {
        margin-bottom: 24px
    }

    .top-recommend .top-section-inner.top-recommend-child {
        margin-top: 24px;
        padding: 0
    }

    .top-recommend .sp_child_info_inner {
        display: inline-block
    }

    .top-recommend .pc_child_info_inner {
        display: none
    }

    .top-instagram-list {
        margin-right: -2px
    }

    .top-instagram-list:after {
        width: calc(33.3333333333% - 1px)
    }

    .top-instagram-list:before {
        display: none
    }

    .top-instagram-item {
        width: calc(33.3333333333% - 1px);
        margin-bottom: 2px
    }

    .top-instagram-item:nth-child(n+7) {
        display: none
    }

    .top-mimistage {
        padding: 24px 0
    }

    .top-mimistage-inner {
        width: auto;
        padding: 40px 0 16px
    }

    .top-mimistage-title {
        margin-bottom: 16px
    }

    .top-mimistage-title img {
        display: block;
        max-width: 257px;
        margin: 0 auto
    }

    .top-mimistage-text {
        margin: 0;
        padding: 0 16px;
        font-size: 10px
    }

    .top-mimistage-list {
        display: block;
        margin-right: 0
    }

    .top-mimistage-item {
        width: auto;
        margin-right: 0;
        padding: 16px 16px 16px;
        border-bottom: solid 1px #e5e5e5
    }

    .top-mimistage-item a {
        display: flex;
        justify-content: space-between
    }

    .top-mimistage-item:last-child {
        margin-bottom: 0
    }

    .top-mimistage-item-img {
        width: 92px;
        height: 92px;
        aspect-ratio: 1;
        margin-bottom: 0
    }

    .top-mimistage-item-img img {
        display: block;
        width: 100%;
        height: 92px;
        object-fit: cover
    }

    .top-mimistage-item-title {
        font-size: 12px
    }

    .top-mimistage-item-category {
        font-size: 10px
    }

    .top-mimistage-item-date {
        font-size: 10px
    }

    .top-mimistage-item-text {
        width: calc(100% - 102px)
    }

    .top-mimistage .btns {
        margin-top: 16px
    }

    .top-topics .section-header {
        padding: 0 16px;
        margin-bottom: 5px
    }

    .top-topics .top-section-inner {
        padding-left: 0;
        padding-right: 0
    }

    .top-topics-item {
        display: flex;
        padding: 16px
    }

    .top-topics-item-date {
        font-size: 10px;
        margin-right: 24px
    }

    .top-topics-item-title {
        font-size: 12px
    }

    .top-topics .btns {
        margin-top: 16px
    }
}

.navi_recommend-head,.navi_recommend-head2 {
    display: none!important
}

.navi_recommend-area,.navi_recommend-area2 {
    width: 100%!important
}

.navi_item,.navi_item2 {
    margin-bottom: 24px!important;
    border: none!important
}

.navi_item2:hover,.navi_item:hover {
    outline: 5px solid #fff;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.25)
}

.navi_text-box,.navi_text-box2 {
    padding: 0!important
}

ul.recommendItems {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    display: -ms-grid;
    -ms-grid-columns: 2fr 1fr 1fr 1fr;
    margin-bottom: 40px
}

ul.recommendItems .recommend_box {
    display: flex;
    flex-direction: column;
    width: auto;
    height: auto;
    border: 0 solid #ccc;
    border-radius: 5px;
    margin: 0 0 12px 12px
}

ul.recommendItems .recommend_box:first-child {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
    -ms-grid-column: 1;
    margin-left: 0
}

ul.recommendItems .recommend_box:first-child h3 {
    font-size: 22px
}

ul.recommendItems .recommend_box:first-child .text .price {
    font-size: 26px!important
}

ul.recommendItems .recommend_box:first-child .text .zeikomi_price {
    font-size: 22px!important
}

.recommend_to_child_title {
    margin-top: 50px;
    min-height: 844px
}

@media screen and (max-width: 767px) {
    .recommend_to_child_title {
        min-height:108.3984375vw
    }

    .other_child_info {
        text-align: right;
        margin: 24px 0
    }

    .top_container .recommend_div {
        margin: 55px 0 15px
    }

    .recommend_info ul.recommend_items {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template-columns: repeat(6,1fr);
        grid-gap: 10px
    }

    .recommend_info ul.recommend_items .recommend_box {
        margin: 0!important
    }

    .recommend_info ul.recommend_items #recommend_no2 {
        -ms-grid-column: 4;
        -ms-grid-column-span: 5;
        grid-column: 4/7;
        -ms-grid-row: 1
    }

    .recommend_info ul.recommend_items #recommend_no3 {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
        -ms-grid-row: 2
    }

    .recommend_info ul.recommend_items #recommend_no4 {
        -ms-grid-column: 3;
        grid-column: 3/5;
        -ms-grid-row: 2
    }

    .recommend_info ul.recommend_items #recommend_no5 {
        -ms-grid-column: 5;
        -ms-grid-column-span: 6;
        grid-column: 5/7;
        -ms-grid-row: 2
    }

    .recommend_info ul.recommend_items #recommend_no2 .img_box {
        height: 44vw!important
    }

    .recommend_info ul.recommend_items .recommend_box:first-child {
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        grid-column: 1/4;
        -ms-grid-row: 1;
        grid-row: 1;
        -ms-grid-row-span: 1
    }

    .recommend_info ul.recommend_items .recommend_box:first-child .img_box {
        width: 100%!important;
        height: 44vw!important;
        max-width: 100%!important
    }

    .recommend_info ul.recommend_items .recommend_box:first-child .img_box .item_img {
        width: 100%!important;
        max-width: none!important;
        max-height: none!important;
        margin: 0!important
    }

    .recommend_info ul.recommend_items .recommend_box:first-child .text h3 {
        min-height: 72px!important;
        font-size: 12px!important
    }

    .recommend_info ul.recommend_items .recommend_box:first-child .text .price {
        font-size: 13px!important
    }

    .recommend_info ul.recommend_items #recommend_no6 {
        display: none
    }

    .recommend_info ul.recommend_items #recommend_no7 {
        display: none
    }

    .recommend_div .pc_other_child_info {
        display: none
    }

    .recommend_div .sp_other_child_info {
        display: block;
        margin: 15px 5% 15px auto;
        width: 170px
    }

    .recommend_div .sp_other_child_info .child_info_select {
        width: 100%;
        height: 40px;
        margin: 0;
        padding: 4px 10px;
        border: 1px solid rgba(105,86,74,.4);
        opacity: 1;
        font-size: 11px
    }

    .other_child_info::after {
        top: 16px
    }

    .recommend_info ul.recommendItems {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template-columns: repeat(6,1fr);
        grid-gap: 10px;
        width: 90%;
        margin: 15px auto 35px
    }

    .recommend_info ul.recommendItems .recommend_box {
        margin: 0!important
    }

    .recommend_info ul.recommendItems .recommend_box .text {
        margin: 8px 0
    }

    .recommend_info ul.recommendItems li.recommend_box:nth-of-type(2) {
        -ms-grid-column: 4;
        -ms-grid-column-span: 5;
        grid-column: 4/7;
        -ms-grid-row: 1
    }

    .recommend_info ul.recommendItems li.recommend_box:nth-of-type(3) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
        -ms-grid-row: 2
    }

    .recommend_info ul.recommendItems li.recommend_box:nth-of-type(4) {
        -ms-grid-column: 3;
        grid-column: 3/5;
        -ms-grid-row: 2
    }

    .recommend_info ul.recommendItems li.recommend_box:nth-of-type(5) {
        -ms-grid-column: 5;
        -ms-grid-column-span: 6;
        grid-column: 5/7;
        -ms-grid-row: 2
    }

    .recommend_info ul.recommendItems li.recommend_box:nth-of-type(2) .img_box {
        height: 44vw!important
    }

    .recommend_info ul.recommendItems .recommend_box:first-child {
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        grid-column: 1/4;
        -ms-grid-row: 1;
        grid-row: 1;
        -ms-grid-row-span: 1
    }

    .recommend_info ul.recommendItems .recommend_box:first-child .img_box {
        width: 100%!important;
        height: 44vw!important;
        max-width: 100%!important
    }

    .recommend_info ul.recommendItems .recommend_box:first-child .img_box .item_img {
        width: 100%!important;
        max-width: none!important;
        max-height: none!important;
        margin: 0!important
    }

    .recommend_info ul.recommendItems .recommend_box:first-child .text h3 {
        font-size: 12px!important
    }

    .recommend_info ul.recommendItems .recommend_box:first-child .text .price {
        font-size: 17px!important
    }

    .recommend_info ul.recommendItems .recommend_box:first-child .text .zeikomi_price {
        font-size: 11px!important
    }

    .recommend_info ul.recommendItems .recommend_box:nth-of-type(2) .text .price {
        font-size: 17px!important
    }

    .recommend_info ul.recommendItems li.recommend_box:nth-of-type(6) {
        display: none
    }

    .recommend_info ul.recommendItems li.recommend_box:nth-of-type(7) {
        display: none
    }
}