@charset "UTF-8";
/**
Theme Name: bookshop
Author: ht
Author URI: https://ht79.info/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bookshop
Template: astra
*/
/* autoprefixer grid: autoplace */
.wpcf7 .book-santa-form-table {
  border: 0;
}
.wpcf7 .book-santa-form-table p {
  margin: 0;
}
.wpcf7 .book-santa-form-table td {
  border: 0;
  border-bottom: 1px solid #000;
}
@media screen and (max-width: 921px) {
  .wpcf7 .book-santa-form-table .form_item_flat {
    display: flex;
  }
}
.wpcf7 .book-santa-form-table tr:nth-child(even) {
  background-color: #f7f7f7;
}
.wpcf7 #step1 table.selected-book tr {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #000;
}
@media screen and (max-width: 921px) {
  .wpcf7 #step1 table.selected-book tr {
    display: block;
  }
}
.wpcf7 #step1 table.selected-book td {
  border: none;
}
.wpcf7 #step1 table.selected-book td.title {
  width: 100%;
}
.wpcf7 #step1 table.selected-book td.remove, .wpcf7 #step1 table.selected-book td.unit, .wpcf7 #step1 table.selected-book td.price {
  flex-shrink: 0;
}
@media screen and (max-width: 921px) {
  .wpcf7 #step1 table.selected-book td {
    display: block;
  }
}
.wpcf7 #step1 .book-count {
  width: 100px !important;
  text-align: right;
  justify-content: flex-end;
}
.wpcf7 #step1 .additional_donations_count {
  width: 100px !important;
  text-align: right;
}
.wpcf7 #step1 span.additional_donations_count_500 {
  justify-content: flex-end;
  display: flex;
}
.wpcf7 #step1 span.additional_donations_count_1000 {
  justify-content: flex-end;
  display: flex;
}
.wpcf7 #step1 span.additional_donations_count_3000 {
  justify-content: flex-end;
  display: flex;
}
.wpcf7 #step1 span.additional_donations_count_5000 {
  justify-content: flex-end;
  display: flex;
}
.wpcf7 #step1 input[name=total-amount] {
  text-align: right;
}
.wpcf7 #step2 .acceptance-409 {
  margin-bottom: -21px;
}
.wpcf7 #step2 .acceptance-area {
  border: 6px solid #EFEFEF;
  padding: 5px 10px;
  color: red;
  display: block;
}
.wpcf7 #step2 .acceptance-area-message {
  text-decoration: underline;
}
.wpcf7 #step2 span.your-birthday-year {
  margin-right: 5px !important;
  width: 100px;
}
.wpcf7 #step2 span.your-birthday-month {
  margin-right: 5px !important;
  width: 100px;
}
.wpcf7 #step2 span.your-birthday-day {
  margin-right: 5px !important;
  width: 100px;
}
.wpcf7 #step2 .form_item_flat {
  justify-content: flex-start;
}
.wpcf7 #step2 .form_item_flat p {
  margin-bottom: 0;
  align-items: flex-start;
}
.wpcf7 #step2 .birth_item p {
  width: 85%;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
