:root {
  --sitewidth: 1120px;
  --widewidth: 1280px;
  --basefont: "M PLUS 1p", sans-serif;
  /* default color */
  --main-color1: #000000;
  --main-color2: #b5b5b5;
  --main-color3: #888888;
  --main-color-rgb: 0, 0, 0;
  --sub-color1: #f9bb44;
  --sub-color2: #276c9d;
  --bordercolor: #dddddd;
}
:root .black {
  /* color */
  --main-color1: #000000;
  --main-color2: #b5b5b5;
  --main-color3: #888888;
  --main-color-rgb: 0, 0, 0;
  --sub-color1: #f9bb44;
  --sub-color2: #276c9d;
  --bordercolor: #dddddd;
}
:root .red {
  /* color */
  --main-color1: #ba180a;
  --main-color2: #f2f3f6;
  --main-color3: #888888;
  --main-color-rgb: 0, 0, 0;
  --sub-color1: #000000;
  --sub-color2: #52e3f0;
  --bordercolor: #dddddd;
}
:root .blue {
  /* color */
  --main-color1: #305b7e;
  --main-color2: #f2f3f6;
  --main-color3: #888888;
  --main-color-rgb: 0, 0, 0;
  --sub-color1: #000000;
  --sub-color2: #af310d;
  --bordercolor: #dddddd;
}
:root .green {
  /* color */
  --main-color1: #1d9865;
  --main-color2: #f2f3f6;
  --main-color3: #888888;
  --main-color-rgb: 0, 0, 0;
  --sub-color1: #000000;
  --sub-color2: #3c3c3c;
  --bordercolor: #dddddd;
}
:root .indigo {
  /* color */
  --main-color1: #110563;
  --main-color2: #f2f3f6;
  --main-color3: #888888;
  --main-color-rgb: 0, 0, 0;
  --sub-color1: #000000;
  --sub-color2: #f9bb44;
  --bordercolor: #dddddd;
}
/* common.css */
a {
  color: var(--sub-color2);
}
/* header */
#header #menu.menuopen .btn {
  background-color: var(--main-color2);
}
#header #menu .btn {
  background-color: var(--main-color1);
}
#gnavi .wrap .btn {
  background-color: var(--main-color1);
}
.newslist .item .category a {
  background: var(--sub-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);
}
#fotNavi {
  border-top: 1px solid var(--bordercolor);
  border-bottom: 1px solid var(--bordercolor);
}
#fotNavi .inner a {
  color: var(--main-color1);
}
.cms a {
  color: var(--sub-color2);
}
/* top.css */
#side_column #newsBlock .ttlWrap {
  background-color: var(--main-color1);
}
/* book.css */
#main .price {
  border-left: 7px solid var(--sub-color1);
}
#main .netshop .wrap .more {
  background-color: var(--main-color1);
}
#main #bookcontent .sttl .more,
#main #bookexplain .sttl .more {
  background-color: var(--main-color1);
}
/* news.css */
#side_column .box .custommenu li a.categoryicon {
  background: var(--sub-color2);
}