.main__pageTop {
  position: sticky;
  right: auto;
}
.pbNested.pbNestedWrapper:has(> .main__pageTop) {
  position: sticky;
  bottom: auto;
  background: transparent;
}
.pbHeaderArea,
.pbMainArea,
.pbNestedWrapper {
  overflow: visible;
}

@media only screen and (max-width: 767px) {
.container {
    background: #fff;
  }
}

.main {
  overflow: visible;
}

@media only screen and (max-width: 767px) {
.breadcrumbs {
    margin: 0 0 -10px;
    padding: 12px 18px 30px;
    background: #f5f5f5;
  }
}

.feature__Content {
  background: #fff;
}

.featureHead {
  max-width: 1200px;
  margin: 0 0 12px 0;
  box-sizing: border-box;
}

@media only screen and (max-width: 767px) {
.featureHead {
    max-width: 750px;
  }
}

@media print, (min-width: 768px) {
  .featureHead__title {
    padding: 0 0 16px 0;
  }
}

@media only screen and (max-width: 767px) {
  .featureHead__title {
    padding: 0 0 16px 0;
  }
}

.feature__snsWrap {
  display: flex;
  margin-bottom:0;
  padding: 0 0 0 16px;
  align-items: center;
  -webkit-box-pack: end;
  justify-content: end;
}

@media only screen and (max-width: 767px) {
  .feature__snsWrap {
    padding: 0 18px 0;
  }
}

@media print, (min-width: 768px) {
  .feature__sns a {
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
  }
  .feature__sns a:hover {
    opacity: .65;
  }
}

.feature__snsHead {
  font-family: 'M PLUS Rounded 1c', sans-serif;
}

.feature__sns {
  display: -webkit-box;
  display: flex;
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .feature__sns {
    padding: 0 0 0 10px;
  }
}

.feature__snsBtn {
  display: inline-block;
  margin: 0 0 0 16px;
}

@media only screen and (max-width: 767px) {
  .feature__snsBtn {
    margin: 0 4px;
  }
}

@media print, (min-width: 768px) {
  .feature__navi {
    display: flex;
  }
  .feature__navi a {
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
  }
  .feature__navi a:hover {
    opacity: .65;
  }
}

.feature__naviBtn {
  color: #666;
  cursor: pointer;
}