@media screen and (max-width: 921px) {
  .wpcf7 #book-list tr {
    display: block;
    border-bottom: 1px solid #000;
  }
}
.wpcf7 #book-list tr::after {
  content: "";
  display: block;
  clear: both;
}
@media screen and (max-width: 921px) {
  .wpcf7 #book-list td {
    display: block;
    border: none;
  }
}
@media screen and (max-width: 921px) {
  .wpcf7 #book-list .price,
.wpcf7 #book-list .total {
    text-align: left !important;
    width: 33.3333333333%;
    float: left;
  }
}
@media screen and (max-width: 921px) {
  .wpcf7 #book-list .unit {
    width: 33.3333333333%;
    float: left;
  }
}
.wpcf7 input[name=book-pirce-total], .wpcf7 input[name=payment-total] {
  text-align: right;
  font-size: 20px;
}
.wpcf7 #payjp_checkout_box input[type=button] {
  font-size: 18px !important;
}
.wpcf7 .form_item_flat {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.wpcf7 .form_item_flat p {
  display: flex;
  align-items: flex-end;
}
.wpcf7 .form_item_flat .yen {
  margin-left: 10px;
}
.wpcf7 .submit_area {
  justify-content: center;
  display: flex;
  position: relative;
}
.wpcf7 .wpcf7-previous {
  margin-right: 10px;
  width: auto !important;
  background-color: #C6C6C6;
}
.wpcf7 .wpcf7-previous:hover {
  background-color: #C6C6C6;
}
.wpcf7 .wpcf7-spinner {
  position: absolute;
  top: 56px;
}
.wpcf7 .require {
  display: inline-block;
  padding: 2px 5px;
  background-color: red;
  color: #fff;
  font-size: 14px;
  margin-right: 5px;
  border-radius: 5px;
  margin-bottom: 5px;
  font-weight: bold;
}
.wpcf7 .description {
  display: block;
  background-color: #EFEFEF;
  padding: 10px;
  margin-bottom: -15px;
}
.wpcf7 .additional-donations-table {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
       text-size-adjust: 100%;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.wpcf7 .additional-donations-table tr {
  border-bottom: 1px solid #000;
  display: table-row;
  width: 100%;
}
.wpcf7 .additional-donations-table tr:nth-child(even) {
  background-color: #f7f7f7;
}
.wpcf7 .additional-donations-table .form_item_flat {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  white-space: nowrap;
}
@media screen and (max-width: 921px) {
  .wpcf7 .additional-donations-table .form_item_flat {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
}
.wpcf7 .additional-donations-table .form_item_flat input[type=number] {
  display: inline-block;
  vertical-align: middle;
  width: 80px !important;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
       text-size-adjust: 100%;
  box-sizing: border-box;
  padding: 4px 8px;
}
.wpcf7 .additional-donations-table .form_item_flat .yen {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  font-size: 16px;
  line-height: 30px;
  height: 30px;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
       text-size-adjust: 100%;
}
.wpcf7 .additional-donations-table td {
  border: 0;
  border-bottom: none;
  vertical-align: middle;
  padding: 10px;
}
.wpcf7 .additional-donations-table td:first-child {
  width: auto;
  white-space: nowrap;
  padding-right: 20px;
}
.wpcf7 .additional-donations-table td:last-child {
  width: 100%;
  text-align: right;
  padding-right: 15px;
}

/*****************************************************
  共通
*****************************************************/
/* プレースホルダーの色 */
::-moz-placeholder {
  color: #808284;
}
:-ms-input-placeholder {
  color: #808284;
}
::placeholder {
  color: #808284;
}

/* SP以外のとき改行を消す */
@media screen and (min-width: 544px) {
  .br_pc_none {
    display: none;
  }
}

/* WordPressコアのスタイルでaタグに下線が引かれるのを防ぐ */
a:where(:not(.wp-element-button)) {
  text-decoration: none;
}

/*****************************************************
  固定ページ・シングルページ
*****************************************************/
.page #content .ast-container,
.single #content .ast-container {
  max-width: 904px;
  padding-top: 60px;
  padding-bottom: 100px;
}
.page .entry-header,
.single .entry-header {
  margin-bottom: 2.5em;
}
.page .entry-content,
.single .entry-content {
  font-size: 18px;
}

.home #content .ast-container {
  max-width: 1010px;
  padding-top: 0;
  padding-bottom: 0;
}

/* 固定ページ・シングルページなどのコンテンツエリア */
.entry-content {
  /* 初めての方へ */
}
.entry-content > :first-child {
  margin-top: 0;
}
.entry-content h2 {
  margin-top: 80px;
  margin-bottom: 30px;
}
.entry-content h3 {
  display: flex;
}
.entry-content h3::before {
  flex-shrink: 0;
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 5px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_287%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20287%22%20cx%3D%225%22%20cy%3D%225%22%20r%3D%225%22%20fill%3D%22%2350c3d3%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  top: 8px;
}
.entry-content ol, .entry-content ul {
  margin: 0 0 1.5em 1.5em;
}
.entry-content .wp-block-buttons,
.entry-content .wp-block-table {
  margin-bottom: 1.6em;
}
.entry-content .wp-block-buttons th,
.entry-content .wp-block-table th {
  background-color: #DDEFF2;
}
.entry-content a:hover {
  text-decoration: none;
}
.entry-content .you_box {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}
@media screen and (max-width: 543px) {
  .entry-content .you_box {
    margin-top: 20px;
  }
}
.entry-content .you_box dt {
  align-self: flex-start;
  padding: 0px 22px;
  background: #DDEFF2;
  border-radius: 8px 8px 0 0;
  color: #50C3D3;
}
.entry-content .you_box dd {
  margin: 0;
  padding: 16px 20px;
  border: 6px solid #DDEFF2;
  font-weight: bold;
}
.entry-content .you_box:last-child {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2237%22%20height%3D%2215%22%20viewBox%3D%220%200%2037%2015%22%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_4%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%204%22%20d%3D%22M17.24%2C1.021a2%2C2%2C0%2C0%2C1%2C2.519%2C0L32.617%2C11.446A2%2C2%2C0%2C0%2C1%2C31.358%2C15H5.642a2%2C2%2C0%2C0%2C1-1.26-3.554Z%22%20transform%3D%22translate(37%2015)%20rotate(180)%22%20fill%3D%22%2350c3d3%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: top center;
}
.entry-content .secretariat_box {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2237%22%20height%3D%2215%22%20viewBox%3D%220%200%2037%2015%22%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_4%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%204%22%20d%3D%22M17.24%2C1.021a2%2C2%2C0%2C0%2C1%2C2.519%2C0L32.617%2C11.446A2%2C2%2C0%2C0%2C1%2C31.358%2C15H5.642a2%2C2%2C0%2C0%2C1-1.26-3.554Z%22%20transform%3D%22translate(37%2015)%20rotate(180)%22%20fill%3D%22%2350c3d3%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: top center;
}
@media screen and (max-width: 543px) {
  .entry-content .secretariat_box {
    margin-top: 20px;
  }
}
.entry-content .secretariat_box dt {
  align-self: flex-end;
  padding: 0px 22px;
  background: #EFEFEF;
  border-radius: 8px 8px 0 0;
  color: #808284;
}
.entry-content .secretariat_box dd {
  margin: 0;
  padding: 16px 20px;
  border: 6px solid #EFEFEF;
}
.entry-content .wp-block-lazyblock-q-a {
  margin-bottom: 50px;
}
.entry-content .qa_content dt {
  display: flex;
}
.entry-content .qa_content dt::before {
  flex-shrink: 0;
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 15px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1529%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201529%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_287%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20287%22%20cx%3D%2215%22%20cy%3D%2215%22%20r%3D%2215%22%20fill%3D%22%23808284%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1528%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201528%22%20transform%3D%22translate(7%207)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_822%22%20data-name%3D%22%E3%83%91%E3%82%B9%20822%22%20d%3D%22M-345.169%2C372.086l1.526%2C2.45-1.5.924-1.633-2.6a7.341%2C7.341%2C0%2C0%2C1-2.407.388%2C7.518%2C7.518%2C0%2C0%2C1-7.479-7.63%2C7.559%2C7.559%2C0%2C0%2C1%2C7.479-7.693%2C7.581%2C7.581%2C0%2C0%2C1%2C7.521%2C7.693A7.639%2C7.639%2C0%2C0%2C1-345.169%2C372.086Zm-2.6-.838-1.612-2.578%2C1.483-.924%2C1.741%2C2.772a5.919%2C5.919%2C0%2C0%2C0%2C2.536-4.9%2C5.724%2C5.724%2C0%2C0%2C0-5.566-5.888%2C5.717%2C5.717%2C0%2C0%2C0-5.523%2C5.888%2C5.673%2C5.673%2C0%2C0%2C0%2C5.523%2C5.824A5.138%2C5.138%2C0%2C0%2C0-347.77%2C371.247Z%22%20transform%3D%22translate(356.667%20-357.923)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  top: 2px;
}
.entry-content .qa_content dd {
  margin: 10px 0 0;
}

/* サンキューページ */
.donation_share_wrap {
  padding: 0;
}
.donation_share_wrap .wp-block-group__inner-container {
  display: contents;
  padding: 0;
}
.donation_share_wrap .wp-block-group__inner-container .wp-block-image {
  margin: 0;
}

/*****************************************************
  ヘッダー
*****************************************************/
/* メインメニューを1200px固定 */
.ast-primary-header-bar .site-primary-header-wrap {
  position: relative;
}
@media screen and (min-width: 1201px) {
  .ast-primary-header-bar .site-primary-header-wrap {
    max-width: 1200px;
  }
}

/* メインメニューに乗っかってるイラスト */
.header-widget-area[data-section=sidebar-widgets-header-widget-2] .wp-block-image {
  width: 83px;
  margin: 0 0 0 20px;
  position: absolute;
  top: 13px;
  left: 0;
}
@media screen and (max-width: 921px) {
  .header-widget-area[data-section=sidebar-widgets-header-widget-2] .wp-block-image {
    width: 54px;
    top: 7px;
  }
}

/* メインメニュー  オフキャンバス */
.main-header-bar-navigation .main-navigation {
  margin-top: 80px;
  padding-bottom: 20px;
  border-bottom: 2px solid rgba(255, 255, 255, 0.3);
}
@media screen and (max-width: 543px) {
  .main-header-bar-navigation .main-navigation {
    margin-top: 50px;
  }
}

.main-navigation #ast-hf-mobile-menu {
  max-width: 230px;
  margin: 0 auto;
}
.main-navigation #ast-hf-mobile-menu .menu-item .menu-link {
  padding: 12px 0;
  line-height: 1.3;
}

.header-widget-area {
  padding-top: 20px;
}

.ast-mobile-popup-inner .menu-offcanvas_second_menu-container ul {
  max-width: 230px;
  margin: 0 auto;
  font-size: 18px;
}
.ast-mobile-popup-inner .menu-offcanvas_second_menu-container ul .menu-item .menu-link {
  display: inline-block;
  padding: 12px 0;
  line-height: 1.3;
  color: #fff;
  font-weight: bold;
}
.ast-mobile-popup-inner .menu-offcanvas_second_menu-container .menu-image-title-after.menu-image-title {
  padding-left: 0;
}

/* メインメニュー  トグルメニューからカート周辺 */
.ast-hfb-header .ast-button-wrap .menu-toggle .mobile-menu-wrap {
  order: 1;
  margin-left: 0;
}

.menu-toggle .mobile-menu-toggle-icon {
  order: 2;
}

.ast-button-wrap .menu-toggle.main-header-menu-toggle {
  height: 50px !important;
  padding-left: 12px;
  padding-right: 0;
}
.ast-button-wrap .menu-toggle.main-header-menu-toggle:hover {
  opacity: 0.7;
}

.ast-mobile-popup-drawer .ast-mobile-popup-header .menu-toggle-close {
  margin-right: 10px;
}
@media screen and (max-width: 543px) {
  .ast-mobile-popup-drawer .ast-mobile-popup-header .menu-toggle-close {
    margin-right: 0;
  }
}

.ahfb-svg-iconset svg {
  width: 34px;
  height: 34px;
}

[data-section=section-header-mobile-trigger] .ast-button-wrap .mobile-menu-wrap .mobile-menu {
  margin: 0 10px 0 0;
}

.site-header-section > * {
  padding: 0;
}

.ast-header-html-1 .ast-builder-html-element p {
  margin-bottom: 0;
  line-height: 1;
  border-right: 1px solid #fff;
}

.cart_btn {
  padding: 0 14px 0 0;
}
.cart_btn:hover {
  background-color: transparent;
  opacity: 0.7;
}
.cart_btn:focus {
  background-color: transparent;
}

.cart_btn_in {
  /* カートに入っているとき */
  position: relative;
}
.cart_btn_in::before {
  content: "";
  display: inline-block;
  width: 11px;
  height: 11px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_288%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20288%22%20cx%3D%225.5%22%20cy%3D%225.5%22%20r%3D%225.5%22%20fill%3D%22%2350c3d3%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  left: -7px;
}

