@charset "utf-8";
/*
Theme Name: hero5
Theme URI: http://herobunko.com
Description: ヒーロ文庫[Ver5.0.1]
Version: Ver5.0.0 - 2025.9.1
Author: axm
*/
html {
  overflow-x: hidden;
}
body {
  font-size: 16px;
  line-height: 1.75;
  max-width: 100vw;
  font-family: "Noto Sans JP", sans-serif;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body,
body * {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
}
em {
  font-style: normal;
}
pre {
  padding: 5px 10px;
  background-color: #f1f1f1;
}
img {
  width: auto;
  height: auto;
  max-width: 100%;
}
a {
  color: initial;
  text-decoration: none;
  transition: opacity 0.24s;
}
a[href]:hover {
  opacity: 0.65;
}
main {
  padding-top: 8em;
  padding-bottom: 4.4em;
  min-height: calc(100vh - 16.9em);
}
#primary main {
  padding-bottom: 0;
}
.container {
  margin: 0 auto;
  width: 90%;
  max-width: 1216px;
}
.section_title {
  font-size: 11.3em;
  font-family: "Bebas Neue", sans-serif;
  font-weight: 500;
  color: #d2eaf6; /* position: relative; */
  line-height: 1.1;
  margin-top: 0.16em;
  margin-left: -0.74em;
  margin-bottom: 0.03em;
  position: relative;
}
.comics .section_title {
  color: #fceacc;
}
.section_title small {
  font-family: "Noto Sans JP", sans-serif;
  color: #000;
  font-weight: 600;
  font-size: 0.21em;
  position: absolute;
  bottom: 0.65em;
  left: 3.55em;
}
.btn {
  font-weight: 500;
  margin: 2.5em auto 6.1em;
  display: block;
  width: 17.5em;
  text-align: center;
  background: linear-gradient(0deg, #0656ad 50%, #1e96d2 50%);
  color: #fff;
  padding: 0.43em 0;
  border-radius: 2em;
  position: relative;
}
.comics .btn {
  background: linear-gradient(0deg, #e65800 50%, #f29600 50%);
}
.btn:after {
  content: "";
  width: 0.3em;
  height: 0.3em;
  position: absolute;
  right: 0;
  top: 50%;
  margin: -0.16em 1.2em 0 0;
  border: #fff 2px solid;
  transform: rotate(45deg);
  border-left: 0;
  border-bottom: 0;
}
.breadcrumbs {
  padding: 10px 0 12px;
}
.breadcrumbs ul {
  /* display: flex; */
}
main .breadcrumbs ul {
  padding: 0 1.5em;
  margin: 0;
}
.breadcrumbs li {
  display: inline;
}
.breadcrumbs li + li:before {
  content: "＞";
  padding: 0 0.8em;
  color: #b3b3b3;
}
.breadcrumbs li a {
  color: #b3b3b3;
  display: inline;
}
.breadcrumbs li a:hover {
  opacity: 1;
  text-decoration: underline;
}

.common_pagenation {
  padding: 2.1em 0 4.9em;
}
.common_pagenation ul {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  gap: 7px;
  padding: 0;
}
.common_pagenation .page-numbers {
  background: #b3b3b3;
  line-height: 0.45;
  padding-top: 0.472em;
  padding-bottom: 0.58em;
  display: block;
  border-radius: 0.3em;
  color: #fff;
  min-width: 1.5em;
  text-align: center;
}
.common_pagenation .page-numbers.hidden {
  opacity: 0.25;
  pointer-events: none;
  display: none;
}
.common_pagenation .page-numbers.current {
  background: #00a1d9;
}
.common_pagenation .page-numbers.dots {
  background: none;
  color: unset;
  margin-bottom: -0.4em;
  pointer-events: none;
}
.common_pagenation .prev,
.common_pagenation .next {
  font-family: "Quicksand", sans-serif;
  color: unset;
  background: none;
  padding-left: 1.2em;
  padding-right: 1.2em;
  width: auto;
  white-space: nowrap;
}
main .title_category {
  width: 100%;
  background: #45a4de url(/assets/img/bg_title_category.jpg) no-repeat;
  color: #fff;
  background-size: cover;
  text-align: center;
  font-weight: 500;
  font-size: 1.819em;
  padding: 0.5em 0;
  margin-bottom: 2.7em;
  min-width: 100vw;
}
main .title_category small {
  position: absolute;
  right: 0.24em;
  font-family: "Bebas Neue", sans-serif;
  font-size: 3.9em;
  line-height: 0.55;
  opacity: 0.2;
}
.border {
  margin-bottom: 1.7em;
  border: none;
  height: 1.3em;
  background: #45a4de url(/assets/img/bg_title_category.jpg) no-repeat;
  background-size: cover;
  min-width: 100vw;
}
#paperback + .border {
  margin-top: 6em;
}
.comics .border {
  filter: hue-rotate(184deg) contrast(1.2);
}
/*============================
#site-header
============================*/
#site-header {
  position: fixed;
  position: absolute;
  width: 100%;
  height: 7.3em;
  background: #fff;
  z-index: 10;
  box-shadow: rgba(0, 0, 0, 0.3) 0 0 0.7em;
  overflow: hidden;
  max-width: 100vw;
  font-size: 1.1em;
}
#site-header.fix {
  position: fixed;
  top: -4.5em;
}
#site-header .container {
  max-width: 100%;
  width: 100%;
}
#site-header a.brand-logo {
  display: block;
  width: 6.2em;
  margin: 0.4em 0 0.05em 1.75em;
  height: 3.9778em;
}

a.brand-logo {
}
#site-header.fix a.brand-logo {
  margin-top: 4.5em;
  margin-bottom: -3.1em;
  width: 4.6em;
  z-index: 2;
  position: relative;
}
#site-header.fix a.brand-logo img {
  width: 100% !important;
}
.comics #site-header.fix a.brand-logo {
  margin-top: 4.5em;
  margin-bottom: -6.2em;
  width: 7.4em;
  position: absolute;
}
.comics #site-header a.brand-logo.bunko,
.comics #site-header a.brand-logo .bunko,
#site-header a.brand-logo.comics,
#site-header a.brand-logo .comics {
  display: none;
}
.comics #site-header a.brand-logo.comics {
  display: block;
}
.comics #site-header a.brand-logo .comics {
  display: block;
  width: 9.7em;
  max-width: 15em;
  padding-bottom: 0.7em;
}
#site-header.fix .site-header_utils {
  top: -1em;
  opacity: 0.7;
  position: relative;
  height: 2em;
}
.comics #site-header.fix .site-header_utils {
  top: 4.4em;
}
#site-header .site-header_utils nav.global-nav {
}
#site-header .site-header_utils nav.global-nav .global-nav_list {
  display: flex;
  width: 100%;
  justify-content: center;
  background-repeat: no-repeat; /* padding-right: 9%; */
  box-sizing: border-box;
  position: relative;
}
#site-header .site-header_utils nav.global-nav .global-nav_list:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1em;
  background: linear-gradient(180deg, rgb(0 0 0 / 20%) 0%, transparent 0.3em);
  z-index: 2;
}
#site-header .site-header_utils nav.global-nav .global-nav_list li {}
#site-header .site-header_utils nav.global-nav .global-nav_list li a {
  padding: 0.75em 2.07em;
  display: block;
  font-size: 0.9em;
  transition: 0.3s cubic-bezier(0.25, 0.07, 0, 0.94);
  opacity: 1;
}
#site-header li a {
  background: linear-gradient(
    0deg,
    #fff 50%,
    #0458ad 50%,
    #0458ad 55%,
    #1e96d2 55%
  );
  background-size: 100% 6.5em;
  background-position-y: 3.2em;
}
.comics #site-header li a {
  background: linear-gradient(
    0deg,
    #fff 50%,
    #e65800 50%,
    #e65800 55%,
    #f29600 55%
  );
  background-size: 100% 6.5em;
  background-position-y: 3.2em;
}
#site-header .site-header_utils nav.global-nav .global-nav_list li.current a,
#site-header .site-header_utils nav.global-nav .global-nav_list li:hover a,
#site-header[secno="n1"] li:nth-child(1) a,
#site-header[secno="n2"] li:nth-child(2) a,
#site-header[secno="n3"] li:nth-child(3) a,
#site-header[secno="n4"] li:nth-child(4) a,
#site-header[secno="n5"] li:nth-child(5) a {
  color: #fff;
  background-position-y: 0em;
}
#site-header .site-header_utils .sns {
  position: absolute;
  right: 24.8em;
  top: 0.7em;
  width: 20em;
  display: flex;
}
#site-header.fix .site-header_utils .sns {
  display: none;
}
.comics #site-header .site-header_utils .sns {
  right: 22.5em;
}
#site-header .site-header_utils .sns p.forsp {
}
.comics #site-header .site-header_utils .sns li.bunko,
#site-header .site-header_utils .sns li.comics {
  display: none;
}
.comics #site-header .site-header_utils .sns li.comics {
  display: block;
}
#site-header .site-header_utils .sns li a {background: #fff !important;}
#site-header .site-header_utils .sns li a img {
  width: 1.35em;
  padding: 0.8em 0.45em;
}
#site-header.fix .site-header_utils form.search-form {
  display: none;
}
#site-header .site-header_utils form.search-form {
  position: absolute;
  right: 25.8em;
  top: 1.23em;
  border: none;
}

form.search-form {
}
#site-header .site-header_utils form.search-form label.sr-only {
}

