@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700;800&family=Montserrat:wght@400;700&display=swap");
/* ========================================================== */
/* Reset Style */
/* ========================================================== */
*, *::before, *::after {
  box-sizing: border-box;
}

* {
  margin: 0;
}

html, body {
  height: 100%;
}

body {
  -webkit-font-smoothing: antialiased;
  color: #231815;
  font-family: "M PLUS Rounded 1c", "Montserrat", -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  text-size-adjust: none;
  background: #FFFFFF none;
  overflow-scrolling: touch;
}

@media (max-width: 768px) {
  body {
    font-size: 3.04688vw;
  }
}

picture, video, canvas, svg {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
}

img:not(.purchase_grid img) {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
}

input, button, textarea, select {
  font: inherit;
}

p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

li, h1, h2, h3, h4, h5, h6 {
  line-height: 1.4;
}

h1, h2, h3, h4, h5, h6 {
  color: #231815;
}

a {
  text-decoration: none;
  color: inherit;
}

a:hover {
  color: inherit;
  text-decoration: none;
}

a:visited, a:focus, a:active {
  color: inherit;
}

ul {
  padding: 0;
  list-style: none;
}

.p-entry-column a:link {
  color: inherit;
}

.p-entry-column a:hover, .p-entry-column a:focus, .p-entry-column a:active {
  text-decoration: none;
}

@media (min-width: 769px) {
  .sp {
    display: none !important;
  }
}

@media (max-width: 769px) {
  .pc {
    display: none !important;
  }
}

/* ========================================================== */
/* PC用スタイル */
/* ========================================================== */
/* ========================================================== */
/* 共通スタイル */
/* ========================================================== */
.contents_container .wrap {
  padding: 50px 50px 0 50px;
  font-weight: 500;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .contents_container .wrap {
    padding: 4.098360655737705vw 4.098360655737705vw 0 4.098360655737705vw;
  }
}

.container_w1400 {
  max-width: 1400px;
  margin: auto;
}

.container_w1220 {
  max-width: 1220px;
  margin: auto;
}

.container_inner {
  padding: 0 50px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .container_inner {
    padding: 0 4.098360655737705vw;
  }
}

/* 背景画像の配置 */
@media (min-width: 769px) {
  .bg_container {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    overflow: hidden;
  }
  .bg {
    position: absolute;
    z-index: -1;
  }
  .bg.fadein {
    transform: translateY(50px);
    opacity: 0;
    visibility: hidden;
    transition: transform 1s, opacity 1s, visibility 1s;
  }
  .bg.bg01 {
    top: 376px;
    right: 0;
  }
  .bg.bg02 {
    top: 678px;
    left: 0;
  }
  .bg.bg03 {
    top: 1541px;
    left: 0;
  }
  .bg.bg04 {
    top: 1584px;
    right: 0;
  }
  .bg.bg05 {
    top: 2556px;
    right: 0;
  }
  .bg.bg06 {
    top: 3285px;
    left: 0;
  }
  .bg.is-fadein {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }
}

/* ボタン */
.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 218px;
  height: 46px;
  border-radius: 23px;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: 0.12em;
  box-shadow: 7px 7px 0px rgba(0, 0, 0, 0.15);
  transition: .3s;
  position: relative;
}

.btn:hover {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
  transform: translateY(7px);
  opacity: 1 !important;
}

.btn.btn_pink {
  width: 240px;
  background: url(../img/arrow_white01.png) no-repeat calc(100% - 10px) 50% #E5005A;
  border: 2px solid #E5005A;
  background-size: 19px;
  color: #FFFFFF;
}

.btn.btn_pink:hover {
  background: url(../img/ico_spmenu.png) no-repeat calc(100% - 10px) 50% #FFFFFF;
  background-size: 19px;
  color: #E5005A;
}

.btn.btn_pink_border {
  width: 240px;
  background: url(../img/arrow_black01.png) no-repeat calc(100% - 10px) 50% #FFFFFF;
  border: 2px solid #E5005A;
  background-size: 19px;
}

.btn.btn_pink_border:hover {
  background: url(../img/arrow_white01.png) no-repeat calc(100% - 10px) 50% #E5005A;
  background-size: 19px;
  color: #FFFFFF;
}

.btn.btn_yellow {
  background: url(../img/arrow_black01.png) no-repeat calc(100% - 10px) 50% #FFFFFF;
  border: 2px solid #F3CA27;
  background-size: 19px;
}

.btn.btn_yellow:hover {
  background: url(../img/arrow_black01.png) no-repeat calc(100% - 10px) 50% #F3CA27;
  background-size: 19px;
}

/* h2見出し */
.section_header {
  text-align: center;
  margin: 0 0 50px 0;
}

.section_header.left {
  text-align: left;
}

.section_header .ja {
  font-size: 36px;
  font-weight: 800;
  letter-spacing: 0.12em;
  line-height: 1;
}

.section_header .en {
  margin: 16px 0 0 0;
  color: #E5005A;
  font-family: "Montserrat";
  font-size: 18px;
  line-height: 1;
}

/* h3見出し */
.section_header_horizonal {
  margin: 0 0 50px 0;
  padding: 0 0 25px 0;
  border-bottom: 1px solid #d9d9d8;
}

.section_header_horizonal h3 {
  display: flex;
}

.section_header_horizonal .ja {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.12em;
  line-height: 1;
  margin-right: 18px;
}

.section_header_horizonal .en {
  color: #E5005A;
  font-family: "Montserrat";
  font-size: 18px;
  line-height: 1;
}

/* ========================================================== */
/* ヘッダー */
/* ========================================================== */
.site_header .container_w1400 {
  height: 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (min-width: 769px) and (max-width: 1399px) {
  .site_header .container_w1400 {
    height: 7.147962830593281vw;
  }
}

.site_header .logo {
  margin: 0 110px 0 50px;
}

@media (min-width: 769px) and (max-width: 1399px) {
  .site_header .logo {
    margin: 0 1vw 0 3.5739814152966405vw;
    width: 14.72480343102216vw;
  }
}

.site_header .sp_menu_group {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 769px) {
  .site_header .sp_menu_group {
    display: flex !important;
  }
}

.site_header nav ul {
  margin-bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.site_header nav ul li {
  margin-right: 1em;
}

@media (min-width: 769px) and (max-width: 1399px) {
  .site_header nav ul li {
    margin-right: 1.2866333095067906vw;
  }
}

.site_header nav ul li a {
  font-weight: 800;
  white-space: nowrap;
}

@media (min-width: 769px) and (max-width: 1399px) {
  .site_header nav ul li a {
    font-size: 1.28663vw;
  }
}

.site_header nav ul li a:hover, .site_header nav ul li a.stay {
  color: #E5005A;
}

.site_header .sns_group ul {
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.site_header .sns_group ul li {
  margin-left: 10px;
}

@media (min-width: 769px) and (max-width: 1399px) {
  .site_header .sns_group ul li {
    margin-left: 0.7147962830593281vw;
  }
}

.site_header .sns_group ul li img {
  width: 36px;
}

.site_header .sp_menu_open {
  display: none;
}

.site_header .search_open {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  background: #ededed;
  cursor: pointer;
}

@media (min-width: 769px) and (max-width: 1399px) {
  .site_header .search_open {
    width: 7.147962830593281vw;
    height: 7.147962830593281vw;
  }
}

.site_header .search_open .visible {
  display: none;
}

.site_header .search_open.open .default {
  display: none;
}

.site_header .search_open.open .visible {
  display: block;
  width: 32px;
  height: 32px;
}

.site_header .search_open.open .visible span {
  width: 32px;
  height: 5px;
  background: #231815;
  display: block;
  border-radius: 3px;
  margin: 5px auto;
  transition: .4s;
}

.site_header .search_open.open .visible span:nth-child(1) {
  transform: rotate(45deg);
  position: relative;
  top: 10px;
}

.site_header .search_open.open .visible span:nth-child(2) {
  transform: rotate(-45deg);
}

.site_header .search_form {
  display: none;
  position: absolute;
  top: 100px;
  left: 0;
  width: 100%;
  background: #ededed;
  padding: 50px;
  z-index: 1;
}

@media (min-width: 769px) and (max-width: 1399px) {
  .site_header .search_form {
    top: 7.147962830593281vw;
  }
}

.site_header .search_form .input_area {
  margin: 25px 0 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.site_header .search_form .input_area input[type="text"] {
  border: 1px solid #d9d9d9;
  height: 60px;
  width: 100%;
  padding: 8px;
}

.site_header .search_form .input_area input[type="text"]:focus {
  outline: 0;
}

.site_header .search_form .input_area button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  border: none;
  background: #231815;
}

.site_header .search_form .input_area button img {
  width: 25px;
}

/* ========================================================== */
/* フッター */
/* ========================================================== */
.site_footer {
  text-align: center;
  padding: 80px 0 0 0;
}

.site_footer .logo {
  margin: 0 0 30px 0;
}

.site_footer .logo img {
  margin: 0 auto;
}

.site_footer .f_menu {
  margin: 0 0 50px 0;
}

.site_footer .f_menu ul {
  display: flex;
  justify-content: center;
  align-items: center;
}

.site_footer .f_menu ul li {
  margin: 0 0.5em;
}

@media (min-width: 769px) and (max-width: 1399px) {
  .site_footer .f_menu ul li {
    margin: 0 1.2vw;
  }
}

.site_footer .f_menu ul a {
  font-weight: 800;
  white-space: nowrap;
}

@media (min-width: 769px) and (max-width: 1399px) {
  .site_footer .f_menu ul a {
    font-size: 1.28663vw;
  }
}

.site_footer .f_menu ul a:hover {
  color: #E5005A;
}

.site_footer .abj_mark {
  display: flex;
  justify-content: center;
  align-items: center;
}

.site_footer .abj_mark .logo_abj {
  margin: 0 20px 0 0;
}

.site_footer .abj_mark .logo_abj img {
  margin: 0 auto;
}

.site_footer .abj_mark p {
  font-size: 14px;
  line-height: 1.92;
  font-weight: 500;
}

.site_footer .other_menu {
  margin: 50px auto 0 auto;
  max-width: 646px;
  height: 65px;
  border-radius: 20px 20px 0 0;
  background: #ededed;
}

.site_footer .other_menu ul {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 65px;
}

.site_footer .other_menu ul li {
  margin: 0 0.5em;
}

.site_footer .other_menu ul li a {
  font-weight: 800;
  white-space: nowrap;
}

.site_footer .other_menu ul li a:hover {
  color: #E5005A;
}

.site_footer .copyright {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 65px;
  background: #F3CA27;
  font-weight: 700;
  font-family: "Montserrat";
  letter-spacing: 0.12em;
}

.pagetop {
  position: fixed;
  right: 20px;
}

/* ========================================================== */
/* パンくず */
/* ========================================================== */
.pankuz {
  background: #fafafa;
}

.pankuz ul {
  display: block;
  padding: 15px 0;
}

.pankuz ul li {
  display: inline-block;
  font-size: 14px;
}

.pankuz ul li::after {
  content: '>';
  margin: 0 10px;
}

.pankuz ul li:last-child::after {
  display: none;
}

/* ========================================================== */
/* トップページ */
/* ========================================================== */
/* トップページ MV */
/* ========================================================== */
.toppage .mv {
  background: #F3CA27;
  margin: 0 0 160px;
}

.toppage .mv .container_w1220 {
  display: grid;
  grid-template-columns: 850px 1fr;
  position: relative;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .toppage .mv .container_w1220 {
    grid-template-columns: 69.67213114754098vw 1fr;
  }
}

.toppage .mv .mv_slider {
  width: 850px;
  height: 525px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .toppage .mv .mv_slider {
    width: 69.67213114754098vw;
    height: 43.0327868852459vw;
  }
  .toppage .mv .mv_slider img {
    width: 100%;
  }
}

.toppage .mv .mv_slider iframe {
  display: block;
  width: 850px;
  height: 525px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .toppage .mv .mv_slider iframe {
    width: 69.67213114754098vw;
    height: 43.0327868852459vw;
  }
}

.toppage .mv .slick-dotted.slick-slider {
  margin: 0;
}

.toppage .mv .slick-dots {
  bottom: 30px;
  left: 195px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .toppage .mv .slick-dots {
    left: 15.983606557377051vw;
  }
}

.toppage .mv .slick-dots li {
  width: 10px;
  height: 10px;
}

.toppage .mv .slick-dots li button {
  width: 10px;
  height: 10px;
  background: #FFFFFF;
  padding: 0;
  border-radius: 5px;
  display: block;
}

.toppage .mv .slick-dots li button::before {
  display: none;
}

.toppage .mv .slick-dots li.slick-active button {
  background: #E5005A;
}

.toppage .mv .new_release {
  padding: 20px 30px;
  width: 370px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .toppage .mv .new_release {
    padding: 1.639344262295082vw 2.459016393442623vw;
    width: 30.327868852459016vw;
  }
}

.toppage .mv .new_release .numbering {
  display: grid;
  grid-template-columns: 1fr 113px;
  grid-template-areas: "volume volume" "number name";
  margin: 0 0 30px 0;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .toppage .mv .new_release .numbering {
    grid-template-columns: 1fr 9.262295081967213vw;
    margin: 0 0 2.459016393442623vw 0;
  }
}

.toppage .mv .new_release .volume {
  grid-area: volume;
  font-weight: 700;
  font-family: "Montserrat";
}

.toppage .mv .new_release .number {
  grid-area: number;
  font-size: 100px;
  letter-spacing: -0.025em;
  font-weight: 700;
  line-height: 72px;
  font-family: "Montserrat";
}

@media (min-width: 769px) and (max-width: 1220px) {
  .toppage .mv .new_release .number {
    font-size: 8.19672131147541vw;
    line-height: 5.901639344262295vw;
  }
}

.toppage .mv .new_release .name {
  grid-area: name;
}

.toppage .mv .new_release .cover {
  overflow: hidden;
  border: 1px solid #d9d9d9;
  max-width: 241px;
  margin: 0 auto;
  border-radius: 20px;
  box-shadow: 7px 7px 0px rgba(0, 0, 0, 0.15);
}

@media (min-width: 769px) and (max-width: 1220px) {
  .toppage .mv .new_release .cover {
    max-width: 19.754098360655735vw;
  }
}

.toppage .mv .monthly {
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 36px;
  font-weight: 800;
  line-height: 1.2777;
  text-align: center;
  width: 195px;
  height: 195px;
  background: #E5005A;
  border-radius: 100%;
  position: absolute;
  left: 0;
  bottom: -80px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .toppage .mv .monthly {
    width: 15.983606557377051vw;
    height: 15.983606557377051vw;
    font-size: 2.9508196721311477vw;
    bottom: -6.557377049180328vw;
    left: 30px;
  }
}

.toppage .mv .rerelase_date {
  display: flex;
  justify-content: space-between;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  position: absolute;
  bottom: -65px;
  right: 0;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .toppage .mv .rerelase_date {
    right: 30px;
  }
}

.toppage .mv .rerelase_date .text {
  font-weight: 800;
  margin-right: 1em;
}

/* トップページ 新刊コミック */
/* ========================================================== */
.toppage .top_new_book {
  margin-bottom: 90px;
}

.toppage .top_new_book .container_inner {
  padding: 0 30px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .toppage .top_new_book .container_inner {
    padding: 0 7.459016vw;
  }
}

.toppage .top_new_book .book_container {
  margin: 0 0 70px 0;
  position: relative;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .toppage .top_new_book .book_container {
    margin: 0 0 5.737704918032787vw 0;
  }
}

.toppage .top_new_book .book_container .slider_arrow {
  position: absolute;
  z-index: 1;
  top: 150px;
  cursor: pointer;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .toppage .top_new_book .book_container .slider_arrow {
    top: 12.295081967213115vw;
    width: 3.934426229508197vw;
  }
}

.toppage .top_new_book .book_container .prev_arrow {
  left: -63px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .toppage .top_new_book .book_container .prev_arrow {
    left: -5.163934426229509vw;
  }
}

.toppage .top_new_book .book_container .next_arrow {
  right: -63px;
  transform: rotate(180deg);
}

@media (min-width: 769px) and (max-width: 1220px) {
  .toppage .top_new_book .book_container .next_arrow {
    right: -5.163934426229509vw;
  }
}

.toppage .top_new_book .book_box {
  width: 240px;
  margin: auto;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .toppage .top_new_book .book_box {
    width: 18vw;
  }
}

.toppage .top_new_book .book_box .book_cover {
  display: block;
  overflow: hidden;
  border: 1px solid #d9d9d9;
  border-radius: 20px;
  box-shadow: 7px 7px 0px rgba(0, 0, 0, 0.15);
  margin: 0 0 37px 0;
  transition: 0.3s;
  position: relative;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .toppage .top_new_book .book_box .book_cover {
    margin: 0 0 3.0327868852459017vw 0;
  }
}

.toppage .top_new_book .book_box .book_cover::before {
  content: '';
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  background: rgba(253, 209, 24, 0.7);
  font-weight: 800;
  letter-spacing: 0.12em;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.3s;
  opacity: 0;
}

.toppage .top_new_book .book_box .book_cover:hover {
  box-shadow: 0 0 0px rgba(0, 0, 0, 0.15);
  transform: translateY(7px);
}

.toppage .top_new_book .book_box .book_cover:hover::before {
  content: '詳細を見る';
  opacity: 1;
}

.toppage .top_new_book .book_box .btn {
  margin: 0 auto 37px auto;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .toppage .top_new_book .book_box .btn {
    margin: 0 auto 3.0327868852459017vw auto;
    width: 17.868852459016395vw;
    height: 3.7704918032786887vw;
    font-size: 1.71551vw;
  }
}

.toppage .top_new_book .book_box .release_date {
  line-height: 1;
  margin: 0 0 8px 0;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .toppage .top_new_book .book_box .release_date {
    margin: 0 0 0.6557377049180327vw 0;
    font-size: 1.28663vw;
  }
}

.toppage .top_new_book .book_box .title {
  font-weight: 800;
  line-height: 36px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .toppage .top_new_book .book_box .title {
    line-height: 2.9508196721311477vw;
    font-size: 1.28663vw;
  }
}

.toppage .for_list_button .btn {
  margin: auto;
}

/* トップページ お知らせ */
/* ========================================================== */
.toppage .top_information {
  margin-bottom: 100px;
}

.toppage .top_information .info_container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 15px 30px;
  margin: 0 0 50px 0;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .toppage .top_information .info_container {
    gap: 1.2295081967213115vw 2.459016393442623vw;
    margin: 0 0 4.098360655737705vw 0;
  }
}

.toppage .top_information .info_box {
  display: grid;
  grid-template-columns: 160px 1fr;
  gap: 0 30px;
  grid-template-areas: "info_cover category_date" "info_cover info_title" "info_cover info_more";
  height: 100%;
  border: 1px solid #d9d9d9;
  border-radius: 20px;
  padding: 15px 30px 15px 15px;
  background: #FFFFFF;
  transition: 0.3s;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .toppage .top_information .info_box {
    grid-template-columns: 13.114754098360656vw 1fr;
    gap: 0 2.459016393442623vw;
    padding: 1.2295081967213115vw 2.459016393442623vw 1.2295081967213115vw 1.2295081967213115vw;
  }
}

.toppage .top_information .info_box:hover {
  border-color: #E5005A;
  background: #E5005A;
  color: #FFFFFF;
}

.toppage .top_information .info_box:hover .title {
  text-decoration: underline;
}

.toppage .top_information .info_box:hover .category_date .category {
  border: 1px solid #ffffff;
}

.toppage .top_information .info_box .cover {
  grid-area: info_cover;
  overflow: hidden;
}

.toppage .top_information .info_box .cover img {
  border-radius: 20px;
}

.toppage .top_information .info_box .category_date {
  grid-area: category_date;
  display: flex;
  align-items: center;
  margin: 0 0 10px 0;
  font-size: 14px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .toppage .top_information .info_box .category_date {
    font-size: 1.00071vw;
  }
}

.toppage .top_information .info_box .category_date .category {
  border: 1px solid #000000;
  border-radius: 5px;
  padding: 0 10px;
  margin-right: 10px;
}

.toppage .top_information .info_box .title {
  grid-area: info_title;
  line-height: 37px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .toppage .top_information .info_box .title {
    line-height: 2;
    font-size: 1.28663vw;
  }
}

.toppage .top_information .info_box .more {
  grid-area: info_more;
  font-family: "Montserrat";
  font-weight: 600;
  letter-spacing: 0.12em;
  color: #FFFFFF;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .toppage .top_information .info_box .more {
    font-size: 1.28663vw;
  }
}

.toppage .top_information .info_box .more img {
  width: 20px;
  height: 20px;
  transform: translate(5px, -2px);
}

@media (min-width: 769px) and (max-width: 1220px) {
  .toppage .top_information .info_box .more img {
    width: 1.639344262295082vw;
    height: 1.639344262295082vw;
    transform: translate(0.40984vw, -0.16393vw);
  }
}

/* トップページ 作品ラインナップ */
/* ========================================================== */
.toppage .top_lineup .lineup_container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 30px 50px;
  margin: 0 0 50px 0;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .toppage .top_lineup .lineup_container {
    gap: 4.098360655737705vw;
    margin: 0 0 5.737704918032787vw 0;
  }
}