/* ロゴエリア */
.logo_wrap {
  text-align: center;
  background: url(images/main_bg.png) repeat-x center center;
  background-size: contain;
  background-color: #D0EEF2;
}
@media screen and (max-width: 543px) {
  .logo_wrap {
    background-image: url(images/main_bg_sp.png);
    background-repeat: no-repeat;
    background-size: cover;
  }
}
.logo_wrap a {
  display: inline-block;
}
.logo_wrap a img {
  max-height: 326px;
}
@media screen and (max-width: 921px) {
  .logo_wrap a img {
    max-height: 226px;
  }
}

/* サブメニュー */
.sub_menu {
  background-color: #50C3D3;
}
@media screen and (max-width: 543px) {
  .sub_menu .menu-image-title-after.menu-image-not-hovered img {
    padding-right: 0;
  }
}
@media screen and (max-width: 543px) {
  .sub_menu .menu-image-title-after.menu-image-title {
    display: block;
    margin-top: 8px;
    padding-left: 0;
    font-size: 12px;
    line-height: 1.2;
  }
}
.sub_menu .sub_menu_list {
  display: flex;
  justify-content: center;
  margin: 0;
  list-style: none;
}
.sub_menu .sub_menu_list li {
  width: 100%;
  max-width: 240px;
}
.sub_menu .sub_menu_list li:not(:last-child) {
  border-right: 2px solid #fff;
}
@media screen and (max-width: 543px) {
  .sub_menu .sub_menu_list li:not(:last-child) {
    border-width: 1px;
  }
}
.sub_menu .sub_menu_list li a {
  display: block;
  height: 100%;
  padding: 20px 10px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
@media screen and (max-width: 543px) {
  .sub_menu .sub_menu_list li a {
    padding: 8px;
  }
}
.sub_menu .sub_menu_list li a:hover {
  background-color: #0EA8B9;
}
.sub_menu .sub_menu_list .current-menu-item a {
  background-color: #0EA8B9;
}

/* フッター前SNS */
.footer_sns_wrap {
  padding: 38px 0;
  background-color: #DDEFF2;
}
.footer_sns_wrap .footer_sns_title {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  color: #0EA8B9;
}
.footer_sns_wrap .footer_sns_title::before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 27px;
  margin-right: 15px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.802%22%20height%3D%2227.868%22%20viewBox%3D%220%200%2014.802%2027.868%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_22%22%20data-name%3D%22%E7%B7%9A%2022%22%20x2%3D%2213%22%20y2%3D%2227%22%20transform%3D%22translate(0.901%200.434)%22%20fill%3D%22none%22%20stroke%3D%22%2319a8b7%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  top: 2px;
}
.footer_sns_wrap .footer_sns_title::after {
  content: "";
  display: inline-block;
  width: 13px;
  height: 27px;
  margin-left: 15px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.802%22%20height%3D%2227.868%22%20viewBox%3D%220%200%2014.802%2027.868%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_23%22%20data-name%3D%22%E7%B7%9A%2023%22%20x1%3D%2213%22%20y2%3D%2227%22%20transform%3D%22translate(0.901%200.434)%22%20fill%3D%22none%22%20stroke%3D%22%2319a8b7%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  top: 2px;
}
.footer_sns_wrap .footer_sns_list {
  display: flex;
  justify-content: center;
  margin: 30px 0 0;
  list-style: none;
}
.footer_sns_wrap .footer_sns_list li {
  margin-right: 25px;
}
.footer_sns_wrap .footer_sns_list li:last-child {
  margin-right: 0;
}
.footer_sns_wrap .footer_sns_list li a {
  display: inline-block;
  width: 50px;
  transition: all 0.2s linear;
}
.footer_sns_wrap .footer_sns_list li a:hover {
  opacity: 0.7;
}

#astra-footer-menu {
  padding: 0 0 25px;
  border-bottom: 1px solid #707070;
}
#astra-footer-menu .menu-item a {
  font-size: 12px;
  color: #fff;
  line-height: 1.2;
  border-right: 1px solid #fff;
}
#astra-footer-menu .menu-item a:hover {
  text-decoration: underline;
}
#astra-footer-menu .menu-item:last-child a {
  border-right: none;
}
@media screen and (max-width: 921px) {
  #astra-footer-menu .menu-item:first-child a {
    padding-left: 0;
  }
}

#nav_menu-5 .widget-title {
  margin-top: 10px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
}
#nav_menu-5 .menu-offcanvas_second_menu-container ul li {
  margin-bottom: 4px;
  line-height: 1.3;
}
#nav_menu-5 .menu-offcanvas_second_menu-container ul li a {
  font-size: 12px;
  color: #fff;
}
#nav_menu-5 .menu-offcanvas_second_menu-container ul li a:hover {
  text-decoration: underline;
}
#nav_menu-5 .menu-offcanvas_second_menu-container ul li a img {
  display: none;
}
#nav_menu-5 .menu-offcanvas_second_menu-container ul li a .menu-image-title-after {
  padding-left: 0;
}

/* トップに戻るボタン */
.top_btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 6px;
  padding: 10px 7px 5px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  color: #fff;
  background-color: #E7372F;
  border-radius: 10px 0 0 10px;
  position: fixed;
  right: 0;
  bottom: 30px;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.2));
}
.top_btn::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  background: url(images/top_arrow.svg) no-repeat center center;
  background-size: contain;
}
.top_btn:hover {
  opacity: 0.7;
  color: #fff;
}
.top_btn:focus {
  color: #fff;
}

/*****************************************************
	フロントページ
*****************************************************/
/* お知らせ欄 */
.attention {
  position: relative;
  max-width: 750px;
  margin: 40px auto 0;
  padding: 12px 16px;
  border: 4px solid #DDEFF2;
}
@media screen and (max-width: 543px) {
  .attention {
    margin: 30px 10px 0;
    font-size: 12px;
    line-height: 1.6;
  }
}
.attention * {
  margin: 0;
}
.attention::before {
  content: "";
  position: absolute;
  top: -17px;
  left: -17px;
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(images/bell.svg) no-repeat center center;
}

/* 検索窓 */
.book_search {
  display: flex;
  justify-content: center;
  margin-top: 40px;
  text-align: center;
}
@media screen and (max-width: 543px) {
  .book_search {
    margin-top: 30px;
  }
}

#book_search_txt {
  width: 100%;
  max-width: 485px;
  margin-right: 3px;
  background-color: #fff;
  border-color: #C6C6C6;
  border-radius: 0;
  line-height: 1.4;
}

.book_search_btn {
  flex-shrink: 0;
  width: 49px;
  height: 49px;
  padding: 0;
  border-radius: 0;
  background-color: #808284;
}
.book_search_btn:hover {
  background-color: #3b4043;
}

/* 本一覧 */
.tab-group_wrap {
  background: url(images/dot_pc.svg) repeat top center;
  margin: 30px calc(50% - 50vw) 0;
  padding: 20px calc(50vw - 50%) 40px;
}
@media screen and (max-width: 543px) {
  .tab-group_wrap {
    background-image: url(images/dot.svg);
    padding-top: 7px;
    padding-bottom: 20px;
  }
}

.choice_book_title {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #0EA8B9;
}
.choice_book_title::before {
  display: inline-block;
  content: "";
  width: 46px;
  height: 46px;
  margin-right: 10px;
  background: url(images/choice_book.svg) no-repeat center center;
  background-size: contain;
}

.tab-group {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 4px 1fr 4px 1fr 4px 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px 4px;
  margin: 20px 0 0;
}
@media screen and (max-width: 543px) {
  .tab-group {
    row-gap: 15px;
  }
}

.tab {
  display: -ms-grid;
  display: grid;
  place-items: center;
  padding: 8px;
  list-style: none;
  background-color: #fff;
  border: solid 1px;
  border-radius: 6px;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.2s ease-out;
}
.tab:hover {
  color: #fff;
}
@media screen and (max-width: 543px) {
  .tab {
    min-height: 52px;
    padding: 6px;
    line-height: 1.2;
  }
}

.elementary_school_low {
  /* 低学年 */
  color: #9DD346;
  border-color: #9DD346;
}
.elementary_school_low:hover {
  background-color: #9DD346;
}

