@charset "utf-8";
body{
  font-family: 'メイリオ', Meiryo,'ヒラギノ角ゴシック','Hiragino Sans','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
}
a {
  text-decoration: none;
}
.container {
  margin: 0 auto;
  max-width: 1824px;
  padding: 0 0.5em;
}
footer{
  height: 160px;
}
/* ===================================================================
 ページトップ
=================================================================== */
#pagetop {
  display: block;
  width: 42px;
  height:42px;
  position: fixed;
  right: 40px;
  bottom: 20px;
  z-index: 5500;
  background: rgba(0,0,0,.5);
}

#pagetop span {
  top: 14px;
  left: 11px;
  position: fixed;
  content:"";
  display: block;
  width:18px;
  height:18px;
  border-top:2px solid #fff;
  border-right:2px solid #fff;
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
  position: absolute;
}
@media(max-width:1023px) {
  #pagetop{
    right: 20px;
  }
}
@media(max-width:479px) {
  #pagetop{
    right: 5px;
    bottom: 10px;
  }
}



#home_link {
  padding: 16px 0;
}
#home_link a {
  color: #333333;
}

#main_title {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-bottom: 1em;
}
#main_title div:first-child {}
#main_title div:first-child img {
  width: 150px;
  max-width: 100%;
}
h1 img {
  width: 550px;
  max-width: 100%;
}
#main_title div:last-child a,#all_btn a{
  position: relative;
  color: #D98EAF;
  font-weight: bold;
  padding-left: 24px;
}
#main_title div:last-child a::before ,#all_btn a::before{
  position: absolute;
  content: "";
  background: url(../img/back.png);
  top: 0;
  left: 0;
  width: 19px;
  height: 20px;
}
@media(max-width:900px){ 
  #main_title{
    flex-direction: column;
  }
  #main_title div:first-child{
    align-self: flex-start;
    margin-bottom: 0.5em;
  }
  #main_title div:last-child{
    align-self: flex-end;
    margin-top: 1em;
  }
}

main {
  line-height: 2em;
}
#all_btn{
  display: flex;
  justify-content: flex-end;
}
#all_btn a{
  font-size: 12px;
}
#all_btn a::before{
  width: 11px;
  height: 12px;
  background-size: contain;
  top:9px;
  left: 6px;
}
#main_head {
  margin: 0 auto;
  padding: 1em 0;
}
.heading {
  position: relative;
  padding-left: 12px;
}
.heading::before {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 6px;
  height: 24px;
  content: '';
  border-radius: 3px;
  background: #D98EAF;
}
#checkbox_area{
  margin-left: 0.5em;
}
#checkbox_area label{
  margin: 0 0.5em;
}
#checkbox_area input{
  margin-right: 4px;
}
#checkbox_area input[type="checkbox"]{
  accent-color:#D98EAF;
}

#sort_reset{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin:0 0.5em;
}
#sort_reset div:first-child{
}
#reset{
  border: 1px solid #D98EAF;
  border-radius: 2px;
  background: #D98EAF;
  color: #ffffff;
  padding:0.25em 0;
  width: 120px;
}

.count_pager{
  display: flex;
  justify-content: space-between;
  margin-top: 0.5em;
}
#main_head .count_pager{
  margin-top: 2em;
}
.pagination{
  display: flex;
}
.pagination a{
  padding:0 0.75em;
  display: inline-block;
  color: #D98EAF;
  border: 1px solid #D98EAF;
  margin:0 0.25em;
  border-radius: 4px;
}
.pagination .active a{
  background: #D98EAF;
  color: #ffffff;
  pointer-events: none;
}
.pagination .disabled a{
  border-color: transparent;
  pointer-events: none;
}
.disabled.pre a,.next.disabled a{
  color: transparent;
}
.pagination :not(.active) a:hover,.pagination :not(.disabled) a:hover{
  color: #ffffff;
  background: #D98EAF;
}
.pager_area .pre span::before{
  content: "\0ab";
}
.pager_area .next span::before{
  content: "\0bb";
}