.toppage .top_lineup .lineup_box span.lineup_cover::before {
  display: none;
}

.toppage .top_lineup .lineup_box span.lineup_cover:hover {
  transform: translateY(0);
  box-shadow: 7px 7px 0px rgba(0, 0, 0, 0.15);
}

.toppage .top_lineup .lineup_box span.lineup_cover:hover::before {
  display: none;
}

.toppage .top_lineup .lineup_box .lineup_cover {
  display: block;
  overflow: hidden;
  border: 1px solid #d9d9d9;
  border-radius: 20px;
  box-shadow: 7px 7px 0px rgba(0, 0, 0, 0.15);
  margin: 0 0 37px 0;
  transition: 0.3s;
  position: relative;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .toppage .top_lineup .lineup_box .lineup_cover {
    margin: 0 0 3.0327868852459017vw 0;
  }
}

.toppage .top_lineup .lineup_box .lineup_cover::before {
  content: '';
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  background: rgba(253, 209, 24, 0.7);
  font-weight: 800;
  letter-spacing: 0.12em;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.3s;
  opacity: 0;
}

.toppage .top_lineup .lineup_box .lineup_cover:hover {
  box-shadow: 0 0 0px rgba(0, 0, 0, 0.15);
  transform: translateY(7px);
}

.toppage .top_lineup .lineup_box .lineup_cover:hover::before {
  content: '詳細を見る';
  opacity: 1;
}

.toppage .top_lineup .lineup_box .title {
  font-weight: 800;
  line-height: 30px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .toppage .top_lineup .lineup_box .title {
    line-height: 2.459016393442623vw;
    font-size: 1.28663vw;
  }
}

.toppage .top_lineup .lineup_box .author {
  line-height: 30px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .toppage .top_lineup .lineup_box .author {
    line-height: 2.459016393442623vw;
    font-size: 1.28663vw;
  }
}

.toppage .for_list_button .btn {
  margin: auto;
}

/* トップページ twitterタイムライン・各SNSシェアボタン */
/* ========================================================== */
.toppage .sns_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .toppage .section_header .ja {
    font-size: 2.57327vw;
  }
  .toppage .section_header .en {
    font-size: 1.28663vw;
    margin-top: 1.3114754098360655vw;
  }
}

.toppage .twitter_timeline {
  padding: 0 50px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .toppage .sns_bnr {
    padding-right: 50px;
  }
}

.toppage .sns_bnr a {
  display: block;
  width: 524px;
  margin: 0 0 40px 0;
  transition: 0.3s;
}

.toppage .sns_bnr a:last-child {
  margin: 0 0 0 0;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .toppage .sns_bnr a {
    width: 100%;
  }
}

.toppage .sns_bnr a:hover {
  opacity: 0.7;
}

.timeline_share {
  margin-top: 100px;
}

.sns_share {
  padding: 0 50px;
}

.sns_share .sns_group ul {
  display: flex;
  justify-content: center;
}

.sns_share .sns_group ul li {
  margin: 0 40px 30px 40px;
}

.sns_share .sns_group ul li:last-child {
  margin-bottom: 0;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .sns_share .sns_group ul li {
    margin: 0 auto 2.459016393442623vw auto;
  }
}

.sns_share .sns_group ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  width: 240px;
  height: 54px;
  position: relative;
  border-radius: 27px;
  font-weight: 800;
  box-shadow: 7px 7px 0px rgba(0, 0, 0, 0.15);
  transition: .3s;
  background: #FFFFFF;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .sns_share .sns_group ul li a {
    width: 19.672131147540984vw;
    height: 4.426229508196721vw;
    border-radius: 2.2131147540983607vw;
    box-shadow: 0.57377vw 0.57377vw 0px rgba(0, 0, 0, 0.15);
    font-size: 1.28663vw;
  }
}

.sns_share .sns_group ul li a:hover {
  box-shadow: 0 0 0px rgba(0, 0, 0, 0.15);
  transform: translateY(7px);
}

@media (min-width: 769px) and (max-width: 1220px) {
  .sns_share .sns_group ul li a:hover {
    transform: translateY(0.57377vw);
  }
}

.sns_share .sns_group ul li a.fb {
  border: 2px solid #1877f2;
  color: #1877f2;
}

.sns_share .sns_group ul li a.fb:hover {
  background: #1877f2;
  color: #FFFFFF;
}

.sns_share .sns_group ul li a.fb:hover .icon {
  background: url(../img/top/ico_footer_fb.png) no-repeat;
  background-size: contain;
}

.sns_share .sns_group ul li a.fb .icon {
  background: url(../img/top/ico_fb_95.png) no-repeat;
  background-size: contain;
}

.sns_share .sns_group ul li a.tw {
  border: 2px solid #1da1f2;
  color: #1da1f2;
}

.sns_share .sns_group ul li a.tw:hover {
  background: #1da1f2;
  color: #FFFFFF;
}

.sns_share .sns_group ul li a.tw:hover .icon {
  background: url(../img/top/ico_footer_tw.png) no-repeat;
  background-size: contain;
}

.sns_share .sns_group ul li a.tw .icon {
  background: url(../img/top/ico_tw_95.png) no-repeat;
  background-size: contain;
}

.sns_share .sns_group ul li a.line {
  border: 2px solid #00b900;
  color: #00b900;
}

.sns_share .sns_group ul li a.line:hover {
  background: #00b900;
  color: #FFFFFF;
}

.sns_share .sns_group ul li a.line:hover .icon {
  background: url(../img/top/ico_footer_line.png) no-repeat;
  background-size: contain;
}

.sns_share .sns_group ul li a.line .icon {
  background: url(../img/top/ico_line_95.png) no-repeat;
  background-size: contain;
}

.sns_share .sns_group ul li a .icon {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 40px;
  height: 40px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .sns_share .sns_group ul li a .icon {
    top: 0.4098360655737705vw;
    left: 0.4098360655737705vw;
    width: 3.278688524590164vw;
    height: 3.278688524590164vw;
  }
}

/* トップページ 下部バナースライダー */
/* ========================================================== */
.toppage .bnr_slider {
  background: #ededed;
  padding: 50px 0;
  margin: 70px 0 0 0;
}

.toppage .bnr_slider a {
  display: block;
  margin: 0 15px;
}

.toppage .bnr_slider img {
  margin: auto;
}

.toppage .bnr_slider .slick-dots {
  bottom: 22px;
}

.toppage .bnr_slider .slick-dots li {
  width: 10px;
  height: 10px;
}

.toppage .bnr_slider .slick-dots li button {
  width: 10px;
  height: 10px;
  border: 1px solid #d2d2d2;
  border-radius: 5px;
  background: #FFFFFF;
  padding: 0;
  border-radius: 5px;
  display: block;
}

.toppage .bnr_slider .slick-dots li button::before {
  display: none;
}

.toppage .bnr_slider .slick-dots li.slick-active button {
  background: #E5005A;
  border: 1px solid #E5005A;
}

/* ========================================================== */
/* 最新号 */
/* ========================================================== */
.current_number .current_number_fv {
  display: grid;
  grid-template-columns: 450px 1fr;
  gap: 31px;
  margin: 0 0 70px 0;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .current_number .current_number_fv {
    grid-template-columns: 36.885245901639344vw 1fr;
    gap: 2.540983606557377vw;
    margin: 0 0 5.737704918032787vw 0;
  }
}

.current_number .current_number_fv .magazine_cover .btn {
  margin: 40px auto 0 auto;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .current_number .current_number_fv .magazine_cover .btn {
    margin: 3.278688524590164vw auto 0 auto;
  }
}

.current_number .current_number_fv .magazine_data {
  padding-top: 20px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .current_number .current_number_fv .magazine_data {
    padding-top: 1.639344262295082vw;
  }
}

.current_number .current_number_fv .magazine_data h3 {
  font-size: 36px;
  letter-spacing: 0.12em;
  font-weight: 500;
  line-height: 1.2;
  border-bottom: 1px solid #d9d9d8;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .current_number .current_number_fv .magazine_data h3 {
    font-size: 2.57327vw;
    padding-bottom: 1.639344262295082vw;
    margin-bottom: 1.639344262295082vw;
  }
}

.current_number .current_number_fv .magazine_data .date_price {
  margin-bottom: 20px;
  font-size: 18px;
  letter-spacing: 0.12em;
  line-height: 2.38;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .current_number .current_number_fv .magazine_data .date_price {
    margin-bottom: 1.639344262295082vw;
    font-size: 1.28663vw;
  }
}

.current_number .current_number_fv .purchase_container {
  padding: 24px;
  border: 1px solid #d9d9d9;
  border-radius: 20px;
  background: #fafafa;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .current_number .current_number_fv .purchase_container {
    padding: 1.9672131147540985vw;
    border-radius: 1.639344262295082vw;
  }
}

.current_number .current_number_fv .purchase_container p {
  margin-bottom: 20px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .current_number .current_number_fv .purchase_container p {
    margin-bottom: 1.639344262295082vw;
  }
}

.current_number .current_number_fv .purchase_container .purchase_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .current_number .current_number_fv .purchase_container .purchase_grid {
    gap: 1.4754098360655739vw;
  }
}

.current_number .current_number_fv .purchase_container .purchase_grid a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 88px;
  padding: 0 20px;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  background: #FFFFFF;
  transition: .3s;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .current_number .current_number_fv .purchase_container .purchase_grid a {
    height: 6.557377049180328vw;
    border-radius: 0.819672131147541vw;
  }
}

.current_number .current_number_fv .purchase_container .purchase_grid a:hover {
  border-color: #E5005A;
  opacity: 1;
}

.current_number .magazine_contents {
  margin: 0 0 70px 0;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .current_number .magazine_contents {
    margin: 0 0 5.737704918032787vw 0;
  }
}

.current_number .magazine_contents.last_contents {
  margin-bottom: 0;
}

.current_number .magazine_contents.image_text_box {
  overflow: hidden;
  border-radius: 20px;
  border: 1px solid #d9d9d9;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .current_number .magazine_contents.image_text_box {
    border-radius: 1.639344262295082vw;
  }
}

.current_number .magazine_contents.image_text_box h3 {
  padding: 20px;
  background: #fafafa;
  border-bottom: 1px solid #d9d9d9;
  text-align: center;
  font-size: 24px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .current_number .magazine_contents.image_text_box h3 {
    padding: 1.639344262295082vw;
    font-size: 1.71551vw;
  }
}

.current_number .magazine_contents .box_body {
  padding: 50px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .current_number .magazine_contents .box_body {
    padding: 4.098360655737705vw;
  }
}

.current_number .magazine_contents .image_area {
  display: block;
  width: 386px;
  margin: 0 auto 50px auto;
  overflow: hidden;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .current_number .magazine_contents .image_area {
    width: 31.639344262295083vw;
    border-radius: 1.639344262295082vw;
    margin-bottom: 4.098360655737705vw;
  }
}

.current_number .magazine_contents .image_area img {
  margin: auto;
}

.current_number .magazine_contents .text_area {
  max-width: 780px;
  margin: auto;
  font-size: 18px;
  letter-spacing: 0.12em;
  line-height: 1.66;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .current_number .magazine_contents .text_area {
    font-size: 1.28663vw;
  }
}

.current_number .magazine_contents .lineup_list li {
  transition: .3s;
}

.current_number .magazine_contents .lineup_list li:nth-child(odd) a {
  background: url(../img/arrow_black01.png) no-repeat calc(100% - 25px) 50% #fafafa;
  background-size: 20px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .current_number .magazine_contents .lineup_list li:nth-child(odd) a {
    background: url(../img/arrow_black01.png) no-repeat calc(100% - 2.0491803278688523vw) 50% #fafafa;
    background-size: 1.639344262295082vw;
  }
}

.current_number .magazine_contents .lineup_list li:nth-child(odd) span {
  background: #fafafa;
}

.current_number .magazine_contents .lineup_list li a {
  display: block;
  padding: 20px 50px 20px 20px;
  background: url(../img/arrow_black01.png) no-repeat calc(100% - 25px) 50%;
  background-size: 20px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .current_number .magazine_contents .lineup_list li a {
    padding: 1.639344262295082vw 4.098360655737705vw 1.639344262295082vw 1.639344262295082vw;
    background: url(../img/arrow_black01.png) no-repeat calc(100% - 2.0491803278688523vw) 50%;
    background-size: 1.639344262295082vw;
  }
}

.current_number .magazine_contents .lineup_list li span {
  display: block;
  padding: 20px 50px 20px 20px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .current_number .magazine_contents .lineup_list li span {
    padding: 1.639344262295082vw 4.098360655737705vw 1.639344262295082vw 1.639344262295082vw;
  }
}

