@charset "utf-8";
/* CSS Document */

/* ========================================================================== */

/* S I D E - I N F O . C S S */

/* ========================================================================== */
.side-info-page.books01 .inline-block {
  display: inline-block;
}
.side-info-page .side-info-title .sp-tit {
  position: relative;
  @media screen and (max-width: 960px) {
    &::before {
      border-left: 4.9px solid #1370bd;
      content: "";
      display: block;
      height: 50%;
      position: absolute;
      top: 0;
      left: -5px;
    }
  }
}
.side-info-page.books01 #contents .item-box {
  margin: 2em 0;
  & > .box-inner {
    display: flex;
    gap: 2em;
  }
  & > .box-inner > .img-box {
    box-shadow: 0px 3px 6px 0px #d5d5d5;
    width: 40%;
    height: 100%;
    font-size: 0;
  }
  & .img-box .img-img {
    width: 100%;
    height: 100%;
  }

  & > .box-inner > .text-box {
    width: 60%;
    padding: 1em 0;
    & > .box-inner {
      display: flex;
      flex-direction: column;
      height: 100%;
    }
    & .sub-title {
      margin-bottom: 1em;
    }
    & .sub-title > span {
      display: inline-block;
    }
    & .sub-title > span:first-of-type {
      margin-bottom: 1em;
    }
    & .sub-title > span:nth-of-type(2) {

    }
    & .sub-title > span:nth-of-type(3) {
      font-size: 1.4em;
    }
    & .text-text {
      margin: auto 0 1em ;
    }
    & .text-text > span {
      display: inline-block;
      margin-bottom: 1em;
    }
    & .text-text > span.text-small {
      font-size: .9em;
    }
  }
  & .button {
    cursor: pointer;
    display: inline-block;
    width: fit-content;
    text-transform: none;
  }
  & .button a {
    color: #fff;
  }
  & .button::after {
    background-color: #F08418;
  }
}

.side-info-page.books01 #contents .text-big {
  font-size: 1.4em;
}
.side-info-page.books01 #contents .list {
  padding: 0 1em;
}
.side-info-page.books01 #contents .list .li-box {
  display: flex;
  flex-direction: row;
  padding: .5em 0 1em;
  position: relative;
  & > span {
    display: inline-block;
  }
  & > span:first-of-type {
    background-color: #fff;
    margin: -.5em 0 -.5em 0;
    padding: .5em 1.5em .5em 0;
    text-wrap-mode: nowrap;
    position: relative;
  }
  & > span:nth-of-type(2) {
    padding-right: 1em;
    margin-right: auto;
  }
  & > span:last-of-type {
    margin: auto 0;
    padding: 0 0 0 1.5em;
  }
}

/*  */