@charset "utf-8";
.l-hero-box {
    display: flex;
    flex-direction: column;
}

.c-info-fig-image {
	flex-basis: 160px;
	max-width: 300px;
	padding: 4px 0 0 0;
}

.p-event-wrap .p-info-wrap{
	width: 730px;
}

/* SP */
@media screen and (max-width: 767px) {
    .l-hero-box {
        flex-direction: column-reverse;
    }
}

.p-contents-wrap .swiper {
    width: 80%;
}

.swiper-slide {
    height: auto;
}

.swiper_hero .swiper-slide-prev,
.swiper_hero .swiper-slide-next {
    opacity: 0.4;
}


/* ヒーロー */
.p-hero-wrap {
    position: relative;
    margin: 24px 0 40px;
}

.swiper-slide {
    border: 8px solid #fff;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: -32px;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,1%);
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,11px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,11px));
}

.swiper-pagination-bullet {
    background-color: #e6e6e6;
    opacity: 1;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #a5785d;
}

/* SP */
@media screen and (max-width: 767px) {

    .p-info-border-width {
        width: 90%;
    }

    .p-hero-wrap {
        margin: 0 0 40px;
    }

    .swiper-slide {
        border: none;
    }

    .hero-button-wrap {
        display: none;
    }

    .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 var(--swiper-pagination-bullet-horizontal-gap,2%);
    }
}

/* おすすめ */
section.recommend {
    margin-top: 12px;
    padding: 32px 0;
    background-color: #FFFFFF;
}

section.recommend > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

section.recommend > ul > li {
    margin: 0 16px;
}

section.recommend > ul a {
    display: inline-block;
    padding: 0 24px;
    width: 288px;
    background-color: #E60012;
    color: #FFFFFF;
    font-size: 28px;
    line-height: 48px;
    text-align: center;
    border-radius: 24px;
}

section.recommend > ul + ul {
    margin-top: 16px;
}

section.recommend > ul a.sakuramiko_ehon {
    background-color: #F56D9B;
}

@media screen and (max-width: 768px) {
    section.recommend {
        padding: 24px 16px;
    }

    section.recommend > ul > li {
        margin: 0 12px;
    }

    section.recommend > ul a {
        font-size: 24px;
        line-height: 36px;
        border-radius: 18px;
    }
}

@media screen and (max-width: 767px) {
    section.recommend {
        margin-top: 24px;
    }
}

@media screen and (max-width: 700px) {
    section.recommend > ul {
        flex-direction: column;
        align-content: center;
    }

    section.recommend > ul > li + li {
        margin-top: 16px;
    }
}

/* ボタン群 */
.p-widelink-wrap {
    padding: 80px 27% 120px;
    background-repeat: no-repeat;
    background-position: 10% bottom;
}

.p-widelink {
    max-width: 760px;
    margin: 0 auto;
    padding: 0 20px;
}

.p-widelink .p-widelink-list {
    gap: 7%;
    flex-wrap: nowrap;
}

/* 新刊情報 */
.p-contents-wrap {
    position: relative;
    margin: 0%;
}

.hero-button-prev,
.hero-button-next {
    top: 50%;
    height: 48px;
    width: 48px;
    border: none;
    border-radius: 50%;
    background: #fff;
    filter: drop-shadow(0 3px 4px hsl(0deg 0% 60% / 33%));
}

.hero-button-prev {
    left: 26%;
    right: auto;
}

.hero-button-next {
    left: auto;
    right: 26%;
}

.hero-button-prev:after,
.swiper-rtl .hero-button-next:after {
    content: "";
    display: inline-block;
    margin-right: 2px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-right: 8px solid #a5785d;
    border-left: 0 solid transparent;
}

.hero-button-next:after,
.hero-rtl .hero-button-prev:after {
    content: "";
    display: inline-block;
    margin-left: 2px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-right: 0 solid transparent;
    border-left: 8px solid #a5785d;
}

.p-content-title {
    margin: 0;
}

.c-content-title {
    margin: 0 0 8px 0;
}

/* SMALL PC */
@media screen and (max-width: 999px) {
    .hero-button-prev,
    .hero-button-next {
        height: 40px;
        width: 40px;
    }
}

/* 中見出し */
.c-heading-sub {
    color: #e60012;
}

.c-heading-sub-info {
    color: #e60012;
}

.c-heading-sub::before {
    top: 4px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 12px solid #e60012;
}

.c-heading-sub-info::before {
    top: 4px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 12px solid #e60012;
}


/* ボタン */
.c-btn-link {
    background-color: #e60012;
}

.c-btn-link_small {
    background-color: #e60012;
}

.c-others-link {
    border-top: 12px solid #e60012;
}

/* 新刊 */
.p-brandnew-wrap {
    margin: 120px 0 0;
}

/* SP */
@media screen and (max-width: 767px) {
    .p-brandnew-wrap {
        margin: 80px 0 0;
    }
}

/* イベント・キャンペーン・お知らせ */
.p-notice-wrap {
    margin: 120px 0 0;
}

/* SP */
@media screen and (max-width: 767px) {
    .p-notice-wrap {
        margin: 80px 0 0;
    }
}

/* お知らせ */
.p-notice-list {
    margin: 8px 0 0;
}

.p-notice-text {
    flex-basis: 100%;
    max-width: 100%;
}

.p-link-list {
    margin-top: 16px;
}