@charset 'utf-8';

* {
    word-break: normal;
}

/* ----------------------------------------
    brandtop / categorytop
---------------------------------------- */
.page-category.page-category-top .breadcrumb,
.page-category.page-category-top .pane-topic-path,
.page-category.page-category-top .block-list,
.page-category.page-category-top .block-list--filter.block-filter {
    display: none;
}

@media (max-width: 640px) {
    .page-category.page-category-top .pane-main .c-columnSlide .swiper-slide {
        box-sizing: border-box;
    }
}

/* ----------------------------------------
    goodslist / genre
---------------------------------------- */
/* list */
.p-product__main .c-contentWidth {
    padding: 0;
}

.p-product__main .c-productCard {
    padding-bottom: 0;
    color: #606060;
    line-height: 1.5;
}

.p-product__main .c-productCard a:is(:hover, :focus, :active) {
    text-decoration: none;
}

.p-product__main .c-productList__item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.p-product__main .c-productCard__labels {
    box-sizing: content-box;
}

.p-product__main .c-productCard__type {
    font-size: 12px;
}

.p-product__main .c-productCard__dataLine {
    font-size: 12px;
}

@media screen and (min-width: 641px) {
    .p-product__main .c-col--4 {
        margin-bottom: 0;
    }

    .p-product__main .c-col--4 .c-col__item {
        padding-bottom: 55px;
    }
}

@media screen and (max-width: 640px) {
    .p-product__main .c-contentWidth {
        width: 100%;
        min-width: 0;
        padding: 0;
    }

    .p-product__main .c-col--sp2 {
        margin-bottom: 0;
    }

    .p-product__main .c-col--sp2 .c-col__item {
        padding-bottom: 46px;
    }

    .p-product__main .c-fave {
        box-sizing: content-box;
    }
}

/* button */
.c-productCartButton {
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.c-productCartButton__item {
    width: 100%;
    max-width: 160px;
}

.page-search .block-search-list__content-list .buttonLink.--primary,
.c-productCartButton__item > .buttonLink {
    width: 100%;
    height: 40px;
    min-width: auto;
    min-height: auto;
    border-radius: 0;
    background-color: #c1c1c1;
    border: none;
    box-sizing: border-box;
}

.page-search .block-search-list__content-list .buttonLink.--primary .buttonLink__text,
.c-productCartButton__item > .buttonLink .buttonLink__text {
    font-size: 12px;
    color: #fff;
    font-family: "YakuHanJPs",YuGothic,"Yu Gothic","ヒラギノ角ゴシック","Hiragino Sans",sans-serif;
}

.page-search .block-search-list__content-list .buttonLink.--primary:not(.--disabled):is(:hover, :focus),
.c-productCartButton__item > .buttonLink:not(.--disabled):is(:hover, :focus) {
    text-decoration: none;
    background-color: #606060;
    border: none;
}

.page-search .block-search-list__content-list .buttonLink.--primary.--disabled,
.c-productCartButton__item > .buttonLink.--disabled {
    background-color: #f3f3f3;
}

.page-search .block-search-list__content-list .buttonLink.--primary.--disabled .buttonLink__text,
.c-productCartButton__item > .buttonLink.--disabled .buttonLink__text {
    color: #c1c1c1;
}

.page-search .block-search-list__content-list .buttonLink.--primary.--disabled:is(:hover, :focus),
.c-productCartButton__item > .buttonLink.--disabled:is(:hover, :focus) {
    background-color: #f3f3f3;
    border: none;
    text-decoration: none;
}

.page-search .block-search-list__content-list .buttonLink.--secondary {
    width: 100%;
    height: 40px;
    min-width: auto;
    min-height: auto;
    border-radius: 0;
    background-color: #fff;
    border: 1px solid #c1c1c1;
    color: #606060;
    box-sizing: border-box;
}

.page-search .block-search-list__content-list .buttonLink.--secondary .buttonLink__text {
    font-family: "YakuHanJPs",YuGothic,"Yu Gothic","ヒラギノ角ゴシック","Hiragino Sans",sans-serif;
}

.page-search .block-search-list__content-list .buttonLink.--secondary:not(.--disabled):is(:hover, :focus) {
    border-color: #606060;
    color: #606060;
    text-decoration: none;
}

@media (max-width: 640px) {
    .c-productCartButton__item {
        max-width: 150px;
    }
}

/* category */
.c-genre-cat-wrapper .title {
    padding-left: 0;
}

.c-genre-cat-wrapper .title__inner {
    text-align: left;
}

.c-genre-cat-wrapper .title__title {
    font-family: "lunchtype22",sans-serif;
    font-weight: 400;
    color: #606060;
}

.c-genre-cat-wrapper .title__subTitle,
.c-genre-cat-wrapper .block-search-list__sub-header-description,
.c-genre-cat-wrapper .block-search-list__header {
    display: none;
}

@media (max-width: 640px) {
    .c-genre-cat-wrapper .title__title {
        font-size: 24px;
    }
}


/* series */
.p-series-container {
    color: #606060;
}
.p-series-container::before {
    width: 100vw;
    min-width: 1200px;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
}

.p-series-container .c-contentWidth {
    box-sizing: content-box;
}

.c-genre-cat-wrapper.-series .title {
    display: none;
}

/* ----------------------------------------
    override
---------------------------------------- */
/* アコーディオン用アイコン */
.l-header .p-accordionList .c-textLink__icon,
.l-header .p-accordionList .c-anchorLink__icon {
    background: url(../img/common/arrow-up-white.png) no-repeat 0 0;
    background-size: contain;
    mask-image: none;
    width: 12px;
    height: 6px;
    rotate: 90deg;
}

.c-announcement__btn::after {
    background-size: contain;
}

/* リスト */
.c-ul>li::before {
    content: '・';
}

.c-fave .input.--active::after {
    background-image: url("../img/common/icon-fave-fill.png");
}

/* index.css */
body {
    font-family: ヒラギノ角ゴシック, "Hiragino Sans", メイリオ, Meiryo, sans-serif;
    letter-spacing: normal;
}

#header {
    display: contents;
}