.current_number .magazine_contents .lineup_list li a:hover {
  background: url(../img/arrow_black01.png) no-repeat calc(100% - 25px) 50% #ededed;
  background-size: 20px;
}

.current_number .magazine_contents .lineup_list .title {
  margin: 0 0 15px 0;
  font-size: 24px;
  line-height: 1;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .current_number .magazine_contents .lineup_list .title {
    margin: 0 0 1.2295081967213115vw 0;
    font-size: 1.71551vw;
  }
}

.current_number .magazine_contents .lineup_list .title .label-new {
  background: #F3CA27;
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  width: 50px;
  height: 22px;
  line-height: 22px;
  padding: 0;
  text-align: center;
  border-radius: 4px;
  font-weight: bold;
  transform: translateY(-3px);
}

@media (min-width: 769px) and (max-width: 1220px) {
  .current_number .magazine_contents .lineup_list .title .label-new {
    height: 1.8032vw;
    width: 4.0983vw;
    font-size: 1.00071vw;
    line-height: 1.8032vw;
    transform: translateY(-0.2459vw);
  }
}

.current_number .magazine_contents .lineup_list .author {
  font-size: 18px;
  line-height: 1;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .current_number .magazine_contents .lineup_list .author {
    font-size: 1.28663vw;
  }
}

.current_number .magazine_contents .backnumber_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: -40px;
}

.current_number .magazine_contents .backnumber_list li {
  width: 240px;
  margin-bottom: 40px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .current_number .magazine_contents .backnumber_list li {
    width: 19.672131147540984vw;
  }
}

.current_number .magazine_contents .backnumber_list li .cover {
  display: block;
  overflow: hidden;
  border: 1px solid #d9d9d9;
  border-radius: 20px;
  box-shadow: 7px 7px 0px rgba(0, 0, 0, 0.15);
  margin-bottom: 30px;
  transition: 0.3s;
  position: relative;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .current_number .magazine_contents .backnumber_list li .cover {
    border-radius: 1.639344262295082vw;
    margin-bottom: 2.459016393442623vw;
  }
}

.current_number .magazine_contents .backnumber_list li .cover::before {
  content: '';
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  background: rgba(253, 209, 24, 0.7);
  font-weight: 800;
  letter-spacing: 0.12em;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.3s;
  opacity: 0;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .current_number .magazine_contents .backnumber_list li .cover::before {
    font-size: 1.71551vw;
  }
}

.current_number .magazine_contents .backnumber_list li .cover:hover {
  box-shadow: 0 0 0px rgba(0, 0, 0, 0.15);
  transform: translateY(7px);
}

.current_number .magazine_contents .backnumber_list li .cover:hover::before {
  content: '詳細を見る';
  opacity: 1;
}

.current_number .magazine_contents .backnumber_list li .number {
  font-size: 18px;
  font-weight: 900;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .current_number .magazine_contents .backnumber_list li .number {
    font-size: 1.28663vw;
  }
}

/* ========================================================== */
/* バックナンバー */
/* ========================================================== */
.back_number .backnumber_list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 50px 40px;
  margin: 0 0 70px 0;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .back_number .backnumber_list {
    gap: 4.098360655737705vw 3.278688524590164vw;
    margin: 0 0 5.737704918032787vw 0;
  }
}

.back_number .backnumber_list li {
  width: 240px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .back_number .backnumber_list li {
    width: 19.672131147540984vw;
  }
}

.back_number .backnumber_list li .cover {
  display: block;
  overflow: hidden;
  border: 1px solid #d9d9d9;
  border-radius: 20px;
  box-shadow: 7px 7px 0px rgba(0, 0, 0, 0.15);
  margin-bottom: 30px;
  transition: 0.3s;
  position: relative;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .back_number .backnumber_list li .cover {
    border-radius: 1.639344262295082vw;
    margin-bottom: 2.459016393442623vw;
  }
}

.back_number .backnumber_list li .cover::before {
  content: '';
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  background: rgba(253, 209, 24, 0.7);
  font-weight: 800;
  letter-spacing: 0.12em;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.3s;
  opacity: 0;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .back_number .backnumber_list li .cover::before {
    font-size: 1.71551vw;
  }
}

.back_number .backnumber_list li .cover:hover {
  box-shadow: 0 0 0px rgba(0, 0, 0, 0.15);
  transform: translateY(7px);
}

.back_number .backnumber_list li .cover:hover::before {
  content: '詳細を見る';
  opacity: 1;
}

.back_number .backnumber_list li .number {
  font-size: 18px;
  font-weight: 900;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .back_number .backnumber_list li .number {
    font-size: 1.28663vw;
  }
}

/* ========================================================== */
/* 作品ラインナップ */
/* ========================================================== */
.lineup_list {
  margin-bottom: 90px;
}

.lineup_list .lineup_container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 30px 50px;
  margin: 0 0 50px 0;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .lineup_list .lineup_container {
    gap: 4.098360655737705vw;
    margin: 0 0 5.737704918032787vw 0;
  }
}

.lineup_list .nav_area {
  display: flex;
  justify-content: center;
  margin-bottom: 35px;
}

.lineup_list .nav_area a, .lineup_list .nav_area span {
  width: 250px;
  height: 83px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(../img/lineup/btn_bg_off.png) no-repeat;
  background-size: contain;
  padding-bottom: 10px;
  margin: 0 15px;
}

.lineup_list .nav_area a.current, .lineup_list .nav_area a:hover, .lineup_list .nav_area span.current, .lineup_list .nav_area span:hover {
  background: url(../img/lineup/btn_bg_active.png) no-repeat;
  background-size: contain;
}

.lineup_list .lineup_box {
  position: relative;
}

.lineup_list .lineup_box span.lineup_cover::before {
  display: none;
}

.lineup_list .lineup_box span.lineup_cover:hover {
  transform: translateY(0);
  box-shadow: 7px 7px 0px rgba(0, 0, 0, 0.15);
}

.lineup_list .lineup_box span.lineup_cover:hover::before {
  display: none;
}

.lineup_list .lineup_box .lineup_cover {
  display: block;
  overflow: hidden;
  border: 1px solid #d9d9d9;
  border-radius: 20px;
  box-shadow: 7px 7px 0px rgba(0, 0, 0, 0.15);
  margin: 0 0 37px 0;
  transition: 0.3s;
  position: relative;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .lineup_list .lineup_box .lineup_cover {
    margin: 0 0 3.0327868852459017vw 0;
  }
}

.lineup_list .lineup_box .lineup_cover::before {
  content: '';
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  background: rgba(253, 209, 24, 0.7);
  font-weight: 800;
  letter-spacing: 0.12em;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.3s;
  opacity: 0;
}

.lineup_list .lineup_box .lineup_cover:hover {
  box-shadow: 0 0 0px rgba(0, 0, 0, 0.15);
  transform: translateY(7px);
}

.lineup_list .lineup_box .lineup_cover:hover::before {
  content: '詳細を見る';
  opacity: 1;
}

.lineup_list .lineup_box .title {
  font-weight: 800;
  line-height: 30px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .lineup_list .lineup_box .title {
    line-height: 2.459016393442623vw;
    font-size: 1.28663vw;
  }
}

.lineup_list .lineup_box .author {
  line-height: 30px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .lineup_list .lineup_box .author {
    line-height: 2.459016393442623vw;
    font-size: 1.28663vw;
  }
}

.for_list_button .btn {
  margin: auto;
}

/* ========================================================== */
/* 電撃だいおうじコミック新人賞 */
/* ========================================================== */
.award .btn_area {
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
}

.award .btn_area .btn {
  margin: 0 20px;
}

.award .btn_area .btn_pink_border {
  color: #E5005A;
  background: url(../img/ico_spmenu.png) no-repeat calc(100% - 10px) 50%;
  background-size: 19px;
  box-shadow: none;
}

.award .btn_area .btn_pink_border:hover {
  background: url(../img/ico_spmenu.png) no-repeat calc(100% - 10px) 50%;
  background-size: 19px;
  color: #E5005A;
  transform: translateY(0);
}

.award .benefits {
  margin-bottom: 40px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .award .benefits {
    margin-bottom: 3.278688524590164vw;
  }
}

.award .prize_box {
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 40px;
  align-items: center;
  padding-bottom: 50px;
  border-bottom: 1px solid #d9d9d8;
  margin-bottom: 50px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .award .prize_box {
    grid-template-columns: 16.39344262295082vw 1fr;
    gap: 3.278688524590164vw;
    padding-bottom: 4.098360655737705vw;
    margin-bottom: 4.098360655737705vw;
  }
}

.award .prize_box .prize_detail h4 {
  font-size: 36px;
  font-weight: 500;
  line-height: 1.333;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .award .prize_box .prize_detail h4 {
    font-size: 2.57327vw;
  }
}

.award .prize_box .prize_detail p {
  font-size: 24px;
  font-weight: 500;
  margin: 5px 0 20px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .award .prize_box .prize_detail p {
    font-size: 1.71551vw;
  }
}

.award .prize_box .prize_detail .special {
  text-align: center;
  background: #fdd118;
  font-size: 24px;
  font-weight: 500;
  padding: 10px;
  max-width: 760px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .award .prize_box .prize_detail .special {
    font-size: 2.57327vw;
    padding: 0.819672131147541vw;
    max-width: 62.295081967213115vw;
  }
}

.award .tab_container h3 span {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fafafa;
  font-size: 36px;
  font-weight: 500;
  height: 80px;
  border: 1px solid #d9d9d9;
  border-bottom: none;
  border-radius: 20px 20px 0 0;
  letter-spacing: 0.12em;
  background: #fdd118;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .award .tab_container h3 span {
    font-size: 2.57327vw;
    height: 6.557377049180328vw;
    border-radius: 1.639344262295082vw 1.639344262295082vw 0 0;
  }
}

.award .tab_container .tab_contents_box {
  display: none;
  text-align: center;
  background: #fafafa;
  padding: 70px;
  border: 1px solid #d9d9d9;
  border-radius: 0 0 20px 20px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .award .tab_container .tab_contents_box {
    padding: 5.737704918032787vw;
    border-radius: 0 0 1.639344262295082vw 1.639344262295082vw;
  }
  .award .tab_container .tab_contents_box p {
    font-size: 1.28663vw;
  }
}

.award .tab_container .tab_contents_box:first-child {
  display: block;
}

.award .tab_container .tab_contents_box h5 {
  font-size: 36px;
  margin-bottom: 20px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .award .tab_container .tab_contents_box h5 {
    font-size: 2.57327vw;
    margin-bottom: 1.639344262295082vw;
  }
}

.award .tab_container .tab_contents_box .limit {
  font-size: 24px;
  margin-bottom: 40px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .award .tab_container .tab_contents_box .limit {
    font-size: 1.71551vw;
    margin-bottom: 3.278688524590164vw;
  }
}

.award .rules table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 30px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .award .rules table {
    margin-bottom: 2.459016393442623vw;
  }
}

.award .rules table tr:last-child th, .award .rules table tr:last-child td {
  border-bottom: none;
}

.award .rules table th {
  padding: 30px;
  background: #fafafa;
  border-right: 1px solid #d9d9d8;
  border-bottom: 1px solid #d9d9d8;
  font-size: 24px;
  white-space: nowrap;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .award .rules table th {
    padding: 2.459016393442623vw;
    font-size: 1.71551vw;
  }
}

.award .rules table td {
  padding: 30px;
  border-left: 1px solid #d9d9d8;
  border-bottom: 1px solid #d9d9d8;
  line-height: 1.444;
  background: #FFFFFF;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .award .rules table td {
    padding: 2.459016393442623vw;
    font-size: 1.28663vw;
  }
}

.award .rules .btn {
  width: 340px;
  margin: auto;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .award .rules .btn {
    width: 27.86885245901639vw;
    font-size: 1.71551vw;
  }
}

.award .select {
  margin-bottom: 40px;
  text-align: right;
}

.award .select select {
  /* styling */
  background-color: white;
  border: 2px solid #fdd118;
  border-radius: 4px;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 5px 3.5em 5px 1em;
  font-size: 18px;
  /* reset */
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.award .select select {
  background-image: linear-gradient(45deg, transparent 50%, #000 50%), linear-gradient(135deg, #000 50%, transparent 50%), linear-gradient(to right, #fdd118, #fdd118);
  background-position: calc(100% - 21px) calc(1em + -3px), calc(100% - 11px) calc(1em + -3px), 100% 0;
  background-size: 10px 10px, 10px 10px, 2.5em 2.5em;
  background-repeat: no-repeat;
}

.award .select select:focus {
  background-image: linear-gradient(45deg, white 50%, transparent 50%), linear-gradient(135deg, transparent 50%, white 50%), linear-gradient(to right, gray, gray);
  background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, 100% 0;
  background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
  background-repeat: no-repeat;
  border-color: grey;
  outline: 0;
}

.award .result {
  margin-bottom: 40px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .award .result {
    margin-bottom: 3.278688524590164vw;
  }
}

.award .result .prize_box {
  grid-template-columns: 89px 1fr;
  align-items: flex-start;
}

.award .result .result_box {
  display: grid;
  grid-template-columns: 210px 1fr;
  gap: 30px;
  grid-template-areas: "thumbnail data" "evaluation evaluation";
  margin-top: 20px;
}

.award .result .result_box.noimage {
  display: block;
}

.award .result .result_box .thumbnail {
  grid-area: thumbnail;
}

.award .result .result_box .data {
  grid-area: data;
}

.award .result .result_box .data h5 {
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 500;
}

.award .result .result_box .data .author {
  font-size: 24px;
  font-weight: 500;
}

.award .result .result_box .data p {
  font-size: 18px;
}

.award .result .result_box .evaluation {
  grid-area: evaluation;
  border: 1px solid #d9d9d9;
  border-radius: 20px;
  padding: 15px 20px;
  background: #fafafa;
}

.award .result .result_box .evaluation h6 {
  font-size: 24px;
  font-weight: 500;
}

.award .result .result_box .evaluation p {
  font-size: 18px;
}

/* ========================================================== */
/* 新人賞＆持ち込み */
/* ========================================================== */
.debut .debut_mv {
  margin-bottom: 90px;
}

.debut .debut_mv img {
  margin: auto;
}

.debut .cnt_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #d9d9d9;
  border-radius: 20px;
  box-shadow: 7px 7px 0px rgba(0, 0, 0, 0.15);
  margin: 0 0 37px 0;
  padding: 70px 50px;
  transition: 0.3s;
  background: #FFFFFF;
  position: relative;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .debut .cnt_box {
    margin: 0 0 3.0327868852459017vw 0;
    box-shadow: 0.57377vw 0.57377vw 0px rgba(0, 0, 0, 0.15);
    padding: 5.737704918032787vw 4.098360655737705vw;
  }
}

.debut .cnt_box .name {
  font-size: 36px;
  font-weight: 500;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .debut .cnt_box .name {
    font-size: 2.57327vw;
  }
}

.debut .cnt_box .btn {
  width: 256px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .debut .cnt_box .btn {
    width: 20.983606557377048vw;
    font-size: 1.71551vw;
  }
}

/* ========================================================== */
/* 新刊コミックス */
/* ========================================================== */
.new_book .kikan_list {
  margin-bottom: 50px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .new_book .kikan_list {
    margin-bottom: 4.098360655737705vw;
  }
}

.new_book .kikan_list .btn {
  width: 320px;
  margin: 0 0 0 auto;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .new_book .kikan_list .btn {
    width: 26.229508196721312vw;
    font-size: 1.71551vw;
  }
}

.new_book .comics_container {
  display: grid;
  grid-template-columns: 360px 1fr;
  gap: 0 50px;
  grid-template-areas: "title_area title_area" "cover_area data_area" "button_area data_area";
  grid-template-rows: auto auto 1fr;
  border: 1px solid #d9d9d9;
  border-radius: 20px;
  background: #fafafa;
  padding: 50px;
  margin-bottom: 50px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .new_book .comics_container {
    grid-template-columns: 29.508196721311474vw 1fr;
    gap: 0 4.098360655737705vw;
    border-radius: 1.639344262295082vw;
    padding: 4.098360655737705vw;
    margin-bottom: 4.098360655737705vw;
  }
}

.new_book .comics_container .title {
  grid-area: title_area;
  margin-bottom: 30px;
  letter-spacing: 0.12em;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .new_book .comics_container .title {
    margin-bottom: 2.459016393442623vw;
  }
}

.new_book .comics_container .title h3 {
  font-size: 36px;
  margin-bottom: 10px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .new_book .comics_container .title h3 {
    font-size: 2.57327vw;
  }
}

.new_book .comics_container .title .author {
  font-size: 24px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .new_book .comics_container .title .author {
    font-size: 1.71551vw;
  }
}

.new_book .comics_container .book_cover {
  grid-area: cover_area;
  margin-bottom: 70px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .new_book .comics_container .book_cover {
    margin-bottom: 5.737704918032787vw;
  }
}

.new_book .comics_container .book_cover img {
  margin: auto;
  border: 1px solid #999999;
}

.new_book .comics_container .btn_area {
  grid-area: button_area;
}

.new_book .comics_container .btn_area .btn {
  margin: 0 auto 30px auto;
  width: 240px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .new_book .comics_container .btn_area .btn {
    margin: 0 auto 2.459016393442623vw auto;
    width: 19.672131147540984vw;
    font-size: 1.71551vw;
  }
}

.new_book .comics_container .book_data {
  grid-area: data_area;
}

.new_book .comics_container .book_data .excerpt {
  margin-bottom: 30px;
  letter-spacing: 0.12em;
  line-height: 1.44;
  font-size: 18px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .new_book .comics_container .book_data .excerpt {
    margin-bottom: 2.459016393442623vw;
    font-size: 1.28663vw;
  }
}

.new_book .comics_container .book_data .metadata {
  margin-bottom: 30px;
  font-size: 18px;
  letter-spacing: 0.12em;
  line-height: 1.44;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .new_book .comics_container .book_data .metadata {
    margin-bottom: 2.459016393442623vw;
    font-size: 1.28663vw;
  }
}

.new_book .comics_container .book_data .metadata th {
  font-weight: 500;
  padding-right: 0.5em;
}

.new_book .comics_container .purchase_container {
  padding: 24px;
  border: 1px solid #d9d9d9;
  border-radius: 20px;
  background: #fafafa;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .new_book .comics_container .purchase_container {
    padding: 1.9672131147540985vw;
    border-radius: 1.639344262295082vw;
  }
}