/*============================
#header-search
============================*/
#site-header .site-header_utils form.search-form input#header-search {
  border: #ccc 1px solid;
  padding: 0.45em 0.9em;
  border-radius: 3em;
  font-size: 0.85em;
  width: 13.3em;
  line-height: 1;
  background: url(/assets/img/icon_search.svg) no-repeat 94%;
  background-size: 1.35em;
}
::placeholder {
  opacity: 0.5;
}
#site-header .site-header_utils form.search-form button.btn.btn_primary {
  display: none;
}
#site-header a.mega_link {
  position: absolute;
  right: 10.7em;
  width: 12em;
  top: 0;
  height: 4.5em;
}
#site-header a.mega_link.comics,
.comics #site-header a.mega_link.bunko {
  display: none;
}
.comics #site-header a.mega_link.comics {
  display: block;
}
#site-header a.mega_link .logo {
  width: 7.9em;
  margin: 0.15em 0 0.05em 0.8em;
  position: relative;
  filter: contrast(0) brightness(2);
}
.comics #site-header a.mega_link .logo {
  width: 5em;
  margin-left: 2.2em;
  margin-top: 0.1em;
}
#site-header a.mega_link span {
  display: block;
  color: #fff;
  font-size: 0.66em;
  font-weight: 300;
  position: relative;
  line-height: 1;
  text-align: center;
  width: 13.7em;
}
#site-header a.mega_link:before {
  content: "";
  width: 100%;
  background: linear-gradient(0deg, #e55800 30%, #f19601 30%);
  height: 100%;
  left: 0;
  position: absolute;
  transform: skewX(-30deg);
  transform-origin: 0 0;
}
.comics #site-header a.mega_link:before {
  background: linear-gradient(0deg, #0458ad 30%, #1e96d2 30%);
}
#site-header a.mega_link.store {
  right: -2.7em;
  width: 13.4em;
  box-sizing: border-box;
  padding-left: 0.9em;
}
#site-header a.mega_link.store:before {
  background: linear-gradient(0deg, #022a81 30%, #0458ae 30%);
}
#site-header a.mega_link.store .logo {
  width: 8em;
  margin: 0.15em 0 0.05em;
}
#site-header a.mega_link.store span {
  width: 12em;
}

/*============================
#site-footer
============================*/
#site-footer {
  background: #1e96d2;
  position: relative;
}
.comics #site-footer {
  background: #f29600;
}
#site-footer .pagetop {
  position: fixed;
  right: 1em;
  bottom: 2em;
  width: 3em;
  height: 3em;
  background: linear-gradient(0deg, #0656ad 50%, #1e96d2 50%);
  border-radius: 50%;
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s;
}
#site-footer.is-on .pagetop {
  opacity: 1;
  pointer-events: auto;
}
.comics #site-footer .pagetop {
  background: linear-gradient(0deg, #e65800 50%, #f29600 50%);
}
#site-footer .container {
  width: 100%;
  max-width: 100%;
  padding: 0 2.5em;
  box-sizing: border-box;
  min-height: 7.5em;
}
#site-footer .brand-links {
  display: flex;
  padding: 1.5em 0 0.1em;
  gap: 0 2.5em;
}
#site-footer .brand-links li a {
  display: block;
}
#site-footer .brand-links li a img {
  filter: contrast(0) brightness(2);
  width: auto;
  height: 3em;
}
#site-footer a.infos {
  position: absolute;
  right: 0;
  top: 0;
  margin: 1.4em 2.4em 0;
}
#site-footer a.infos img {
  width: 6.5em;
}
#site-footer p.copyright {
  line-height: 1;
}
#site-footer p.copyright small {
  color: #fff;
  font-size: 0.6em;
}

/*============================
#hero
============================*/
#hero {
  display: block;
  overflow: hidden;
  height: 45.9em;
  position: relative;
  opacity: 0;
}
#hero .bg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: blur(1em) contrast(0.3) brightness(1.6);
}
#hero .container {
  position: relative;
}
#hero .slider {
  width: 168em;
  margin: 3.2em auto;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
#hero.is-single .slider {
  width: 100%;
}

#hero .slider .slider_container {
  display: flex;
  width: max-content;
}
#hero .slider a.slide {
  display: block;
  width: 52.7em;
  margin-inline: auto;
}

#hero .slider a.slide picture {
  display: block;
  vertical-align: bottom;
  background: #fff;
}
#hero .slider a.slide picture img {
  vertical-align: bottom;
  width: 100%;
}
#hero .slider .arrow_slider {
  position: absolute;
  width: 52.7em;
  height: 100%;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  pointer-events: none;
  max-width: 70vw;
}
#hero.is-single .slider .arrow_slider {
  display: none;
}
#hero .slider .arrow_slider .prev {
  left: 0;
  right: auto;
  transform: scaleX(-1);
}
#hero .slider .arrow_slider img {
  width: 3.48em;
  position: absolute;
  right: 0;
  top: 50%;
  margin: -2.1em -7em 0;
  filter: drop-shadow(0 0.1em 0.2em rgb(0, 0, 0, 0.2));
  background: linear-gradient(0deg, #0656ad 50%, #1e96d2 50%);
  border-radius: 50%;
  cursor: pointer;
  pointer-events: all;
  transition: filter 0.6s;
}
#hero .slider .arrow_slider img:hover {
  filter: brightness(1.2);
}
.comics #hero .slider .arrow_slider img {
  background: linear-gradient(0deg, #e65800 50%, #f29600 50%);
}
#hero .slider a.slide:hover {
  opacity: 1;
}
#hero .slider a.slide img {
  transition: opacity 0.2s;
}
#hero .slider a.slide:hover img {
  opacity: 0.82;
}
.slider .arrow_bullet {
  display: flex;
  justify-content: center;
  z-index: 2;
  position: relative;
  margin-top: 0.6em;
}
.slider .arrow_bullet span {
  width: 3.25em;
  height: 1.8em;
  position: relative;
  cursor: pointer;
}
.slider .arrow_bullet span:before,
.slider .arrow_bullet span:after {
  content: "";
  position: absolute;
  width: 70%;
  left: 15%;
  top: 50%;
  height: 3px;
  background: #fff;
}
.slider .arrow_bullet span:after {
  background: #fff;
}
.slider span.swiper-pagination-bullet-active:after {
  width: 0%;
  background: #e3007f;
  animation: bar1 4s linear;
  animation-fill-mode: forwards;
}
@keyframes bar1 {
  0% {
    width: 0%;
  }
  100% {
    width: 70%;
  }
}
.slider span.swiper-pagination-bullet-active + span:after,
.slider span.swiper-pagination-bullet-active + span + span:after,
.slider span.swiper-pagination-bullet-active + span + span + span:after,
.slider span.swiper-pagination-bullet-active + span + span + span + span:after,
.slider
  span.swiper-pagination-bullet-active
  + span
  + span
  + span
  + span
  + span:after,
.slider
  span.swiper-pagination-bullet-active
  + span
  + span
  + span
  + span
  + span
  + span:after {
  width: 0;
}
/*============================
#brand-banner
============================*/
#brand-banner {
  background: #fff;
  z-index: 2;
  position: relative;
}
#brand-banner .container {
  padding: 5em 0 1.2em;
}
#brand-banner a.brand-banner_link,
#brand-banner a.brand-banner_link picture {
  display: block;
  line-height: 0;
}
#brand-banner a.brand-banner_link + a.brand-banner_link {
  margin-top: 2.4em;
}

/*============================
#pickup
============================*/
#pickup .pickup_links {
  display: flex;
  justify-content: space-between;
  gap: 1.6em;
  flex-wrap: wrap;
}
#pickup a.card_link {
  width: 48.686%;
  display: inline-block;
}

/*============================
#news
============================*/
#news .tabs {
  display: flex;
  overflow: hidden;
  gap: 0 0.28em;
}
#news .tabs button.tabs_tab.is-active {
  color: #fff;
  background: #1e96d2;
}
.comics #news .tabs button.tabs_tab.is-active {
  color: #fff;
  background: #f29600;
}
#news .tabs button.tabs_tab {
  display: block;
  width: 100%;
  font-size: 1.25em;
  color: #1e96d2;
  border: none;
  background: #d2eaf6;
  padding: 0.55em 0;
  transform: skewX(-29deg);
  cursor: pointer;
  transition: 0.2s;
}
.comics #news .tabs button.tabs_tab {
  background: #fceacc;
  color: #f29600;
}
#news .tabs button.tabs_tab:first-child {
  margin-left: -1.7em;
  padding-left: 2em;
}
#news .tabs button.tabs_tab:last-child {
  margin-right: -1.7em;
  padding-right: 2em;
}
#news .tabs button.tabs_tab span {
  transform: skewX(29deg);
  display: block;
}
#news .news-list .news-list_items {
  margin: 0.6em 0;
  min-height: 18.5em;
}
#news.newslist .news-list .news-list_items {
  margin: 1.1em 0;
}
#news .news-list .news-list_items li.news-item {
  border-bottom: #ccc 1px solid;
  padding: 0.9em 0;
}
#news.newslist .news-list .news-list_items li.news-item {
  padding: 1.9em 0;
  position: relative;
}
#news.newslist .news-list .news-list_items li.news-item:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1.9em;
  height: 1.9em;
  background: url(/assets/img/icon_link.svg);
  background-size: contain;
  margin: 1.9em 0.7em;
}
#news .news-list .news-list_items li.news-item a.news-item_link {
  display: flex;
  align-items: start;
  flex-wrap: wrap;
}
#news
  .news-list
  .news-list_items
  li.news-item
  a.news-item_link
  span.news-item_tag {
  width: 7.5em;
  text-align: center;
  background: #1e96d2;
  color: #fff;
  padding: 0.05em 0;
}
#news
  .news-list
  .news-list_items
  li.news-item
  a.news-item_link
  time.news-item_date {
  width: 5em;
  margin: 0 2em;
  letter-spacing: -0.02em;
}
#news .news-list .news-list_items li.news-item a.news-item_link p {
  max-width: calc(100% - 16.5em);
}
#news .news-list .news-list_items li.news-item a.news-item_link .area_text {
  max-width: calc(100% - 21.5em);
}
#news .news-list .news-list_items li.news-item a.news-item_link .area_text h4 {
  font-size: 1.25em;
  line-height: 1.55;
  margin-top: -0.1em;
  margin-bottom: 0.7em;
  font-weight: 500;
}
.news-item_tag.goods {
  background: #e3007f !important;
}
.news-item_tag.comics {
  background: #f29600 !important;
}
#news .news-list .news-list_items li.news-item a.news-item_link .area_text p {
  max-width: 100%;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
}
/*============================
#movie
============================*/
#movie {
  position: relative;
  overflow: hidden;
  overflow: hidden;
  max-height: 54.1em;
}
.booksec + #movie {
  margin-top: 6.3em;
}
#movie:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.7em;
  background: linear-gradient(0deg, transparent, black);
  opacity: 0.3;
}
#movie .bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: blur(1.3em);
  position: absolute;
  height: 54.3em;
  filter: blur(1em) contrast(0.3) brightness(1.6);
}
#movie .section_title {
  color: #fff;
  margin-top: 0em;
  margin-bottom: -0.05em;
}
#movie .slider {
  width: 115em;
  margin: 0 auto;
  z-index: 1;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