.elementary_school_middle {
  /* 中学年 */
  color: #1EA542;
  border-color: #1EA542;
}
.elementary_school_middle:hover {
  background-color: #1EA542;
}

.elementary_school_high {
  /* 高学年 */
  color: #1788BA;
  border-color: #1788BA;
}
.elementary_school_high:hover {
  background-color: #1788BA;
}

.elementary_school_all {
  /* 小学生全般 */
  color: #666CB1;
  border-color: #666CB1;
}
.elementary_school_all:hover {
  background-color: #666CB1;
}

.tab.all {
  /* すべて */
  color: #10A8B9;
  border-color: #10A8B9;
}
.tab.all:hover {
  color: #fff;
  background-color: #10A8B9;
}

.tab.infants {
  /* 乳児 */
  color: #F57EA7;
  border-color: #F57EA7;
}
.tab.infants:hover {
  color: #fff;
  background-color: #F57EA7;
}

.tab.toddlers {
  /* 幼児 */
  color: #FAAB2F;
  border-color: #FAAB2F;
}
.tab.toddlers:hover {
  color: #fff;
  background-color: #FAAB2F;
}

.tab.school-students {
  /* 中高生 */
  color: #D97171;
  border-color: #D97171;
}
.tab.school-students:hover {
  color: #fff;
  background-color: #D97171;
}

.tab.is-active {
  color: #fff;
}

.tab.is-active.elementary_school_low {
  background-color: #9DD346;
}

.tab.is-active.elementary_school_middle {
  background-color: #1EA542;
}

.tab.is-active.elementary_school_high {
  background-color: #1788BA;
}

.tab.is-active.elementary_school_all {
  background-color: #666CB1;
}

.tab.is-active.all {
  background-color: #10A8B9;
}

.tab.is-active.infants {
  background-color: #F57EA7;
}

.tab.is-active.toddlers {
  background-color: #FAAB2F;
}

.tab.is-active.school-students {
  background-color: #D97171;
}

.panel {
  display: none;
  margin: 0 calc(50% - 50vw);
  padding: 0 calc(50vw - 50%) 0;
  /* 年代で選ぶ下の本のカテゴリーエリア */
}
@media screen and (max-width: 543px) {
  .panel {
    padding: 0 calc(50vw - 50% + 10px) 0;
  }
}
.panel ul {
  display: flex;
  flex-wrap: wrap;
  gap: 80px 70px;
  margin: 0 0 40px;
  list-style: none;
}
@media screen and (max-width: 921px) {
  .panel ul {
    gap: 60px 50px;
  }
}
@media screen and (max-width: 543px) {
  .panel ul {
    gap: 40px 30px;
  }
}
.panel ul li {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  width: calc((100% - 210px) / 4);
  text-align: center;
  font-weight: bold;
}
@media screen and (max-width: 921px) {
  .panel ul li {
    width: calc((100% - 150px) / 4);
  }
}
@media screen and (max-width: 543px) {
  .panel ul li {
    width: calc((100% - 30px) / 2);
  }
}
.panel ul li img {
  width: 190px;
  height: 190px;
  -o-object-fit: contain;
     object-fit: contain;
  transition: all 0.2s linear;
}
@media screen and (max-width: 543px) {
  .panel ul li img {
    width: auto;
    height: 140px;
    max-width: 100px;
  }
}
.panel ul li a {
  text-decoration: none;
}
.panel ul li a:hover img {
  opacity: 0.7;
}
.panel ul li span {
  display: block;
  margin: 12px 0 20px;
  text-align: left;
  line-height: 1.5;
  font-size: 16px;
}
@media screen and (max-width: 543px) {
  .panel ul li span {
    font-size: 14px;
  }
}
.panel .category_group_list {
  margin-bottom: 60px;
  gap: 10px;
}
@media screen and (max-width: 543px) {
  .panel .category_group_list {
    margin-bottom: 40px;
  }
}
.panel .category_group_list li {
  flex-direction: row;
  width: auto;
  line-height: 1.3;
}
.panel .category_group_list li a {
  display: inline-block;
  padding: 6px 16px;
  border: 1px solid;
  border-radius: 30px;
}
.panel .category_group_list .all {
  /* すべてのときだけpaddingで横幅を広げる */
}
.panel .category_group_list .all a {
  padding-left: 26px;
  padding-right: 26px;
}
.panel .category_group_list.elementary-school-low li a {
  color: #9DD346;
  border-color: #9DD346;
}
.panel .category_group_list.elementary-school-low li a:hover {
  color: #fff;
  background-color: #9DD346;
}
.panel .category_group_list.elementary-school-low li.is-active a {
  color: #fff;
  background-color: #9DD346;
}
.panel .category_group_list.elementary-school-middle li a {
  color: #1EA542;
  border-color: #1EA542;
}
.panel .category_group_list.elementary-school-middle li a:hover {
  color: #fff;
  background-color: #1EA542;
}
.panel .category_group_list.elementary-school-middle li.is-active a {
  color: #fff;
  background-color: #1EA542;
}
.panel .category_group_list.elementary-school-height li a {
  color: #1788BA;
  border-color: #1788BA;
}
.panel .category_group_list.elementary-school-height li a:hover {
  color: #fff;
  background-color: #1788BA;
}
.panel .category_group_list.elementary-school-height li.is-active a {
  color: #fff;
  background-color: #1788BA;
}
.panel .category_group_list.elementary-school-all li a {
  color: #666CB1;
  border-color: #666CB1;
}
.panel .category_group_list.elementary-school-all li a:hover {
  color: #fff;
  background-color: #666CB1;
}
.panel .category_group_list.elementary-school-all li.is-active a {
  color: #fff;
  background-color: #666CB1;
}
.panel .category_group_list.infants li a {
  color: #F57EA7;
  border-color: #F57EA7;
}
.panel .category_group_list.infants li a:hover {
  color: #fff;
  background-color: #F57EA7;
}
.panel .category_group_list.infants li.is-active a {
  color: #fff;
  background-color: #F57EA7;
}
.panel .category_group_list.toddlers li a {
  color: #FAAB2F;
  border-color: #FAAB2F;
}
.panel .category_group_list.toddlers li a:hover {
  color: #fff;
  background-color: #FAAB2F;
}
.panel .category_group_list.toddlers li.is-active a {
  color: #fff;
  background-color: #FAAB2F;
}
.panel .category_group_list.school-students li a {
  color: #D97171;
  border-color: #D97171;
}
.panel .category_group_list.school-students li a:hover {
  color: #fff;
  background-color: #D97171;
}
.panel .category_group_list.school-students li.is-active a {
  color: #fff;
  background-color: #D97171;
}
.panel .category_group_list.all li a {
  color: #10A8B9;
  border-color: #10A8B9;
}
.panel .category_group_list.all li a:hover {
  color: #fff;
  background-color: #10A8B9;
}
.panel .category_group_list.all li.is-active a {
  color: #fff;
  background-color: #10A8B9;
}

.panel_title {
  display: flex;
  align-items: center;
  margin: 0 calc(50% - 50vw) 30px;
  padding: 9px calc(50vw - 50%);
  font-size: 16px;
}
.panel_title::before {
  display: inline-block;
  content: "";
  width: 34px;
  height: 24px;
  margin-right: 12px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33.56' height='24'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%239dd346' d='M0 0h33.56v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%239DD346' d='M32.858 1.674v-.549A.959.959 0 0 0 32 .17C30.939.064 21.833-.748 16.779 2.432 11.729-.748 2.623.064 1.564.17a.959.959 0 0 0-.864.955v.549A1.082 1.082 0 0 0 0 2.68v18.082a1.093 1.093 0 0 0 1.214 1.088 36.064 36.064 0 0 1 12.313.9v.15a1.1 1.1 0 0 0 1.1 1.1h4.313a1.1 1.1 0 0 0 1.1-1.1v-.155a35.966 35.966 0 0 1 12.313-.9 1.116 1.116 0 0 0 .851-.273 1.1 1.1 0 0 0 .363-.816V2.68a1.082 1.082 0 0 0-.7-1.005M15.82 4.856v15.051c-.044-.023-.093-.039-.137-.06-3.14-1.494-7.3-1.823-10.318-1.823-1.108 0-2.059.043-2.745.089V2c3.733-.271 9.841-.083 13.2 2.072Zm15.12-1.2v14.457c-2.552-.17-8.771-.309-13.065 1.738-.043.021-.093.035-.137.056V4.075C21.1 1.92 27.207 1.728 30.941 2Z'/%3E%3C/g%3E%3C/svg%3E") center center/contain no-repeat;
}
@media screen and (max-width: 543px) {
  .panel_title {
    margin-bottom: 16px;
  }
}

