@charset "utf-8";

/*body.page-top {
    overflow-x: hidden;
}

body.page-tokushu,
body.page-top{
    background: #dfe8ff;
}

.kv-and-introduction {
    margin-top: 20px;
}

.top-category,
.top-review{
    background: #ffffff40;
    border-radius: 8px;
}

.top-middle-bnrs-item22,
.common-ranking-slide-item a{
    background: #fff;
    border-radius: 8px;
}

.top-btn {
    background: #ad2231;
    color: #fff !important;
    border: none;
}


[class^="top-btn"] span:after {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}

.shop-tokushu-tab-active a{
    background: #fff;
    border-radius: 6px 6px 0 0;
    border: none;
}

.shop-tokushu-tab-nonactive a{
    background: #bacde561;
    color: #8183a5;
    border-radius: 6px 6px 0 0;
    border: none;
}

.top-news-title{
    background: #aba583;
    color: #fff !important;
}

.top-osusumeGift .top-block-inner,
.top-seasonItem .top-block-inner,
.top-news .top-block-inner {
    border-top: 1px solid #ffffff;
}

.top-seasonItem-point {
    background: #f7f3dc;
}

.top-seasonItem-point:after {
    border-color: #f7f3dc transparent transparent;
}

.cmn-side22-list{
    padding-bottom: 5px;
    margin-top: 15px;
    background: #ffffff60;
    padding: 15px;
}

.cmn-side22-list-item a,
.cmn-side22-box-cat a {
    padding: 10px 10px;
}

.side-accordion {
    background: #fff;
    padding: 10px;
}

.side-accordion:after, .side-accordion:before {
    top: 45%;
    right: 13px;
}

.cmn-side22-title:before {
    background: url(icon-side.svg) no-repeat !important;
    width: 24px !important;
    height: 24px !important;
    top: 8px !important;
    left: 13px !important;
    background-size: cover !important;
}

.top-block-title-link span:after {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}

.cmn-side22-title {
    background: #aba583;
    color: #fff !important;
}

.cmn-side22-title:before {}

.top-tokushu-more {
    color: #44519d;
    text-decoration: underline;
}
.top-block,
.top-category-sp,
.newyear-scroll {
    position: relative;
}

.top-select-tabs-title:before {
    background: #fff;
}

.ps-calender {
    margin: 20px 0 0;
    background: #fff;
    padding: 15px;
}*/

/*footer*/
.footer-new{
    padding: 120px 0 50px;
}
.footer-harbfes {
    width: 100%;
    height: 165px;
    background: url(footer.svg) bottom repeat-x;
    background-size: 530px;
    margin-bottom:-105px;
    position: relative;
    z-index: 2;
}

.footer-nav {
    z-index: 2;
}


/*newyear-scroll*/

.newyear-gift + .top-block:before,
.top-category-sp:before,
.top-select-tabs-wrap:before,
.newyear-scroll:before {
    content: "";
    display: block;
    position: absolute;
    background-size: contain !important;
    z-index: -1;
    transition: 1s all;
}

.newyear-gift + .top-block.is-show:before,
.top-select-tabs-wrap.is-show:before,
.newyear-scroll.is-show:before {
    background-position-y: top !important;
    background-position-x: left !important;
    width: 120px;
    height: 120px;
}

.top-category-sp:before,
.top-select-tabs-wrap:before {
    background: url(halloween02.svg) no-repeat left top;
    top: -30px;
    right: 0;
    background-position-y: 110px;
}

.newyear-gift:before {
    background: url(halloween03.svg) no-repeat left top;
    top: -40px;
    left: 0px;
    background-position-y: 110px;
}

.newyear-tori:before {
    background: url(halloween01.svg) no-repeat left top;
    top: -30px;
    right: 20px;
    z-index: 2;
    background-position-y: 110px;
}

.newyear-kadomatsu:before {
    background: url(halloween04.svg) no-repeat left top;
    top: -40px;
    left: 0px;
    background-position-y: 110px;
}

@media screen and (max-width: 768px) {
    .top-block.top-category-sp {
        margin: 0;
        content-visibility: visible;
    }

    .footer-new {
        padding: 23vw 0 0;
    }

    /*.top-middle-bnrs-text {
        padding: 10px;
    }

    .top-category {
        border: none;
    }*/
}