#movie .slider .slider_container {
  display: flex;
  min-width: max-content;
  box-sizing: content-box;
}
#movie .slider article.slide {
  background: #fff;
  width: 37em;
  min-height: 30em;
  box-sizing: border-box;
  border-radius: 1em;
  position: relative;
  flex-shrink: 0; /* 端切れ・停止の元を断つ */
  box-sizing: border-box;
}
#movie .slider article.slide a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 1.5em;
  box-sizing: border-box;
}
#movie .slider article.slide:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 2em;
  height: 2em;
  background: url(/assets/img/icon_play.svg);
  margin: 0.8em 1em;
}
#movie .slider article.slide a.video-card_link .video-card_media {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}
#movie .slider article.slide a.video-card_link .video-card_media img {
  object-fit: cover;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
#movie .slider article.slide a.video-card_link h3.video-card_title {
  margin-top: 1em;
  font-size: 1em;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  word-break: break-all;
}
#movie .slider article.slide a.video-card_link time {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 1em 1.8em;
  font-weight: 300;
  font-size: 0.85em;
}
#movie .slider .arrow_bullet {
  display: flex;
  justify-content: center;
  z-index: 2;
  position: relative;
  margin-top: 1.5em;
}

#movie a.btn.btn_more {
  background: linear-gradient(0deg, #bc0025 50%, #fe0034 50%);
}
#movie .slider .arrow_with_bullet {
  display: flex;
  width: auto;
  justify-content: center;
  align-items: center;
  position: relative;
}
#movie a.btn.btn_more:after {
  transf]: r;
  transform: rotate(0);
  transf]: ;
  transf]: revert;
  transf]: revert;
  width: 0.9em;
  height: 0.9em;
  margin: -0.4em 1.1em;
  border: none;
  background: url(/assets/img/icon_blank.svg) no-repeat;
  background-size: contain;
}
/*============================
#paperback
============================*/
.booksec .container {
  /* width: 100%; */
}
.booksec .section_title {
  margin-top: 0.4em;
}
.booksec .slider.slider_4 {
  width: 100%;
}
.booksec .slider.slider_4 .slider_container {
  display: flex; /* gap: 0 2em; */
  width: max-content;
}
.booksec .slider.slider_4 .slider_container li {
  padding-bottom: 2.1em;
}
.booksec .list_items {
  display: grid;
  margin-bottom: 5.6em;
  grid-template-columns: repeat(auto-fill, 278px);
  gap: 6em 2em;
  justify-content: start;
}
.booksec .list_items li {
  position: relative;
  padding-bottom: 4.1em;
}
.booksec a.book-card_link .book-card_cover {
  /* width: 17.5em; */
  overflow: hidden;
  margin-bottom: 1.4em;
  display: block;
}
.booksec a.book-card_link .book-card_cover img {
  height: 100%;
  width: 100%;
  min-height: 25.3em;
  object-fit: contain;
  position: relative;
  object-position: 50% 0;
}
.booksec a.book-card_link .book-card_body {
}
.booksec a.book-card_link .book-card_body h3.book-card_title {
  min-height: 4.1em;
}
.booksec a.book-card_link .book-card_body h3.book-card_title .option {
  display: block;
  color: #f29600;
}
.booksec a.book-card_link .book-card_body h3.book-card_title em {
  font-feature-settings: "palt";
  letter-spacing: 0.02em;
  font-weight: 500;
  color: #f29600;
}
.booksec a.book-card_link .book-card_body p.book-card_meta {
  min-height: 5.3em;
  color: #969696;
}
.booksec a.btn.btn_trial {
  margin-top: 1.9em;
  text-align: left;
  background: #969696;
  padding-left: 3.6em;
  box-sizing: border-box;
  margin-bottom: 0;
  max-width: 100%;
  position: absolute;
  bottom: 0;
  transition: background .2s;
}
.booksec a.btn.btn_trial:hover{
  opacity:1;
  background:#1e96d2;
}
.comics .booksec a.btn.btn_trial:hover,
.booksec .comics a.btn.btn_trial:hover{
  background:#f29600;
}
.booksec .arrow_slider {
  width: 25em;
  height: 2em;
  margin: 2em auto;
  position: relative;
}
.booksec a.btn.btn_trial:before {
  border: none;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 1.4em;
  height: 1.4em;
  background: url(/assets/img/icon_book.svg) no-repeat;
  margin: 0.5em 1.4em;
  background-size: contain;
}
.booksec .arrow_slider span,
.slider .arrow_with_bullet .prev,
.slider .arrow_with_bullet .next {
  position: absolute;
  width: 0em;
  height: 0em;
  padding: 0.35em;
  right: 0;
  margin: 0.6em;
  border: #1e96d2 3px solid;
  border-left: 0;
  border-bottom: 0;
  transform: rotate(45deg);
  cursor: pointer;
  transition: border-color 0.2s;
}
.slider .arrow_with_bullet .prev,
.slider .arrow_with_bullet .next {
  position: relative;
  margin: 2.2em 1.3em 0.5em;
  border-color: #fff;
}
.slider .arrow_with_bullet .prev:hover,
.slider .arrow_with_bullet .next:hover {
  border-color: #e3007f !important;
}
.booksec .arrow_slider span:after,
.slider .arrow_with_bullet .prev:after,
.slider .arrow_with_bullet .next:after {
  content: "";
  position: absolute;
  width: 3em;
  height: 3em;
  margin: -1.5em;
}
.booksec .arrow_slider span.swiper-button-disabled {
  border-color: #d1d3d0;
}
.booksec .arrow_slider span.prev,
.slider .arrow_with_bullet .prev {
  left: 0;
  right: auto;
  transform: rotate(225deg);
}

.booksec .scrollbar {
  position: absolute;
  width: 80%;
  margin-left: 10%;
  height: 3px;
  background: #d1d3d0;
  top: 50%;
  margin-top: -1.5px;
}
.booksec .scrollbar div {
  background: #1e96d2;
  position: absolute;
  width: 50%;
  left: 0;
  height: 100%;
  z-index: 2;
}
.booksec .scrollbar:after,
.booksec .scrollbar div:after {
  content: "";
  position: absolute;
  height: 30px;
  width: 100%;
  top: -13px;
  cursor: pointer;
}
.booksec a.btn.btn_more {
  margin-bottom: 1.9em;
}

/*============================
#comics
============================*/
#comics.booksec .section_title {
  margin-top: -0.1em;
}
#comics.booksec .slider.slider_4 li.slide {
  padding-bottom: 3.8em;
}
/*============================
#features
============================*/
#features {
  margin-bottom: 8em;
}
/*============================
#features-title
============================*/
#features h2#features-title.section_title {
  margin-top: -0.1em;
}
#features .list_feature {
  display: grid;
  grid-template-columns: repeat(auto-fill, 384px);
  gap: 1.8em 1.9em;
  margin: 5em 0 0em;
  justify-content: center;
  justify-items: start;
}
#features .list_feature li {
  text-align: center;
  width: 100%;
}
#features .list_feature li a {
  width: 100%;
  display: block;
}
#features .list_feature li a img {
  height: auto;
  object-fit: contain;
  width: 100%;
}
#features a.btn.btn_more {
  margin-top: 0.9em;
}

/*============================
#paperback
============================*/
#book_detail + #paperback {
  margin-top: -4.1em;
}
#paperback .sort_category {
  display: flex;
  flex-wrap: wrap;
  padding-left: 15.6em;
  position: relative;
  gap: 1em 2em;
}
#paperback .sort_category li:first-child {
  position: absolute;
  left: 0;
}
#paperback .sort_category li.current {
  background: #1e96d2;
}
#paperback .sort_category li {
  width: 13.6em;
  padding-right: 1em;
  box-sizing: border-box;
  display: block;
  background: #969696;
  color: #fff;
  border-radius: 2em;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1; /* 任意の行数を指定 */
}
#paperback .sort_category li a {
  color: #fff;
  padding: 0.1em 0.9em;
  box-sizing: border-box;
  display: block;
}
#paperback .sort_category li a span {
  position: absolute;
  right: 0.5em;
  font-size: 0.9em;
  top: 0.2em;
}
#paperback .sort_flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 3.8em 0 5.1em;
}
#paperback .sort_flex form.sort_search {
  width: calc(100% - 31em);
}
#paperback .sort_flex form.sort_search label.sr-only {
  display: none;
}

/*============================
#header-search
============================*/
#paperback .sort_search input#header-search {
  border: #ccc 2px solid;
  padding: 0.65em 1.3em;
  border-radius: 3em;
  font-size: 1.05em;
  width: 100%;
  line-height: 1;
  background: url(/assets/img/icon_search.svg) no-repeat 97% 58%;
  background-size: 1.1em;
}
#paperback .sort_search input:not(:placeholder-shown):focus,
#paperback .sort_search input:not(:placeholder-shown):hover {
  background: #fff !important;
}
#paperback .sort_columns {
  display: flex;
}
#paperback .sort_columns h4 {
  font-weight: 400;
}
#paperback .sort_columns a.date {
  margin-left: 1.8em;
  cursor: pointer;
}
#paperback .sort_columns a.title {
  margin-left: 1.8em;
  cursor: pointer;
}
#paperback .sort_columns a {
  opacity: 0.4;
}
#paperback .sort_columns a.is-active,
#paperback .sort_columns a:hover {
  opacity: 1;
}
#paperback .book_list {
  display: grid;
  grid-template-columns: repeat(auto-fill, 13.6em);
  gap: 6em 2em;
  margin-bottom: 3em;
}
#paperback .book_list a.book-card_link .book-card_cover {
  min-height: 19.8em;
  background: #e5e5e5;
}
#paperback .book_list a.book-card_link .book-card_cover img {
  vertical-align: bottom;
}
#paperback .book_list a.book-card_link .book-card_body h3.book-card_title {
  margin: 0.5em 0 0.6em;
  line-height: 1.55;
}
#paperback .book_list a.book-card_link .book-card_body p.book-card_meta {
  color: #969696;
}