.panel_title_elementary_school_low {
  color: #9DD346;
  background-color: rgba(157, 211, 70, 0.2);
}

.panel_title_elementary_school_middle {
  color: #1EA542;
  background-color: rgba(30, 165, 66, 0.2);
}
.panel_title_elementary_school_middle::before {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33.56' height='24'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%239dd346' d='M0 0h33.56v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%231EA542' d='M32.858 1.674v-.549A.959.959 0 0 0 32 .17C30.939.064 21.833-.748 16.779 2.432 11.729-.748 2.623.064 1.564.17a.959.959 0 0 0-.864.955v.549A1.082 1.082 0 0 0 0 2.68v18.082a1.093 1.093 0 0 0 1.214 1.088 36.064 36.064 0 0 1 12.313.9v.15a1.1 1.1 0 0 0 1.1 1.1h4.313a1.1 1.1 0 0 0 1.1-1.1v-.155a35.966 35.966 0 0 1 12.313-.9 1.116 1.116 0 0 0 .851-.273 1.1 1.1 0 0 0 .363-.816V2.68a1.082 1.082 0 0 0-.7-1.005M15.82 4.856v15.051c-.044-.023-.093-.039-.137-.06-3.14-1.494-7.3-1.823-10.318-1.823-1.108 0-2.059.043-2.745.089V2c3.733-.271 9.841-.083 13.2 2.072Zm15.12-1.2v14.457c-2.552-.17-8.771-.309-13.065 1.738-.043.021-.093.035-.137.056V4.075C21.1 1.92 27.207 1.728 30.941 2Z'/%3E%3C/g%3E%3C/svg%3E") center center/contain no-repeat;
}

.panel_title_elementary_school_high {
  color: #1788BA;
  background-color: rgba(23, 136, 186, 0.2);
}
.panel_title_elementary_school_high::before {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33.56' height='24'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%239dd346' d='M0 0h33.56v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%231788BA' d='M32.858 1.674v-.549A.959.959 0 0 0 32 .17C30.939.064 21.833-.748 16.779 2.432 11.729-.748 2.623.064 1.564.17a.959.959 0 0 0-.864.955v.549A1.082 1.082 0 0 0 0 2.68v18.082a1.093 1.093 0 0 0 1.214 1.088 36.064 36.064 0 0 1 12.313.9v.15a1.1 1.1 0 0 0 1.1 1.1h4.313a1.1 1.1 0 0 0 1.1-1.1v-.155a35.966 35.966 0 0 1 12.313-.9 1.116 1.116 0 0 0 .851-.273 1.1 1.1 0 0 0 .363-.816V2.68a1.082 1.082 0 0 0-.7-1.005M15.82 4.856v15.051c-.044-.023-.093-.039-.137-.06-3.14-1.494-7.3-1.823-10.318-1.823-1.108 0-2.059.043-2.745.089V2c3.733-.271 9.841-.083 13.2 2.072Zm15.12-1.2v14.457c-2.552-.17-8.771-.309-13.065 1.738-.043.021-.093.035-.137.056V4.075C21.1 1.92 27.207 1.728 30.941 2Z'/%3E%3C/g%3E%3C/svg%3E") center center/contain no-repeat;
}

.panel_title_elementary_school_all {
  color: #666CB1;
  background-color: rgba(102, 108, 177, 0.2);
}
.panel_title_elementary_school_all::before {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33.56' height='24'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%239dd346' d='M0 0h33.56v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23666CB1' d='M32.858 1.674v-.549A.959.959 0 0 0 32 .17C30.939.064 21.833-.748 16.779 2.432 11.729-.748 2.623.064 1.564.17a.959.959 0 0 0-.864.955v.549A1.082 1.082 0 0 0 0 2.68v18.082a1.093 1.093 0 0 0 1.214 1.088 36.064 36.064 0 0 1 12.313.9v.15a1.1 1.1 0 0 0 1.1 1.1h4.313a1.1 1.1 0 0 0 1.1-1.1v-.155a35.966 35.966 0 0 1 12.313-.9 1.116 1.116 0 0 0 .851-.273 1.1 1.1 0 0 0 .363-.816V2.68a1.082 1.082 0 0 0-.7-1.005M15.82 4.856v15.051c-.044-.023-.093-.039-.137-.06-3.14-1.494-7.3-1.823-10.318-1.823-1.108 0-2.059.043-2.745.089V2c3.733-.271 9.841-.083 13.2 2.072Zm15.12-1.2v14.457c-2.552-.17-8.771-.309-13.065 1.738-.043.021-.093.035-.137.056V4.075C21.1 1.92 27.207 1.728 30.941 2Z'/%3E%3C/g%3E%3C/svg%3E") center center/contain no-repeat;
}

.panel_title_all {
  color: #10A8B9;
  background-color: rgba(16, 168, 185, 0.2);
}
.panel_title_all::before {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33.56' height='24'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%239dd346' d='M0 0h33.56v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%2310A8B9' d='M32.858 1.674v-.549A.959.959 0 0 0 32 .17C30.939.064 21.833-.748 16.779 2.432 11.729-.748 2.623.064 1.564.17a.959.959 0 0 0-.864.955v.549A1.082 1.082 0 0 0 0 2.68v18.082a1.093 1.093 0 0 0 1.214 1.088 36.064 36.064 0 0 1 12.313.9v.15a1.1 1.1 0 0 0 1.1 1.1h4.313a1.1 1.1 0 0 0 1.1-1.1v-.155a35.966 35.966 0 0 1 12.313-.9 1.116 1.116 0 0 0 .851-.273 1.1 1.1 0 0 0 .363-.816V2.68a1.082 1.082 0 0 0-.7-1.005M15.82 4.856v15.051c-.044-.023-.093-.039-.137-.06-3.14-1.494-7.3-1.823-10.318-1.823-1.108 0-2.059.043-2.745.089V2c3.733-.271 9.841-.083 13.2 2.072Zm15.12-1.2v14.457c-2.552-.17-8.771-.309-13.065 1.738-.043.021-.093.035-.137.056V4.075C21.1 1.92 27.207 1.728 30.941 2Z'/%3E%3C/g%3E%3C/svg%3E") center center/contain no-repeat;
}

.panel_title_infants {
  color: #F57EA7;
  background-color: rgba(245, 126, 167, 0.2);
}
.panel_title_infants::before {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33.56' height='24'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%239dd346' d='M0 0h33.56v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23F57EA7' d='M32.858 1.674v-.549A.959.959 0 0 0 32 .17C30.939.064 21.833-.748 16.779 2.432 11.729-.748 2.623.064 1.564.17a.959.959 0 0 0-.864.955v.549A1.082 1.082 0 0 0 0 2.68v18.082a1.093 1.093 0 0 0 1.214 1.088 36.064 36.064 0 0 1 12.313.9v.15a1.1 1.1 0 0 0 1.1 1.1h4.313a1.1 1.1 0 0 0 1.1-1.1v-.155a35.966 35.966 0 0 1 12.313-.9 1.116 1.116 0 0 0 .851-.273 1.1 1.1 0 0 0 .363-.816V2.68a1.082 1.082 0 0 0-.7-1.005M15.82 4.856v15.051c-.044-.023-.093-.039-.137-.06-3.14-1.494-7.3-1.823-10.318-1.823-1.108 0-2.059.043-2.745.089V2c3.733-.271 9.841-.083 13.2 2.072Zm15.12-1.2v14.457c-2.552-.17-8.771-.309-13.065 1.738-.043.021-.093.035-.137.056V4.075C21.1 1.92 27.207 1.728 30.941 2Z'/%3E%3C/g%3E%3C/svg%3E") center center/contain no-repeat;
}

