@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}
.latest-topics-title {
  display: none;
}
.latest-topics-list {
  height: 35px;
  overflow: hidden;
  font-size: 14px;
  text-align: center;
}
.funcNav + .latest-topics-list {
  position: relative;
  margin-top: -10px;
}
.latest-topics-list > li {
  height: 35px;
  -webkit-transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
          transform-origin: 50% 0;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-name: flipInX;
          animation-name: flipInX;
}
.latest-topics-list > li > a {
  display: block;
  padding: 0 10px;
  line-height: 35px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* spTop common line */
/************************************************/
#contents .contentsLineWrap{
  position: relative;
  overflow: hidden;
  margin: 1rem 0 0 0;
  width: 100%;
  height: 12px;
  text-align: center;
}
#contents .contentsLineWrap::before{
  content: '';
  position: absolute;
  width: 200%;
  height: 12px;
  top: 0px;
  left: -50%;
  box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3) inset;
}

.koboDailyPointUpInner.isMobile,
.shelfBox.isMobile {
  padding-bottom: 0 !important;
}
.koboDailyPointUpInner::after,
.shelfBox::after {
  content: '';
  display: block;
  width: 100%;
  height: 12px;
  margin: 40px 0 0;
  background: linear-gradient(0deg, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.05) 50%, rgba(0,0,0,0.15) 100%);
}

/* pub_campaign.html */
/************************************************/

#pub-camp-list-box{
	padding: 0 8px;
}

#pub-camp-list-box ul.pub-camp-list,
#pub-camp-list-box ul.pub-camp-list-tgl{
	text-align: left;
}
#pub-camp-list-box ul.pub-camp-list li a,
#pub-camp-list-box ul.pub-camp-list-tgl li a{
  position: relative;
  display: inline-block;
  text-decoration: none;
  font-size: 14px;
  color: #333;
  box-sizing: border-box;
  padding-left: 8px;
  padding-right: 10px;
}
#pub-camp-list-box ul li{
  position: relative;
  border-left: #bf0000 solid 3px;
  margin-bottom: 5px;
}
#pub-camp-list-box ul li i.icon{
  font-size: 12px;
  color: #999;
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
}
#pub-camp-list-box p.next-btn{
  text-align: center;
  height: 50px;
  width: 100%;
  background-color: #e3e3e3;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#pub-camp-list-box p.next-btn a{
  color: #333;
  font-size: 12px;
  line-height: 50px;
}
#pub-camp-list-box p.next-btn i{
  font-size: 10px;
  margin-left: 0.2rem;
}
#pub-camp-list-box h3{
  display: block;
  padding: 1rem 0;
  font-size: 16px;
  font-weight: normal;
  color: #333;
  text-align: center;
}


/* narrow down link for Kobo */