/*============================
#news_detail
============================*/
#news_detail .p-entry-product,
#news_detail .js-pretty-scroll-container {
  width: 100%;
}
#news_detail .area_visual {
  width: 21.25em;
  max-width: 100%;
}
#news_detail .area_visual picture {
  width: 100%;
  min-height: auto;
  display: block;
}
#news_detail .area_visual picture img {
  width: 100%;
}
.area_detail span.news-item_tag {
  width: 7.5em;
  text-align: center;
  background: #1e96d2;
  color: #fff;
  padding: 0.05em 0;
  display: inline-block;
  margin-right: 1em;
  vertical-align: middle;
}
#news_detail .area_detail {
  width: 49.9em;
  max-width: 100%;
}
#news_detail .area_detail .title_detail {
  font-size: 1.5em;
  margin: 1em 0 2em;
}
#news_detail .area_detail .main_text {
  margin-bottom: 3em;
}
#news_detail .area_detail .main_text p {
  margin: 0 0 1em;
  min-height: 0;
}
#news_detail .area_detail .main_text a {
  color: #1e96d2;
}
#news_detail .c-heading-largest__inner,
#news_detail .js-hiraku-offcanvas + div h1 {
  font-size: 1.375em;
  color: #1e96d2;
  border-bottom: #1e96d2 2px solid;
  padding-bottom: 0.25em;
  margin-bottom: 1.9em;
  margin-top: 3em;
}
#news_detail .area_detail .js-hiraku-offcanvas + div p {
  margin-bottom: 1.6em;
  line-height: 1.5;
}
#news_detail .area_detail .p-books-benefit-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(176px, 1fr));
  gap: 2em 3em;
  margin-bottom: 3em;
  margin-top: 3.5em;
}
#news_detail .area_detail .p-books-benefit-list + p {
  margin-top: -2em;
}
#news_detail .area_detail .p-books-benefit-list .p-books-benefit-list {
  margin-bottom: 0;
}
#news_detail .area_detail .p-books-benefit-list li {
  max-width: 234px;
}
#news_detail .area_detail .p-books-benefit-list strong {
  font-weight: 500;
  display: block;
}
#news_detail .area_detail .p-books-benefit-list li h6 {
  width: 100%;
  text-align: center;
  background: #1e96d2;
  color: #fff;
  padding: 0.05em 0;
  display: inline-block;
  margin-right: 1em;
  vertical-align: middle;
  font-weight: 400;
  font-size: 1em;
}
#news_detail .area_detail .p-books-benefit-list li p + h6 {
  margin-top: 3em;
}
#news_detail .area_detail .main_text .p-books-benefit-list li h6 + p {
  font-size: 0.85em;
  margin: 1em 0;
  font-feature-settings: "palt";
  letter-spacing: 0.03em;
  min-height: 3.5em;
}
#news_detail .area_detail .p-books-benefit-list .cboxElement {
  width: 100%;
  display: block;
}
#news_detail .area_detail .p-books-benefit-list .cboxElement img {
  width: 100%;
  max-height: 24em;
  object-fit: contain;
}
#news_detail .area_detail .info_items {
  margin-bottom: 7.8em;
}

#news_detail .area_detail .info_items .list_items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(176px, 1fr));
  gap: min(60px, 4.6vw) min(50px, 2vw);
  margin-bottom: 3em;
  margin-top: 3.5em;
}

#news_detail .area_detail .info_items .list_items li a h4 {
  width: 100%;
  text-align: center;
  background: #1e96d2;
  color: #fff;
  padding: 0.05em 0;
  display: inline-block;
  margin-right: 1em;
  vertical-align: middle;
  font-weight: 400;
}
#news_detail .area_detail .info_items .list_items li a p {
  font-size: 0.85em;
  margin: 1em 0;
  font-feature-settings: "palt";
  letter-spacing: 0.03em;
  min-height: 3.5em;
}
#news_detail .area_detail .info_items .list_items li a picture {
  position: relative;
}
#news_detail .area_detail .info_items .list_items li a picture:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1.8em;
  height: 1.8em;
  background: url(/assets/img/icon_zoom.svg) no-repeat;
  background-size: cover;
  margin: 0.4em 0.6em;
}
#news_detail .area_detail .info_items .list_items li a picture img {
  vertical-align: bottom;
}
#news_detail .area_detail .info_events dl {
  display: flex;
  flex-flow: wrap;
  margin: -1.9em 0 6.4em;
}
#news_detail .area_detail .info_events dl dt {
  width: 13em;
  border-bottom: #ccc 1px solid;
  padding: 0.6em 0;
}
#news_detail .area_detail .info_events dl dd {
  width: calc(100% - 13em);
  border-bottom: #ccc 1px solid;
  padding: 0.6em 0;
  font-feature-settings: "palt";
  letter-spacing: 0.03em;
}

/*============================
#books_category
============================*/
#books_category .books_hero {
  overflow: hidden;
  position: relative;
  margin-bottom: 2.4em;
}
#books_category .books_hero .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: blur(1.3em);
}
#books_category .books_hero .box_series {
  background: #fff;
  position: relative;
  margin: 2.5em 0;
  display: flex;
}
#books_category .books_hero .box_series picture {
  width: 28%;
  width: 21.7em;
  display: block;
  height: 30.9em;
}
#books_category .books_hero .box_series picture img {
  vertical-align: bottom;
  height: 100%;
  object-fit: contain;
  object-position: 0% 0%;
}
#books_category .books_hero .box_series .area_text {
  padding: 2em 0 0 4.7em;
  width: calc(100% - 21em);
  box-sizing: border-box;
}
#books_category .books_hero .box_series .area_text h3.title_v {
  position: absolute;
  right: -0.43em;
  top: 0.7em;
  text-align: left;
  font-family: "Bebas Neue", sans-serif;
  transform: rotate(90deg);
  font-weight: 400;
  font-size: 7.5em;
  line-height: 1;
  color: #d2eaf6;
}
#books_category .books_hero .box_series .area_text h1 {
  font-weight: 500;
  font-size: 2.4em;
  margin: 0.45em 0;
  z-index: 1;
  position: relative;
  max-width: calc(100% - 2em);
}
#books_category .books_hero .box_series .area_text .content {
  display: flex;
  align-items: center;
  min-height: 20.5em;
  max-width: 46em;
  z-index: 1;
  position: relative;
  padding-bottom: 2em;
  padding-right: 2em;
  font-feature-settings: "palt";
  letter-spacing: 0.04em;
}
#books_category .books_hero .box_series .area_text .content p + p {
  margin-top: 0.5em;
}
/*============================
#brand-banner
============================*/
#books_category #brand-banner a.brand-banner_link img {
  width: 100%;
  height: auto;
}
#books_category .info_books {
  margin: 6.4em 0 2em;
}
#books_category .info_books h3 {
  font-size: 1.375em;
  color: #1e96d2;
  border-bottom: #1e96d2 2px solid;
  padding-bottom: 0.25em;
  margin-bottom: 2em;
}
#books_category .info_books .list_items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  grid-template-columns: repeat(auto-fill, 224px); /* minmaxではなく固定幅 */
  gap: min(50px, 2vw) 1.4em;
  margin: 5em 0 3em;
  justify-content: start;
}
#books_category .info_books .list_items li {
  min-height: 29.4em;
}
#books_category .info_books .list_items li a picture {
  height: 19.9em;
  overflow: hidden;
  display: block;
}
#books_category .info_books .list_items li a picture img {
  height: 100%;
  object-fit: contain;
  object-position: 50% 0;
}
#books_category .info_books .list_items li a h4 {
  margin: 1.3em 0 1.3em;
  font-weight: 500;
}
#books_category .info_books .list_items li a span.tag {
  padding: 0.14em 0.6em;
  border-radius: 2em;
  margin-right: 0.3em;
  margin-bottom: 0.5em;
  background: #1e96d2;
  font-weight: 400;
  color: #fff;
  font-size: 0.9em;
  min-width: 5.9em;
  display: inline-block;
  text-align: center;
}

