@charset "utf-8";
/* CSS Document */
/* ------------------------------
 index.html
 school01.html
 school02.html
 school03.html
 school04.html
 school05.html
------------------------------ */
/* ------------------------------

 各教科

------------------------------ */
#main .kyokaBox {
  margin: 20px 0;
}
#main .kyokaBox h3 {
  font-size: 100%;
}
#main .kyokaBox table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  #main .kyokaBox table tr.thead {
    display: none;
  }
}
#main .kyokaBox table.school01 th {
  background-color: #75C454;
}
@media (max-width: 768px) {
  #main .kyokaBox table.school01 td.itemName {
    background-color: #75C454;
  }
}
#main .kyokaBox table.school02 th {
  background-color: #F097B9;
}
@media (max-width: 768px) {
  #main .kyokaBox table.school02 td.itemName {
    background-color: #F097B9;
  }
}
#main .kyokaBox table.school03 th {
  background-color: #D5CC38;
}
@media (max-width: 768px) {
  #main .kyokaBox table.school03 td.itemName {
    background-color: #D5CC38;
  }
}
#main .kyokaBox table.school04 th {
  background-color: #7CBBEA;
}
@media (max-width: 768px) {
  #main .kyokaBox table.school04 td.itemName {
    background-color: #7CBBEA;
  }
}
#main .kyokaBox table.school05 th {
  background-color: #EEA634;
}
@media (max-width: 768px) {
  #main .kyokaBox table.school05 td.itemName {
    background-color: #EEA634;
  }
}
#main .kyokaBox table.school06 th {
  background-color: #A39FCD;
}
@media (max-width: 768px) {
  #main .kyokaBox table.school06 td.itemName {
    background-color: #A39FCD;
  }
}
#main .kyokaBox table.shihansho th {
  background-color: #75C454;
}
@media (max-width: 768px) {
  #main .kyokaBox table.shihansho th.itemName {
    background-color: #75C454;
  }
}
#main .kyokaBox table th {
  height: 29px;
  padding: 3px 0px 3px 0px;
  font-size: 86%;
  font-weight: bold;
  border: 1px solid #999;
  color: #fff;
  text-align: center;
  line-height: 1.1;
}
#main .kyokaBox table th.itemName {
  width: 100px;
}
#main .kyokaBox table th.category {
  width: 100px;
}
#main .kyokaBox table th.level {
  width: 70px;
}
#main .kyokaBox table th.price {
  text-align: center;
  width: 100px;
}
#main .kyokaBox table th.tobuy {
  width: 135px;
  text-align: center;
}
#main .kyokaBox table td {
  padding: 10px 5px;
  border: 1px solid #999;
  line-height: 1.2;
  height: 30px;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  #main .kyokaBox table td {
    display: block;
    border: none;
    height: auto;
    padding: 5px 5px 0 0;
  }
}
#main .kyokaBox table td.ss {
  text-align: center!important;
}
@media (max-width: 768px) {
  #main .kyokaBox table td.itemName {
    padding: 5px;
    color: #fff;
    font-weight: bold;
    background-color: #75C454;
  }
  #main .kyokaBox table td.itemName br {
    display: none;
  }
}
#main .kyokaBox table td.level {
  text-align: center;
}
#main .kyokaBox table td.category {
  text-align: center;
}
#main .kyokaBox table td.price {
  text-align: right;
}
@media (max-width: 768px) {
  #main .kyokaBox table td.price {
    padding: 5px;
  }
}
#main .kyokaBox table td.tobuy {
  text-align: center;
}
#main .kyokaBox table td:last-of-type {
  text-align: center;
}
@media (max-width: 768px) {
  #main .kyokaBox table td.orderCheck {
    padding-bottom: 10px;
    padding-right: 0;
  }
}
#main .kyokaBox table td.orderCheck a {
  background-color: #eee;
  color: #333;
  border-radius: 4px;
  padding: 10px 15px;
  text-decoration: none;
  border: 1px solid #ddd;
  font-weight: bold;
  font-size: 14px;
  display: block;
}
#main .kyokaBox table td.orderCheck a:hover {
  opacity: 0.8;
}
#main .kyokaBox table td.semester {
  width: 30px;
}
@media (max-width: 768px) {
  #main .kyokaBox table td.semester {
    width: auto;
  }
}
#main .kyokaBox table td.week {
  width: 50px;
}
@media (max-width: 768px) {
  #main .kyokaBox table td.week {
    width: auto;
  }
}
#main .kyokaBox table td.time,
#main .kyokaBox table td.no,
#main .kyokaBox table td.references {
  width: 55px;
}
@media (max-width: 768px) {
  #main .kyokaBox table td.time,
  #main .kyokaBox table td.no,
  #main .kyokaBox table td.references {
    width: auto;
  }
}
#main .kyokaBox table td.year,
#main .kyokaBox table td.price {
  width: 90px;
}
@media (max-width: 768px) {
  #main .kyokaBox table td.year,
  #main .kyokaBox table td.price {
    width: auto;
  }
}
@media (max-width: 768px) {
  #main .kyokaBox table td.semester,
  #main .kyokaBox table td.time {
    width: calc(100% / 2);
  }
}
@media (max-width: 768px) {
  #main .kyokaBox table td.no,
  #main .kyokaBox table td.references {
    width: calc(100% / 2);
  }
}
@media (max-width: 768px) {
  #main .kyokaBox table td.semester,
  #main .kyokaBox table td.time,
  #main .kyokaBox table td.subject {
    background-color: #75C454;
    color: #fff;
    font-weight: bold;
    padding: 5px;
  }
}
@media (max-width: 768px) {
  #main .kyokaBox table td.semester,
  #main .kyokaBox table td.time,
  #main .kyokaBox table td.no,
  #main .kyokaBox table td.references,
  #main .kyokaBox table td.publisher,
  #main .kyokaBox table td.year {
    display: inline-block;
  }
}
@media (max-width: 768px) {
  #main .kyokaBox table td.author {
    text-align: right;
  }
}
#main .kyokaBox table td.isbn {
  word-break: break-all;
}
.g_shikaku {
  color: #999;
}
.sanko {
  font-weight: bold;
  color: #C00;
}
.sanko_kome {
  font-weight: bold;
  color: #C00;
  font-size: 15px;
}
.kome {
  font-weight: bold;
  color: #C00;
  font-size: 86%;
  margin-top: 10px;
}
.gototop a:link {
  display: block;
  font-weight: bold;
  font-size: 93%;
  text-decoration: none;
  text-align: right;
}
.okaimono {
  margin: 0px 0px 20px 440px;
}
#main .kyokaBox ul {
  padding-bottom: 20px;
}
#main .kyokaBox ul li {
  float: left;
  list-style: none;
  border-right: 1px solid #666;
  padding: 0px 7px 0px 7px;
  font-weight: bold;
  font-size: 93%;
}
#main .kyokaBox ul li a {
  color: #666;
  text-decoration: none;
}
#main .kyokaBox ul li a:hover {
  color: #666;
  text-decoration: underline;
}
#main .kyokaBox ul li.line {
  border-right: 1px solid #666;
  border-left: 1px solid #666;
}
/* ------------------------------

 index　手引き（web版）

------------------------------ */
#tebikiBox,
#faq {
  padding: 0px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