.l-header .l-header__logo {
    flex-shrink: 0;
}

.page-category.page-category-top .pane-main {
    overflow: auto;
}

.l-header * {
    box-sizing: content-box;
}

@media (min-width: 641px) {
    .l-header__mypage,
    .l-header__cart {
        margin-right: 2rem;
        line-height: 1;
    }

    .l-header__mypage {
        margin-right: 1.5rem;
    }

    .l-header__cart {
        margin-right: 2rem;
    }
}

.is-open .l-header__navListWrapper {
    box-sizing: border-box;
}

.l-header__links {
    display: none;
}

@media (max-width: 640px) {
    .l-header__container {
        height: 75px;
    }

    .l-header__burger {
        height: 75px;
        box-sizing: border-box;
    }

    .l-header__menu .l-header__mypage,
    .l-header__menu .l-header__cart {
        display: none;
    }

    .is-open .l-header__links {
        display: flex;
        justify-content: flex-end;
        gap: 15px;
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
    }

    .l-footer.l-al2021-body .c-contentWidth {
        box-sizing: content-box;
    }
}

.page-category.page-category-top .pane-main * {
    box-sizing: content-box;
}

.page-category.page-category-top .container {
    max-width: none;
    padding-inline: 0;
}

.page-category.page-category-top .block-search-list__content-list {
    display: none;
}

.c-fixedBanner {
    width: auto;
}

.c-searchBox__input { 
  background-color: #fff;
  border: 1px solid #c1c1c1;
  flex-grow: 1;
  color: #606060;
}
.c-searchBox__input:hover,
.c-searchBox__input:focus {
  border: 1px solid #c1c1c1;
}

.l-header__dropdown .c-searchBox__button,
.l-main .c-searchBox__button {
  box-sizing: border-box;
  text-align: center !important;
}

/* search */
.block-list--item.block-item {
    text-align: center;
}

.form__input.block-header--search-input {
    margin-bottom: 40px;
}

.page-search .block-search-list__header {
    display: none;
}

/* bookmark loading */
.c-productCard .c-fave .bookmark_button label,
.block-search-list__content-list__item__content .bookmark_button label  {
    display: none;
}

/* ----------------------------------------
    other
---------------------------------------- */
/* inquiry override */
.sec_howto_inquiry * {
    word-break: break-all;
}

.sec_howto_inquiry .sec_mail {
    box-sizing: content-box;
}