/*============================
#book_detail
============================*/
#book_detail .container {
  display: flex;
  padding-top: 2.6em;
  justify-content: space-between;
}
.area_visual {
  width: 21.25em;
  max-width: 100%;
}
.area_visual picture {
  min-height: 31.2em;
  display: block;
}
.area_visual picture img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.area_visual a.btn.btn_trial {
  width: 100%;
  margin-top: 1.7em;
  background: #1e96d2 url(/assets/img/icon_book.svg) no-repeat 1.4em 59%;
  background-size: 1.4em;
  text-align: left;
  padding-left: 3.6em;
  margin-bottom: 1em;
  box-sizing: border-box;
}
.comics .area_visual a.btn {
  background-color: #f29600 !important;
  padding-left: 1.4em;
  text-align: center;
}
.area_visual .reader_flex {
  display: flex;
  gap: 1em;
  margin-bottom: -1em;
}
.area_visual .sns_share {
  display: flex;
  align-items: center;
  margin: 1.6em 0 5em;
  gap: 0 1.4em;
}
.area_visual .sns_share h3 {
  font-size: 1em;
  margin-right: 2.3em;
  margin-bottom: 0.6em;
  display: inline-block;
  font-weight: 500;
  vertical-align: middle;
}
.area_visual .sns_share a{
  vertical-align: middle;
  margin-right: 1.2em;
}
.area_visual .sns_share a img {
  width: 2.3em;
}
.area_detail {
  width: 49.9em;
  max-width: 100%;
}
.area_detail .info_basic {
  min-height: 33.7em;
  position: relative;
}
.area_detail h3 {
  font-size: 1.375em;
  color: #1e96d2;
  border-bottom: #1e96d2 2px solid;
  padding-bottom: 0.25em;
  margin-bottom: 1.9em;
  margin-top: -0.5em;
}
.comics .area_detail h3 {
  color: #f29600;
  border-color: #f29600;
}
.area_detail .taglist span {
  padding: 0.14em 0.6em;
  border-radius: 2em;
  margin-right: 0.6em;
  background: #1e96d2;
  font-weight: 400;
  color: #fff;
  font-size: 0.9em;
  min-width: 6em;
  display: inline-block;
  text-align: center;
}
.comics .area_detail .taglist span {
  background: #f29600;
}
.area_detail .title_detail {
  font-weight: 500;
  font-size: 2.4em;
  margin: 0.35em 0 1em;
  z-index: 1;
  position: relative;
}
.area_detail .title_detail .option {
  color: #f29600;
  display: block;
  line-height: 1.2;
  margin-top: 1em;
  font-size: 0.7em;
}
.area_detail p.info_spec {
  margin-top: 1.8em;
  margin-bottom: 4em;
}
.area_detail .video {
  position: absolute;
  right: 0;
  bottom: 2.3em;
  width: 24em;
  height: 13.5em;
}
.area_detail .video iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}
.area_detail .links {
  display: flex;
  flex-wrap: wrap;
  gap: 1.3em;
  margin-bottom: 4.5em;
}
.area_detail .links a {
  padding: 0.44em 1.6em;
  border-radius: 2em;
  box-sizing: border-box;
  background: #000000;
  font-weight: 400;
  color: #fff;
  font-size: 1em;
  min-width: 15.7em;
  text-align: left;
  position: relative;
}
.area_detail .links a:after {
  content: "";
  width: 0.3em;
  height: 0.3em;
  position: absolute;
  right: 0;
  top: 50%;
  margin: -0.16em 1.2em 0 0;
  border: #fff 2px solid;
  transform: rotate(45deg);
  border-left: 0;
  border-bottom: 0;
}
.area_detail .main_text h4 {
  font-size: 1.5em;
  font-weight: 500;
}
.area_detail .main_text p {
  margin-top: 1.7em;
  font-feature-settings: "palt";
  letter-spacing: 0.04em;
  min-height: 10em;
  margin-bottom: 7.2em;
}
.area_detail .info_shops .list_items {
  display: grid;
  grid-template-columns: repeat(auto-fill, 176px); /* minmaxではなく固定幅 */
  gap: min(13px, 0.9vw) min(31px, 2.15vw);
  margin: 2.6em 0 4em;
  justify-content: start; /* 左寄せにする */
}
.area_detail .info_shops .list_items li {
  width: 100%;
  max-width: 176px;
  border: #d2d2d2 1px solid;
}
.area_detail .info_shops .list_items li a {
  vertical-align: bottom;
  display: block;
}
.area_detail .info_shops .list_items li a img {
  width: 100%;
  vertical-align: bottom;
}
.comics .area_detail .info_shops .list_items {
  margin-bottom: 7.5em;
}
/*============================
#result_search
============================*/
#result_search .result_num{margin: -3.1em 0 2em;font-size: 1.2em;}
#result_search .result-list li.news-item{padding: 1.9em 0;position: relative;border-bottom: #ccc 1px solid;}
#result_search .result-list li.news-item:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1.9em;
  height: 1.9em;
  background: url(/assets/img/icon_link.svg);
  background-size: contain;
  margin: 1.9em 0.7em;
}
	#result_search .btn{
		margin: 4em auto 2em;
	}
#result_search .result-list .news-item_link{display: flex;justify-content: space-between;}
#result_search .result-list .area_img {width: 12em;height: 10em;}
#result_search .result-list .post .area_img{
    height: 7.9em;
}
#result_search .result-list .area_img img {width: 100%;height: 100%;object-fit: contain;}
#result_search .result-list .area_text {width: calc(100% - 13em);}
#result_search .result-list .area_text h4 {font-size: 1.25em;line-height: 1.55;margin-top: -0.1em;margin-bottom: 0.7em;font-weight: 500;display: inline-block;max-width: calc(100% - 8em);margin-ke: 1em;}
#result_search .result-list .area_text .tag{
  width: 7.5em;
  text-align: center;
  background: #1e96d2;
  color: #fff;
  padding: 0.05em 0;
  display: inline-block;
  margin-right: 1em;
  vertical-align: top;
}
#result_search .result-list .area_text p {max-width: calc(100% - 5em);overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: break-all;}
#result_search .result-list .post .area_text p{
    -webkit-line-clamp: 3;
}
#result_search .result-list .area_text h3 {font-size: 1.1em;}

@media (max-width: 1540px) {
	.section_title{
    margin-left: calc(-50vw + 3.52em);
	}
}
@media (max-width: 1366px) {
	.section_title{
    margin-left: -0.26em;
 }
}
@media (max-width: 1000px) {
 body{
    font-size:1.6vw;
 }
}
@media (min-width: 769px) {
	.forsp{
		display:none !important;
	}
  .forpc {
    display: block!important;
  }

  /*============================
  #news_detail
  ============================*/
  #news_detail .container {
    display: flex;
    padding-top: 0;
    justify-content: space-between;
    margin: auto; /* max-width: initial; */
    width: 100%;
  }
}
@media (max-width: 768px) {
	.forsp{
		display:block !important;
	}
  .forpc {
    display: none!important;
  }
	 body{
	    font-size: 3.73334vw;
	 }
	main {
	  padding-top: 3.6em;
	  padding-bottom: 4.4em;
	  min-height: calc(100vh - 16.9em);
	}
	#primary main {
	  padding-bottom: 0;
	}
	.container {
	  width: 85.334%;
	  max-width: 1216px;
	}
	.section_title {
	  font-size: 6.4em;
	  line-height: 1.2;
	  margin-top: 0.32em;
	  margin-left: -0.17em;
	  margin-bottom: 0.05em;
	}
	.section_title small {
	  font-size: 0.24em;
	  bottom: 0.56em;
	  left: 0.72em;
	}
	.btn {
	  font-weight: 500;
	  margin: 2.2em auto 4.3em;
	  width: 17.5em;
	  padding: 0.43em 0;
	  border-radius: 2em;
	}
	.comics .btn {
	  background: linear-gradient(0deg, #e65800 50%, #f29600 50%);
	}
	.btn:after {
	  width: 0.3em;
	  height: 0.3em;
	  top: 50%;
	  margin: -0.16em 1.2em 0 0;
	}
	.breadcrumbs {
	  padding: 0.9em 0;
	}
	main .breadcrumbs ul {
	  padding: 0 1.5em;
	  font-size: 0.8em;
	}
	.breadcrumbs li + li:before {
	  padding: 0 0.8em;
	}
	.common_pagenation {
	  padding: 0.8em 0 1.7em;
	}
	.common_pagenation ul {
	  gap: 7px;
	  padding: 0;
	}
	.common_pagenation .page-numbers {
	  line-height: 0.45;
	  padding-top: 0.472em;
	  padding-bottom: 0.58em;
	  border-radius: 0.3em;
	  min-width: 1.5em;
	}
	.common_pagenation .page-numbers.hidden {
	  opacity: 0.25;
	}
	.common_pagenation .page-numbers.dots {
	  margin-bottom: -0.4em;
	}
	.common_pagenation .prev,
	.common_pagenation .next {
	  padding-left: 1.2em;
	  padding-right: 1.2em;
	}
	main .title_category {
	  width: 100%;
	  font-weight: 500;
	  font-size: 1.619em;
	  padding: 0.5em 0;
	  margin-bottom: 1.6em;
	  min-width: 100vw;
	}
	main .title_category small {
	  right: 0.04em;
	  font-size: 3.8em;
	  line-height: 0.55;
	  opacity: 0.2;
	}
	.border {
	  margin-bottom: 1.7em;
	  height: 1.3em;
	}
	#paperback + .border {
	  margin-top: 6em;
	}
	/*============================
	#site-header
	============================*/
	#site-header {
	  width: 100%;
	  height: 5.8em;
	  z-index: 10;
	  box-shadow: rgba(0, 0, 0, 0.3) 0 0 0.7em;
	  max-width: 100vw;
	  font-size: 2.3vw;
	  overflow: visible;
	  position: fixed;
	}
	#site-header.fix {
	  top: 0;
	  position: fixed;
	}
	#site-header a.brand-logo {
	  width: 7.9em;
	  margin: 0.6em 0 0.05em 5.45em;
	  height: 3.9778em;
	}
	#site-header.fix a.brand-logo {
	  width: 7.9em;
	  margin: 0.5em 0 0.05em 5.05em;
	  height: 3.9778em;
	}
	.comics #site-header.fix a.brand-logo {
	  width: 12.5em;
	  margin: 0.5em 0 0.05em 5.05em;
	}
	.comics #site-header a.brand-logo .comics {
	  width: 12.2em;
	  max-width: 15em;
	  padding-bottom: 0.7em;
	  margin-left: -0.2em;
	}
	#site-header.fix .site-header_utils {
	  top: -1em;
	  opacity: 1;
	  height: 100%;
	  top: 0.5em;
	}
    #site-header .site-header_utils{
      position: absolute;
      width: 100%;
      top: 2.2em;
      background: #fff;
      font-size: 2.6em;
      box-shadow: rgb(0 0 0 / 40%) 0 0.2em 0.4em;
      overflow: hidden;
      max-height: 0;
      transition: max-height .5s