.panel_title_toddlers {
  color: #FAAB2F;
  background-color: rgba(250, 171, 47, 0.2);
}
.panel_title_toddlers::before {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33.56' height='24'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%239dd346' d='M0 0h33.56v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23FAAB2F' d='M32.858 1.674v-.549A.959.959 0 0 0 32 .17C30.939.064 21.833-.748 16.779 2.432 11.729-.748 2.623.064 1.564.17a.959.959 0 0 0-.864.955v.549A1.082 1.082 0 0 0 0 2.68v18.082a1.093 1.093 0 0 0 1.214 1.088 36.064 36.064 0 0 1 12.313.9v.15a1.1 1.1 0 0 0 1.1 1.1h4.313a1.1 1.1 0 0 0 1.1-1.1v-.155a35.966 35.966 0 0 1 12.313-.9 1.116 1.116 0 0 0 .851-.273 1.1 1.1 0 0 0 .363-.816V2.68a1.082 1.082 0 0 0-.7-1.005M15.82 4.856v15.051c-.044-.023-.093-.039-.137-.06-3.14-1.494-7.3-1.823-10.318-1.823-1.108 0-2.059.043-2.745.089V2c3.733-.271 9.841-.083 13.2 2.072Zm15.12-1.2v14.457c-2.552-.17-8.771-.309-13.065 1.738-.043.021-.093.035-.137.056V4.075C21.1 1.92 27.207 1.728 30.941 2Z'/%3E%3C/g%3E%3C/svg%3E") center center/contain no-repeat;
}

.panel_title_school-students {
  color: #D97171;
  background-color: rgba(217, 113, 113, 0.2);
}
.panel_title_school-students::before {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33.56' height='24'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%239dd346' d='M0 0h33.56v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23D97171' d='M32.858 1.674v-.549A.959.959 0 0 0 32 .17C30.939.064 21.833-.748 16.779 2.432 11.729-.748 2.623.064 1.564.17a.959.959 0 0 0-.864.955v.549A1.082 1.082 0 0 0 0 2.68v18.082a1.093 1.093 0 0 0 1.214 1.088 36.064 36.064 0 0 1 12.313.9v.15a1.1 1.1 0 0 0 1.1 1.1h4.313a1.1 1.1 0 0 0 1.1-1.1v-.155a35.966 35.966 0 0 1 12.313-.9 1.116 1.116 0 0 0 .851-.273 1.1 1.1 0 0 0 .363-.816V2.68a1.082 1.082 0 0 0-.7-1.005M15.82 4.856v15.051c-.044-.023-.093-.039-.137-.06-3.14-1.494-7.3-1.823-10.318-1.823-1.108 0-2.059.043-2.745.089V2c3.733-.271 9.841-.083 13.2 2.072Zm15.12-1.2v14.457c-2.552-.17-8.771-.309-13.065 1.738-.043.021-.093.035-.137.056V4.075C21.1 1.92 27.207 1.728 30.941 2Z'/%3E%3C/g%3E%3C/svg%3E") center center/contain no-repeat;
}

.panel.is-show {
  display: block;
}

/* モーダル */
.v--modal-overlay {
  background: rgba(0, 0, 0, 0.6) !important;
}

.vm--modal {
  width: auto !important;
  max-width: 790px;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  padding: 50px 80px !important;
  box-shadow: 0px 20px 40px rgba(111, 117, 121, 0.2);
}
@media screen and (max-width: 543px) {
  .vm--modal {
    width: 95% !important;
    height: auto !important;
    max-height: 90vh !important;
    padding: 20px 15px !important;
    overflow-y: auto !important;
  }
}

.v--modal {
  background: #fff !important;
  border-radius: 6px !important;
}
@media screen and (max-width: 543px) {
  .v--modal {
    overflow-y: scroll !important;
  }
}

@media screen and (max-width: 543px) {
  .modal__content {
    padding: 0 !important;
  }

  .books_content_btn {
    margin-top: 20px !important;
  }
}
.modal_close_btn {
  padding: 5px;
  position: absolute;
  top: 10px;
  right: 10px;
  background: none;
}
.modal_close_btn:hover {
  background: transparent;
}

/* モーダルを開いたコンテンツ */
.books_content {
  display: flex;
}
@media screen and (max-width: 543px) {
  .books_content {
    flex-direction: column;
    align-items: center;
  }
}

.books_content_img {
  flex-shrink: 0;
  max-width: 146px;
  margin-right: 40px;
}
@media screen and (max-width: 543px) {
  .books_content_img {
    margin-right: 0;
  }
}

.books_content_article {
  line-height: 1.5;
}

.books_summary {
  padding-bottom: 20px;
  border-bottom: 1px solid #C6C6C6;
}

.books_title {
  font-weight: normal;
  font-size: 18px;
}
@media screen and (max-width: 543px) {
  .books_title {
    margin-top: 30px;
  }
}

.books_price {
  margin: 18px 0 0;
  font-weight: bold;
}

.books_writer {
  margin: 13px 0 0;
}

.books_introduction {
  padding: 20px 0;
  font-size: 12px;
  border-bottom: 1px solid #C6C6C6;
}

.books_introduction_title::before,
.books_recommendation_title::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 12px;
  margin-right: 8px;
  position: relative;
  top: 2px;
  background: url(images/book.svg) no-repeat center center;
}

.books_introduction_title,
.books_recommendation_title {
  color: #50C3D3;
}

.books_introduction_txt,
.books_recommendation_txt {
  margin: 8px 0 0;
}

.books_recommendation {
  padding: 20px 0 0;
  font-size: 12px;
}
@media screen and (max-width: 543px) {
  .books_recommendation {
    padding-bottom: 20px;
    border-bottom: 1px solid #C6C6C6;
  }
}

.books_content_btn {
  display: flex;
  justify-content: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
  margin-top: 40px;
}
@media screen and (max-width: 543px) {
  .books_content_btn {
    flex-direction: column;
    align-items: center;
    margin-top: 30px;
  }
}
.books_content_btn .books_cart_btn {
  width: 100%;
  max-width: 235px;
}
.books_content_btn .books_cart_btn:hover {
  background-color: #C70101;
}

.books_cart_btn {
  font-weight: bold;
  border-radius: 30px;
  transition: all 0.2s linear;
}
@media screen and (max-width: 543px) {
  .books_cart_btn {
    margin-right: 0;
    margin-bottom: 20px;
  }
}

#app-book-list-block .books_cart_btn {
  padding: 12px 0;
  margin-top: auto;
  font-size: 16px;
  color: #0EA8B9;
  border: 2px solid #0EA8B9;
  background-color: #fff;
}
#app-book-list-block .books_cart_btn:hover {
  color: #fff;
  background-color: #0EA8B9;
}
@media screen and (max-width: 543px) {
  #app-book-list-block .books_cart_btn {
    margin-right: 0;
    margin-bottom: 0;
    padding: 10px 0;
    font-size: 14px;
  }
}

.books_content_btn_close {
  width: 100%;
  max-width: 235px;
  padding: 14px 30px;
  font-weight: bold;
  border-radius: 30px;
  background: transparent;
  color: #808284;
  border: 1px solid #C6C6C6;
  transition: all 0.2s linear;
}
.books_content_btn_close::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22Icon_-_Close_-_White%22%20data-name%3D%22Icon%20-%20Close%20-%20White%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215.557%22%20height%3D%2215.557%22%20viewBox%3D%220%200%2015.557%2015.557%22%3E%20%3Cpath%20id%3D%22%E5%90%88%E4%BD%93_3%22%20data-name%3D%22%E5%90%88%E4%BD%93%203%22%20d%3D%22M7.778%2C9.192%2C1.414%2C15.557%2C0%2C14.142%2C6.364%2C7.778%2C0%2C1.414%2C1.414%2C0%2C7.778%2C6.364%2C14.142%2C0l1.415%2C1.414L9.192%2C7.778l6.364%2C6.364-1.415%2C1.415Z%22%20fill%3D%22%23808284%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  vertical-align: middle;
  transition: all 0.2s linear;
}
.books_content_btn_close:hover {
  background-color: #C6C6C6;
  border: 1px solid #C6C6C6;
}
.books_content_btn_close:hover::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22Icon_-_Close_-_White%22%20data-name%3D%22Icon%20-%20Close%20-%20White%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215.557%22%20height%3D%2215.557%22%20viewBox%3D%220%200%2015.557%2015.557%22%3E%20%3Cpath%20id%3D%22%E5%90%88%E4%BD%93_3%22%20data-name%3D%22%E5%90%88%E4%BD%93%203%22%20d%3D%22M7.778%2C9.192%2C1.414%2C15.557%2C0%2C14.142%2C6.364%2C7.778%2C0%2C1.414%2C1.414%2C0%2C7.778%2C6.364%2C14.142%2C0l1.415%2C1.414L9.192%2C7.778l6.364%2C6.364-1.415%2C1.415Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
}