.new_book .comics_container .purchase_container p {
  margin-bottom: 20px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .new_book .comics_container .purchase_container p {
    margin-bottom: 1.639344262295082vw;
  }
}

.new_book .comics_container .purchase_container .purchase_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .new_book .comics_container .purchase_container .purchase_grid {
    gap: 1.4754098360655739vw;
  }
}

.new_book .comics_container .purchase_container .purchase_grid a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 88px;
  padding: 0 20px;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  background: #FFFFFF;
  transition: .3s;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .new_book .comics_container .purchase_container .purchase_grid a {
    height: 6.557377049180328vw;
    border-radius: 0.819672131147541vw;
  }
}

.new_book .comics_container .purchase_container .purchase_grid a:hover {
  border-color: #E5005A;
  opacity: 1;
}

/* ========================================================== */
/* シリーズラインナップ */
/* ========================================================== */
.series_lineup .comics_container {
  display: grid;
  grid-template-columns: 360px 1fr;
  gap: 0 50px;
  grid-template-areas: "title_area title_area" "cover_area data_area" "button_area data_area";
  border: 1px solid #d9d9d9;
  border-radius: 20px;
  background: #fafafa;
  padding: 50px;
  margin-bottom: 50px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .series_lineup .comics_container {
    grid-template-columns: 29.508196721311474vw 1fr;
    gap: 0 4.098360655737705vw;
    border-radius: 1.639344262295082vw;
    padding: 4.098360655737705vw;
    margin-bottom: 4.098360655737705vw;
  }
}

.series_lineup .comics_container .title {
  grid-area: title_area;
  margin-bottom: 30px;
  letter-spacing: 0.12em;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .series_lineup .comics_container .title {
    margin-bottom: 2.459016393442623vw;
  }
}

.series_lineup .comics_container .title h3 {
  font-size: 36px;
  margin-bottom: 10px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .series_lineup .comics_container .title h3 {
    font-size: 2.57327vw;
  }
}

.series_lineup .comics_container .title .author {
  font-size: 24px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .series_lineup .comics_container .title .author {
    font-size: 1.71551vw;
  }
}

.series_lineup .comics_container .book_cover {
  grid-area: cover_area;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .series_lineup .comics_container .book_cover {
    margin-bottom: 5.737704918032787vw;
  }
}

.series_lineup .comics_container .book_cover img {
  margin: auto;
}

.series_lineup .comics_container .btn_area {
  grid-area: button_area;
}

.series_lineup .comics_container .btn_area .btn {
  margin: 0 auto 30px auto;
  width: 240px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .series_lineup .comics_container .btn_area .btn {
    margin: 0 auto 2.459016393442623vw auto;
    width: 19.672131147540984vw;
    font-size: 1.71551vw;
  }
}

.series_lineup .comics_container .book_data {
  grid-area: data_area;
}

.series_lineup .comics_container .book_data .excerpt {
  margin-bottom: 30px;
  letter-spacing: 0.12em;
  line-height: 1.44;
  font-size: 18px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .series_lineup .comics_container .book_data .excerpt {
    margin-bottom: 2.459016393442623vw;
    font-size: 1.28663vw;
  }
}

.series_lineup .comics_container .book_data .metadata {
  margin-bottom: 30px;
  font-size: 18px;
  letter-spacing: 0.12em;
  line-height: 1.44;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .series_lineup .comics_container .book_data .metadata {
    margin-bottom: 2.459016393442623vw;
    font-size: 1.28663vw;
  }
}

.series_lineup .comics_container .book_data .metadata th {
  font-weight: 500;
  padding-right: 0.5em;
}

.series_lineup .comics_container .purchase_container {
  padding: 24px;
  border: 1px solid #d9d9d9;
  border-radius: 20px;
  background: #fafafa;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .series_lineup .comics_container .purchase_container {
    padding: 1.9672131147540985vw;
    border-radius: 1.639344262295082vw;
  }
}

.series_lineup .comics_container .purchase_container p {
  margin-bottom: 20px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .series_lineup .comics_container .purchase_container p {
    margin-bottom: 1.639344262295082vw;
  }
}

.series_lineup .comics_container .purchase_container .purchase_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .series_lineup .comics_container .purchase_container .purchase_grid {
    gap: 1.4754098360655739vw;
  }
}

.series_lineup .comics_container .purchase_container .purchase_grid a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 88px;
  padding: 0 20px;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  background: #FFFFFF;
  transition: .3s;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .series_lineup .comics_container .purchase_container .purchase_grid a {
    height: 6.557377049180328vw;
    border-radius: 0.819672131147541vw;
  }
}

.series_lineup .comics_container .purchase_container .purchase_grid a:hover {
  border-color: #E5005A;
  opacity: 1;
}

/* ========================================================== */
/* 書誌タイトル */
/* ========================================================== */
.comic_detail .catch_copy {
  border-top: 1px solid #d9d9d8;
  border-bottom: 1px solid #d9d9d8;
  padding: 15px 0;
  color: #E5005A;
  font-size: 24px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .comic_detail .catch_copy {
    font-size: 1.71551vw;
  }
}

.comic_detail .comics_container {
  display: grid;
  grid-template-columns: 450px 1fr;
  gap: 0 30px;
  grid-template-areas: "title_area title_area" "cover_area data_area" "button_area data_area";
  margin: 50px 0 70px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .comic_detail .comics_container {
    grid-template-columns: 29.508196721311474vw 1fr;
    gap: 0 4.098360655737705vw;
    border-radius: 1.639344262295082vw;
    padding: 4.098360655737705vw;
    margin-bottom: 4.098360655737705vw;
  }
}

.comic_detail .comics_container .title {
  grid-area: title_area;
  margin-bottom: 30px;
  letter-spacing: 0.12em;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .comic_detail .comics_container .title {
    margin-bottom: 2.459016393442623vw;
  }
}

.comic_detail .comics_container .title h2 {
  font-size: 36px;
  margin-bottom: 10px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .comic_detail .comics_container .title h2 {
    font-size: 2.57327vw;
  }
}

.comic_detail .comics_container .title .author {
  font-size: 24px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .comic_detail .comics_container .title .author {
    font-size: 1.71551vw;
  }
}

.comic_detail .comics_container .book_cover {
  grid-area: cover_area;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .comic_detail .comics_container .book_cover {
    margin-bottom: 5.737704918032787vw;
  }
}

.comic_detail .comics_container .book_cover img {
  margin: auto;
  width: 100%;
  border: 1px solid #999999;
}

.comic_detail .comics_container .btn_area {
  grid-area: button_area;
}

.comic_detail .comics_container .btn_area .btn {
  margin: 30px auto;
  width: 240px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .comic_detail .comics_container .btn_area .btn {
    margin: 0 auto 2.459016393442623vw auto;
    width: 19.672131147540984vw;
    font-size: 1.71551vw;
  }
}

.comic_detail .comics_container .book_data {
  grid-area: data_area;
}

.comic_detail .comics_container .book_data .excerpt {
  margin-bottom: 30px;
  letter-spacing: 0.12em;
  line-height: 1.44;
  font-size: 18px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .comic_detail .comics_container .book_data .excerpt {
    margin-bottom: 2.459016393442623vw;
    font-size: 1.28663vw;
  }
}

.comic_detail .comics_container .book_data .metadata {
  margin-bottom: 30px;
  font-size: 18px;
  letter-spacing: 0.12em;
  line-height: 1.44;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .comic_detail .comics_container .book_data .metadata {
    margin-bottom: 2.459016393442623vw;
    font-size: 1.28663vw;
  }
}

.comic_detail .comics_container .book_data .metadata th {
  font-weight: 500;
  padding-right: 0.5em;
}

.comic_detail .comics_container .purchase_container {
  padding: 24px;
  border: 1px solid #d9d9d9;
  border-radius: 20px;
  background: #fafafa;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .comic_detail .comics_container .purchase_container {
    padding: 1.9672131147540985vw;
    border-radius: 1.639344262295082vw;
  }
}

.comic_detail .comics_container .purchase_container p {
  margin-bottom: 20px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .comic_detail .comics_container .purchase_container p {
    margin-bottom: 1.639344262295082vw;
  }
}

.comic_detail .comics_container .purchase_container .purchase_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .comic_detail .comics_container .purchase_container .purchase_grid {
    gap: 1.4754098360655739vw;
  }
}

.comic_detail .comics_container .purchase_container .purchase_grid a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 88px;
  padding: 0 20px;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  background: #FFFFFF;
  transition: .3s;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .comic_detail .comics_container .purchase_container .purchase_grid a {
    height: 6.557377049180328vw;
    border-radius: 0.819672131147541vw;
  }
}

.comic_detail .comics_container .purchase_container .purchase_grid a:hover {
  border-color: #E5005A;
  opacity: 1;
}

.comic_detail .latest_book .book_container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 50px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .comic_detail .latest_book .book_container {
    gap: 4.098360655737705vw;
    margin: 0 0 5.737704918032787vw 0;
  }
}

.comic_detail .latest_book .book_box .book_cover {
  display: block;
  overflow: hidden;
  border: 1px solid #d9d9d9;
  border-radius: 20px;
  box-shadow: 7px 7px 0px rgba(0, 0, 0, 0.15);
  margin: 0 0 30px 0;
  transition: 0.3s;
  position: relative;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .comic_detail .latest_book .book_box .book_cover {
    margin: 0 0 3.0327868852459017vw 0;
  }
}

.comic_detail .latest_book .book_box .book_cover::before {
  content: '';
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  background: rgba(253, 209, 24, 0.7);
  font-weight: 800;
  letter-spacing: 0.12em;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.3s;
  opacity: 0;
}

.comic_detail .latest_book .book_box .book_cover:hover {
  box-shadow: 0 0 0px rgba(0, 0, 0, 0.15);
  transform: translateY(7px);
}

.comic_detail .latest_book .book_box .book_cover:hover::before {
  content: '詳細を見る';
  opacity: 1;
}

.comic_detail .latest_book .book_box .book_cover img {
  width: 100%;
}

.comic_detail .latest_book .book_box .title {
  line-height: 30px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .comic_detail .latest_book .book_box .title {
    line-height: 2.9508196721311477vw;
    font-size: 1.28663vw;
  }
}

/* ========================================================== */
/* お知らせ */
/* ========================================================== */
.news_index .news_category {
  margin-bottom: 30px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .news_index .news_category {
    margin-bottom: 2.459016393442623vw;
  }
}

.news_index .news_category ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 25px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .news_index .news_category ul {
    gap: 2.0491803278688523vw;
  }
}

.news_index .news_category ul a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70px;
  border-radius: 10px;
  border: 1px solid #d9d9d9;
  font-weight: 800;
  font-size: 18px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .news_index .news_category ul a {
    height: 5.737704918032787vw;
    font-size: 1.28663vw;
  }
}

.news_index .news_category ul li.current a {
  background: #fdd118;
  border: 1px solid #fdd118;
}

.news_index .news_category ul li a:hover {
  border: 1px solid #fdd118;
}

.news_index .comic_search {
  background: #ededed;
  padding: 30px;
  border-radius: 10px;
  margin-bottom: 50px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .news_index .comic_search {
    padding: 2.459016393442623vw;
    border-radius: 0.819672131147541vw;
    margin-bottom: 4.098360655737705vw;
  }
}

.news_index .comic_search .release_date_search {
  display: grid;
  grid-template-columns: 200px 1fr 1fr 1fr;
  gap: 30px;
  align-items: center;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .news_index .comic_search .release_date_search {
    grid-template-columns: 16.39344262295082vw 1fr 1fr 1fr;
    gap: 2.459016393442623vw;
  }
}

.news_index .comic_search .release_date_search .label {
  text-align: center;
  font-size: 18px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .news_index .comic_search .release_date_search .label {
    font-size: 1.28663vw;
  }
}

.news_index .comic_search .release_date_search .btn.btn_yellow {
  width: 176px;
  height: 38px;
  margin: 0 0 0 auto;
  font-size: 18px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .news_index .comic_search .release_date_search .btn.btn_yellow {
    width: 14.426229508196723vw;
    height: 3.114754098360656vw;
    font-size: 1.28663vw;
  }
}

.news_index .comic_search select {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-block;
  width: 280px;
  height: 70px;
  padding: 0 16px;
  border: none;
  background-image: url(../img/ico_triangle.png);
  background-size: 18px;
  background-position: calc(100% - 16px) 50%;
  background-repeat: no-repeat;
  background-color: #ffffff;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .news_index .comic_search select {
    width: 22.950819672131146vw;
    height: 5.737704918032787vw;
    padding: 0 1.3114754098360655vw;
    background-size: 1.4754098360655739vw;
    background-position: calc(100% - 1.3114754098360655vw) 50%;
    font-size: 1.28663vw;
  }
}

.news_index .comic_search select:focus {
  outline: 0;
}

.news_index .news_list li a {
  display: grid;
  grid-template-columns: 160px 1fr;
  gap: 30px;
  overflow: hidden;
  border: 1px solid #d9d9d9;
  border-radius: 20px;
  box-shadow: 7px 7px 0px rgba(0, 0, 0, 0.15);
  margin: 0 0 30px 0;
  padding: 15px;
  background: #FFFFFF;
  transition: 0.3s;
  position: relative;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .news_index .news_list li a {
    grid-template-columns: 13.114754098360656vw 1fr;
    gap: 2.459016393442623vw;
    border-radius: 1.639344262295082vw;
    margin: 0 0 3.0327868852459017vw 0;
    padding: 1.2295081967213115vw;
    box-shadow: 0.57377vw 0.57377vw 0px rgba(0, 0, 0, 0.15);
  }
}

.news_index .news_list li a:hover {
  box-shadow: 0 0 0px rgba(0, 0, 0, 0.15);
  transform: translateY(7px);
}

@media (min-width: 769px) and (max-width: 1220px) {
  .news_index .news_list li a:hover {
    transform: translateY(0.57377vw);
  }
}

.news_index .news_list li .thumbnail {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 160px;
  border-radius: 20px;
  overflow: hidden;
  background: #ededed;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .news_index .news_list li .thumbnail {
    width: 13.114754098360656vw;
    height: 13.114754098360656vw;
    border-radius: 1.639344262295082vw;
  }
}

.news_index .news_list li .category {
  display: inline-block;
  border: 1px solid #fdd118;
  border-radius: 5px;
  padding: 4px 10px;
  margin-bottom: 10px;
  text-align: center;
  font-size: 18px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .news_index .news_list li .category {
    width: 10.655737704918032vw;
    border-radius: 0.4098360655737705vw;
    padding: 0.32786885245901637vw 0;
    font-size: 1.28663vw;
  }
}

.news_index .news_list li .date,
.news_index .news_list li .title {
  margin-bottom: 10px;
  font-size: 18px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .news_index .news_list li .date,
  .news_index .news_list li .title {
    font-size: 1.28663vw;
  }
}