.ebook-narrow-down .narrow-down {
	position:relative;
	margin: 0 0 15px;
	padding: 5px 0 5px;
	text-align: center;
	font-size: 14px;
	display: none;
	background: linear-gradient(to bottom, #f2f2f2 0%, #ffffff 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	/*background: url(//image.books.rakuten.co.jp/books/img/common/smart/ipn-chevron.png) no-repeat right;*/
        border-bottom: 1px solid #ababab;
	/*width: 100%;*/
	height: 20px;
}
.ebook-narrow-down .narrow-down a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	/*text-indent:-999px;*/
	color: #333;
	display: inline;
	padding: 7px 0;
}
.ebook-narrow-down .narrow-down a:visited {
	color: #333;
}
.ebook-narrow-down .narrow-down a:after {
	position: absolute;
	right: 10px;
	content: "";
	width: 15px;
	height: 20px;
        background:transparent url(//jp.rakuten-static.com/1/im/smp/prt/chevron.png) no-repeat 4px center;
        -webkit-background-size:auto 16px ;
        background-size:auto 16px ;
}
/*
.ebook-narrow-down .narrow-down a img {
  margin-left: 5px;
}
*/

/* genre menu (sp-top-pulldown-menu.html) */
/************************************************/
.genrePageHeaderArea {
  --box-height: -100dvh;
  position: sticky;
  top: var(--box-height);
  background-color: #fff;
  clip-path: polygon(0% 0%, 100% 0% , 100% calc(100% + 16px), 0% calc(100% + 16px));
  z-index: 10;
  transition: top 0.3s ease, box-shadow 0.3s ease;
  /* transition-delay: 166.6667ms, 0s; */
  transition-delay: 333.33333ms, 0s;
}
.genrePageHeader {
  overflow: hidden;
}
.genrePageHeader .sectionNavTtl{
  position: relative;
  margin: 1rem auto 0;
  padding: 8px 0 8px 16px;
  text-align: left;
}
.genrePageHeader .sectionNavTtl span{
  font-size: 20px;
  font-weight: 700;
  color: #333;
}
.genrePageHeader .sectionNavTtl .genreNavigationMore{
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
}
.genrePageHeader .sectionNavTtl .genreNavigationMore .genreNavigationMoreLink{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
}
.genrePageHeader .sectionNavTtl .genreNavigationMore .genreNavigationMoreLink span{
  flex-shrink: 0;
  display: block;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  color: #bf0000;
}
.genreChipListWrap {
  width: 100%;
  overflow: visible auto;
  box-sizing: border-box;
  scrollbar-width: none;
}
.genreChipListWrap::-webkit-scrollbar {
  /* Chrome, Safari 対応 */
  display: none;
}
.genreChipList {
  display: flex;
  flex-wrap: nowrap;
}
.genreChipList::before,
.genreChipList::after {
  content: "";
  display: block;
  flex: 0 0 12px;
}
.genreChipList li {
  flex: 0 0 auto;
}
.genreChip{
  display: block;
  padding: 4px;
}
.genreChipInner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* width: fit-content; */
  padding: 11px 11px 11px 15px;
  background-color: #fff;
  border: 1px solid #333;
  border-radius: 40px;
  line-height: 1;
}
.genreChipInner span {
  flex-shrink: 0;
  display: block;
  margin-right: 4px;
  text-decoration: none;
  color: #333;
  font-size: 12px;
}
.genreChipInner svg {
  flex: 0 0 auto;
  height: auto;
}
.genrePageMenuModal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100dvw;
  height: 100dvh;
  overflow: auto;
  background-color: #fff;
  z-index: 2000;
  opacity: 0;
  pointer-events: none;
  /* visibility: hidden; */
  transform: translateY(33.3333dvh);
  transition: opacity 0.3s ease, transform 0.3s ease;
  /* overscroll-behavior: contain; */
  overscroll-behavior: none;
}
.genrePageMenuModal.active {
  opacity: 1;
  /* visibility: visible; */
  pointer-events: all;
  transform: translateY(0);
}
.genrePageMenuModalHeader {
  position: sticky;
  display: flex;
  justify-content: space-between;
  align-items: center;
  top: 0;
  left: 0;
}
.genreNavigationMenuHeader {
  padding: 28px 4px 12px 16px;
  border-bottom: 1px solid #ebebeb;
  background-color: #fff;
}
.genreNavigationMenuHeader h2 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.1;
}
.genreModalCloseBtn {
  appearance: none;
  padding: 12px;
  border: none;
  background-color: transparent;
}
.genreModalCloseBtn svg {
  display: block;
  fill: #333;
}
.genreNavigationMenuList {
  padding: 0 0 16px;
  list-style: none;
}
.genreNavigationMenuListItem {
  margin: 0 16px;
  padding: 8px 0;
  border-bottom: 1px solid #ebebeb;
}
.genreNavigationMenuListItem:last-of-type {
  border-bottom: none;
}
.genreNavigationMenuLink {
  display: flex;
  align-items: center;
  margin: 0 -16px;
  padding: 12px 16px;
  text-decoration: none;
}
.genreNavigationMenuLinkAdult {
  padding: 14px 16px;
}
.genreNavigationMenuLink > span {
  flex: 1 0 auto;
  color: #333;
  font-size: 14px;
}
.genreNavigationMenuLink > span > span {
  display: block;
  font-size: 12px;
}
.genreNavigationMenuLink > svg {
  flex: 0 0 24px;
  fill: #333;
}

