@charset "utf-8";
:root {
  --sitewidth: 1280px;
  --basefont: "Noto Sans JP", sans-serif;
  --montserrat-font: "Montserrat", sans-serif;
  --lexend-mega-font: "Lexend Mega", sans-serif;
  /* default color */
  --main-color1: #1c2187;
  --main-color2: #f2f3f6;
  --main-color3: #888888;
  --main-color-rgb: 31, 46, 102;
  --sub-color1: #c4d700;
  --sub-color2: #f4f4f7;
  --bordercolor: #dddddd;
  --color-blue: #131976;
  --font-black: #000000;
  --font-gray: #6e6e6e;
  --font-red: #d82f2f;
  --font-blue: #1c2187;
}
:root .black {
  /* color */
  --main-color1: #000000;
  --main-color2: #f2f3f6;
  --main-color3: #888888;
  --main-color-rgb: 79, 57, 58;
  --sub-color1: #b6c8c7;
  --sub-color2: #f4f4f7;
  --bordercolor: #dddddd;
}
:root .red {
  /* color */
  --main-color1: #323232;
  --main-color2: #f2f3f6;
  --main-color3: #888888;
  --main-color-rgb: 246, 9, 38;
  --sub-color1: #f60926;
  --sub-color2: #f4f4f7;
  --bordercolor: #dddddd;
}
:root .blue {
  /* color */
  --main-color1: #613f33;
  --main-color2: #f2f3f6;
  --main-color3: #888888;
  --main-color-rgb: 7, 158, 208;
  --sub-color1: #079ed0;
  --sub-color2: #f4f4f7;
  --bordercolor: #dddddd;
}
:root .green {
  /* color */
  --main-color1: #40004f;
  --main-color2: #f2f3f6;
  --main-color3: #888888;
  --main-color-rgb: 58, 251, 55;
  --sub-color1: #437843;
  --sub-color2: #f4f4f7;
  --bordercolor: #dddddd;
}
:root .indigo {
  /* color */
  --main-color1: #1f2e66;
  --main-color2: #f2f3f6;
  --main-color3: #888888;
  --main-color-rgb: 31, 46, 102;
  --sub-color1: #c4d700;
  --sub-color2: #f4f4f7;
  --bordercolor: #dddddd;
}
/* common.css */
a {
  color: var(--main-color1);
}
/* header */
@media (max-width: 768px) {
  #header .content > ul li a {
    color: var(--main-color1);
  }
}
#header .content .genre .ttl,
#header .content .series .ttl {
  background-color: var(--main-color1);
}
#header .content .genre .tree > ul,
#header .content .series .tree > ul {
  background-color: var(--main-color2);
}
#header .content .genre .tree > ul > li,
#header .content .series .tree > ul > li {
  border-bottom: 1px solid var(--bordercolor);
}
#header .content .genre .tree > ul a,
#header .content .series .tree > ul a {
  color: var(--main-color1);
}
#header .content .genre .tree > ul .arrow::before,
#header .content .series .tree > ul .arrow::before {
  border-top: 2px solid var(--main-color1);
  border-right: 2px solid var(--main-color1);
}
#header .content .btnSearchBox a {
  background-color: var(--main-color1);
}
#header #menu .btn span {
  background-color: var(--main-color1);
}
#gnavi .wrap > ul > li > a,
#gnavi .wrap > ul > li > span {
  color: var(--font-black);
}
@media (max-width: 768px) {
  #gnavi .wrap > ul > li > a.active,
  #gnavi .wrap > ul > li > span.active {
    border-bottom: 4px solid var(--main-color1);
  }
}
#gnavi .wrap .tree ul {
  background-color: var(--main-color2);
}
#searchBox {
  border: 3px solid var(--main-color1);
}
#searchBox .btn .search_submit {
  background: url(/images/common/btn_search.png) left center no-repeat var(--main-color1);
}
#searchBox .close a {
  background: var(--main-color3);
}
.titleType1 {
  color: var(--main-color1);
}
.cms a {
  color: var(--main-color1);
}
/* cms end */
/* top.css */
#contents .section > .ttl {
  color: var(--main-color1);
}
#contents .section .more a {
  color: var(--main-color1);
}
#eyecatch .swiper-pagination .swiper-pagination-bullet {
  border: 1px solid var(--main-color1);
}
#eyecatch .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--main-color1);
}
#pickup .item .content .ttl {
  color: var(--main-color1);
}
#pickup .swiper-button-prev:after,
#pickup .swiper-button-next:after {
  border-top: 2px solid var(--main-color1);
  border-right: 2px solid var(--main-color1);
}
#pickup .swiper-pagination .swiper-pagination-bullet {
  border: 1px solid var(--main-color1);
}
#pickup .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--main-color1);
}
/* book.css */
#bookData .cover .image .sub li.swiper-slide-thumb-active,
#bookData .cover .images .sub li.swiper-slide-thumb-active {
  border-color: var(--main-color1);
}
#bookData .cover .info a {
  color: var(--main-color1);
}
#bookData .cover .info a svg {
  fill: var(--main-color1);
}
#main .format dd a {
  border: 1px solid var(--bordercolor);
}
#main .detail .order .label {
  background-color: var(--main-color1);
}
#main .detail .order .btn a svg {
  fill: var(--main-color1);
}
#main .netshop .more:before {
  background-color: var(--main-color1);
}
#main .tabs {
  display: flex;
  margin-bottom: 40px;
  border-bottom: 1px solid var(--bordercolor);
}
#main .tabs .tab {
  border: 1px solid var(--bordercolor);
}
#main .tabs .tab.show {
  color: var(--main-color1);
}
#main .newslist {
  border: 1px solid var(--bordercolor);
}
#main .newslist .title {
  color: var(--main-color1);
}
/* contact.css */
#main_column form input[type="text"],
#main_column form input[type="tel"],
#main_column form input[type="email"] {
  border: 1px solid var(--bordercolor);
}
#main_column form select {
  border: 1px solid var(--bordercolor);
}
#main_column form textarea {
  border: 1px solid var(--bordercolor);
}
#main_column .button button.send {
  background-color: var(--main-color1);
}
/* lower.css */
.pagingfoot b,
.pagingfoot a {
  border: 1px solid var(--bordercolor);
}
.pagingfoot b {
  border-color: var(--main-color1);
  background-color: rgba(var(--main-color-rgb), 0.1);
  color: var(--main-color1);
}
.pagingfoot a.prev,
.pagingfoot a.next {
  border-color: var(--main-color1);
  background-color: var(--main-color1);
}
/* news.css */
#side_column #newsCategory.box .custommenu li a.categoryicon {
  background: var(--sub-color2);
  color: var(--main-color1);
  padding: 0;
  font-size: 1rem;
  width: 5em;
  margin: 12px 10px 10px 0;
  min-width: 5em;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  #side_column #newsCategory.box .custommenu li a.categoryicon {
    margin-top: 10px;
  }
}
.contents-wrapper .related-books {
  border-top: 1px solid var(--bordercolor);
}
/* search.css */
#main_column .conditions .wrapper .text {
  color: var(--main-color1);
}
#main_column .conditions .wrapper .btnSearchBox a {
  background-color: var(--main-color1);
}
#main_column .conditions .more .list .item a {
  background-color: rgba(var(--main-color-rgb), 0.1);
  color: var(--main-color1);
}
#main_column .resultWrap .paginghead .dispgrid {
  border-color: var(--main-color1);
  background-color: var(--main-color1);
}
#main_column .resultWrap.list .paginghead .displist {
  border-color: var(--main-color1);
  background-color: var(--main-color1);
}
#main_column .resultWrap.list .booklist .item {
  border: 1px solid var(--bordercolor);
}