@charset "utf-8";

#content.books-mall {font-size: 14px;line-height: 18px;font-weight: 400;color: #959595; overflow: hidden;}
#content.books-mall.ty02 {padding-bottom:100px;}
.books-mall img {object-fit:cover; width: 100%;height: 100%; vertical-align: top;}
.books-mall button {background-color: transparent;}
.books-mall .visual__area {position: relative;}
.books-mall .visual__area .swiper-wrapper {}
.books-mall .visual__area .swiper-slide{display: flex;justify-content: center;align-items: center;}
/* .books-mall .visual__area .swiper-slide img {width:100%;} */
.books-mall .visual__area .swiper-pagination {width:auto;left:25px;bottom:24px;height:22px;padding:0 14px;letter-spacing: 0.05em;color: rgba(255, 255, 255, 0.3);font-weight: 300;font-size: 12px;line-height: 20px;font-weight:500;color:#fff;border-radius: 11px;font-family: 'Roboto';background-color: rgba(0, 0, 0, 0.1);}
.books-mall .visual__area .swiper-pagination-current {font-weight:500;color:#fff;}

.books-mall.detail-content .visual__area {margin:0 -25px;}
.books-mall.detail-content .content-layout > .book {margin-bottom: 0;}
.books-mall.detail-content .detail__section {border-top:8px solid rgba(0, 0, 0, 0.05);}
.books-mall.detail-content .detail__title {font-weight: 700;font-size: 16px;line-height: 20px; color: #000000ED;}
.books-mall.detail-content .detail__text {font-weight: 400;font-size: 14px;line-height: 24px;color: #888;}
.books-mall.detail-content .detail__section > .detail__title {margin-bottom:15px;padding:30px 0 0 25px; color: #000000ED;}

.books-mall .books__section{margin-top: 60px;padding-right: 25px;padding-left: 25px;padding-top: 60px; border-top: 1px solid #eee;}
.books-mall .books__section.section__list{border-top: none; padding-top: 0;margin-top: 0;}
.books-mall .books__section.section__edition{border-top: none; padding-top: 0;}
.books-mall .books__section__title-area{display: flex;flex-direction: column;row-gap: 2px;margin-bottom: 20px;}
.books-mall .books__section-title{font-size: 28px;font-weight: 700;line-height: 34px;color: #000;}
.books-mall .books__section__title-area .title-description{font-size: 14px;line-height: 18px;font-weight: 400;color: #111;}
.books-mall .books__section .product-item{position: relative; display: inline-flex; flex-direction: column; row-gap: 16px;}
.books-mall .product-item.edition .product__img{min-height: 204px;}
.books-mall .product__list .product__img::before{content: ""; position: absolute; top: 0;left: 0; bottom: 0; right: 0; z-index: 2; background-color: #00000008;}
.books-mall .product-item.edition .product__img::after{position: absolute;left: 0;top: 0; content: ''; display: none;align-items: center; justify-content: center; padding: 0 10px; height: 28px; background-color: #111; border: 1px solid #111; border-radius: 8px; color: #fff; font-weight: 700; font-size: 16px; line-height: 24px;}
.books-mall .product-item.edition .product__img.limited::after{content: "LIMITED";display: inline-flex;}
.books-mall .product-item.edition .product__img.new::after{content: "NEW";display: inline-flex;}
.books-mall .product-item.edition .product__img.special::after{content: "SPECIAL";display: inline-flex;}
.books-mall .books__section .product__img{position: relative; width: 100%;height: 100%;vertical-align: top; border-radius: 8px; overflow: hidden; max-width: 550px;}
.books-mall .books__section .product__img img{opacity: 0.97; border-radius: 8px;}
.books-mall .books__section .product__info{display: flex; flex-direction: column; row-gap: 2px;}
.books-mall .books__section .product__description{font-size: 18px; line-height: 20px; color: #111; font-weight: 400;}
.books-mall .books__section .product__name{font-size: 14px; line-height: 20px; font-weight: 400; color: #111;}
.books-mall .books__section.section__edition .product__name{font-size: 20px;line-height: 28px; font-weight: 700;}
.books-mall .books__section .product__price {display: inline-flex;align-items: center; column-gap: 1px;margin-top: 6px; font-weight: 600;font-size: 20px;line-height: 28px;font-family: "Roboto"; color: #111;}
.books-mall .books__section .product__price-currency{font-size: 16px; line-height: 24px; font-weight: 300;}
.books-mall .books__section .product__real-price {margin-left: 2px; font-weight: 300;font-size: 14px;line-height: 24px;text-decoration-line: line-through;color: #959595;}
.books-mall .books__section .product__link{display: inline-flex;width: 100%;justify-content: center;align-items: center;height: 40px; margin-top: 40px;border: 1px solid #00000033; color: #00000066;font-size: 14px; line-height: 24px;}

.books-mall .books__section .product__list{display: flex; flex-wrap: wrap; gap: 40px 9px;}
.books-mall .books__section.ty02 .product-item{row-gap: 14px; flex:0 1 calc(50% - 4.5px);}
.books-mall .product__list.best-type .product-item::after{content: "";position: absolute;top: 0;left: 0; width: 32px;height: 32px;background-size: cover;background-position: center; background-repeat: no-repeat; z-index: 2;}
.books-mall .product__list.best-type .product-item:first-child::after{background-image: url(../img/best_product_label1.png);}
.books-mall .product__list.best-type .product-item:nth-child(2)::after{background-image: url(../img/best_product_label2.png);}
.books-mall .product__list.best-type .product-item:nth-child(3):after{background-image: url(../img/best_product_label3.png);}
.books-mall .product__list.best-type .product-item:nth-child(4):after{background-image: url(../img/best_product_label4.png);}
.books-mall .books__section.ty02 .product__description{font-size: 14px; line-height: 20px; color: #111;}
.books-mall .books__section.ty02 .product__price {align-items: baseline; font-weight: 600;font-size: 16px;line-height: 22px;font-family: "Roboto"; color: #111;}
.books-mall .books__section.ty02 .product__price-currency{font-size: 14px; line-height: 18px; font-weight: 300;}
.books-mall .books__section.ty02 .product__real-price {font-weight: 300;font-size: 14px;line-height: 18px;text-decoration-line: line-through;color: #959595;}

.books-mall .books__get-point{display: flex; flex-direction: column; row-gap: 10px;}
.books-mall .get-point__box{display: flex; align-items: center; padding-left: 142px; background-color: #EBEBEB; background-size: 102px 146px; background-repeat: no-repeat; border-radius: 8px; background-position: 20px 0;}
.books-mall .get-point__box.box1{background-image: url("../img/point-icon1.png");height: 163px; background-position-y: 10px;}
.books-mall .get-point__box.box2{background-image: url("../img/point-icon2.png"); height: 146px;}
.books-mall .get-point__info {display: flex; flex-direction: column;justify-content: center;row-gap: 8px;}
.books-mall .get-point__info .get-point__text{display: flex;flex-direction: column;row-gap: 2px;}
.books-mall .get-point__info .title{font-size: 16px; font-weight: 400; line-height: 24px; color: #111;}
.books-mall .get-point__info .point{font-size: 24px; line-height: 24px; font-weight: 700; font-family: 'Roboto';color: #111;}
.books-mall .get-point__info .get-point__link{padding-right: 10px; font-size: 16px; font-weight: 700; line-height: 24px; color: #111;background-repeat: no-repeat;background-position: right 4px;background-size: 16px; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3108 8.36396L5.97342 3.02658L7 2L13.364 8.36396L7 14.7279L5.97342 13.7013L11.3108 8.36396Z' fill='black' fill-opacity='0.93'/%3E%3C/svg%3E%0A");}
.books-mall .get-point__info .description {font-weight: 400;font-size: 12px;line-height: 18px;color: #959595;}