@charset "utf-8";
:root {
  --sitewidth: 1120px;
  --basefont: 'M PLUS 1p', sans-serif;
  /* default color */
  --main-color1: #00A3AF;
  --main-color2: #00A3AF;
  --main-color3: #888888;
  --main-color-rgb: 0, 163, 175;
  --sub-color1: #1E88A8;
  --sub-color2: #F4F4F7;
  --bordercolor: #DDDDDD;
}
: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 */
#header {
  border-top: 10px solid var(--main-color1);
}
#header > .inner {
  border-top: 3px solid var(--sub-color1);
}
@media (max-width: 768px) {
  #header .content > ul li a {
    color: var(--main-color1);
  }
}
#header .content .genre .ttl,
#header .content .region .ttl,
#header .content .series .ttl {
  background-color: var(--main-color1);
}
#header .content .genre .tree > ul,
#header .content .region .tree > ul,
#header .content .series .tree > ul {
  background-color: rgba(var(--main-color-rgb), 0.2);
}
#header .content .genre .tree > ul > li,
#header .content .region .tree > ul > li,
#header .content .series .tree > ul > li {
  border-bottom: 1px solid var(--bordercolor);
}
#header .content .genre .tree > ul a,
#header .content .region .tree > ul a,
#header .content .series .tree > ul a {
  color: var(--main-color1);
}
#header .content .genre .tree > ul .arrow::before,
#header .content .region .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 {
  border-top: 4px solid var(--main-color1);
  border-bottom: 2px solid var(--sub-color1);
  background-color: rgba(var(--main-color-rgb), 0.2);
}
@media (min-width: 769px) {
  #gnavi .wrap > ul > li.genre:hover > span,
  #gnavi .wrap > ul > li.series:hover > span {
    border-bottom: 4px solid var(--main-color1);
  }
}
#gnavi .wrap > ul > li > a,
#gnavi .wrap > ul > li > span {
  color: var(--main-color1);
}
@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: #ccebed;
}
#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);
}
.custommenu li.entry > div > span .ck {
  background-color: var(--main-color1);
}
.titleType1 {
  color: var(--main-color1);
}
#footer {
  background-color: rgba(var(--main-color-rgb), 0.2);
}
#footer .bottom {
  background-color: var(--main-color1);
}
#fotNavi .inner dt {
  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);
}
.newsContentArea .newslist,
.magazine .newslist {
  border: 1px solid var(--bordercolor);
}
.newsContentArea .newslist .title,
.magazine .newslist .title {
  color: var(--main-color1);
}
.newsContentArea .tabBlock .tabs,
.magazine .tabBlock .tabs {
  display: flex;
  margin-bottom: 40px;
  border-bottom: 1px solid var(--bordercolor);
}
.newsContentArea .tabBlock .tabs .tab,
.magazine .tabBlock .tabs .tab {
  border: 1px solid var(--bordercolor);
}
.newsContentArea .tabBlock .tabs .tab.show,
.magazine .tabBlock .tabs .tab.show {
  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);
}
#side_column .box .ttl {
  background-color: var(--main-color1);
}
#side_column .box > .inner {
  border-bottom: 1px solid var(--bordercolor);
  border-left: 1px solid var(--bordercolor);
  border-right: 1px solid var(--bordercolor);
}
/* news.css */
#side_column .box .custommenu li a.categoryicon {
  background: var(--sub-color2);
  color: var(--main-color1);
}
.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);
}