/* サブページで、テンプレートで対応しきれないスタイルをこちらに記入します。ASのみ書き込み可能 */

/*----book/index.html----------------------- */


.link-wrap {
  display: block;
  padding-left:0em;
  width:100%;
  padding:1.5em 0;
}

@media (max-width:768px) {
.list-design3.column1 > .contents-wrap .item > h4{
  padding: 0.5rem;
}
.list-design3.column1 > .contents-wrap .item p{
  display: block;
  padding: 0.5rem;
  padding-bottom:1.5em;
}
}

.list-design3 .item .link-wrap a {
  display: inline-block;
  padding-left:1.5em;
}

.list-design3 .item .book-link-title, .book-errata-title {
  display: block;
  font-weight:normal;
  padding-top:.5em;
  padding-left:1.5em;
}

.list-design3 .item .book-link-title {
  padding-left:1.0em;
}

.list-design3 .item .book-link-title::before, .book-errata-title::before {
   content: "\A";
    white-space: pre;
}

.list-design3 .item .book-link-list {
  display: flex;
  flex-direction:row;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding-left:1.5rem;
  width:100%;
}

.book-link-list a {
  padding-right:.5em;
  padding-left:.5em;
  text-decoration: underline;
  text-align: center;
}

.book-link-list a:not(:first-child)::before {
  display: inline-block;
  content: "｜";
  text-decoration: none !important;
  padding-right:.5em;
}

.list-design3 .item .book-errata-list a{
  display:block;
  margin:0;
  padding:0;
  padding-left:2em;
}

@media (max-width:1024px) {
    [class^="list-design"] .contents-wrap{
  /*padding: 0 5%;*/
  padding: 0;
}

.link-wrap {
  padding-top:2em;
  padding-left:0;
  line-height:1.0;
}

/*@media (max-width:768px) {*/
  .list-design3 .item .book-link-title, .list-design3 .item .book-errata-title {
  padding-left:0;
  line-height:1.0;
}

.list-design3 .item .book-link-list, .list-design3 .item .book-errata-list {
  padding-left:0;
  margin-top:1em;
  line-height:1.0;
  width:100%;
}

.book-link-list a {
  padding-left:1em !important;
  line-height:1.0;
}
.book-errata-list a {
  padding-left:1em !important;
  line-height:1.8;
}

.book-link-list a:not(:first-child)::before {
  padding-right:0;
}

}

@media (max-width:775px) {
  [class^="list-design"] .contents-wrap{
  /*padding: 0 5%;*/
  padding: 0 .5%;
}

  .list-design3 .item {
    display: block;
  }

  .list-design3 .item div {
    width:100%;
  }
.list-design3 .item div img{
  width:100%;
  height:auto;
  aspect-ratio: auto;
  object-fit: cover;
  min-width:100%;
  max-height: 230px;
}

.list-design3 .item .link-wrap {
  display: inline-block;
  padding-left:0;
 /* padding-top:1em;*/
}

.list-design3 .item .link-wrap a {
  display: inline;
  margin:0;
}

.book-link-list a {
  padding:1em 0em;
  text-decoration: none;
}
}

/*=======book/index.htmlに正誤表リンクを直接入れる========*/






/*-----------正誤表一覧(errata)未使用------------------
ul.errata-wrap {
  width:100%;
  display: block;
  margin-bottom:1em;
}

ul.errata-wrap > li {
  width:100%;
  display:flex;
  flex-wrap:wrap;
  line-height:2.0;
  padding: .5% 1.5%;
}

ul.errata-wrap > li h5 {
  width:100%;
  font-size:1.1em;
  font-weight:bold;
  padding-top:1rem;
}

ul.errata-wrap > li > a {
  width:8em;
  height:3.0em;
  background: var(--headerBackgroundColor);
  color:#fff;
  text-align: center;
 line-height:3.0;
  display: inline-block;
  margin-left:2em;
  text-decoration: none;
}

ul.errata-wrap > li a:hover {
  opacity: .5;
}

ul.errata-wrap > li > ul {
  display: block;
}

ul.errata-wrap > li > ul > li, ul.errata-wrap > li > p {
  font-size:1.0em;
  font-weight:normal;
  color:#262626;
  line-height:1.8;
  padding-left:1em;
  display: block;
}

ul.errata-wrap > li > ul > li:nth-child(2), ul.errata-wrap > li > ul > li:nth-child(3){
    font-size:0.9em;
    padding-left:3em;
}*/