/* about kobo (sp-top-about.html) */
/************************************************/
div.aboutKobo {
	width: 100%;
	margin: 40px auto 0;
}

div.aboutKobo h2 {
	display:block;
	margin: 0 auto;
	padding: 0 10px;
}

div.aboutKobo h2 img{
	width: 100%;
	height: auto;
}

div.aboutKobo > p {
	width: 95%;
	margin: 0 auto;
	text-align: center;
	font-size: 13px;
	color:#333333;
}

div.aboutKobo div.couponDebut {
	margin: 25px 0 0;
	padding: 0 10px;
	text-align:center;
}

div.aboutKobo div.couponDebut a {
	display:block;
	padding: 13px 0;
	border: 1px solid #bf0000;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	font-size: 15px;
	background: #ffffff;
	color: #bf0000;
	box-shadow: 0 0 5px 0 rgba(90,90,90,7.5);
}

div.aboutKobo dl {
	width: 100%;
	margin: 40px auto 0;
}

div.aboutKobo dl dt{
	text-align: center;
	font-size: 18px;
	color: #333;
	line-height: 1.4;
}

div.aboutKobo dl dd{
	margin: 10px 0 0;
	text-align: center;
	font-size: 13px;
	color: #333;
	line-height: 1.5;
}

div.aboutKobo dl dd img {
	width: 100%;
	height: auto;
}

div.aboutKobo dl dd div {
	width: 95%;
	margin: 0 auto;
}

div.aboutKobo dl dd div > div {
	width: 49%;
	float: left;
}

div.aboutKobo dl dd div > div.iphone {
	margin: 0 2% 0 0;
}

/* free Manually shelf */
.freeManuallyShelf .freeShelfImg {
  top: 0 !important;
  bottom: none !important;
  width: 100%;
  height: auto;
  max-height: 175px;
  box-shadow: rgba(0, 0, 0, 0.118) 0px 1px 6px, rgba(0, 0, 0, 0.118) 0px 1px 4px;
  margin: 0px auto;
}
.freeManuallyShelf .js-ui-carousel-media-price{
  font-size: 12px;
  color: rgb(191, 0, 0);
  font-weight: bold;
  text-align: left;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.freeManuallyShelf .js-add-to-cart button.freeCartBtn{
  width: 100%;
  max-width: 110px;
  color: rgb(255, 194, 0);
  font-size: 12px;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  box-shadow: rgba(0, 0, 0, 0.118) 0px 1px 6px, rgba(0, 0, 0, 0.118) 0px 1px 4px;
  cursor: pointer;
  outline: none;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(255, 194, 0);
  border-image: initial;
  background: rgb(255, 255, 255);
  border-radius: 3px;
  padding: 4px;
  transition: 0.5s;
  margin-top: 0.5rem;
}
.freeManuallyShelf .js-add-to-cart button.freeCartBtn:hover {
  color: rgb(255, 255, 255);
  background: rgb(255, 194, 0);
}
.freeManuallyShelf .js-add-to-cart button.freeCartBtn .icon-add-cart {
  font-size: 16px;
  padding: 0px 2px 0 0;
}
.freeManuallyShelf .js-add-to-cart .rb-add-to-cart__added .icon-check {
  font-size: 14px;
  padding: 0;
}
.freeManuallyShelf .js-add-to-cart .rb-add-to-cart__added {
  width: 100%;
  max-width: 110px;
  color: rgb(176, 176, 176);
  font-size: 12px;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  box-shadow: rgba(0, 0, 0, 0.118) 0px 1px 6px, rgba(0, 0, 0, 0.118) 0px 1px 4px;
  cursor: pointer;
  outline: none;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(176, 176, 176);
  border-image: initial;
  background: rgb(246, 246, 246);
  border-radius: 3px;
  padding: 4px;
  margin-top: 0.5rem;
  box-sizing: border-box;
}
.freeManuallyShelf .freeShelfHhaeder{
  position: relative;
}
.freeManuallyShelf .freeShelfHhaeder .freeShelfTtl{
  display: inline-block;
  font-weight: bold;
  color: rgb(51, 51, 51);
  font-size: 16px;
  width: 100%;
  text-align: center;
  margin: 0.3rem auto;
  padding-bottom: 0.3rem;
  border-bottom: 1px solid #cfcfcf;
}
.freeManuallyShelf .freeShelfHhaeder p.see-more{
  position: absolute !important;
  padding: 0 !important;
  width: 25px;
  height: 20px;
  font-size: 12px !important;
  top: 0px !important;
  bottom: 0px !important;
  right: 10px !important;
  color: blue;
  margin: auto;
}
.freeManuallyShelf .freeShelfHhaeder p.see-more:after{
  content: none !important;
}

/* notice (ebook-bottom-notice.html) */
/************************************************/
div#extraInformation_bottom > div {
    border: 1px solid #cecece;
    background: #ffd;
    width: 80%;
    margin: 24px auto;
}

