@charset "utf-8";
/* いつもの // */
#contents {
  font-size:16px;
  font-size:1.6rem;
}
.content-box {
  display: flex;
  margin-top: 15px;
}

.content-box aside {
  width: 220px;
}
.isDeviceTB .content-box aside {
  width: 190px;
}
.content-box main {
  width: calc(100% - 220px);
  padding-left: 3%;
}
.isDeviceTB .content-box main {
  width: calc(100% - 190px);
  padding-left: 2%;
}

.winSP .content-box {
  display: block;
  margin-top: 0;
}
.winSP .content-box aside,
.winSP .content-box main{
  width: 100%;
  padding: 0;
}

.content-box main {padding-top: 8px;}
.winSP .content-box main {margin-top: 30px; padding-top: 0;}
.main-box.inner {margin-top: 36px;}
.winSP .main-box.inner {
  width: 100%;
  padding: 0;
  margin-top: 0;
}

@media screen and (max-width: 1100px) and (min-width: 768px) {

}
.section {
  margin-top: 50px;
}
.section + .section {margin-top: 80px;}

.winSP .section {
  margin-top: 30px;
}
.winSP .section + .section {margin-top: 50px;}
.section:first-child {margin-top: 0;}
.side-menu_ttl {
    border-bottom: 4px solid #142f5c;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    padding-bottom: 4px;
    color: #142f5c;
    margin-top: 30px;
}
.side-menu_ttl span {display: none;}
.winSP .side-menu_ttl {
  margin-top: 15px;
}
.winSP .side-menu_ttl.toggle-btn {
  font-weight: normal;
  background: url(/common/images/select-arr.png) no-repeat right center;
  background-size: 24px auto;
  border: 1px solid #96acd0;
  width: 100%;
  padding: 8px 28px 8px 8px;
  font-size: 1.4rem;
  margin-top: 10px;
  cursor: pointer;
}
.winSP .side-menu_ttl.toggle-btn span {
  display: inline-block;
  font-size: 1.6rem;
}

.side-menu_list a{
      display: block;
    border-bottom: 1px solid #8997ad;
    padding: 12px 18px 10px 10px;
    color: #323232;
    text-decoration: none;
    position: relative;
    line-height: 1.3;
    font-size: 1.2rem;
}
.side-menu_list li a:after {
    position: absolute;
    top: 1.6em;
    right: 3px;
    display: block;
    content: "";
    width: 6px;
    height: 6px;
    margin-top: -5px;
    margin-right: 0;
    border-top: 2px solid #cacaca;
    border-right: 2px solid #cacaca;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.side-menu_list li a:hover span {
  color: #142F5C;
}
.side-menu_list li a:hover:after {
    border-top-color: #142F5C;
    border-right-color: #142F5C;
}
.winSP .side-menu_list {
  border-left: 1px solid #96acd0;
  border-right: 1px solid #96acd0;
  background: #f4f8fb;
}
.winSP .side-menu_list li a {
  font-size: 1.6rem;
    border-bottom-color: #96acd0;
}
.winSP .side-menu_list li a:after {
  right: 15px;
  top: 1.4em;
    border-top-color: #142F5C;
    border-right-color: #142F5C;
}
.section-title {
  color: #142F5C;
  position: relative;
  border-bottom: 2px solid #142F5C;
  line-height: 1.3;
  font-size: 2.2rem;
  font-weight: bold;
  padding-left: 15px;
     padding-bottom: 2px;
}
.section-title:after {
  content: "";
  position: absolute;
  left: 0;
  top: -2px;
  display: block;
  width: 4px;
  height: calc(100% - 2px);
  background: #142F5C;
}
.winSP .section-title {
  font-size: 2rem;
     padding-bottom: 3px;
}

.book-box {
  display: flex;
  margin-top: 15px;
}
.book-box ~ .book-box {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px dashed #e3e3e3;
}
.winSP .book-box ~ .book-box {
  margin-top: 20px;
  padding-top: 20px;
}
.book-box .books {
  width: 124px;
}
.book-box .book-details {
  width: calc(100% - 124px);
  padding-left: 3%;
}

.winSP .book-box {
  display: block;
  zoom:1;
}
.winSP .book-box:after {
  content: "";
  display: block;
  clear: both;
}
.winSP .book-box .books {
  width: 80px;
  float: left;
}
.winSP .book-box .book-details {
  display: inline;
  padding: 0;
}
.winSP .book-box .book-details .book-details_txt {
  width: calc(100% - 80px);
  padding-left: 3%;
  float: left;
}

.winSP .book-function_box {
  clear: both;
  padding-top: 1px;
}

.book-box .subttl a {
  color: #345993;
  font-size: 1.6rem;
  font-weight: bold;
  text-decoration: underline;
}
.book-box .detaile {
  font-size: 1.3rem;
  margin-top: 10px;
  line-height: 1.6;
}
.book-box .detaile span {font-weight: bold;}
.book-function_txt {
  background: #e7f1fa;
  border: #8a95aa 1px solid;
  padding: 5px 15px 15px;
  font-size: 1.3rem;
  margin-top: 17px;
}