/* ========================================================== */
/* お知らせ詳細 */
/* ========================================================== */
.news_detail .news_title .meta {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.news_detail .news_title .category {
  border: 1px solid #fdd118;
  border-radius: 5px;
  padding: 2px 27px;
  margin-right: 30px;
  font-size: 18px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .news_detail .news_title .category {
    font-size: 1.28663vw;
  }
}

.news_detail .news_title .date {
  font-size: 18px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .news_detail .news_title .date {
    font-size: 1.28663vw;
  }
}

.news_detail .news_title h2 {
  font-size: 24px;
  margin-bottom: 50px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .news_detail .news_title h2 {
    font-size: 1.71551vw;
  }
}

.news_detail .eyecatch {
  text-align: center;
  margin-bottom: 50px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .news_detail .eyecatch {
    margin-bottom: 4.098360655737705vw;
  }
}

.news_detail .eyecatch img {
  margin: auto;
}

.news_detail .article_body {
  margin-bottom: 80px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .news_detail .article_body {
    margin-bottom: 6.557377049180328vw;
  }
}

.news_detail .article_body h2 {
  padding: 0 0 20px 0;
  font-family: "M PLUS Rounded 1c", "Montserrat", -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", sans-serif;
  line-height: 1.4;
  color: #292b2c;
  margin: 0 0 0.5em 0 !important;
  font-size: 24px;
  border-bottom: 1px solid #d9d9d8;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .news_detail .article_body h2 {
    font-size: 1.71551vw;
  }
}

.news_detail .article_body h2 p {
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}

.news_detail .article_body h3 {
  margin: 0 0 1em 0 !important;
  font-size: 24px;
  border-left: 7px solid #E5005A;
  border-bottom: none;
  padding: 0 0 0 20px;
  font-family: "M PLUS Rounded 1c", "Montserrat", -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", sans-serif;
  color: #292b2c;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .news_detail .article_body h3 {
    font-size: 1.71551vw;
  }
}

.news_detail .article_body h4 {
  margin: 0 0 1em 0 !important;
  font-size: 18px;
  font-family: "M PLUS Rounded 1c", "Montserrat", -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", sans-serif;
  color: #292b2c;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .news_detail .article_body h4 {
    font-size: 1.28663vw;
  }
}

.news_detail .article_body h4::before {
  content: '■';
  margin-right: 5px;
}

.news_detail .article_body p {
  font-size: 18px;
  line-height: 1.8;
  margin: 0 0 1.8em 0;
  color: #292b2c;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .news_detail .article_body p {
    font-size: 1.28663vw;
  }
}

.news_detail .article_body a:hover {
  opacity: 0.7;
}

.news_detail .information {
  display: grid;
  grid-template-columns: 1fr 242px;
  gap: 0 40px;
  grid-template-areas: "header cover";
  border: 1px solid #d9d9d9;
  border-radius: 20px;
  background: #fafafa;
  padding: 30px 50px 40px;
  margin-bottom: 50px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .news_detail .information {
    grid-template-columns: 1fr 19.672131147540984vw;
    gap: 0 3.278688524590164vw;
    border-radius: 1.639344262295082vw;
    padding: 2.459016393442623vw 4.098360655737705vw;
    margin-bottom: 4.098360655737705vw;
  }
}

.news_detail .information .book_contents {
  grid-area: header;
}

.news_detail .information .book_cover {
  height: 341px;
  grid-area: cover;
  display: block;
  overflow: hidden;
  border: 1px solid #d9d9d9;
  border-radius: 20px;
  box-shadow: 7px 7px 0px rgba(0, 0, 0, 0.15);
  margin: 0;
  transition: 0.3s;
  position: relative;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .news_detail .information .book_cover {
    height: 27.86885245901639vw;
  }
}

.news_detail .information .book_cover::before {
  content: '';
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  background: rgba(253, 209, 24, 0.7);
  font-weight: 800;
  letter-spacing: 0.12em;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.3s;
  opacity: 0;
  display: none;
}

.news_detail .information .book_cover img {
  width: 100%;
}

.news_detail .information h3 {
  margin: 0 0 10px 0 !important;
  border-left: none;
  padding: 0;
  line-height: 1.8;
  font-weight: 500;
  font-size: 24px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .news_detail .information h3 {
    font-size: 1.71551vw;
  }
}

.news_detail .information .author {
  margin-bottom: 30px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .news_detail .information .author {
    margin-bottom: 2.459016393442623vw;
    font-size: 1.28663vw;
  }
}

.news_detail .information .book_data {
  margin-bottom: 30px;
  line-height: 1.8;
  font-size: 18px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .news_detail .information .book_data {
    margin-bottom: 1.639344262295082vw;
    font-size: 1.28663vw;
  }
}

.news_detail .information .book_data td {
  padding-right: 0.5em;
}

.news_detail .information .btn_area {
  display: flex;
}

.news_detail .information .btn_area .btn {
  margin-right: 20px;
  width: 176px;
  height: 38px;
  font-size: 18px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .news_detail .information .btn_area .btn {
    margin-right: 1.639344262295082vw;
    width: 14.426229508196723vw;
    height: 3.114754098360656vw;
    font-size: 1.28663vw;
  }
}

.news_detail .p-entry-column table {
  width: auto;
  background: none;
  border-bottom: none;
}

.news_detail .p-entry-column table th {
  padding: 0 20px 0 0;
  background: none;
  border: none;
  line-height: 2;
  color: #231815;
  font-size: 18px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .news_detail .p-entry-column table th {
    font-size: 1.28663vw;
  }
}

.news_detail .p-entry-column table td {
  padding: 0;
  border: none;
  line-height: 2;
  color: #231815;
  font-size: 18px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .news_detail .p-entry-column table td {
    font-size: 1.28663vw;
  }
}

.news_detail + ul {
  max-width: 1120px;
  margin: 50px auto;
  padding: 25px 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid #707070;
}

.news_detail + ul li a:hover {
  color: #E5005A;
}

.news_detail + ul li:first-child a {
  display: flex;
  align-items: center;
}

.news_detail + ul li:first-child a::before {
  content: '';
  display: block;
  margin-right: 5px;
  min-width: 18px;
  min-height: 18px;
  max-width: 18px;
  max-height: 18px;
  background: url(../img/arrow_black01.png);
  background-size: contain;
  transform: rotate(180deg);
}

.news_detail + ul li:nth-child(2) {
  display: none;
}

.news_detail + ul li:last-child {
  text-align: right;
}

.news_detail + ul li:last-child a {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.news_detail + ul li:last-child a::after {
  content: '';
  display: block;
  margin-left: 5px;
  min-width: 18px;
  min-height: 18px;
  max-width: 18px;
  max-height: 18px;
  background: url(../img/arrow_black01.png);
  background-size: contain;
}

/* ========================================================== */
/* 既刊一覧 */
/* ========================================================== */
.comic_list .comic_search {
  background: #ededed;
  padding: 30px;
  border-radius: 10px;
  margin-bottom: 50px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .comic_list .comic_search {
    padding: 2.459016393442623vw;
    border-radius: 0.819672131147541vw;
    margin-bottom: 4.098360655737705vw;
  }
}

.comic_list .comic_search .keyword_search {
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 30px;
  align-items: center;
  margin-bottom: 30px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .comic_list .comic_search .keyword_search {
    grid-template-columns: 16.39344262295082vw 1fr;
    gap: 2.459016393442623vw;
    margin-bottom: 2.459016393442623vw;
  }
}

.comic_list .comic_search .keyword_search .label {
  text-align: center;
  font-size: 24px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .comic_list .comic_search .keyword_search .label {
    font-size: 1.71551vw;
  }
}

.comic_list .comic_search .keyword_search .input_box {
  display: flex;
}

.comic_list .comic_search .keyword_search .input_box input[type="text"] {
  width: 100%;
  height: 70px;
  padding: 10px;
  border: none;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .comic_list .comic_search .keyword_search .input_box input[type="text"] {
    height: 5.737704918032787vw;
    padding: 0.819672131147541vw;
    font-size: 1.28663vw;
  }
}

.comic_list .comic_search .keyword_search .input_box button {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 70px;
  height: 70px;
  background: #fdd118;
  border: none;
  cursor: pointer;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .comic_list .comic_search .keyword_search .input_box button {
    min-width: 5.737704918032787vw;
    height: 5.737704918032787vw;
  }
  .comic_list .comic_search .keyword_search .input_box button img {
    width: 2.8688524590163933vw;
    height: 2.8688524590163933vw;
  }
}

.comic_list .comic_search .release_date_search {
  display: grid;
  grid-template-columns: 200px 1fr 1fr 1fr;
  gap: 30px;
  align-items: center;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .comic_list .comic_search .release_date_search {
    grid-template-columns: 16.39344262295082vw 1fr 1fr 1fr;
    gap: 2.459016393442623vw;
  }
}

.comic_list .comic_search .release_date_search .label {
  text-align: center;
  font-size: 18px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .comic_list .comic_search .release_date_search .label {
    font-size: 1.28663vw;
  }
}

.comic_list .comic_search .release_date_search .btn.btn_yellow {
  width: 176px;
  height: 38px;
  margin: 0 0 0 auto;
  font-size: 18px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .comic_list .comic_search .release_date_search .btn.btn_yellow {
    width: 14.426229508196723vw;
    height: 3.114754098360656vw;
    font-size: 1.28663vw;
  }
}

.comic_list .comic_search select {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-block;
  width: 280px;
  height: 70px;
  padding: 0 16px;
  border: none;
  background-image: url(../img/ico_triangle.png);
  background-size: 18px;
  background-position: calc(100% - 16px) 50%;
  background-repeat: no-repeat;
  background-color: #ffffff;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .comic_list .comic_search select {
    width: 22.950819672131146vw;
    height: 5.737704918032787vw;
    padding: 0 1.3114754098360655vw;
    background-size: 1.4754098360655739;
    background-position: calc(100% - 1.3114754098360655vw) 50%;
    font-size: 1.28663vw;
  }
}

.comic_list .comic_search select:focus {
  outline: 0;
}

.comic_list .sort_container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 30px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .comic_list .sort_container {
    font-size: 1.28663vw;
  }
}

.comic_list .sort_container .toggle-buttons {
  display: flex;
  align-items: center;
  margin-left: 1em;
  width: 90px;
  height: 35px;
  border: 2px solid #fdd118;
  border-radius: 5px;
  background: #FFFFFF;
  overflow: hidden;
}

.comic_list .sort_container .toggle-buttons label {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 50%;
  height: 100%;
  margin-bottom: 0;
}