div#extraInformation_bottom > div p {
    padding: 8px 0;
    text-align: center;
    font-size: 14px;
}

/* history (/pzd_contents/html/include/smart/history.html) */
/************************************************/
body#page #container #contents #checkItem{
  margin-bottom: 10px;
}
body#page #container #contents #checkItem h2{
  font-weight: normal;
  color: rgb(51, 51, 51);
  font-size: 16px;
  margin: 1rem auto;
  border-bottom: none;
  text-align: center;
  padding: 0;
}

/* Chapter Reading (/pzd_contents/html/include/sp/e-book/sp-top-chapter-reading.html) */
/************************************************/

/* Chapter Reading Header */
#top .header__inner #serviceLogo{
  width: 38%;
}
#top .header__inner #headerMenu ul li.booksNotification{
  padding-right: 4px;
}
#top .header__inner #headerMenu ul li.cart{
  padding-right: 5px;
}
@media screen and (max-width: 359px) {
  #top .header__inner #serviceLogo{
    width: 35%;
  }
  #top .header__inner #headerMenu ul li.member{
    padding-right: 2px;
  }
}
/* Chapter Reading Global Navi <Header> */
#container article .funcNav {
  background-image: none;
  background-color: #ffffff;
  border-bottom: 1px solid #D1D1D1;
  padding-bottom: 8px;
  margin-bottom: 0;
}
#container article .funcNav ul.funcNavList > li{
  border-left: none;
  color: #4d4d4d;
}
#container article .funcNav ul.funcNavList > li:last-child {
    border-right: none;
}
/* Chapter Reading Global Navi <Footer> */
.footer .footer__content--kobo .footer__navi li a{
  padding-top: 35px;
  color: #4d4d4d;
}
.footer .footer__content--kobo .footer__navi li.footer__navi_ashi a:before,
.footer .footer__content--kobo .footer__navi li.footer__navi_oder a:before,
.footer .footer__content--kobo .footer__navi li.footer__navi_favo a:before,
.footer .footer__content--kobo .footer__navi li.footer__navi_coup a:before
{
  background: none;
}
.footer .footer__content--kobo .footer__navi li a svg{
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

/* Chapter Reading Page Title */
#container #contents .genreTopHeader.ebook {
  background-position: right 8px top 52%;
  margin-top: 0;
}
#container #contents .genreTopHeader.ebook h1 {
  padding: 16px 0 16px 16px;
  border-left: none;
  background: none;
  font-size: 18px;
  border-bottom: none;
  color: #333;
}