cubic-bezier(0.33, 0.09, 0.06, 0.98);
    }
    #site-header .site-header_utils nav.global-nav{
      overflow: visible;
    }
    #site-header.open .site-header_utils{
      max-height: 25em;
    }
	.comics #site-header.fix .site-header_utils {
	  top: 2.2em;
	}
	#site-header .site-header_utils nav.global-nav .global-nav_list {
	  width: 100%;
	  display: block;
	  overflow: visible;
	  padding: 1.1em 0;
	}
	#site-header .site-header_utils nav.global-nav .global-nav_list:before {
	  content: "";
	  height: 1em;
	  background: linear-gradient(180deg, rgb(0 0 0 / 20%) 0%, transparent 0.3em);
	}
	#site-header .site-header_utils nav.global-nav .global-nav_list li a {
	  padding: 0.25em 1.27em;
	  font-size: 0.9em;
	  transition: 0.3s cubic-bezier(0.25, 0.07, 0, 0.94);
	  opacity: 1;
	  background: none;
	  color: #000 !important;
	}
	#site-header li a {
	  background: linear-gradient(
	    0deg,
	    #fff 50%,
	    #0458ad 50%,
	    #0458ad 55%,
	    #1e96d2 55%
	  );
	  background-size: 100% 6.5em;
	  background-position-y: 3.2em;
	}
	.comics #site-header li a {
	  background: linear-gradient(
	    0deg,
	    #fff 50%,
	    #e65800 50%,
	    #e65800 55%,
	    #f29600 55%
	  );
	  background-size: 100% 6.5em;
	  background-position-y: 3.2em;
	}
	#site-header .site-header_utils .sns {
	  width: 14.4em;
	  position: relative;
	  top: 0;
	  right: 0;
	  border-top: #d2d2d2 1px solid;
	  margin: 2.7em 0 0 1em;
	  align-items: center;
	  padding-top: 0.7em;
	  display: flex !important;
	}
    #site-header .site-header_utils .sns p{
      vertical-align: middle;
      font-size: 0.72em;
      min-width: 9.5em;
      display: block;
      padding-left: .2em;
    }
    #site-header .site-header_utils .sns + .sns{
      margin-top: -1.5em;
      border: none;
      padding-bottom: 0.6em;
    }
	.comics #site-header .site-header_utils .sns {
	  right: 20.4em;
	  right: 0;
	}
    #site-header .site-header_utils .sns:first-of-type li.comics{
      display:none;
    }
    .comics #site-header .site-header_utils .sns:first-of-type li.comics{
      display:none;
    }
    .comics #site-header .site-header_utils .sns li.bunko, #site-header .site-header_utils .sns li.comics{
      display:block;
    }
    .comics #site-header .site-header_utils .sns li.bunko:first-child{
      display:none;
    }
	#site-header .site-header_utils .sns li a img {
	  width: 1.65em;
	  padding: 0.8em 0.45em 0.4em;
	}
    #site-header .site-header_utils .sns li:last-child a img{

    }
	#site-header .site-header_utils form.search-form {
	  left: 1.1em;
	  right: auto;
	  top: 12em;
	  position: absolute;
	  display: block !important;
	}
	/*============================
	#header-search
	============================*/
    #site-header .menubtn{
      display:block;
      position:absolute;
      width: 5em;
      height: 5.8em;
      /* background: #ff0000; */
      top: 0;
    }
    #site-header .menubtn span{
      display:block;
      position: absolute;
      width: 42%;
      height: max(1px, 0.13em);
      background: #000000;
      left: 28%;
      top: 50%;
      transition: .4s cubic-bezier(0.28, 0.1, 0, 1.03);
    }
    #site-header .menubtn span:first-child{
      top: 35%;
    }
    #site-header .menubtn span:last-child{
        top: 65%;
    }
    #site-header.open .menubtn span:first-child{
      top: 50%;
      transform: rotate(45deg);
    }
    #site-header.open .menubtn span:nth-child(2){
        width: 0%;
        left: 50%;
        transition: .2s;
    }
  #site-header.open .menubtn span:last-child{
      top: 50%;
      transform: rotate(-45deg);
    }
	#site-header .site-header_utils form.search-form input#header-search {
	  border: #ccc 1px solid;
	  padding: 0.45em 0.9em;
	  border-radius: 3em;
	  font-size: 0.735em;
	  width: 19.6em;
	  line-height: 1;
	  background: url(/assets/img/icon_search.svg) no-repeat 94%;
	  background-size: 1.35em;
	}
	#site-header a.mega_link {
	  right: 10.7em;
	  width: 12em;
	  height: 5.8em;
	}
	#site-header a.mega_link .logo {
	  width: 9em;
	  margin: 0.45em 0 0.45em 0.3em;
	  position: relative;
	}
	.comics #site-header a.mega_link .logo {
	  width: 6.3em;
	  margin-left: 1.2em;
	  margin-top: 0.2em;
	  margin: 0.25em 0 0.35em 1.3em;
	}
	#site-header a.mega_link span {
	  font-size: 0.77em;
	  line-height: 1;
	  width: 13.7em;
	  margin-left: -1.9em;
	}
	#site-header a.mega_link:before {
	  background: linear-gradient(0deg, #e55800 30%, #f19601 30%);
	}
	.comics #site-header a.mega_link:before {
	  background: linear-gradient(0deg, #0458ad 30%, #1e96d2 30%);
	}
	#site-header a.mega_link.store {
	  right: -2.7em;
	  width: 13.4em;
	  padding-left: 0.9em;
	}
	#site-header a.mega_link.store:before {
	  background: linear-gradient(0deg, #022a81 30%, #0458ae 30%);
	  width: 110%;
	}
	#site-header a.mega_link.store .logo {
	  width: 9em;
	  margin: 0.45em 0 0.5em -0.35em;
	}
	#site-header a.mega_link.store span {
	  width: 12em;
	  font-size: 0.77em;
	}

	/*============================
	#site-footer
	============================*/
  #site-footer{
    padding-bottom: 1.4em;
  }
	#site-footer .pagetop {
	  right: 0.8em;
	  bottom: 1.1em;
	  width: 2.5em;
	  height: 2.5em;
	  background: linear-gradient(0deg, #0656ad 50%, #1e96d2 50%);
	  border-radius: 50%;
	}
	.comics #site-footer .pagetop {
	  background: linear-gradient(0deg, #e65800 50%, #f29600 50%);
	}
	#site-footer .container {
	  padding: 0 2em;
	  min-height: 7.5em;
	}
	#site-footer .brand-links {
	  padding: 1.1em 0 0.8em;
	  gap: 0 2.5em;
	  display: block;
	}
  #site-footer .brand-links li a{
    margin-bottom:.1em;
  }
	#site-footer .brand-links li a img {
	  filter: contrast(0) brightness(2);
	  height: 3em;
	}
	#site-footer a.infos {
	  margin: 1.4em 1.9em 0;
	  bottom: 1em;
	  top: auto;
	}
	#site-footer a.infos img {
	  width: 6.5em;
	}
	#site-footer p.copyright {
	  line-height: 1;
	}
	#site-footer p.copyright small {
	  font-size: 0.6em;
	}

	/*============================
	#hero
	============================*/
	#hero {
	  height: 26.7em;
	}
  #hero.is-single {
    height: 21.5em;
  }
	#hero .bg {
	  filter: blur(1em) contrast(0.3) brightness(1.6);
	}
	#hero .slider {
	  width: 345vw;
	  margin: 2.1em auto;
	}
	#hero .slider a.slide {
	  width: 52.7em;
	}
	#hero .slider .arrow_slider {
	  width: 59.7em;
	  max-width: 41vw;
	}
	#hero .slider .arrow_slider .prev {
	  transform: scaleX(-1);
	}
	#hero .slider .arrow_slider img {
	  width: 2.48em;
	  top: 100%;
	  margin: -2.1em -7em 0;
	  filter: drop-shadow(0 0.1em 0.2em rgb(0, 0, 0, 0.2));
	}
	.comics #hero .slider .arrow_slider img {
	  background: linear-gradient(0deg, #e65800 50%, #f29600 50%);
	}
	#hero .slider a.slide:hover {
	  opacity: 1;
	}
	#hero .slider a.slide img {
	  transition: opacity 0.2s;
	}
	#hero .slider a.slide:hover img {
	  opacity: 0.82;
	}
	.slider .arrow_bullet {
	  margin-top: 1.2em;
    z-index: -1;
	}
	.slider .arrow_bullet span {
	  width: 2.75em;
	  height: 1.8em;
	}
	.slider .arrow_bullet span:before,
	.slider .arrow_bullet span:after {
	  width: 70%;
	  left: 15%;
	  height: 3px;
	}
	/*============================
	#brand-banner
	============================*/
	#brand-banner {
	}
	#brand-banner .container {
	  padding: 2.5em 0 0em;
	}
	#brand-banner a.brand-banner_link + a.brand-banner_link {
	  margin-top: 0.5em;
	}

	/*============================
	#pickup
	============================*/
	#pickup .pickup_links {
	  gap: 1.6em;
	}
	#pickup a.card_link {
	  width: 100%;
	}

	/*============================
	#news
	============================*/
	#news .tabs {
	  gap: 0 0.28em;
	}
	#news .tabs button.tabs_tab {
	  width: 100%;
	  font-size: 1.25em;
	  background: #d2eaf6;
	  padding: 0.05em 0;
	  transform: skewX(-29deg);
	  transition: 0.2s;
	}
	#news .tabs button.tabs_tab:first-child {
	  margin-left: -1.7em;
	  padding-left: 2em;
	}
	#news .tabs button.tabs_tab:last-child {
	  margin-right: -1.7em;
	  padding-right: 2em;
	}
	#news .tabs button.tabs_tab span {
	  transform: skewX(29deg);
	  font-size: 0.75em;
	}
    #news .tabs button:nth-child(1).tabs_tab span{
      margin-left: -0.6em;
    }
  #news .tabs button:nth-child(3).tabs_tab span{
      font-size: 0.65em;
    }
  #news .tabs button:nth-child(4).tabs_tab span{
      font-size: 0.6em;
      max-width: 3em;
      text-indent: -1em;
      margin-left: 2.6em;
      line-height: 1.3;
      padding: 0.4em 0;
    }
	#news .news-list .news-list_items {
	  margin: 0.6em 0;
	  min-height: 4em;
	}
	#news.newslist .news-list .news-list_items {
	  margin: 0.8em 0 1.1em;
	}
	#news .news-list .news-list_items li.news-item {
	  padding: 1em 0;
	}
	#news.newslist .news-list .news-list_items li.news-item {
	  padding: 1.9em 0;
	  position: relative;
	}
	#news.newslist .news-list .news-list_items li.news-item:after {
	  width: 2.1em;
	  height: 2.1em;
	  margin: 1.8em 0.1em;
	}
	#news
	  .news-list
	  .news-list_items
	  li.news-item
	  a.news-item_link
	  span.news-item_tag {
	  width: 7.5em;
	  padding: 0.05em 0;
	}
	#news
	  .news-list
	  .news-list_items
	  li.news-item
	  a.news-item_link
	  time.news-item_date {
	  width: 5em;
	  margin: 0 1.5em;
	  letter-spacing: -0.02em;
	}
	#news .news-list .news-list_items li.news-item a.news-item_link p {
	  max-width: 100%;
	  width: 100%;
	  padding-top: 0.5em;
	}
    #news .news-list .news-list_items li.news-item a.news-item_link .area_text p{
      padding-top: 0;
      max-width: 89%;
    }
	#news .news-list .news-list_items li.news-item a.news-item_link .area_text {
	  max-width: 100%;
	  margin-top: 1em;
	  margin-bottom: -0.8em;
	}
	#news .news-list .news-list_items li.news-item a.news-item_link .area_text h4 {
	  font-size: 1.25em;
	  line-height: 1.55;
	  margin-top: -0.1em;
	  margin-bottom: 0.5em;
	  font-weight: 500;
	}
	/*============================
	#movie
	============================*/
	#movie {
	  max-height: 54.1em;
	}
	.booksec + #movie {
	  margin-top: 6.3em;
	}
	#movie:before {
	  width: 100%;
	  height: 0.7em;
	  background: linear-gradient(0deg, transparent, black);
	}
	#movie .bg {
	  height: 54.3em;
	}
	#movie .section_title {
	  margin-top: 0em;
	  margin-bottom: -0.05em;
	}
	#movie .slider {
	  width: 250vw;
	  margin: 2.8em auto 3.5em;
	}
	#movie .slider article.slide {
	  width: 37em;
	  min-height: 23.6em;
	  border-radius: 0.5em;
	}
	#movie .slider article.slide a {
	  padding: 1.3em;
  }

  #movie .slider article.slide:after {
	  width: 1.7em;
	  height: 1.7em;
	  margin: 0.8em 1.2em;
	}
  #movie .slider article.slide a.video-card_link h3.video-card_title{
    line-height:1.6;
  }
	#movie .slider article.slide a.video-card_link .video-card_media {
	  padding-bottom: 56.25%;
	}
	#movie .slider article.slide a.video-card_link time {
	  margin: 1em 1.8em;
	  font-size: 0.75em;
	}
	#movie .slider .arrow_bullet {
	  z-index: 2;
	  margin-top: 1.5em;
	}
	#movie a.btn.btn_more {
	  background: linear-gradient(0deg, #bc0025 50%, #fe0034 50%);
	}
	#movie a.btn.btn_more:after {
	  width: 0.9em;
	  height: 0.9em;
	  margin: -0.4em 1.1em;
	}
	/*============================
	#paperback
	============================*/
	.booksec .section_title {
	  margin-top: 0.4em;
    white-space: nowrap;
	}
    .booksec .slider.slider_4{
      width: 60vw;
      margin-top: 1.2em;
      margin-left: 3.4em;
    }
	.booksec .slider.slider_4 .slider_container li {
	  padding-bottom: 3.3em;
	  width: 14.95em;
	  position: relative;
	}
	.booksec .list_items {
    display: flex;
    flex-wrap: wrap;
	  gap: 3em 1em;
	  margin-bottom: 1.6em;
	}
	.booksec .list_items li {
    width: calc(50% - 0.5em);
	  padding-bottom: 4.1em;
	}
	.booksec a.book-card_link .book-card_cover {
	  margin-bottom: 0.6em;
	}
	.booksec a.book-card_link .book-card_cover img {
	  min-height: auto;
	  object-position: 50% 0;
	}
	.booksec a.book-card_link .book-card_body h3.book-card_title {
    font-size: 1.1em;
	  min-height: auto;
	}
	.booksec a.book-card_link .book-card_body h3.book-card_title em {
	  letter-spacing: 0.02em;
	}
	.booksec a.book-card_link .book-card_body p.book-card_meta {
	  min-height: auto;
	}
	.booksec a.btn.btn_trial {
	  margin-top: 1.9em;
	  padding-left: 3.6em;
	  font-size: 0.9em;
	  width: 100%;
	}
	.booksec .arrow_slider {
	  width: 21.7em;
	  height: 2em;
	  margin: 1.1em auto 2.6em;
	}
	.booksec a.btn.btn_trial:before {
	  width: 1.4em;
	  height: 1.4em;
	  margin: 0.5em 1.4em;
	}
	.booksec .arrow_slider span,
	.slider .arrow_with_bullet .prev,
	.slider .arrow_with_bullet .next {
	  padding: 0.25em;
	  margin: 0.6em;
	  border-width: .2em;
	  transition: border-color 0.2s;
	}
	.slider .arrow_with_bullet .prev,
	.slider .arrow_with_bullet .next {
	  margin: 2.2em 1.3em 0.5em;
	}
	.booksec .arrow_slider span:after,
	.slider .arrow_with_bullet .prev:after,
	.slider .arrow_with_bullet .next:after {
	  width: 3em;
	  height: 3em;
	  margin: -1.5em;
	}
	.booksec .scrollbar {
	  width: 73%;
	  margin-left: 14%;
	  height: 2px;
	  margin-top: -1.5px;
	}
	.booksec .scrollbar div {
	  width: 50%;
	}
	.booksec .scrollbar:after,
	.booksec .scrollbar div:after {
	  height: 30px;
	  width: 100%;
	  top: -13px;
	}
	.booksec a.btn.btn_more {
	  margin-bottom: 1.9em;
	}

	/*============================
	#comics
	============================*/
	#comics.booksec .section_title {
	  margin-top: 0.5em;
	}
	#comics.booksec .slider.slider_4 li.slide {
	  padding-bottom: 3.8em;
	  position: relative;
	}
	/*============================
	#features
	============================*/
	#features {
	  margin-bottom: 2.3em;
	}
	/*============================
	#features-title
	============================*/
	#features h2#features-title.section_title {
	  margin-top: 0.55em;
	}
	#features .list_feature {
	  grid-template-columns: repeat(auto-fill, 10.9em);
	  gap: 1.2em 1em;
	  margin: 1em 0 0em;
	}
	#features a.btn.btn_more {
	  margin-top: 0.9em;
	}

	/*============================
	#paperback
	============================*/
	#book_detail + #paperback {
	  margin-top: -2.1em;
	}
	#paperback .sort_category {
	  padding-left: 0;
	  gap: 1em;
	}
	#paperback .sort_category li {
	  width: auto;
	  padding-right: 3em;
	  border-radius: 2em;
	  -webkit-line-clamp: 1;
	}
  #paperback .sort_category li:first-child {
    position: relative;
  }
  #paperback .sort_category li a {
	  padding: 0.1em 0.9em;
	}
	#paperback .sort_category li a span {
	  right: 0.5em;
	  font-size: 0.9em;
	  top: 0.2em;
	}
	#paperback .sort_flex {
    display: block;
	  margin: 1em 0;
	}
	#paperback .sort_flex form.sort_search {
	  width: 100%;
    margin-bottom: 1em;
	}
	/*============================
	#header-search
	============================*/
	#paperback .sort_search input#header-search {
	  border: #ccc 2px solid;
	  padding: 0.65em 1.3em;
	  border-radius: 3em;
	  font-size: 1.05em;
	  width: 100%;
	  line-height: 1;
	  background: url(/assets/img/icon_search.svg) no-repeat 97% 58%;
	  background-size: 1.1em;
	}
	#paperback .sort_columns a.date {
	  margin-left: 1em;
	}
	#paperback .sort_columns a.title {
	  margin-left: 1em;
	}
	#paperback .sort_columns a {
	  opacity: 0.4;
	}
	#paperback .sort_columns a.is-active,
	#paperback .sort_columns a:hover {
	  opacity: 1;
	}
	#paperback .book_list {
	  display: flex;
    flex-wrap: wrap;
	  gap: 2em 1em;
	  margin-bottom: 1em;
	}
	#paperback .book_list li {
    width: calc(50% - 0.5em);
  }
	#paperback .book_list a.book-card_link .book-card_cover {
	  min-height: auto;
	}
	#paperback .book_list a.book-card_link .book-card_body h3.book-card_title {
	  margin: 0.5em 0 0.6em;
    font-size: 1.1em;
	  line-height: 1.55;
	}

	/*============================
	#news_detail
	============================*/
	#news_detail .area_visual {
    width: 100%;
	}
	#news_detail .area_detail {
	  width: 49.9em;
	}
	.area_detail span.news-item_tag {
	  width: 7.5em;
	  padding: 0.05em 0;
	  margin-right: 1em;
	}
	#news_detail .area_detail .title_detail {
	  font-size: 1.3em;
	  margin: 1em 0;
	}
	#news_detail .area_detail .main_text {
	  margin-bottom: 3em;
    overflow-wrap: break-word;
	}
	#news_detail .area_detail .main_text p {
	  margin: 0 0 1em;
	  min-height: 0;
	}
  #news_detail .area_detail .main_text p img {
    display: block;
    margin-inline: auto;
  }

  #news_detail .c-heading-largest__inner,
	#news_detail .js-hiraku-offcanvas + div h1 {
	  font-size: 1.3em;
	  border-bottom: #1e96d2 2px solid;
	  padding-bottom: 0.25em;
	  margin-bottom: 1.9em;
	  margin-top: 3em;
	}
	#news_detail .area_detail .js-hiraku-offcanvas + div p {
	  margin-bottom: 1.6em;
	  line-height: 1.5;
	}
	#news_detail .area_detail .p-books-benefit-list {
	  grid-template-columns: repeat(auto-fit, minmax(176px, 1fr));
	  gap: 2em 3em;
	  margin-bottom: 3em;
	  margin-top: 3.5em;
	}
	#news_detail .area_detail .p-books-benefit-list + p {
	  margin-top: -2em;
	}
	#news_detail .area_detail .p-books-benefit-list li {
	  max-width: 100%;
	}
	#news_detail .area_detail .p-books-benefit-list strong {
	  font-weight: 500;
	  display: block;
	}
	#news_detail .area_detail .p-books-benefit-list li h6 {
	  width: 100%;
	  padding: 0.05em 0;
	  margin-right: 1em;
	  font-weight: 400;
	  font-size: 1em;
	}
	#news_detail .area_detail .p-books-benefit-list li p + h6 {
	  margin-top: 3em;
	}
	#news_detail .area_detail .main_text .p-books-benefit-list li h6 + p {
	  font-size: 0.85em;
	  margin: 1em 0;
	  letter-spacing: 0.03em;
	  min-height: 3.5em;
	}
	#news_detail .area_detail .p-books-benefit-list .cboxElement {
	  width: 100%;
	}
	#news_detail .area_detail .p-books-benefit-list .cboxElement img {
	  width: 100%;
	  max-height: 24em;
	}
	#news_detail .area_detail .info_items {
	  margin-bottom: 7.8em;
	}

	#news_detail .area_detail .info_items .list_items {
	  grid-template-columns: repeat(auto-fit, minmax(176px, 1fr));
	  gap: min(60px, 4.6vw) min(50px, 2vw);
	  margin-bottom: 3em;
	  margin-top: 3.5em;
	}

	#news_detail .area_detail .info_items .list_items li a h4 {
	  padding: 0.05em 0;
	  margin-right: 1em;
	}
	#news_detail .area_detail .info_items .list_items li a p {
	  font-size: 0.85em;
	  margin: 1em 0;
	  letter-spacing: 0.03em;
	  min-height: 3.5em;
	}
	#news_detail .area_detail .info_items .list_items li a picture:after {
	  width: 1.8em;
	  height: 1.8em;
	  margin: 0.4em 0.6em;
	}
	#news_detail .area_detail .info_events dl {
	  margin: -1.9em 0 6.4em;
	}
	#news_detail .area_detail .info_events dl dt {
	  width: 13em;
	  border-bottom: #ccc 1px solid;
	  padding: 0.6em 0;
	}
	#news_detail .area_detail .info_events dl dd {
	  width: calc(100% - 13em);
	  padding: 0.6em 0;
	  letter-spacing: 0.03em;
	}

	/*============================
	#books_category
	============================*/
	#books_category .books_hero {
	  margin-bottom: 0;
	}
	#books_category .books_hero .bg {
	  filter: blur(1.3em);
	}
	#books_category .books_hero .box_series {
    display: block;
	  margin: 2.5em 0;
	}
	#books_category .books_hero .box_series picture {
	  width: 100%;
	  height: auto;
	}
	#books_category .books_hero .box_series picture img {
    width: 100%;
    height: auto;
	  object-position: 0% 0%;
	}
	#books_category .books_hero .box_series .area_text {
    position: relative;
	  padding: 1em 1.5em 2em;
	  width: 100%;
	}
	#books_category .books_hero .box_series .area_text h3.title_v {
	  right: -0.6em;
	  top: 50%;
	  transform: rotate(90deg) translateX(-50%);
	  font-size: 7.5em;
	  line-height: 1;
    opacity: .7;
	}
	#books_category .books_hero .box_series .area_text h1 {
	  font-size: 1.5em;
	  margin: 0.5em 0 0.7em;
	  z-index: 1;
	  max-width: 100%;
	}
	#books_category .books_hero .box_series .area_text .content {
	  min-height: auto;
	  max-width: 100%;
	  padding: 0;
	  letter-spacing: 0.04em;
	}
	#books_category .books_hero .box_series .area_text .content p + p {
	  margin-top: 0.5em;
	}
	/*============================
	#brand-banner
	============================*/
	#books_category #brand-banner a.brand-banner_link img {
	  height: auto;
	}
	#books_category .info_books {
	  margin: 2.4em 0 1em;
	}
	#books_category .info_books h3 {
	  font-size: 1.375em;
	  padding-bottom: 0.25em;
	  margin-bottom: 1em;
	}
	#books_category .info_books .list_items {
	  display: flex;
    flex-wrap: wrap;
	  gap: 2em 1em;
	  margin: 1em 0 2em;
	}
	#books_category .info_books .list_items li {
    width: calc(50% - 0.5em);
	  min-height: auto;
	}
	#books_category .info_books .list_items li a picture {
	  height: auto;
	}
	#books_category .info_books .list_items li a picture img {
	}
	#books_category .info_books .list_items li a h4 {
    font-size: 1.1em;
	  margin: 0.5em 0 0.6em;
	}
	#books_category .info_books .list_items li a span.tag {
	  padding: 0.14em 0.6em;
	  border-radius: 2em;
	  margin-right: 0.3em;
	  margin-bottom: 0.5em;
	  font-size: 0.9em;
	  min-width: 5.9em;
	}

	/*============================
	#book_detail
	============================*/
	#book_detail .container {
    display: block;
	  padding-top: 1em;
	}
	.area_visual {
	  width: 100%;
    max-width: 100%;
	}
	.area_visual picture {
	  min-height: auto;
    margin-bottom: .5em;
	}
	.area_visual picture img {
	}
	.area_visual a.btn.btn_trial {
	  background: #1e96d2 url(/assets/img/icon_book.svg) no-repeat 1.4em 59%;
	  background-size: 1.4em;
	  text-align: left;
	  padding-left: 3.6em;
	  margin-bottom: 1em;
    max-width: 300px;
	}
	.comics .area_visual a.btn {
	  padding-left: 3.4em;
	}
	.area_visual .reader_flex {
	  gap: 1em;
	  margin-bottom: -1em;
	}
	.area_visual .sns_share {
	  margin: 2em 0 2em;
	  gap: 0 1em;
    justify-content: flex-end;
	}
	.area_visual .sns_share h3 {
	  font-size: 1em;
    margin-top: 0;
	  margin-right: 0;
	  margin-bottom: 0.6em;
    padding-bottom: 0;
    color: #000;
    border: none;
	}
  .area_visual .sns_share a {
    margin-right: 0;
  }
	.area_visual .sns_share a img {
	  width: 2.3em;
	}
	.area_detail {
	  width: 49.9em;
	  max-width: 100%;
	}
	.area_detail .info_basic {
	  min-height: auto;
	}
	.area_detail h3 {
	  font-size: 1.3em;
	  border-bottom: #1e96d2 2px solid;
	  padding-bottom: 0.25em;
	  margin-bottom: .5em;
	  margin-top: -0.5em;
	}
	.area_detail .taglist span {
	  padding: 0.14em 0.6em;
	  border-radius: 2em;
	  margin-right: 0.6em;
	  font-weight: 400;
	  font-size: 0.9em;
	  min-width: 6em;
	}
	.area_detail .title_detail {
	  font-weight: 500;
	  font-size: 1.5em;
	  margin: 0.35em 0 .5em;
	  z-index: 1;
	}
	.area_detail .title_detail .option {
	  line-height: 1.2;
	  margin-top: 1em;
	  font-size: 0.7em;
	}
	.area_detail p.info_spec {
	  margin-top: 0;
	  margin-bottom: 1em;
	}
	.area_detail .video {
    position: relative;
	  bottom: 0;
	  width: 100%;
	  height: auto;
    aspect-ratio: 16 /9;
	}
	.area_detail .links {
    margin: 1em auto;
	}
	.area_detail .links a {
	  padding: 0.44em 1.6em;
	  border-radius: 2em;
	  font-size: 1em;
	  min-width: 11.7em;
	}
	.area_detail .links a:after {
	}
	.area_detail .main_text h4 {
	  font-size: 1.3em;
	}
	.area_detail .main_text p {
	  margin-top: 1.5em;
	  letter-spacing: 0.04em;
	  min-height: auto;
	  margin-bottom: 2em;
	}
	.area_detail .info_shops .list_items {
    display: flex;
    flex-wrap: wrap;
	  gap: .2em;
	  margin: 1.5em 0 4em;
	}
	.area_detail .info_shops .list_items li {
	 width: calc(50% - 0.1em);
   box-sizing: border-box;
	}
	.comics .area_detail .info_shops .list_items {
	  margin-bottom: 4em;
	}
  /*============================
  #result_search
  ============================*/
  #result_search .result_num {
    margin: -1.5em 0 2em;
    font-size: 1.2em;
  }
  #result_search .title_category{
    font-size: 1.5em;
    padding: 0.5em 1em;
    box-sizing: border-box;
    line-height: 1.4;
  }
  #result_search .result-list li.news-item {
    padding: 1.5em 0 1.5em;
    border-bottom: #ccc 1px solid;
  }
  #result_search .result-list .news-item_link{
    /* display: block; */
  }
  #result_search .result-list li.news-item:after {
    width: 1.6em;
    height: 1.6em;
    margin: 2.1em 0em;
  }
  #result_search .btn {
    margin: 4em auto 2em;
  }
  #result_search .result-list .area_img {
    width: 7.7em;
    height: 9em;
  }
  #result_search .result-list .post .area_img {
    height: 9em;
  }
  #result_search .result-list .area_text {
    width: calc(100% - 8.8em);
  }
  #result_search .result-list .area_text h4 {
    font-size: 1.25em;
    line-height: 1.55;
    margin-top: -0.1em;
    margin-bottom: 0.7em;
    max-width: 100%;
    display: block;
  }
  #result_search .result-list .area_text .tag {
    width: 7.5em;
    padding: 0.05em 0;
    margin-right: 1em;
    font-size: 0.8em;
    vertical-align: top;
  }
  #result_search .result-list .area_text p {
    max-width: calc(100% - 3em);
    -webkit-line-clamp: 2;
  }
  #result_search .result-list .post .area_text p {
    -webkit-line-clamp: 3;
  }
  #result_search .result-list .area_text h3 {
    font-size: 1.1em;
  }

}