#tebikiBox h3 {
  margin: 20px 0 15px 0;
  color: #3183a5;
  font-size: 100%;
}
#tebikiBox ul {
  margin: 0px;
  font-size: 100%;
}
#tebikiBox ul li {
  list-style: none;
  padding-left: 15px;
  padding-bottom: 7px;
  background: url(../images/shikaku.gif) top left no-repeat;
}
#tebikiBox ol {
  margin-left: 12px;
  font-size: 100%;
  margin-bottom: 20px;
}
#tebikiBox ol li {
  padding-bottom: 8px;
}
#main .watch ul {
  display: flex;
  justify-content: center;
}
#main .watch ul li {
  font-weight: bold;
  margin: 0px;
  padding: 0px 7px 0px 7px;
  box-sizing: border-box;
  list-style: none;
  border-right: 1px solid #666;
}
#main .watch ul li:last-of-type {
  border-right: none;
}
#main .watch a {
  text-decoration: none;
}
#main .watch a:hover {
  text-decoration: underline;
}
.toiawase {
  margin: 15px 0px 0px 20px;
  font-size: 86%;
  line-height: 1.3;
}
.mgt {
  margin-left: 15px;
}
.chui {
  font-weight: bold;
  color: #C00;
}
/* ------------------------------

 faq　よくある質問

------------------------------ */
#faq h3 {
  margin: 20px 0 5px 0;
  color: #bd8a10;
  border-left: 9px solid #bd8a10;
  padding-left: 4px;
  font-size: 114%;
  line-height: 1.2;
}
#faq h4 {
  margin: 13px 0 2px 0;
  color: #3183a5;
}
#faq p {
  margin-left: 15px;
}
#faq p.indent {
  margin-left: 30px;
}
/* ------------------------------

 Default setting

------------------------------ */
body {
  margin: 0;
  padding: 0;
  font-size: 86%;
  /* IE */
}
html > body {
  font-size: 14px;
  /* Except IE */
}
h1,
h2,
h3,
h4,
h5,
div,
p {
  margin: 0;
  padding: 0;
}
/* ------------------------------

 LinkElement setting

------------------------------ */
/* Normal links */
@media (max-width: 768px) {
  .kucc-schooling #main .kyokaBox table td {
    font-weight: bold;
  }
}
@media (max-width: 768px) {
  .kucc-schooling #main .kyokaBox table td:nth-child(2),
  .kucc-schooling #main .kyokaBox table td:nth-child(3) {
    display: inline-block;
    vertical-align: middle;
  }
}
@media (max-width: 768px) {
  .kucc-eb #main .kyokaBox table td {
    font-weight: bold;
  }
}
@media (max-width: 768px) {
  .kucc-eb #main .kyokaBox table td:nth-child(2),
  .kucc-eb #main .kyokaBox table td:nth-child(3),
  .kucc-eb #main .kyokaBox table td:nth-child(4) {
    display: inline-block;
    vertical-align: middle;
  }
}
.kucc-schooling-esws #main .kyokaBox table.school06[data-table="bungaku"] {
  margin-bottom: 0;
}
.kucc-schooling-esws #main .kyokaBox .add_text {
  color: #ff0000;
  margin-bottom: 20px;
  font-weight: bold;
}