#main_body{
  font-size: 12px;
  line-height: 1.5em;
}
#main_body table{
  width: 100%;
}
#main_body th,#main_body td{
  padding: 10px;
}
#main_body thead{
  background: #D98EAF;
  color: #ffffff;
}
#main_body th{
  font-weight: bold;
}
#main_body th:first-child,
#main_body th:nth-child(2),
#main_body th:nth-child(3),
#main_body th:nth-child(10),
#main_body th:nth-child(11){
  text-align: center;
}
#main_body tbody tr{
  border-bottom: 2px dotted #D0D3E2;;
}
#main_body td:first-child{/*No*/
  width: 2%;}
#main_body td:nth-child(2){/*書影*/
  width: 7%;}
#main_body td:nth-child(3){/*資料ＩＤ*/
  width: 8%;}
#main_body td:nth-child(4){/*抄録*/
  width: 28%;}
#main_body td:nth-child(5){/*請求記号*/
  width: 7%;}
#main_body td:nth-child(6){/*タイトル*/
  font-weight:bold;
  width: 13%;}
  #main_body td:nth-child(7) {/*著者表示*/
  width: 10%;}
#main_body td:nth-child(8){/*分類*/
  width: 8%;}
  #main_body td:nth-child(9) {/*出版社*/
  width: 7%;}
#main_body td:nth-child(10){/*出版年*/
  width: 5%;}
#main_body td:nth-child(11){/*予約*/
  width: 5%;
}
#main_body td:nth-child(11) a{
}

@media(max-width:968px) { 
  #main_body thead{
    display: none;
  }
  #main_body tr{
    display: flex;
    flex-direction: column;
  }
  #main_body td:first-child,
  #main_body td:nth-child(2),
  #main_body td:nth-child(3),
  #main_body td:nth-child(4),
  #main_body td:nth-child(5),
  #main_body td:nth-child(6),
  #main_body td:nth-child(7),
  #main_body td:nth-child(8),
  #main_body td:nth-child(9),
  #main_body td:nth-child(10),
  #main_body td:nth-child(11){
    width: 100%;
    text-align: left;
  }
  #main_body td:first-child::before{/*No*/
    content: "No．";
  }
  #main_body td:nth-child(3)::before{/*資料ＩＤ*/
    content: "資料ID：";
    font-weight: bold;
  }
  #main_body td:nth-child(5)::before{/*請求記号*/
    content: "請求記号：";
    font-weight: bold;
  }
  #main_body td:nth-child(6){/*タイトル*/
    font-weight: normal;
  }
  #main_body td:nth-child(6)::before{
    content: "タイトル：";
    font-weight: bold;
/*    display: block;*/
    padding-bottom: 4px;
  }
  #main_body td:nth-child(7)::before{/*著者表示*/
    content: "著者表示：";
    font-weight: bold;
/*    display: block;*/
    padding-bottom: 4px;
  }
  #main_body td:nth-child(8)::before{/*分類*/
    content: "ソメイヨシノライブラリー上の分類：";
    font-weight: bold;
/*    display: block;*/
    padding-bottom: 4px;
  }
  #main_body td:nth-child(9)::before{/*出版社*/
    content: "出版者：";
    font-weight: bold;
/*    display: block;*/
    padding-bottom: 4px;
  }
  #main_body td:nth-child(10)::before{/*出版年*/
    content: "出版年：";
    font-weight: bold;
/*    display: block;*/
    padding-bottom: 4px;
  }
  #main_body td:nth-child(11) {
    height:80px;
  }
  #main_body td:nth-child(11) a{
  }
}
@media(max-width:800px){ 
  .count_pager{
    flex-direction: column;
  }
  .count_area{
    margin-bottom: 0.5em;
  }
  .pager_area{
    align-self: flex-end;
  }
}
@media(max-width:516px){
  .page-item{
    display: none;
  }
  .pagination a{
    width: calc(100vw / 2 - 1em);
    background: #D98EAF;
    color: #ffffff;
    text-align: center;
  }
  .pager_area .pre span::before{
    content: "前へ";
  }
  .pager_area .next span::before{
    content: "次へ";
  }
  .pagination .disabled a{
    background: transparent;
    color: transparent;
  }
}

.back-link{}

.back-link p{margin:7px 0;}