body{background-color:#151d28}
/*本文*/
.content{color:white}
/*リンク*/
.content a:link {color:#0f73ff;text-decoration:none}
.content a:visited{color:#0f73ff;text-decoration:none}
.content a:hover {color:#0f73ff;text-decoration:underline}
.content a:active {color:#0f73ff;text-decoration:underline}
/*PC・スマホ共通*/
.content {margin: 0 1%}


@media (min-width:751px){
.yokonarabe{display:flex;gap:1em}
.right{width:20%;height:500px;overflow:auto}
.center{width:60%;height:500px;overflow:auto}
.left{width:20%;height:500px;overflow:auto}
}


.collection-title{color:white;border:solid 4px #0f73ff;box-shadow:5px 5px black;text-align:center;}


.collection-tabbox{border-radius:10px 10px 10px 10px;margin-bottom:2.5em;box-shadow:5px 5px black;width: 100%;gap:1em;background-color:#0f73ff}

.collection-tabbox-title{font-weight:bold;font-size:1.3em;width:100%;
  color:black;
  border-radius:10px 10px 0 0;
  text-shadow: 1px 1px white;
  display:flex;justify-content:space-between;
  padding:0.4em 0.6em 0.4em 0.6em}
/* コンテンツ */
.collection-tabbox-content{
  /*格子*/
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), gray calc(100% - 1px)),
                    linear-gradient(90deg, transparent calc(100% - 1px), gray calc(100% - 1px));
  background-size: 25px 25px;
  background-repeat: repeat;
  background-position: center center;/*格子ここまで*/  
  background-color:#b4b9bc;
  border: solid 5px #0f73ff;
  border-radius:0 0 10px 10px;
  padding:1em 0.5em 0.5em 0.5em;
  width:100%;max-height:400px;overflow:auto;-webkit-overflow-scrolling: touch;/*iOSで慣性スクロールを有効にする*/
  gap:0.5em;
  display:flex;
  justify-content:space-evenly;
  align-items: flex-start/*高さを揃えない*/;
  align-items: flex-end/*下寄せ*/;
  flex-wrap: wrap;margin-bottom:1em
}
/*スクロールバー
.collection-tabbox-content::-webkit-scrollbar {background: #000;}
.collection-tabbox-content::-webkit-scrollbar-thumb {background-color: white;border: 3px solid gray;}
.collection-tabbox-content::-webkit-scrollbar-thumb:hover {background-color: gray;}
.collection-tabbox-content::-webkit-scrollbar-track {background: #cea66b;}
*/

.collection-tabbox-content img{filter:drop-shadow(3px 3px 1px black)}
/*pc*/
@media (min-width:751px){
  .img-figure img{width:85%;height:auto;margin-bottom:0.5em;}
  .img-book img{width:auto;height:135px;margin-bottom:0.5em}
}
/*スマホ*/
@media only screen and (max-width:767px){
.img-figure img{width:47%;height:auto;margin-bottom:0.5em;}
.img-book img{width:auto;height:125px;margin-bottom:0.5em}
}