.book-box .detaile  a[target="_blank"]:after {
    content: "\f35d";
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    font-size: 12px;
    color:#999;
    text-decoration: none;
    margin: 0 5px;
}

.book-function_txt .pw-box {
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.book-function_txt .pw-button {
      margin-top: 10px;}
.book-function_txt .pw-button a {
  display: block;
  background: -webkit-linear-gradient(top, #fefefe 0%,#cdd0da 100%);
  background: linear-gradient(to bottom, #fefefe 0%,#cdd0da 100%);
  border: #475d80 1px solid;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  color: #223B66;
  position: relative;
  padding: 15px 30px 12px 15px;
  font-size: 1.6rem;
  font-weight: bold;
  text-decoration: none;
  line-height: 1.2;
}
.book-function_txt .pw-button a:after {
      position: absolute;
    content: "\e901";
    font-family: iconset;
    color: #223B66;
    line-height: 1;
    top: 50%;
    right: 10px;
  font-size: 1.2rem;
    margin-top: -6px;
    }
.book-function_txt .pw-button a:hover {
  background: -webkit-linear-gradient(top, #cdd0da 0%,#fefefe 100%);
  background: linear-gradient(to bottom, #cdd0da 0%,#fefefe 100%);
}
.book-function_txt .notice {margin-top: 15px; color: #475D80;}

.pw-input_box {
  display: flex;
  -webkit-align-items: center;
          align-items: center;
      margin-top: 10px;
}
.pw-input_box span {
  display: inline-block;
  width: 6em;
  padding-top: 5px;
}
.pw-input_box input {
  width: 100%;
  max-width: 170px;
  margin-right: 15px;

}
input[type=url] {
    border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    font-family: "メイリオ",Meiryo,Droid Sans,HiraKakuProN-W3,HiraKakuPro-W3,Hiragino Kaku Gothic ProN,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif,Helvetica,Arial;
    background: #fff;
    margin: 0;
    font-size: 14px;
    font-size: 1.4rem;
      border: 1px solid #a6b2c5;
    padding: 4px 4px 2px;
    vertical-align: top;
    -webkit-border-radius: 0;
            border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
}
input[type=url]:focus {
      background: #fffede;
}
.book-function_txt .pw-box.url input {
  margin-right: 0;
  width: 4em;
  margin: 0 .2em!important;
}
.book-function_txt .pw-box.url span {
  width: auto;
}

.book-function_txt .pw-box.url .pw-input_box {
  margin-right: 15px;
}



.winSP .book-function_txt .pw-box.url span {font-size: 1.1rem;}
.winSP .book-function_txt {
  margin-top: 12px;
  padding: 1px 10px 10px;
}
.winSP .book-function_txt .pw-button {
  width: 100%;
}
.winSP .book-function_txt .pw-button a {
text-align: center;
}
.winSP .book-function_txt .notice {margin-top: 10px; font-size: 1.2rem;}
.isDeviceTB .pw-input_box {
  display: block;
}
.isDeviceTB .book-function_txt .pw-box.url .pw-input_box {display: flex;}
.isDeviceTB .pw-input_box span {
display: block;
width: 100%;
padding-top: 0;
}
.isDeviceTB .book-function_txt {padding: 10px;}

.isDeviceTB .book-function_txt .pw-button a {
     padding: 15px 20px 12px 10px;
     font-size: 1.4rem;
}
.isDeviceTB .book-function_txt .pw-button a:after {
  right: 5px;
}
.isDeviceTB .pw-input_box input {
    max-width: 160px;
    margin-right: 10px;
}
.winSP .pw-input_box {width: 100%;}
.winSP .pw-input_box input {
  max-width: none;
  margin-right: 0;
  width: calc(100% - 6em);
}

.book-details .information {
  font-size: 1.3rem;
  line-height: 1.4;
  margin-top: 15px;
}

.book-function_txt .nav-link_list {
  width: calc(100% + 1.5em);
  margin-left: -1.5em;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.book-function_txt .nav-link_list li {
  margin-top: 10px;
  margin-left: 1.5em;
  font-size: 1.4rem;
}
.book-function_txt .nav-link_list.dots li a {
  display: block;
  position: relative;
  padding-left: 1em;
}
.book-function_txt .nav-link_list.dots li a:before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
}
.winSP .book-function_txt .nav-link_list.dots {
  display: block;
  width: 100%;
  margin-left: 0;
}
.winSP .book-function_txt .nav-link_list.dots li {
  margin-left: 0;
}

ul.dls_info li{
  color:#0000ff;
  font-weight:bold;
  padding-left: 1em;
  text-indent: -1em;
}

a:hover {
    text-decoration: none !important;
}