/*****************************************************
	タイトル一覧ページ
*****************************************************/
/* 年代から選ぶボタン */
#book-title-list .choice_book_title {
  margin: 0;
  font-size: 14px;
  color: #0EA8B9;
}
#book-title-list .tab-group_wrap {
  padding-bottom: 40px;
}
@media screen and (max-width: 543px) {
  #book-title-list .tab-group_wrap {
    padding-bottom: 20px;
  }
}

.category-buttons {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 4px 1fr 4px 1fr 4px 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px 4px;
  margin: 20px 0 0;
}
@media screen and (max-width: 543px) {
  .category-buttons {
    row-gap: 15px;
  }
}

.category-button {
  display: -ms-grid;
  display: grid;
  place-items: center;
  padding: 8px;
  list-style: none;
  background-color: #fff;
  border: solid 1px;
  border-radius: 6px;
  text-align: center;
  line-height: 1.88;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.2s ease-out;
}
.category-button:hover, .category-button:focus {
  color: #fff;
}
@media screen and (max-width: 543px) {
  .category-button {
    min-height: 52px;
    padding: 6px;
    line-height: 1.2;
  }
}

.term-elementary-school-low {
  /* 低学年 */
  color: #9DD346;
  border-color: #9DD346;
}
.term-elementary-school-low:hover, .term-elementary-school-low:focus {
  background-color: #9DD346;
  border-color: #9DD346;
}

.term-elementary-school-middle {
  /* 中学年 */
  color: #1EA542;
  border-color: #1EA542;
}
.term-elementary-school-middle:hover, .term-elementary-school-middle:focus {
  background-color: #1EA542;
  border-color: #1EA542;
}

.term-elementary-school-height {
  /* 高学年 */
  color: #1788BA;
  border-color: #1788BA;
}
.term-elementary-school-height:hover, .term-elementary-school-height:focus {
  background-color: #1788BA;
  border-color: #1788BA;
}

.term-elementary-school-all {
  /* 小学生全般 */
  color: #666CB1;
  border-color: #666CB1;
}
.term-elementary-school-all:hover, .term-elementary-school-all:focus {
  background-color: #666CB1;
  border-color: #666CB1;
}

.term-all {
  /* すべて */
  color: #10A8B9;
  border-color: #10A8B9;
}
.term-all:hover, .term-all:focus {
  background-color: #10A8B9;
  border-color: #10A8B9;
}

.term-infants {
  /* 乳児 */
  color: #F57EA7;
  border-color: #F57EA7;
}
.term-infants:hover, .term-infants:focus {
  background-color: #F57EA7;
  border-color: #F57EA7;
}

.term-toddlers {
  /* 幼児 */
  color: #FAAB2F;
  border-color: #FAAB2F;
}
.term-toddlers:hover, .term-toddlers:focus {
  background-color: #FAAB2F;
  border-color: #FAAB2F;
}

.term-school-students {
  /* 中高生 */
  color: #D97171;
  border-color: #D97171;
}
.term-school-students:hover, .term-school-students:focus {
  background-color: #D97171;
  border-color: #D97171;
}

/* 各年代の見出し */
#book-title-list .panel_title {
  font-size: 18px;
}

#elementary-school-low {
  margin-top: 0;
  color: #9DD346;
  background-color: rgba(157, 211, 70, 0.2);
}

#elementary-school-middle {
  color: #1EA542;
  background-color: rgba(30, 165, 66, 0.2);
}
#elementary-school-middle::before {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33.56' height='24'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%239dd346' d='M0 0h33.56v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%231EA542' d='M32.858 1.674v-.549A.959.959 0 0 0 32 .17C30.939.064 21.833-.748 16.779 2.432 11.729-.748 2.623.064 1.564.17a.959.959 0 0 0-.864.955v.549A1.082 1.082 0 0 0 0 2.68v18.082a1.093 1.093 0 0 0 1.214 1.088 36.064 36.064 0 0 1 12.313.9v.15a1.1 1.1 0 0 0 1.1 1.1h4.313a1.1 1.1 0 0 0 1.1-1.1v-.155a35.966 35.966 0 0 1 12.313-.9 1.116 1.116 0 0 0 .851-.273 1.1 1.1 0 0 0 .363-.816V2.68a1.082 1.082 0 0 0-.7-1.005M15.82 4.856v15.051c-.044-.023-.093-.039-.137-.06-3.14-1.494-7.3-1.823-10.318-1.823-1.108 0-2.059.043-2.745.089V2c3.733-.271 9.841-.083 13.2 2.072Zm15.12-1.2v14.457c-2.552-.17-8.771-.309-13.065 1.738-.043.021-.093.035-.137.056V4.075C21.1 1.92 27.207 1.728 30.941 2Z'/%3E%3C/g%3E%3C/svg%3E") center center/contain no-repeat;
}

#elementary-school-height {
  color: #1788BA;
  background-color: rgba(23, 136, 186, 0.2);
}
#elementary-school-height::before {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33.56' height='24'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%239dd346' d='M0 0h33.56v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%231788BA' d='M32.858 1.674v-.549A.959.959 0 0 0 32 .17C30.939.064 21.833-.748 16.779 2.432 11.729-.748 2.623.064 1.564.17a.959.959 0 0 0-.864.955v.549A1.082 1.082 0 0 0 0 2.68v18.082a1.093 1.093 0 0 0 1.214 1.088 36.064 36.064 0 0 1 12.313.9v.15a1.1 1.1 0 0 0 1.1 1.1h4.313a1.1 1.1 0 0 0 1.1-1.1v-.155a35.966 35.966 0 0 1 12.313-.9 1.116 1.116 0 0 0 .851-.273 1.1 1.1 0 0 0 .363-.816V2.68a1.082 1.082 0 0 0-.7-1.005M15.82 4.856v15.051c-.044-.023-.093-.039-.137-.06-3.14-1.494-7.3-1.823-10.318-1.823-1.108 0-2.059.043-2.745.089V2c3.733-.271 9.841-.083 13.2 2.072Zm15.12-1.2v14.457c-2.552-.17-8.771-.309-13.065 1.738-.043.021-.093.035-.137.056V4.075C21.1 1.92 27.207 1.728 30.941 2Z'/%3E%3C/g%3E%3C/svg%3E") center center/contain no-repeat;
}

#elementary-school-all {
  color: #666CB1;
  background-color: rgba(102, 108, 177, 0.2);
}
#elementary-school-all::before {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33.56' height='24'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%239dd346' d='M0 0h33.56v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23666CB1' d='M32.858 1.674v-.549A.959.959 0 0 0 32 .17C30.939.064 21.833-.748 16.779 2.432 11.729-.748 2.623.064 1.564.17a.959.959 0 0 0-.864.955v.549A1.082 1.082 0 0 0 0 2.68v18.082a1.093 1.093 0 0 0 1.214 1.088 36.064 36.064 0 0 1 12.313.9v.15a1.1 1.1 0 0 0 1.1 1.1h4.313a1.1 1.1 0 0 0 1.1-1.1v-.155a35.966 35.966 0 0 1 12.313-.9 1.116 1.116 0 0 0 .851-.273 1.1 1.1 0 0 0 .363-.816V2.68a1.082 1.082 0 0 0-.7-1.005M15.82 4.856v15.051c-.044-.023-.093-.039-.137-.06-3.14-1.494-7.3-1.823-10.318-1.823-1.108 0-2.059.043-2.745.089V2c3.733-.271 9.841-.083 13.2 2.072Zm15.12-1.2v14.457c-2.552-.17-8.771-.309-13.065 1.738-.043.021-.093.035-.137.056V4.075C21.1 1.92 27.207 1.728 30.941 2Z'/%3E%3C/g%3E%3C/svg%3E") center center/contain no-repeat;
}