.comic_list .sort_container .toggle-buttons [type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.comic_list .sort_container .toggle-buttons .button {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.comic_list .sort_container .toggle-buttons .button img {
  width: 18px;
  height: 14px;
}

.comic_list .sort_container .toggle-buttons .asc img {
  transform: rotate(180deg);
}

.comic_list .sort_container .toggle-buttons.vertical .button {
  width: 100%;
}

.comic_list .sort_container .toggle-buttons:not(.vertical) :not(:first-child) .button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.comic_list .sort_container .toggle-buttons:not(.vertical) :not(:last-child) .button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.comic_list .sort_container .toggle-buttons.vertical :not(:first-child) .button {
  border-top: 1px solid #567;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.comic_list .sort_container .toggle-buttons.vertical :not(:last-child) .button {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.comic_list .sort_container .toggle-buttons :checked + .button {
  background-color: #fdd118;
}

.comic_list .sort_container .toggle-buttons :disabled + .button {
  cursor: not-allowed;
  opacity: .6;
  color: #def;
}

.comic_list .information {
  display: grid;
  grid-template-columns: 1fr 242px;
  gap: 0 40px;
  grid-template-areas: "header cover";
  border: 1px solid #d9d9d9;
  border-radius: 20px;
  background: #fafafa;
  padding: 30px 50px 40px;
  margin-bottom: 50px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .comic_list .information {
    grid-template-columns: 1fr 19.672131147540984vw;
    gap: 0 3.278688524590164vw;
    border-radius: 1.639344262295082vw;
    padding: 2.459016393442623vw 4.098360655737705vw 0;
    margin-bottom: 4.098360655737705vw;
  }
}

.comic_list .information .book_contents {
  grid-area: header;
}

.comic_list .information .book_cover {
  height: 341px;
  grid-area: cover;
  display: block;
  overflow: hidden;
  border: 1px solid #d9d9d9;
  border-radius: 20px;
  box-shadow: 7px 7px 0px rgba(0, 0, 0, 0.15);
  margin: 0 0 30px 0;
  transition: 0.3s;
  position: relative;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .comic_list .information .book_cover {
    height: 27.86885245901639vw;
    margin: 0 0 3.0327868852459017vw 0;
  }
}

.comic_list .information .book_cover::before {
  content: '';
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  background: rgba(253, 209, 24, 0.7);
  font-weight: 800;
  letter-spacing: 0.12em;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.3s;
  opacity: 0;
}

.comic_list .information .book_cover img {
  width: 100%;
}

.comic_list .information h3 {
  margin-bottom: 10px;
  line-height: 1.8;
  font-weight: 500;
  font-size: 24px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .comic_list .information h3 {
    font-size: 1.71551vw;
  }
}

.comic_list .information .author {
  margin-bottom: 30px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .comic_list .information .author {
    margin-bottom: 2.459016393442623vw;
    font-size: 1.28663vw;
  }
}

.comic_list .information .book_data {
  margin-bottom: 30px;
  line-height: 1.8;
  font-size: 18px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .comic_list .information .book_data {
    margin-bottom: 1.639344262295082vw;
    font-size: 1.28663vw;
  }
}

.comic_list .information .book_data td {
  padding-right: 0.5em;
}

.comic_list .information .btn_area {
  display: flex;
}

.comic_list .information .btn_area .btn {
  margin-right: 20px;
  width: 176px;
  height: 38px;
  font-size: 18px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .comic_list .information .btn_area .btn {
    margin-right: 1.639344262295082vw;
    width: 14.426229508196723vw;
    height: 3.114754098360656vw;
    font-size: 1.28663vw;
  }
}

/* ページネーション */
/* ========================================================== */
.pagenation {
  margin: 70px 0 0 0;
}

.pagenation ul {
  display: flex;
  justify-content: center;
  align-items: center;
}

.pagenation ul li {
  margin: 0 15px;
}

.pagenation ul li.next_arrow {
  transform: rotate(180deg);
}

.pagenation ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 19px;
  height: 19px;
}

.pagenation ul li a:hover {
  opacity: 0.7;
}

.pagenation ul li.cur {
  color: #E5005A;
}

/* 404ページ */
/* ========================================================== */
.notfound {
  padding: 170px 0 250px 0;
  min-height: 670px;
  text-align: center;
}

.notfound h2 {
  margin: 0 0 50px 0;
  font-family: "Montserrat";
  font-size: 48px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .notfound h2 {
    font-size: 3.43102vw;
  }
}

.notfound p {
  line-height: 1.7;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .notfound p {
    font-size: 1.28663vw;
  }
}

.notfound a {
  text-decoration: underline;
}

/* 特集ページ一覧 */
/* ========================================================== */
.special_site .special_bnr {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px 50px;
}

@media (min-width: 769px) and (max-width: 1220px) {
  .special_site .special_bnr {
    gap: 2.4590vw 4.0983vw;
  }
}

.special_site .special_bnr a {
  display: block;
  border: 1px solid #707070;
}

.special_site .special_bnr a:hover {
  opacity: 0.7;
}

/* ========================================================== */
/* 調整用 */
/* ========================================================== */
/* コミック購入サイトのロゴ レイアウト調整 */
.current_number .current_number_fv .purchase_container .purchase_grid a {
  padding: 0 20px;
}

/* トップページ フッターバナーの高さ */
.toppage .bnr_slider img {
  height: 130px;
}

/* トップページ MVの調整 */
.mv_slider .slick-slide {
  margin: 0;
}

/* ニュース一覧のカテゴリー カレント表示 */
.news_index .news_category ul a.current {
  background: #fdd118;
  border: 1px solid #fdd118;
}

.lineup_box.fadein:nth-child(n + 21) {
  transform: translateY(50px);
  opacity: 0;
  visibility: hidden;
  transition: transform 1s, opacity 1s, visibility 1s;
}

.lineup_box.is-fadein {
  transform: translateX(0) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.lineup_box {
  position: relative;
}

.lineup_box.label_new::before {
  content: '';
  position: absolute;
  top: -25px;
  left: -25px;
  z-index: 1;
  width: 70px;
  height: 70px;
  background: url(../img/ico_new.png);
  background-size: contain;
  display: block;
}

.p-entry-column .p-books-media__img, .p-books-media__img, .p-books-thumbnail__img {
  border: none;
}

.p-entry-column ul {
  margin: 0 0 1.8em 0;
  padding: 0;
  font-family: inherit;
}

.p-entry-column ul li {
  display: block;
  margin: 0 0 0.5em 0;
  padding: 0 0 0 0.8em;
  line-height: inherit;
  font-size: 18px;
}

.p-entry-column ul li:last-child {
  margin-bottom: 0;
}

.p-entry-column ul li::before {
  position: absolute;
  top: 9px;
  left: 0;
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #6E6E6E;
  border-radius: 50%;
  content: "";
}

.p-entry-column ol {
  margin: 0 0 1.8em 0;
  padding: 0;
  font-family: inherit;
}

.p-entry-column ol li {
  display: block;
  margin: 0 0 0.5em 0;
  padding: 0 0 0 1.5em;
  line-height: inherit;
  font-size: 18px;
}

.p-entry-column ol li:last-child {
  margin-bottom: 0;
}

.p-entry-column ol li::before {
  position: absolute;
  top: 3px;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  color: #fff;
  line-height: 1;
  background: #6E6E6E;
  border-radius: 50%;
  counter-increment: ol-counter;
  content: counter(ol-counter);
  font-size: 12px;
}

.p-entry-column a:visited {
  color: inherit;
}

.acms-entry .acms-grid {
  margin: 0;
}

.smartphoto-img.active {
  max-width: none;
}

.columnImage {
  display: inline !important;
}

/* ========================================================== */
/* SP用スタイル */
/* ========================================================== */
@media (max-width: 768px) {
  /* ========================================================== */
  /* 共通スタイル */
  /* ========================================================== */
  .container_inner {
    padding: 0;
  }
  .contents_container .wrap {
    padding: 6.510416666666667vw 6.510416666666667vw 0 6.510416666666667vw;
  }
  .bg_container,
  .bg {
    display: none !important;
  }
  /* ボタン */
  .btn {
    width: 42.66666666666667vw;
    height: 9.333333333333334vw;
    border-radius: 4.666666666666667vw;
    font-size: 4.0625vw;
    box-shadow: 0.93333vw 0.93333vw 0px rgba(0, 0, 0, 0.15);
  }
  .btn.btn_pink {
    width: 48vw;
    background: url(../img/arrow_white01.png) no-repeat calc(100% - 2vw) 50% #E5005A;
    background-size: 3.733333333333334vw;
  }
  .btn.btn_pink:hover {
    background: url(../img/ico_spmenu.png) no-repeat calc(100% - 2vw) 50% #FFFFFF;
    background-size: 3.733333333333334vw;
  }
  .btn.btn_yellow, .btn.btn_pink_border {
    background: url(../img/arrow_black01.png) no-repeat calc(100% - 2vw) 50% #FFFFFF;
    background-size: 3.733333333333334vw;
  }
  .btn.btn_yellow:hover, .btn.btn_pink_border:hover {
    background: url(../img/arrow_black01.png) no-repeat calc(100% - 2vw) 50% #FFFFFF;
    background-size: 3.733333333333334vw;
  }
  /* h2見出し */
  .section_header {
    margin: 0 0 6.666666666666667vw 0;
  }
  .section_header .ja {
    font-size: 6.09375vw;
    line-height: 1.2;
  }
  .section_header .en {
    margin: 2.1333333333333333vw 0 0 0;
    font-size: 3.04688vw;
  }
  /* h3見出し */
  .section_header_horizonal {
    margin: 0 0 6.510416666666667vw 0;
    padding: 0 0 3.2552083333333335vw 0;
  }
  .section_header_horizonal .ja {
    font-size: 3.04688vw;
  }
  .section_header_horizonal .en {
    color: #E5005A;
    font-size: 3.04688vw;
  }
  /* ========================================================== */
  /* メニューオープン時のスタイル */
  /* ========================================================== */
  body::before {
    content: '';
    transition: 0.3s;
    display: block;
    opacity: 0;
  }
  body.bmenu_open::before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(35, 24, 21, 0.9);
    opacity: 1;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
  }
  body.bmenu_open .site_header {
    background: #fdd118;
  }
  body.search_open::before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(35, 24, 21, 0.9);
    opacity: 1;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
  }
  body.search_open .site_header {
    background: #ededed;
  }
  /* ========================================================== */
  /* ヘッダー */
  /* ========================================================== */
  .site_header {
    position: relative;
    z-index: 10;
    transition: .4s;
  }
  .site_header .container_w1400 {
    height: 55px;
  }
  .site_header .logo {
    margin: 15px;
  }
  .site_header .logo img {
    width: 115px;
  }
  .site_header .sp_menu_group {
    display: none;
    background: #fdd118;
    position: absolute;
    top: 55px;
    left: 0;
    z-index: 1;
    width: 100%;
  }
  .site_header nav {
    padding: 0 6.666666666666667vw;
  }
  .site_header nav ul {
    display: block;
  }
  .site_header nav ul li a {
    font-size: 6.09375vw;
    font-weight: 400;
    padding: 6.666666666666667vw 0;
    display: block;
    border-bottom: 1px solid #231815;
    background: url(../img/ico_spmenu.png) no-repeat 100% 50%;
    background-size: 4vw;
  }
  .site_header .sns_group {
    padding: 6.666666666666667vw 0;
  }
  .site_header .sns_group h3 {
    margin-bottom: 5vw;
    text-align: center;
    font-size: 6.09375vw;
  }
  .site_header .sns_group ul {
    margin-bottom: 5vw;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .site_header .sns_group ul li {
    margin: 0 10px;
  }
  .site_header .sns_group ul li img {
    width: 16vw;
  }
  .site_header .sp_menu_open {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 55px;
    height: 55px;
    position: absolute;
    top: 0;
    right: 55px;
    cursor: pointer;
  }
  .site_header .sp_menu_open .span_wrap {
    width: 32px;
    height: 32px;
  }
  .site_header .sp_menu_open span {
    width: 32px;
    height: 5px;
    background: #231815;
    display: block;
    border-radius: 3px;
    margin: 5px auto;
    transition: .4s;
  }
  .site_header .sp_menu_open.open span:nth-child(1) {
    transform: rotate(45deg);
    position: relative;
    top: 9px;
  }
  .site_header .sp_menu_open.open span:nth-child(2) {
    display: none;
  }
  .site_header .sp_menu_open.open span:nth-child(3) {
    transform: rotate(-45deg);
  }
  .site_header .search_open {
    width: 55px;
    height: 55px;
  }
  .site_header .search_open img {
    width: 25px;
  }
  .site_header .search_form {
    display: none;
    top: 55px;
    padding: 6.666666666666667vw;
    font-size: 6.09375vw;
  }
  .site_header .search_form .input_area {
    margin: 6.666666666666667vw 0 0 0;
  }
  .site_header .search_form .input_area input[type="text"] {
    height: 65px;
  }
  .site_header .search_form .input_area input[type="text"]:focus {
    outline: 0;
  }
  .site_header .search_form .input_area button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 15.733333333333333vw;
    height: 65px;
  }
  .site_header .search_form .input_area button img {
    width: 6.666666666666667vw;
  }
  /* ========================================================== */
  /* フッター */
  /* ========================================================== */
  .site_footer {
    padding: 6.666666666666667vw 0 0 0;
  }
  .site_footer .logo {
    margin: 0 0 6.666666666666667vw 0;
  }
  .site_footer .logo img {
    width: 47.46666666666667vw;
  }
  .site_footer .f_menu {
    margin: 0 0 4vw;
  }
  .site_footer .f_menu ul {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 1px;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    background: #d9d9d9;
  }
  .site_footer .f_menu ul li {
    margin: 0;
    background: #FFFFFF;
  }
  .site_footer .f_menu ul li a {
    font-size: 3.04688vw;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 12vw;
  }
  .site_footer .abj_mark {
    display: block;
  }
  .site_footer .abj_mark p {
    font-size: 1.82292vw;
  }
  .site_footer .abj_mark .logo_abj {
    margin: 0 0 4vw 0;
  }
  .site_footer .abj_mark .logo_abj img {
    width: 12.266666666666666vw;
  }
  .site_footer p {
    padding: 0 6vw;
    line-height: 1.5;
  }
  .site_footer .other_menu {
    margin: 4vw auto 0 auto;
    max-width: 86.13333333333333vw;
    height: 8vw;
    border-radius: 2.666666666666667vw 2.666666666666667vw 0 0;
  }
  .site_footer .other_menu ul {
    height: 8vw;
    font-size: 1.82292vw;
  }
  .site_footer .copyright {
    display: block;
    height: 14.933333333333335vw;
    padding: 2.666666666666667vw 0 0 0;
    font-size: 1.82292vw;
  }
  .pagetop {
    width: 45px;
    height: 45px;
    right: 10px;
  }
  /* ========================================================== */
  /* パンくず */
  /* ========================================================== */
  .pankuz ul {
    display: block;
    padding: 1.953125vw;
  }
  .pankuz ul li {
    display: inline-block;
    font-size: 1.82292vw;
  }
  /* ========================================================== */
  /* トップページ */
  /* ========================================================== */
  /* トップページ MV */
  /* ========================================================== */
  .toppage .mv {
    margin: 0 0 26.666666666666668vw;
  }
  .toppage .mv .container_w1220 {
    display: block;
  }
  .toppage .mv .mv_slider {
    width: 100%;
    height: auto;
  }
  .toppage .mv .slick-dotted.slick-slider {
    margin: 0;
  }
  .toppage .mv .slick-dots {
    bottom: -30px;
    left: 0;
  }
  .toppage .mv .new_release {
    padding: 9.333333333333334vw 8vw 5.737704918032787vw 8.666666666666668vw;
    width: 100%;
    height: 41.666667vw;
    display: grid;
    grid-template-columns: 42.93333333333334vw auto;
    grid-template-areas: "numbering cover";
    gap: 8vw;
  }
  .toppage .mv .new_release .numbering {
    display: grid;
    grid-template-columns: 1fr 15.066666666666666vw;
    grid-template-rows: 20px auto auto auto;
    grid-template-areas: "volume volume" "number name" "rerelase_date rerelase_date" "more_button more_button";
    grid-area: numbering;
    margin: 0 0 30px 0;
  }
  .toppage .mv .new_release .volume {
    grid-area: volume;
    font-weight: 700;
  }
  .toppage .mv .new_release .number {
    grid-area: number;
    font-size: 13.333333333333334vw;
    line-height: 9.6vw;
  }
  .toppage .mv .new_release .name {
    grid-area: name;
  }
  .toppage .mv .new_release .name img {
    width: 15.066666666666666vw;
  }
  .toppage .mv .new_release .cover {
    height: 46vw;
    overflow: hidden;
    border: 1px solid #d9d9d9;
    max-width: 32.13333333333333vw;
    margin: 0 auto;
    border-radius: 2.666666666666667vw;
    box-shadow: 0.93333vw 0.93333vw 0px rgba(0, 0, 0, 0.15);
    grid-area: cover;
  }
  .toppage .mv .new_release .more_button {
    grid-area: more_button;
  }
  .toppage .mv .new_release .more_button .btn_pink {
    width: 42.66666666666667vw;
  }
  .toppage .mv .new_release .release_date {
    display: block;
    font-size: 3.04688vw;
    font-weight: 800;
    letter-spacing: 0.12em;
    width: 100%;
    height: 16vw;
    margin: 2.666666666666667vw 0 0 0;
    position: static;
    grid-area: rerelase_date;
  }
  .toppage .mv .monthly {
    font-size: 6.09375vw;
    width: 26vw;
    height: 26vw;
    position: absolute;
    left: 6.666666666666667vw;
    bottom: 32.333333vw;
  }
  /* トップページ 新刊コミック */
  /* ========================================================== */
  .toppage .top_new_book {
    margin: 0 0 10.666666666666668vw 0;
  }
  .toppage .top_new_book .container_inner {
    margin: 0 10.666666666666668vw;
    padding: 0;
  }
  .toppage .top_new_book .container_inner .book_container {
    margin: 0 0 6.666666666666667vw 0;
  }
  .toppage .top_new_book .container_inner .book_container .slider_arrow {
    top: 19.53125vw;
    width: 6.25vw;
  }
  .toppage .top_new_book .container_inner .book_container .prev_arrow {
    left: -8.203125vw;
  }
  .toppage .top_new_book .container_inner .book_container .next_arrow {
    right: -8.203125vw;
  }
  .toppage .top_new_book .book_box {
    width: 35.199999999999996vw;
  }
  .toppage .top_new_book .book_box .book_cover {
    margin: 0 0 4.933333333333334vw 0;
    box-shadow: 0.93333vw 0.93333vw 0px rgba(0, 0, 0, 0.15);
    border-radius: 2.666666666666667vw;
  }
  .toppage .top_new_book .book_box .book_cover::before {
    border-radius: 2.666666666666667vw;
    font-size: 4.0625vw;
  }
  .toppage .top_new_book .book_box .book_cover img {
    width: 100%;
  }
  .toppage .top_new_book .book_box .btn {
    margin: 0 auto 4.933333333333334vw auto;
    width: 29.333333333333332vw;
    height: 6.933333333333333vw;
    font-size: 3.2vw;
  }
  .toppage .top_new_book .book_box .release_date {
    margin: 0 0 1.0666666666666667vw 0;
  }
  .toppage .top_new_book .book_box .title {
    font-weight: 800;
    line-height: 4.8vw;
  }
  /* トップページ お知らせ */
  /* ========================================================== */
  .toppage .top_information {
    margin: 0 0 10.666666666666668vw 0;
  }
  .toppage .top_information .container_inner {
    padding: 0;
  }
  .toppage .top_information .info_container {
    display: block;
    margin: 0 0 6.666666666666667vw 0;
  }
  .toppage .top_information .info_box {
    grid-template-columns: 21.333333333333336vw 1fr;
    gap: 0 2vw;
    border: 1px solid #d9d9d9;
    border-radius: 2.666666666666667vw;
    padding: 2vw 4vw 2vw 2vw;
    margin: 0 2vw;
  }
  .toppage .top_information .info_box .cover {
    grid-area: info_cover;
    overflow: hidden;
  }
  .toppage .top_information .info_box .cover img {
    border-radius: 2.666666666666667vw;
  }
  .toppage .top_information .info_box .category_date {
    font-size: 1.82292vw;
    margin: 0 0 2vw 0;
  }
  .toppage .top_information .info_box .category_date .category {
    border: 1px solid #000000;
    border-radius: 5px;
    padding: 0 1.333vw;
    margin-right: 1.333vw;
  }
  .toppage .top_information .info_box .title {
    grid-area: info_title;
    line-height: 1.8;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .toppage .top_information .info_box .more {
    display: none;
  }
  .toppage .top_information .info_box .more img {
    width: 2.666666666666667vw;
    height: 2.666666666666667vw;
    transform: translate(0.66667vw, -0.26667vw);
  }
  /* トップページ 作品ラインナップ */
  /* ========================================================== */
  .toppage .top_lineup {
    margin: 0 0 10.666666666666668vw 0;
  }
  .toppage .container_inner {
    padding: 0 10.666666666666668vw;
  }
  .toppage .container_inner .lineup_container {
    grid-template-columns: 1fr 1fr;
    gap: 4vw 8vw;
    margin: 0 0 6.666666666666667vw 0;
  }
  .toppage .container_inner .lineup_box .lineup_cover {
    margin: 0 0 4vw 0;
    box-shadow: 0.93333vw 0.93333vw 0px rgba(0, 0, 0, 0.15);
    border-radius: 2.666666666666667vw;
  }
  .toppage .container_inner .lineup_box .lineup_cover::before {
    border-radius: 2.666666666666667vw;
    font-size: 4.0625vw;
  }
  .toppage .container_inner .lineup_box .lineup_cover img {
    width: 100%;
  }
  .toppage .container_inner .lineup_box .btn {
    margin: 0 auto 4.933333333333334vw auto;
    width: 29.333333333333332vw;
    height: 6.933333333333333vw;
    font-size: 3.2vw;
  }
  .toppage .container_inner .lineup_box .release_date {
    margin: 0 0 1.0666666666666667vw 0;
  }
  .toppage .container_inner .lineup_box .title {
    font-weight: 800;
    line-height: 5.066666666666666vw;
    font-size: 4.0625vw;
  }
  .toppage .container_inner .lineup_box .author {
    line-height: 5.066666666666666vw;
    font-size: 4.0625vw;
  }
  /* トップページ twitterタイムライン・各SNSシェアボタン */
  /* ========================================================== */
  .toppage .sns_grid {
    display: block;
    margin-bottom: 10.666666666666668vw;
  }
  .toppage .twitter_timeline {
    padding: 0 6.666666666666667vw;
    margin-bottom: 10.666666666666668vw;
  }
  .toppage .sns_bnr {
    padding: 0 6.5104vw;
  }
  .toppage .sns_bnr a {
    width: 100%;
    margin: 0 auto 5.3333vw auto;
  }
  .timeline_share {
    margin-top: 10.666666666666668vw;
  }
  .sns_share {
    padding: 0 6.666666666666667vw;
  }
  .sns_share .sns_group {
    margin: 6.666666666666667vw 0 6.666666666666667vw 0;
  }
  .sns_share .sns_group ul {
    display: block;
  }
  .sns_share .sns_group ul li {
    margin: 0 0 4vw;
  }
  .sns_share .sns_group ul li img {
    width: 12.666666666666668vw;
    height: 12.666666666666668vw;
  }
  .sns_share .sns_group ul li a {
    font-size: 4.0625vw;
    width: 50vw;
    height: 10vw;
    border-radius: 5vw;
    box-shadow: 0.91146vw 0.91146vw 0px rgba(0, 0, 0, 0.15);
  }
  .sns_share .sns_group ul li a:hover {
    transform: translateY(0.91146vw);
  }
  .sns_share .sns_group ul li a .icon {
    top: 0.6vw;
    left: 0.6vw;
    width: 7.8125vw;
    height: 7.8125vw;
  }
  /* トップページ 下部バナースライダー */
  /* ========================================================== */
  .toppage .bnr_slider .slick-dots {
    bottom: 15px;
  }
  /* ========================================================== */
  /* 最新号 */
  /* ========================================================== */
  .current_number .current_number_fv {
    display: block;
  }
  .current_number .current_number_fv .magazine_cover {
    margin-bottom: 5.208333333333334vw;
  }
  .current_number .current_number_fv .magazine_cover img {
    width: 100%;
  }
  .current_number .current_number_fv .magazine_cover .btn {
    margin: 5.208333333333334vw auto 0 auto;
  }
  .current_number .current_number_fv .magazine_data {
    padding-top: 2.604166666666667vw;
  }
  .current_number .current_number_fv .magazine_data h3 {
    font-size: 6.09375vw;
    padding-bottom: 2.604166666666667vw;
    margin-bottom: 2.604166666666667vw;
  }
  .current_number .current_number_fv .magazine_data .date_price {
    margin-bottom: 2.604166666666667vw;
    font-size: 3.04688vw;
  }
  .current_number .current_number_fv .purchase_container {
    padding: 3.125vw;
    border-radius: 2.604166666666667vw;
  }
  .current_number .current_number_fv .purchase_container p {
    margin-bottom: 2.604166666666667vw;
  }
  .current_number .current_number_fv .purchase_container .purchase_grid {
    display: block;
  }
  .current_number .current_number_fv .purchase_container .purchase_grid a {
    height: 15.458333vw;
    border-radius: 1.3020833333333335vw;
    margin-bottom: 2.604166666666667vw;
  }
  .current_number .magazine_contents {
    margin: 0 0 9.114583333333332vw 0;
  }
  .current_number .magazine_contents.image_text_box {
    display: block;
    border-radius: 2.604166666666667vw;
  }
  .current_number .magazine_contents.image_text_box h3 {
    padding: 2.604166666666667vw;
    font-size: 4.0625vw;
  }
  .current_number .magazine_contents .box_body {
    padding: 6.510416666666667vw;
  }
  .current_number .magazine_contents .image_area {
    width: 100%;
    border-radius: 2.604166666666667vw;
    margin-bottom: 5.208333333333334vw;
    box-shadow: 0.93333vw 0.93333vw 0px rgba(0, 0, 0, 0.15);
  }
  .current_number .magazine_contents .image_area img {
    width: 100%;
    height: auto;
  }
  .current_number .magazine_contents .text_area {
    font-size: 3.04688vw;
  }
  .current_number .magazine_contents .lineup_list li {
    transition: .3s;
  }
  .current_number .magazine_contents .lineup_list li:hover {
    background: #ededed !important;
  }
  .current_number .magazine_contents .lineup_list li:nth-child(odd) {
    background: #fafafa;
  }
  .current_number .magazine_contents .lineup_list li:nth-child(odd) a {
    background: url(../img/arrow_black01.png) no-repeat calc(100% - 2.2552083333333335vw) 50% #fafafa;
    background-size: 2.604166666666667vw;
  }
  .current_number .magazine_contents .lineup_list li a {
    display: block;
    padding: 2.604166666666667vw 6.510416666666667vw 2.604166666666667vw 2.604166666666667vw;
    background: url(../img/arrow_black01.png) no-repeat calc(100% - 2.2552083333333335vw) 50%;
    background-size: 2.604166666666667vw;
  }
  .current_number .magazine_contents .lineup_list li span {
    display: block;
    padding: 2.604166666666667vw 6.510416666666667vw 2.604166666666667vw 2.604166666666667vw;
  }
  .current_number .magazine_contents .lineup_list .title {
    margin: 0 0 1.953125vw 0;
    font-size: 4.0625vw;
  }
  .current_number .magazine_contents .lineup_list .title .label-new {
    margin-bottom: 2vw;
    font-size: 1.82292vw;
    width: 10vw;
    height: 3.5vw;
    line-height: 3.5vw;
    transform: translateY(-0.4vw);
  }
  .current_number .magazine_contents .lineup_list .author {
    font-size: 3.04688vw;
    line-height: 1.2;
  }
  .current_number .magazine_contents .backnumber_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: -5.208333333333334vw;
  }
  .current_number .magazine_contents .backnumber_list li {
    margin-bottom: 5.208333333333334vw;
    width: 45%;
  }
  .current_number .magazine_contents .backnumber_list li .cover {
    border-radius: 2.604166666666667vw;
    box-shadow: 0.93333vw 0.93333vw 0px rgba(0, 0, 0, 0.15);
    margin-bottom: 3.90625vw;
  }
  .current_number .magazine_contents .backnumber_list li .cover::before {
    content: '';
    font-size: 4.0625vw;
    border-radius: 2.604166666666667vw;
  }
  .current_number .magazine_contents .backnumber_list li .number {
    font-size: 3.04688vw;
    font-weight: 900;
  }
  /* ========================================================== */
  /* バックナンバー */
  /* ========================================================== */
  .back_number .backnumber_list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6.510416666666667vw 5.208333333333334vw;
    margin: 0 0 9.114583333333332vw 0;
  }
  .back_number .backnumber_list li {
    width: auto;
    margin-bottom: 5.208333333333334vw;
  }
  .back_number .backnumber_list li .cover {
    border-radius: 2.604166666666667vw;
    box-shadow: 0.93333vw 0.93333vw 0px rgba(0, 0, 0, 0.15);
    margin-bottom: 3.90625vw;
  }
  .back_number .backnumber_list li .cover::before {
    content: '';
    font-size: 4.0625vw;
    border-radius: 2.604166666666667vw;
  }
  .back_number .backnumber_list li .cover img {
    width: 100%;
    height: auto;
  }
  .back_number .backnumber_list li .number {
    font-size: 3.04688vw;
    font-weight: 900;
  }
  /* ========================================================== */
  /* 作品ラインナップ */
  /* ========================================================== */
  .lineup_list {
    margin-bottom: 0;
  }
  .lineup_list .lineup_container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    gap: 4vw 8vw;
    margin: 0 0 6.666666666666667vw 0;
  }
}