.feature__naviBtnImage {
  position: relative;
  border: solid 4px;
  display: flex;
  align-items: center;
  background-size: 90px;
  border-bottom: 4px solid #ffd1db;
  border-image: linear-gradient(to bottom, #ffd1db 0%, #fea3c6 100%);
  border-image-slice: 1;
}

.feature__naviBtnImage--comic:after,
.feature__naviBtnImage--novel:after,
.feature__naviBtnImage--ranking:after,
.feature__naviBtnImage--bestseller:after {
  content: "";
  position: absolute;
  right: -4px;
  width: 78px;
  height: 90px;
  background-size: 78px;
  background-repeat: no-repeat;
}

.feature__naviBtnTxt {
  color: #333;
  font-size: 22px;
  padding: 24px 0 24px 24px;
  font-family: 'M PLUS Rounded 1c', sans-serif;
}

@media print, (min-width: 768px) {
  .feature__naviBtn {
    width: calc(100% / 4);
    cursor: pointer;
  }
  .feature__naviBtn:not(:last-child) {
    margin: 0 24px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .feature__naviBtn {
    margin: 0 auto 16px auto;
    display: block;
    max-width: 300px;
  }
}

.feature__naviBtnImage--comic:after {
  background-image: url(https://content.bookoff.co.jp/assets/images/bl/top/navi-01.png);
}

.feature__naviBtnImage--novel:after {
  background-image: url(https://content.bookoff.co.jp/assets/images/bl/top/navi-02.png);
}

.feature__naviBtnImage--ranking:after {
  background-image: url(https://content.bookoff.co.jp/assets/images/bl/top/navi-03.png);
}

.feature__naviBtnImage--bestseller:after {
  background-image: url(https://content.bookoff.co.jp/assets/images/bl/top/navi-04.png);
}

@media only screen and (max-width: 767px) {
  .feature__contentTtlWrap {
    font-size: 20px;
  }
}

.feature__contentTtl {
  display: inline;
  position: relative;
  padding-left: 14px;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  line-height: 1.385;
  color: #666;
}

@media only screen and (max-width: 767px) {
  .feature__contentTtl {
    display: block;
    margin: 0 0 24px;
  }
}

.feature__contentTtl::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 6px;
  border-radius: 4px;
  background-color: #F5779D;
}

.feature__naviWrap {
  padding: 0 0 40px 0;
}

.feature__media {
  font-family: 'M PLUS Rounded 1c', sans-serif;
  padding: 0 0 40px;
  display: flex;
  flex-wrap: wrap;
}

.feature__select {
  padding: 0 24px 70px;
  font-family: 'M PLUS Rounded 1c', sans-serif;
}

.feature__pickup {
  font-family: 'M PLUS Rounded 1c', sans-serif;
}

@media print, (min-width: 768px) {
  .feature__media a {
    cursor: pointer;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
  }
  .feature__media a:hover {
    opacity: .65;
  }
}

@media only screen and (max-width: 767px) {
  .feature__naviWrap {
    padding: 0 10% 40px;
  }
  .feature__pickup {
    padding: 0 18px 20px;
  }
  .feature__media {
    padding: 0 18px 24px;
  }
  .feature__select {
    padding: 0 18px 10px;
  }
  .feature__recommend {
    padding: 0 0 50px;
  }
}

.feature__pickupImage {
  padding: 0 28px 0 0;
}

@media print, (min-width: 768px) {
  .feature__pickupDetailWrap {
    display: flex;
    flex-wrap: wrap;
  }
  .feature__pickupDetailWrap a {
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
    cursor: pointer;
  }
  .feature__pickupDetailWrap a:hover {
    opacity: .65;
  }
  .feature__pickupDetail {
    width: calc(100% / 2 - 140px);
    margin: 0 140px 60px 0;
    box-sizing: border-box;
  }
}

.feature__pickupDetail {
  display: flex;
}

@media only screen and (max-width: 767px) {
  .feature__pickupDetail {
    position: relative;
    padding: 16px 0 40px 0;
  }
  .feature__pickupDetail:after {
    content: "";
    position: absolute;
    top: 50%;
    left: auto;
    right: 0;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background: center center url(https://content.bookoff.co.jp/common/images/arrow-gray.svg) no-repeat;
    background-size: 24px;
    filter: invert(39%) sepia(6%) saturate(6%) hue-rotate(339deg) brightness(95%) contrast(78%);
  }
  .feature__pickupDetail:not(:last-child) {
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
  }
  .feature__pickupImage {
    padding: 0 28px 0 0;
  }
}

.feature__pickupImage img {
  max-width: 110px;
}

@media only screen and (max-width: 767px) {
  .feature__pickupImage img {
    max-width: 90px;
  }
}

.feature__pickupHeadSub {
  font-size: 16px;
}

.feature__pickupHeadMain {
  font-size: 24px;
  padding: 0 0 16px 0;
}

@media only screen and (max-width: 767px) {
  .feature__pickupHeadMain {
    font-size: 18px;
    padding: 0 0 8px 0;
  }
}

.feature__pickupTtl {
  font-size: 18px;
}

.feature__mediaTtl {
  text-decoration: underline;
}

@media print, (min-width: 768px) {
  .feature__mediaTtl {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .feature__pickupInfo {
    padding: 0 24px 0 0;
  }
  .feature__pickupTtl {
    font-size: 14px;
    padding: 0;
  }
}

.feature__pickupAuthor {
  color: #666;
}

@media print, (min-width: 768px) {
  .feature__pickupAuthor {
    font-size: 14px;
    padding: 0 0 16px 0;
  }
}

@media only screen and (max-width: 767px) {
  .feature__pickupAuthor {
    font-size: 12px;
  }
}

.feature__mediaDetail {
  display: flex;
  box-sizing: border-box;
}

@media print, (min-width: 768px) {
  .feature__mediaDetail {
    width: calc(100% / 3);
    margin: 0 0 30px 0;
  }
}

@media only screen and (max-width: 767px) {
  .feature__mediaDetail {
    width: calc(100%);
  }
  .feature__mediaDetail:not(:last-child) {
    padding: 0 0 16px 0;
  }
}

.feature__mediaIcon {
  border-radius: 10px;
  width: 54px;
  height: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 12px;
}

.feature__mediaIcon--anime {
  background-color: #FFD3DC;
}

.feature__mediaIcon--movie {
  background-color: #ECD9FF;
}

.feature__mediaIcon--drama {
  background-color: #D3E3FF;
}


.feature__mediaInfo {
  margin: 0 0 0 20px;
  width: 76%;
  box-sizing: border-box;
}

@media print, (min-width: 768px) {
  .feature__mediaAuthor {
    font-size: 12px;
  }
}

@media only screen and (max-width: 767px) {
  .feature__mediaTtl {
    font-size: 16px;
  }
  .feature__mediaAuthor {
    font-size: 12px;
  }
}

.feature__mediaAuthor a {
  color: #666;
}

.feature__categoryTtlWrap {
  padding: 0 0 28px 0;
}

@media only screen and (max-width: 767px) {
  .feature__categoryTtlWrap {
    padding: 0 0 24px 0;
  }
}

.feature__categoryTtl {
  color: #333;
  font-size: 26px;
  padding: 12px 18px;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  background: rgb(255,179,210);
  background: linear-gradient(90deg, rgba(255,179,210,1) 0%, rgba(255,217,222,1) 100%);
}

@media only screen and (max-width: 767px) {
  .feature__categoryTtl {
    font-size: 22px;
  }
}

.feature__recommendTitle,
.feature__selectTitle {
  color: #333;
  font-size: 22px;
  padding: 0 0 16px;
  font-family: 'M PLUS Rounded 1c', sans-serif;
}

@media print, (min-width: 768px) {
  .feature__recommendTitle {
    padding: 0 24px 16px;
  }
}
@media only screen and (max-width: 767px) {
  .feature__recommendTitle,
  .feature__selectTitle {
    font-size: 18px;
  }
  .feature__recommendTitle {
    padding: 0 0 0 18px;
  }
  .feature__selectTitle {
    padding: 0 0 18px;
  }
}

.feature__selectBtnWrap {
  display: flex;
  flex-wrap: wrap;
}

@media print, (min-width: 768px) {
  .feature__selectBtnWrap:not(:last-child) {
    padding: 0 0 24px;
  }
}

@media only screen and (max-width: 767px) {
  .feature__selectBtnWrap {
    justify-content: space-between;
    padding: 0 0 18px;
  }
}

.feature__selectBtn {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  color: #333;
  font-weight: bold;
  border-radius: 100px;
  font-size: 14px;
  margin: 0 8px 0 0;
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .feature__selectBtn {
    font-size: 16px;
    margin: 0 0 16px 0;
    width: calc(100% / 3 - 6px);
    box-sizing: border-box;
  }
}

@media print, (min-width: 768px) {
  .feature__selectBtn {
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
  }
  .feature__selectBtn:hover {
    opacity: .65;
  }
}

.feature__selectBtnTxt {
  padding: 6px 22px;
  font-size: 14px;
}

@media only screen and (max-width: 767px) {
  .feature__selectBtnTxt {
    padding: 8px 0;
  }
}

.feature__selectBtn--gray {
  border: 2px solid #666;
}

.recommend__inner {
  padding: 0 0 60px;
}

@media print, (min-width: 768px) {
  .recommend {
    min-width: 100%;
  }
  .recommend__inner {
    max-width: 100%;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 767px) {
  .recommend__inner {
    padding: 0 0 24px 0;
  }
}
.recommendItem__price {
  display: none;
}
.pbNestedWrapper {
	background: #FFF;
}

@media screen and (min-width: 768px){
.featureContent__Inner{
    padding:0 0 40px 0;
}
.feature__naviBtn:not(:last-child) {
    margin: 0 24px 40px 0;
}
.feature__navi{
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    justify-content: center;
}
.recommendCorner__list{
    justify-content: space-around;
    padding: 0 0 18px 0;
}
}

@media screen and (max-width: 767px){
.featureContent__Inner{
    padding: 0 10% 40px
}
.recommendCorner__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 260px;
    margin:0 auto;
}
.featureContent__Inner .blockTitle__more {
    display: block;
    margin:0 18px;
}
}

.featureHead{
    margin:0;
}
.recommendCorner__items{
    width:240px;
    height:auto;
}
.blockTitle__more{
    text-align:right;

}
.feature__naviBtnImage--theme::after{
background-image: url(https://content.bookoff.co.jp/assets/images/bl/top/navi-05.png);
content: "";
    position: absolute;
    right: -4px;
    width: 78px;
    height: 90px;
    background-size: 78px;
    background-repeat: no-repeat;
}

/* パンくず修正 start */
@media only screen and (max-width: 767px) {
  .breadcrumbs {
      transform: translateZ(0);
      margin: 0;
      padding: 12px 18px 20px;
  }
}
/* パンくず修正 end */