/* Chapter Reading Carousel */
.chapterReadingFloatBtnBox{
  display: none;
  position: fixed;
  bottom: 28px;
    right: 8px;
  text-align: center;
  z-index: 12;
}
.chapterReadingFloatBtnBox .chapterReadingFloatBtnNew{
  font-size: 8px;
  color: #ffffff;
  background: #EC0606;
  border-radius: 15px;
  display: inline-block;
  margin: 0 auto 3px 0;
  padding: 0 3px;
}
.chapterReadingFloatBtnBox .chapterReadingFloatBtn{
  background: rgba(255, 255, 255, 0.85);
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(15px);
  border-radius: 50%;
  width: 56px;
  height: 56px;
  position: relative;
}
.chapterReadingFloatBtnBox .chapterReadingFloatBtn .chapterReadingFloatBtnWrap{
  display: block;
  color: #BF0000;
  font-size: 10px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  line-height: 1;
}
.chapterReadingFloatBtnBox .chapterReadingFloatBtnBtn .chapterReadingFloatBtnWrap svg{
  display: block;
}
.contentsLineTop,
.contentsLineBottom {
  position: relative;
    /* overflow: hidden; */
    /* margin: 1rem 0 0 0; */
    width: 100%;
    height: 12px;
    text-align: center;
}
.contentsLineTop::before {
  content: '';
  position: absolute;
  width: 200%;
  height: 12px;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0px 8px 8px -8px rgba(0,0,0,0.3) inset;
}
.contentsLineBottom::after {
  content: '';
  position: absolute;
  width: 200%;
  height: 12px;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0px -8px 8px -8px rgba(0,0,0,0.3) inset;
}
#chapterReadingBox{
  position: relative;
  padding: 28px 12px;
}
#chapterReadingBox .chapterReadingWrap{
  background: linear-gradient(180deg, #FFE8E8 0%, #FFC6C6 100%);
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.16);
  border-radius: 8px;
  padding: 28px 0;
}
#chapterReadingBox .chapterReadingWrap .chapterReadingLogo{
  text-align: center;
  margin-bottom: 8px;
}
#chapterReadingBox .chapterReadingWrap .chapterReadingReadWrap{
  padding: 0 8px;
  margin-bottom: 24px;
}
#chapterReadingBox .chapterReadingWrap .chapterReadingReadWrap p{
  background: rgba(255, 255, 255, 0.32);
  border-radius: 8px;
  padding: 1.5em 8px;
  color: #333333;
  font-size: 14px;
  line-height: 1.5em;
}
#chapterReadingBox .chapterReadingWrap .chapterReadingSeriesTitle{
  padding: 0 24px;
  font-size: 18px;
  color: #4D4D4D;
  font-weight: bold;
  margin-bottom: 12px;
}
#chapterReadingBox .chapterReadingWrap .chapterReadingSlider{
  margin-bottom: 10px;
  height: 225px;
}
#chapterReadingBox .chapterReadingWrap .chapterReadingSlider ul{
  display: flex;
  overflow-x: auto;
  padding: 0 12px 10px;
  display: none;
}
#chapterReadingBox .chapterReadingWrap .chapterReadingSlider ul li{
  flex: 0 0 176px;
  min-width: 176px;
}
#chapterReadingBox .chapterReadingWrap .chapterReadingSlider ul li .itemWrap{
  background: #FFFFFF;
  box-shadow: 0px 8px 14px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  width: 160px;
}
#chapterReadingBox .chapterReadingWrap .chapterReadingSlider ul li .itemWrap .image{
  background-color: #cccccc;
  border-radius: 4px 4px 0 0;
}
#chapterReadingBox .chapterReadingWrap .chapterReadingSlider ul li .itemWrap .image img{
  width: 160px;
  height: 120px;
}
#chapterReadingBox .chapterReadingWrap .chapterReadingSlider ul li .itemWrap .ttl{
  color: #333333;
  font-size: 14px;
  font-weight: bold;
  padding: 8px 8px 0;
}
#chapterReadingBox .chapterReadingWrap .chapterReadingSlider ul li .itemWrap .author{
  color: #686868;
  font-size: 12px;
  padding: 4px 8px;
}
#chapterReadingBox .chapterReadingWrap .chapterReadingSlider ul li .itemWrap .genre{
  display: inline-block;
  background: #FFFFFF;