@media (max-width: 768px) and (min-width: 769px) and (max-width: 1220px) {
  .lineup_list .lineup_container {
    gap: 4.098360655737705vw;
    margin: 0 0 5.737704918032787vw 0;
  }
}

@media (max-width: 768px) {
  .lineup_list .nav_area {
    display: flex;
    justify-content: center;
    margin-bottom: 35px;
  }
  .lineup_list .nav_area a, .lineup_list .nav_area span {
    width: 32.55208333333333vw;
    height: 10.807291666666668vw;
    padding-bottom: 1.3020833333333335vw;
  }
  .lineup_list .lineup_box .lineup_cover {
    margin: 0 0 4vw 0;
    box-shadow: 0.93333vw 0.93333vw 0px rgba(0, 0, 0, 0.15);
    border-radius: 2.666666666666667vw;
  }
  .lineup_list .lineup_box .lineup_cover::before {
    border-radius: 2.666666666666667vw;
    font-size: 4.0625vw;
  }
  .lineup_list .lineup_box .lineup_cover img {
    width: 100%;
  }
  .lineup_list .lineup_box .btn {
    margin: 0 auto 4.933333333333334vw auto;
    width: 29.333333333333332vw;
    height: 6.933333333333333vw;
    font-size: 3.2vw;
  }
  .lineup_list .lineup_box .release_date {
    margin: 0 0 1.0666666666666667vw 0;
  }
  .lineup_list .lineup_box .title {
    font-weight: 800;
    line-height: 5.066666666666666vw;
    font-size: 4.0625vw;
  }
  .lineup_list .lineup_box .author {
    line-height: 5.066666666666666vw;
    font-size: 4.0625vw;
  }
  /* ========================================================== */
  /* 電撃だいおうじコミック新人賞 */
  /* ========================================================== */
  .award .btn_area {
    display: block;
  }
  .award .btn_area .btn {
    margin: 0 auto 20px;
    width: 48vw;
  }
  .award .benefits {
    margin-bottom: 9.114583333333332vw;
  }
  .award .prize_box {
    display: grid;
    grid-template-columns: 13vw 1fr;
    gap: 5.208333333333334vw;
    align-items: start;
    padding-bottom: 6.510416666666667vw;
    border-bottom: 1px solid #d9d9d8;
    margin-bottom: 6.510416666666667vw;
  }
  .award .prize_box .prize_detail h4 {
    font-size: 6.09375vw;
  }
  .award .prize_box .prize_detail p {
    font-size: 4.0625vw;
    margin: 0.6510416666666667vw 0 2.604166666666667vw;
  }
  .award .prize_box .prize_detail .special {
    font-size: 4.0625vw;
    padding: 1.3020833333333335vw;
  }
  .award .tab_container h3 span {
    font-size: 4.0625vw;
    height: 10.416666666666668vw;
    border-radius: 2.604166666666667vw 2.604166666666667vw 0 0;
  }
  .award .tab_container .tab_contents_box {
    padding: 5.208333333333334vw;
    border-radius: 0 0 2.604166666666667vw 2.604166666666667vw;
  }
  .award .tab_container .tab_contents_box h5 {
    font-size: 6.09375vw;
    margin-bottom: 2.604166666666667vw;
  }
  .award .tab_container .tab_contents_box .limit {
    font-size: 4.0625vw;
    margin-bottom: 40px;
  }
  .award .rules table {
    margin-bottom: 3.90625vw;
  }
  .award .rules table th {
    display: block;
    width: 100%;
    padding: 3.90625vw;
    border: none;
    border-bottom: 1px solid #d9d9d8;
    font-size: 3.04688vw;
  }
  .award .rules table td {
    display: block;
    width: 100%;
    padding: 3.90625vw;
    border: none;
    border-bottom: 1px solid #d9d9d8;
  }
  .award .rules .btn {
    width: 100%;
    margin-bottom: 9.114583333333332vw;
  }
  .award .select {
    margin-bottom: 40px;
    text-align: center;
  }
  .award .result {
    margin-bottom: 5.208333333333334vw;
  }
  .award .result .prize_box {
    display: block;
  }
  .award .result .prize_box .medal {
    width: 18.133333333333333vw;
    margin: 0 auto 4vw auto;
  }
  .award .result .prize_box .prize_detail h4 {
    text-align: center;
  }
  .award .result .result_box {
    grid-template-columns: 30vw 1fr;
    gap: 5.208333333333334vw;
    margin-top: 2.604166666666667vw;
  }
  .award .result .result_box .thumbnail {
    width: 30vw;
    margin: 0 auto 1.3020833333333335vw auto;
  }
  .award .result .result_box .thumbnail img {
    width: 100%;
  }
  .award .result .result_box .data h5 {
    margin-bottom: 1.3020833333333335vw;
    font-size: 4.0625vw;
  }
  .award .result .result_box .data .author {
    font-size: 4.0625vw;
  }
  .award .result .result_box .data p {
    margin: 3vw 0;
    font-size: 3.04688vw;
  }
  .award .result .result_box .evaluation {
    border-radius: 2.604166666666667vw;
    padding: 1.953125vw 2.604166666666667vw;
    background: #fafafa;
  }
  .award .result .result_box .evaluation h6 {
    margin-bottom: 0.6510416666666667vw;
    font-size: 4.0625vw;
  }
  .award .result .result_box .evaluation p {
    margin: 0;
    font-size: 3.04688vw;
  }
  /* ========================================================== */
  /* 新人賞＆持ち込み */
  /* ========================================================== */
  .debut .debut_mv {
    margin-bottom: 11.71875vw;
  }
  .debut .cnt_box {
    display: block;
    border-radius: 2.604166666666667vw;
    box-shadow: 0.91146vw 0.91146vw 0px rgba(0, 0, 0, 0.15);
    margin: 0 0 4.817708333333334vw 0;
    padding: 9.114583333333332vw 6.510416666666667vw;
  }
  .debut .cnt_box .name {
    font-size: 6.09375vw;
    margin-bottom: 2.604166666666667vw;
    text-align: center;
  }
  .debut .cnt_box .btn {
    width: 100%;
  }
  /* ========================================================== */
  /* 新刊コミックス */
  /* ========================================================== */
  .new_book .kikan_list {
    margin-bottom: 6.510416666666667vw;
  }
  .new_book .kikan_list .btn {
    width: 100%;
  }
  .new_book .comics_container {
    display: block;
    border-radius: 2.604166666666667vw;
    padding: 5.208333333333334vw;
    margin-bottom: 6.510416666666667vw;
  }
  .new_book .comics_container .title {
    margin-bottom: 3.90625vw;
    letter-spacing: 0.12em;
  }
  .new_book .comics_container .title h3 {
    font-size: 6.09375vw;
    margin-bottom: 1.3020833333333335vw !important;
    border: none;
    padding: 0;
  }
  .new_book .comics_container .title .author {
    font-size: 4.0625vw;
  }
  .new_book .comics_container .book_cover {
    margin-bottom: 9.114583333333332vw;
  }
  .new_book .comics_container .book_cover img {
    margin: auto;
  }
  .new_book .comics_container .btn_area {
    margin-bottom: 9.114583333333332vw;
  }
  .new_book .comics_container .btn_area .btn {
    margin: 0 auto 3.90625vw auto;
    width: 100%;
  }
  .new_book .comics_container .book_data .excerpt {
    margin-bottom: 3.90625vw;
    letter-spacing: 0.12em;
    line-height: 1.44;
    font-size: 3.04688vw;
  }
  .new_book .comics_container .book_data .metadata {
    margin-bottom: 3.90625vw;
    font-size: 3.04688vw;
    letter-spacing: 0.12em;
    line-height: 1.44;
  }
  .new_book .comics_container .book_data .metadata th {
    font-weight: 500;
    padding-right: 0.5em;
  }
  .new_book .comics_container .purchase_container {
    padding: 3.125vw;
    border-radius: 2.604166666666667vw;
  }
  .new_book .comics_container .purchase_container p {
    margin-bottom: 2.604166666666667vw;
  }
  .new_book .comics_container .purchase_container .purchase_grid {
    display: block;
  }
  .new_book .comics_container .purchase_container .purchase_grid a {
    height: 15.458333vw;
    border-radius: 1.3020833333333335vw;
    margin-bottom: 2.604166666666667vw;
  }
  /* ========================================================== */
  /* シリーズラインナップ */
  /* ========================================================== */
  .series_lineup .comics_container {
    display: block;
    border-radius: 2.604166666666667vw;
    padding: 5.208333333333334vw;
    margin-bottom: 6.510416666666667vw;
  }
  .series_lineup .comics_container .title {
    margin-bottom: 3.90625vw;
    letter-spacing: 0.12em;
  }
  .series_lineup .comics_container .title h3 {
    font-size: 6.09375vw;
    margin-bottom: 1.3020833333333335vw;
  }
  .series_lineup .comics_container .title .author {
    font-size: 4.0625vw;
  }
  .series_lineup .comics_container .book_cover {
    margin-bottom: 9.114583333333332vw;
  }
  .series_lineup .comics_container .book_cover img {
    margin: auto;
  }
  .series_lineup .comics_container .btn_area {
    margin-bottom: 9.114583333333332vw;
  }
  .series_lineup .comics_container .btn_area .btn {
    margin: 0 auto 3.90625vw auto;
    width: 100%;
  }
  .series_lineup .comics_container .book_data .excerpt {
    margin-bottom: 3.90625vw;
    letter-spacing: 0.12em;
    line-height: 1.44;
    font-size: 3.04688vw;
  }
  .series_lineup .comics_container .book_data .metadata {
    margin-bottom: 3.90625vw;
    font-size: 3.04688vw;
    letter-spacing: 0.12em;
    line-height: 1.44;
  }
  .series_lineup .comics_container .book_data .metadata th {
    font-weight: 500;
    padding-right: 0.5em;
  }
  .series_lineup .comics_container .purchase_container {
    padding: 3.125vw;
    border-radius: 2.604166666666667vw;
  }
  .series_lineup .comics_container .purchase_container p {
    margin-bottom: 2.604166666666667vw;
  }
  .series_lineup .comics_container .purchase_container .purchase_grid {
    display: block;
  }
  .series_lineup .comics_container .purchase_container .purchase_grid a {
    height: 15.458333vw;
    border-radius: 1.3020833333333335vw;
    margin-bottom: 2.604166666666667vw;
  }
  /* ========================================================== */
  /* 書誌タイトル */
  /* ========================================================== */
  .comic_detail .catch_copy {
    padding: 1.953125vw 0;
    color: #E5005A;
    font-size: 4.0625vw;
  }
  .comic_detail .comics_container {
    display: block;
    margin: 6.510416666666667vw 0 9.114583333333332vw;
  }
  .comic_detail .comics_container .title {
    margin-bottom: 3.90625vw;
    letter-spacing: 0.12em;
  }
  .comic_detail .comics_container .title h2 {
    font-size: 6.09375vw;
    margin-bottom: 1.3020833333333335vw;
  }
  .comic_detail .comics_container .title .author {
    font-size: 4.0625vw;
  }
  .comic_detail .comics_container .book_cover {
    margin-bottom: 9.114583333333332vw;
  }
  .comic_detail .comics_container .book_cover img {
    margin: auto;
  }
  .comic_detail .comics_container .btn_area {
    margin-bottom: 9.114583333333332vw;
  }
  .comic_detail .comics_container .btn_area .btn {
    margin: 0 auto 3.90625vw auto;
    width: 100%;
  }
  .comic_detail .comics_container .book_data .excerpt {
    margin-bottom: 3.90625vw;
    letter-spacing: 0.12em;
    line-height: 1.44;
    font-size: 3.04688vw;
  }
  .comic_detail .comics_container .book_data .metadata {
    margin-bottom: 3.90625vw;
    font-size: 3.04688vw;
    letter-spacing: 0.12em;
    line-height: 1.44;
  }
  .comic_detail .comics_container .book_data .metadata th {
    font-weight: 500;
    padding-right: 0.5em;
  }
  .comic_detail .comics_container .purchase_container {
    padding: 3.125vw;
    border-radius: 2.604166666666667vw;
  }
  .comic_detail .comics_container .purchase_container p {
    margin-bottom: 2.604166666666667vw;
  }
  .comic_detail .comics_container .purchase_container .purchase_grid {
    display: block;
  }
  .comic_detail .comics_container .purchase_container .purchase_grid a {
    height: 15.458333vw;
    border-radius: 1.3020833333333335vw;
    margin-bottom: 2.604166666666667vw;
  }
  .comic_detail .comics_container .purchase_container .purchase_grid .hide_btn {
    display: none;
  }
  .comic_detail .comics_container .purchase_container .more_show {
    padding: 2vw;
    text-align: center;
    font-size: 3.04688vw;
  }
  .comic_detail .comics_container .purchase_container .more_show::before {
    content: '';
    margin-right: 10px;
    width: 2.933333333333333vw;
    height: 1.6vw;
    display: inline-block;
    background: url(../img/ico_accordion_arrow.svg) no-repeat;
    background-size: contain;
    transform: rotate(180deg);
  }
  .comic_detail .comics_container .purchase_container .more_show.open::before {
    transform: rotate(0);
  }
  .comic_detail .latest_book {
    margin-bottom: 6.510416666666667vw;
  }
  .comic_detail .latest_book .book_container {
    grid-template-columns: 1fr 1fr;
    gap: 6.666666666666667vw;
  }
  .comic_detail .latest_book .book_box .book_cover {
    margin: 0 0 4.933333333333334vw 0;
    box-shadow: 0.93333vw 0.93333vw 0px rgba(0, 0, 0, 0.15);
    border-radius: 2.666666666666667vw;
  }
  .comic_detail .latest_book .book_box .book_cover::before {
    border-radius: 2.666666666666667vw;
    font-size: 4.0625vw;
  }
  .comic_detail .latest_book .book_box .book_cover img {
    width: 100%;
  }
  .comic_detail .latest_book .book_box .btn {
    margin: 0 auto 4.933333333333334vw auto;
    width: 29.333333333333332vw;
    height: 6.933333333333333vw;
    font-size: 3.2vw;
  }
  .comic_detail .latest_book .book_box .release_date {
    margin: 0 0 1.0666666666666667vw 0;
  }
  .comic_detail .latest_book .book_box .title {
    font-weight: 800;
    line-height: 4.8vw;
  }
  /* ========================================================== */
  /* お知らせ */
  /* ========================================================== */
  .news_index .news_category {
    margin-bottom: 3.90625vw;
  }
  .news_index .news_category ul {
    grid-template-columns: 1fr 1fr;
    gap: 3.2552083333333335vw;
  }
  .news_index .news_category ul a {
    height: 9.114583333333332vw;
    font-size: 3.04688vw;
  }
  .news_index .comic_search {
    padding: 5vw;
    border-radius: 1.3020833333333335vw;
    margin-bottom: 6.510416666666667vw;
  }
  .news_index .comic_search .release_date_search {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "label label" "year month" "button button";
    gap: 10px;
  }
  .news_index .comic_search .release_date_search .label {
    grid-area: label;
    text-align: left;
    font-size: 4.0625vw;
  }
  .news_index .comic_search .release_date_search .year {
    grid-area: year;
  }
  .news_index .comic_search .release_date_search .month {
    grid-area: month;
  }
  .news_index .comic_search .release_date_search .btn.btn_yellow {
    grid-area: button;
    width: 50%;
    margin: 0 auto;
    font-size: 4.0625vw;
    color: #231815;
  }
  .news_index .comic_search select {
    width: 100%;
    height: 9.114583333333332vw;
    padding: 0 2.083333333333333vw;
    background-size: 2.083333333333333vw;
    background-position: calc(100% - 2.083333333333333vw) 50%;
  }
  .news_index .news_list li a {
    display: grid;
    grid-template-columns: 20.833333333333336vw 1fr;
    gap: 3.90625vw;
    overflow: hidden;
    border: 1px solid #d9d9d9;
    border-radius: 2.604166666666667vw;
    box-shadow: 0.91146vw 0.91146vw 0px rgba(0, 0, 0, 0.15);
    margin: 0 0 3.90625vw 0;
    padding: 1.953125vw;
    background: #FFFFFF;
    transition: 0.3s;
    position: relative;
  }
  .news_index .news_list li a:hover {
    box-shadow: 0 0 0px rgba(0, 0, 0, 0.15);
    transform: translateY(0.91146vw);
  }
  .news_index .news_list li .thumbnail {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20.833333333333336vw;
    height: 20.833333333333336vw;
    border-radius: 2.604166666666667vw;
    overflow: hidden;
    background: #ededed;
  }
  .news_index .news_list li .category {
    border: 1px solid #fdd118;
    border-radius: 0.6510416666666667vw;
    padding: 0.5208333333333333vw 2vw;
    margin-bottom: 1.3020833333333335vw;
    text-align: center;
    font-size: 3.04688vw;
  }
  .news_index .news_list li .date {
    margin-bottom: 1.3020833333333335vw;
    font-size: 1.82292vw;
  }
  .news_index .news_list li .title {
    margin-bottom: 1.3020833333333335vw;
    font-size: 3.04688vw;
  }
  /* ========================================================== */
  /* お知らせ詳細 */
  /* ========================================================== */
  .news_detail .news_title .meta {
    margin-bottom: 2.604166666666667vw;
  }
  .news_detail .news_title .category {
    padding: 2px 3.90625vw;
    margin-right: 3.90625vw;
    font-size: 3.04688vw;
  }
  .news_detail .news_title .date {
    font-size: 3.04688vw;
  }
  .news_detail .news_title h2 {
    font-size: 4.0625vw;
    margin-bottom: 6.510416666666667vw;
  }
  .news_detail .eyecatch {
    margin-bottom: 6.510416666666667vw;
  }
  .news_detail .article_body {
    margin-bottom: 10.416666666666668vw;
  }
  .news_detail .article_body h2 {
    padding-bottom: .5em;
    font-size: 4.0625vw;
  }
  .news_detail .article_body h3 {
    border-left-width: 4px;
    padding-left: .5em;
    font-size: 4.0625vw;
  }
  .news_detail .article_body h4 {
    font-size: 3.04688vw;
  }
  .news_detail .article_body p {
    font-size: 3.04688vw;
  }
  .news_detail .information {
    display: block;
    border-radius: 2.604166666666667vw;
    padding: 3.90625vw;
  }
  .news_detail .information .book_contents {
    display: grid;
    grid-template-columns: 20vw 1fr;
    gap: 0 5vw;
    grid-template-areas: "header header" "cover title" "cover book_data" "btn_area btn_area";
  }
  .news_detail .information .book_contents .author {
    grid-area: title;
    margin-bottom: 2.604166666666667vw;
    line-height: 1.4;
    font-size: 4.0625vw;
  }
  .news_detail .information h3,
  .news_detail .information .section_header_horizonal {
    grid-area: header;
    margin-bottom: 2.604166666666667vw;
  }
  .news_detail .information .book_cover {
    height: 28vw;
    grid-area: cover;
    display: block;
    overflow: hidden;
    border: 1px solid #d9d9d9;
    border-radius: 2.604166666666667vw;
    box-shadow: 0.91146vw 0.91146vw 0px rgba(0, 0, 0, 0.15);
    margin: 0 0 3.90625vw 0;
  }
  .news_detail .information .book_cover::before {
    content: '';
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 4.0625vw;
    width: 100%;
    height: 100%;
    border-radius: 2.604166666666667vw;
    background: rgba(253, 209, 24, 0.7);
    font-weight: 800;
    letter-spacing: 0.12em;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.3s;
    opacity: 0;
  }
  .news_detail .information h4 {
    grid-area: title;
    margin-bottom: 0.6510416666666667vw;
    font-size: 4.0625vw;
  }
  .news_detail .information .book_data {
    grid-area: book_data;
    margin-bottom: 2.604166666666667vw;
    font-size: 3.04688vw;
  }
  .news_detail .information .btn_area {
    grid-area: btn_area;
    justify-content: center;
  }
  .news_detail .information .btn_area .btn {
    margin: 0 2.604166666666667vw;
    width: 45vw;
    height: 8vw;
    font-size: 3.04688vw;
  }
  .news_detail .p-entry-column table {
    width: auto;
    background: none;
    border-bottom: none;
  }
  .news_detail .p-entry-column table th {
    padding: 0.6510416666666667vw 2.604166666666667vw 0.6510416666666667vw 0;
    border: none;
    line-height: 1;
    font-size: 3.04688vw;
    background: none;
  }
  .news_detail .p-entry-column table td {
    padding: 0.6510416666666667vw 0;
    border: none;
    line-height: 1;
    font-size: 3.04688vw;
  }
  .news_detail + ul {
    margin: 0 6.510416666666667vw;
    gap: 15px;
    padding: 15px 0 0 0;
  }
  .news_detail + ul li:first-child a {
    display: flex;
    align-items: center;
  }
  .news_detail + ul li:first-child a::before {
    background-repeat: no-repeat;
    margin-right: 0.7vw;
    min-width: 4vw;
    min-height: 4vw;
    max-width: 4vw;
    max-height: 4vw;
  }
  .news_detail + ul li:nth-child(2) {
    display: none;
  }
  .news_detail + ul li:last-child {
    text-align: right;
  }
  .news_detail + ul li:last-child a {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .news_detail + ul li:last-child a::after {
    background-repeat: no-repeat;
    margin-left: 0.7vw;
    min-width: 4vw;
    min-height: 4vw;
    max-width: 4vw;
    max-height: 4vw;
  }
  /* ========================================================== */
  /* 既刊一覧 */
  /* ========================================================== */
  .comic_list .comic_search {
    padding: 5vw;
    border-radius: 1.3020833333333335vw;
    margin-bottom: 6.510416666666667vw;
  }
  .comic_list .comic_search .keyword_search {
    display: block;
    margin-bottom: 3.90625vw;
  }
  .comic_list .comic_search .keyword_search .label {
    text-align: left;
    margin-bottom: 1.3020833333333335vw;
    font-size: 4.0625vw;
  }
  .comic_list .comic_search .keyword_search .input_box input[type="text"] {
    height: 9.114583333333332vw;
    padding: 1.3020833333333335vw;
  }
  .comic_list .comic_search .keyword_search .input_box button {
    min-width: 9.114583333333332vw;
    height: 9.114583333333332vw;
  }
  .comic_list .comic_search .keyword_search .input_box button img {
    width: 4.557291666666666vw;
  }
  .comic_list .comic_search .release_date_search {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "label label" "year month" "button button";
    gap: 10px;
  }
  .comic_list .comic_search .release_date_search .label {
    grid-area: label;
    text-align: left;
    font-size: 4.0625vw;
  }
  .comic_list .comic_search .release_date_search .year {
    grid-area: year;
  }
  .comic_list .comic_search .release_date_search .month {
    grid-area: month;
  }
  .comic_list .comic_search .release_date_search .btn.btn_yellow {
    grid-area: button;
    width: 50%;
    margin: 0 auto;
    font-size: 4.0625vw;
    color: #231815;
  }
  .comic_list .comic_search select {
    width: 100%;
    height: 9.114583333333332vw;
    padding: 0 2.083333333333333vw;
    background-size: 2.083333333333333vw;
    background-position: calc(100% - 2.083333333333333vw) 50%;
  }
  .comic_list .information {
    display: block;
    border-radius: 2.604166666666667vw;
    padding: 3.90625vw;
    margin-bottom: 6.510416666666667vw;
  }
  .comic_list .information .book_contents {
    display: grid;
    grid-template-columns: 20vw 1fr;
    gap: 0 5vw;
    grid-template-areas: "title title" "cover author" "cover book_data" "btn_area btn_area";
  }
  .comic_list .information .book_cover {
    height: 28vw;
    grid-area: cover;
    display: block;
    overflow: hidden;
    border: 1px solid #d9d9d9;
    border-radius: 2.604166666666667vw;
    box-shadow: 0.91146vw 0.91146vw 0px rgba(0, 0, 0, 0.15);
    margin: 0 0 3.90625vw 0;
  }
  .comic_list .information .book_cover::before {
    content: '';
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 4.0625vw;
    width: 100%;
    height: 100%;
    border-radius: 2.604166666666667vw;
    background: rgba(253, 209, 24, 0.7);
    font-weight: 800;
    letter-spacing: 0.12em;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.3s;
    opacity: 0;
  }
  .comic_list .information h3 {
    grid-area: title;
    margin-bottom: 2vw;
    font-size: 4.0625vw;
  }
  .comic_list .information .author {
    grid-area: author;
    margin-bottom: 2vw;
    font-size: 3.04688vw;
  }
  .comic_list .information .book_data {
    grid-area: book_data;
    margin-bottom: 6vw;
    line-height: 1.4;
    font-size: 3.04688vw;
  }
  .comic_list .information .btn_area {
    grid-area: btn_area;
    justify-content: center;
  }
  .comic_list .information .btn_area .btn {
    margin: 0 2.604166666666667vw;
    width: 45vw;
    height: 8vw;
    font-size: 3.04688vw;
  }
  /* ページネーション */
  /* ========================================================== */
  .pagenation {
    margin: 9.114583333333332vw 0 0 0;
  }
  .pagenation ul li {
    margin: 0 1.953125vw;
    font-size: 4.0625vw;
  }
  .pagenation ul a {
    font-size: 4.0625vw;
  }
  /* 404ページ */
  /* ========================================================== */
  .notfound {
    padding: 8vw 0 10vw;
    min-height: auto;
    text-align: center;
  }
  .notfound h2 {
    margin: 0 0 6.510416666666667vw 0;
    font-size: 8.125vw;
  }
  .notfound p {
    text-align: left;
    font-size: 4.0625vw;
  }
  /* 特集ページ一覧 */
  /* ========================================================== */
  .special_site .special_bnr {
    grid-template-columns: 1fr 1fr;
    gap: 4vw;
  }
  /* ========================================================== */
  /* 調整用 */
  /* ========================================================== */
  .lineup_box {
    position: relative;
  }
  .lineup_box.label_new::before {
    top: -12px;
    left: -12px;
    width: 40px;
    height: 40px;
  }
  .purchase_container {
    position: relative;
    padding-bottom: 9vw !important;
  }
  .purchase_container .purchase_grid {
    overflow: hidden;
    transition: .3s;
  }
  .purchase_container .purchase_grid a {
    overflow: hidden;
  }
  .purchase_container .more_show {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 2vw;
    text-align: center;
    font-size: 3.04688vw;
    cursor: pointer;
  }
  .purchase_container .more_show::before {
    content: '';
    margin-right: 10px;
    width: 2.933333333333333vw;
    height: 1.6vw;
    display: inline-block;
    background: url("../img/ico_accordion_arrow.svg") no-repeat;
    background-size: contain;
    transform: rotate(180deg);
  }
  .purchase_container .more_show.open::before {
    transform: rotate(0);
  }
  .p-entry-column ul li {
    font-size: 3.04688vw;
  }
  .p-entry-column ul li::before {
    top: 1.8vw;
    width: 0.9114583333333334vw;
    height: 0.9114583333333334vw;
  }
  .p-entry-column ol li {
    padding: 0 0 0 4vw;
    font-size: 3.04688vw;
  }
  .p-entry-column ol li::before {
    top: 0.9vw;
    width: 2.604166666666667vw;
    height: 2.604166666666667vw;
    color: #fff;
    line-height: 1;
    background: #6E6E6E;
    border-radius: 50%;
    counter-increment: ol-counter;
    content: counter(ol-counter);
    font-size: 1.5625vw;
  }
}