#all {
  color: #10A8B9;
  background-color: rgba(16, 168, 185, 0.2);
}
#all::before {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33.56' height='24'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%239dd346' d='M0 0h33.56v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%2310A8B9' d='M32.858 1.674v-.549A.959.959 0 0 0 32 .17C30.939.064 21.833-.748 16.779 2.432 11.729-.748 2.623.064 1.564.17a.959.959 0 0 0-.864.955v.549A1.082 1.082 0 0 0 0 2.68v18.082a1.093 1.093 0 0 0 1.214 1.088 36.064 36.064 0 0 1 12.313.9v.15a1.1 1.1 0 0 0 1.1 1.1h4.313a1.1 1.1 0 0 0 1.1-1.1v-.155a35.966 35.966 0 0 1 12.313-.9 1.116 1.116 0 0 0 .851-.273 1.1 1.1 0 0 0 .363-.816V2.68a1.082 1.082 0 0 0-.7-1.005M15.82 4.856v15.051c-.044-.023-.093-.039-.137-.06-3.14-1.494-7.3-1.823-10.318-1.823-1.108 0-2.059.043-2.745.089V2c3.733-.271 9.841-.083 13.2 2.072Zm15.12-1.2v14.457c-2.552-.17-8.771-.309-13.065 1.738-.043.021-.093.035-.137.056V4.075C21.1 1.92 27.207 1.728 30.941 2Z'/%3E%3C/g%3E%3C/svg%3E") center center/contain no-repeat;
}

#infants {
  color: #F57EA7;
  background-color: rgba(245, 126, 167, 0.2);
}
#infants::before {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33.56' height='24'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%239dd346' d='M0 0h33.56v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23F57EA7' d='M32.858 1.674v-.549A.959.959 0 0 0 32 .17C30.939.064 21.833-.748 16.779 2.432 11.729-.748 2.623.064 1.564.17a.959.959 0 0 0-.864.955v.549A1.082 1.082 0 0 0 0 2.68v18.082a1.093 1.093 0 0 0 1.214 1.088 36.064 36.064 0 0 1 12.313.9v.15a1.1 1.1 0 0 0 1.1 1.1h4.313a1.1 1.1 0 0 0 1.1-1.1v-.155a35.966 35.966 0 0 1 12.313-.9 1.116 1.116 0 0 0 .851-.273 1.1 1.1 0 0 0 .363-.816V2.68a1.082 1.082 0 0 0-.7-1.005M15.82 4.856v15.051c-.044-.023-.093-.039-.137-.06-3.14-1.494-7.3-1.823-10.318-1.823-1.108 0-2.059.043-2.745.089V2c3.733-.271 9.841-.083 13.2 2.072Zm15.12-1.2v14.457c-2.552-.17-8.771-.309-13.065 1.738-.043.021-.093.035-.137.056V4.075C21.1 1.92 27.207 1.728 30.941 2Z'/%3E%3C/g%3E%3C/svg%3E") center center/contain no-repeat;
}

#toddlers {
  color: #FAAB2F;
  background-color: rgba(250, 171, 47, 0.2);
}
#toddlers::before {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33.56' height='24'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%239dd346' d='M0 0h33.56v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23FAAB2F' d='M32.858 1.674v-.549A.959.959 0 0 0 32 .17C30.939.064 21.833-.748 16.779 2.432 11.729-.748 2.623.064 1.564.17a.959.959 0 0 0-.864.955v.549A1.082 1.082 0 0 0 0 2.68v18.082a1.093 1.093 0 0 0 1.214 1.088 36.064 36.064 0 0 1 12.313.9v.15a1.1 1.1 0 0 0 1.1 1.1h4.313a1.1 1.1 0 0 0 1.1-1.1v-.155a35.966 35.966 0 0 1 12.313-.9 1.116 1.116 0 0 0 .851-.273 1.1 1.1 0 0 0 .363-.816V2.68a1.082 1.082 0 0 0-.7-1.005M15.82 4.856v15.051c-.044-.023-.093-.039-.137-.06-3.14-1.494-7.3-1.823-10.318-1.823-1.108 0-2.059.043-2.745.089V2c3.733-.271 9.841-.083 13.2 2.072Zm15.12-1.2v14.457c-2.552-.17-8.771-.309-13.065 1.738-.043.021-.093.035-.137.056V4.075C21.1 1.92 27.207 1.728 30.941 2Z'/%3E%3C/g%3E%3C/svg%3E") center center/contain no-repeat;
}

#school-students {
  color: #D97171;
  background-color: rgba(217, 113, 113, 0.2);
}
#school-students::before {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33.56' height='24'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%239dd346' d='M0 0h33.56v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23D97171' d='M32.858 1.674v-.549A.959.959 0 0 0 32 .17C30.939.064 21.833-.748 16.779 2.432 11.729-.748 2.623.064 1.564.17a.959.959 0 0 0-.864.955v.549A1.082 1.082 0 0 0 0 2.68v18.082a1.093 1.093 0 0 0 1.214 1.088 36.064 36.064 0 0 1 12.313.9v.15a1.1 1.1 0 0 0 1.1 1.1h4.313a1.1 1.1 0 0 0 1.1-1.1v-.155a35.966 35.966 0 0 1 12.313-.9 1.116 1.116 0 0 0 .851-.273 1.1 1.1 0 0 0 .363-.816V2.68a1.082 1.082 0 0 0-.7-1.005M15.82 4.856v15.051c-.044-.023-.093-.039-.137-.06-3.14-1.494-7.3-1.823-10.318-1.823-1.108 0-2.059.043-2.745.089V2c3.733-.271 9.841-.083 13.2 2.072Zm15.12-1.2v14.457c-2.552-.17-8.771-.309-13.065 1.738-.043.021-.093.035-.137.056V4.075C21.1 1.92 27.207 1.728 30.941 2Z'/%3E%3C/g%3E%3C/svg%3E") center center/contain no-repeat;
}

/* スクロールできる案内 */
.book_list_scroll_article {
  display: none;
}
@media screen and (max-width: 543px) {
  .book_list_scroll_article {
    display: block;
    margin-bottom: 3px !important;
    font-size: 12px;
    color: #595959;
  }
  .book_list_scroll_article::before {
    content: "←";
    display: inline-block;
    margin-right: 5px;
  }
  .book_list_scroll_article::after {
    content: "→";
    display: inline-block;
    margin-left: 5px;
  }
}

/* テーブルを囲むdiv */
@media screen and (max-width: 543px) {
  .book_list_table_wrap {
    overflow-x: scroll;
  }
}

/* テーブル */
.book_list_table {
  margin-bottom: 0;
  font-size: 16px;
}
@media screen and (max-width: 543px) {
  .book_list_table {
    width: 800px;
  }
}
.book_list_table td {
  padding: 8px 12px;
  line-height: 1.5;
  /* 英字や記号のせいではみ出るのをふせぐ */
  word-break: break-word;
  overflow-wrap: anywhere;
}
@media screen and (max-width: 543px) {
  .book_list_table td {
    padding: 8px;
    font-size: 14px;
  }
}

/* テーブルの各項目の幅を決める */
.book_list_title {
  width: 35%;
}
@media screen and (max-width: 543px) {
  .book_list_title {
    width: 30%;
  }
}

.book_list_publisher {
  width: 12%;
}
@media screen and (max-width: 543px) {
  .book_list_publisher {
    width: 14%;
  }
}

.book_list_price {
  width: 10%;
}
@media screen and (max-width: 543px) {
  .book_list_price {
    width: 12%;
  }
}

/* テーブルの中のボタン */
.book_list_cart_btn {
  padding: 15px 10px;
  font-size: 14px;
  white-space: nowrap;
}

.div_radio {
  display: flex;
  align-items: center;
}

.div_radio label {
  margin-left: 5px;
  margin-right: 15px;
}