border: 0.5px solid #BF0000;
box-sizing: border-box;
border-radius: 15px;
color: #BF0000;
font-size: 8px;
margin-left: 8px;
    margin-bottom: 8px;
    padding: 4px 8px;
}
#chapterReadingBox .chapterReadingWrap .chapterReadingBtnWrap{
  text-align: center;
}
#chapterReadingBox .chapterReadingWrap .chapterReadingBtnWrap a{
  display: inline-block;
  position: relative;
  background: #BF0000;
  border-radius: 20px;
  margin: 0 auto;
  color: #FFFFFF;
  font-size: 14px;
  padding: 10px 32px 10px 16px
}
#chapterReadingBox .chapterReadingWrap .chapterReadingBtnWrap a:after{
  content: url('data:image/svg+xml;utf-8,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.46139 0H11.0768H11.9998V0.923075V5.53845H11.0768V1.57569L5.26831 7.3846L4.61523 6.73199L10.4242 0.923075H6.46139V0ZM0.923077 3.69247V11.0769H8.3077V7.38471H9.23077V11.0769C9.23077 11.3218 9.13352 11.5565 8.96041 11.7296C8.7873 11.9027 8.55251 12 8.3077 12H0.923077C0.678262 12 0.443474 11.9027 0.270363 11.7296C0.0972525 11.5565 0 11.3218 0 11.0769V3.69247C0 3.44766 0.0972525 3.21288 0.270363 3.03977C0.443474 2.86666 0.678262 2.76941 0.923077 2.76941H4.61539V3.69247H0.923077Z" fill="white"/></svg>');
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
}
#chapterReadingBox .sliderListBox{
  position: absolute;
  top: 325px;
  left: 0px;
  width: 100%;
  visibility: hidden;
  display: block;
}
#chapterReadingBox .newBadge{
  position: absolute;
  top: 8px;
  left: 8px;
}
#chapterReadingBox .sliderListBox ul{
  display: flex;
  overflow-x: auto;
  padding: 0px 24px 20px;
}
#chapterReadingBox .sliderListBox ul li{
  flex: 0 0 196px;
  min-width: 196px;
}
#chapterReadingBox .sliderListBox ul li:last-child{
  flex: 0 0 204px;
  min-width: 204px;
}
#chapterReadingBox .sliderListBox ul li .itemWrap{
  background: #FFFFFF;
  box-shadow: 0px 8px 14px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  width: 180px;
}
#chapterReadingBox .sliderListBox ul li .itemWrap .image{
  background-color: #cccccc;
  border-radius: 4px 4px 0 0;
}
#chapterReadingBox .sliderListBox ul li .itemWrap .image img{
  width: 160px;
  height: 120px;
}
#chapterReadingBox .sliderListBox ul li .itemWrap .ttl{
  color: #333333;
  font-size: 14px;
  font-weight: bold;
  padding: 8px 8px 0;
}
#chapterReadingBox .sliderListBox ul li .itemWrap .author{
  color: #686868;
  font-size: 12px;
  padding: 4px 8px;
}
 ul li .itemWrap .genre{
  display: inline-block;
  background: #FFFFFF;
  border: 0.5px solid #BF0000;
  box-sizing: border-box;
  border-radius: 15px;
  color: #BF0000;
  font-size: 8px;
  margin-left: 8px;
  margin-bottom: 8px;
  padding: 4px 8px;
}