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

@import "../css/common.css";
@import "../css/response.css";
@import "../css/design.css";
@import "../css/itemlist.css";
@import "../css/icon.css";
@import "../css/font-awesome.min.css";

/*-- 共通 --*/
#searchst {width:auto; margin:0 auto 12px; font-size:80%; text-align:left; color:#333;}
#searcherror { font-size:90%; color:#333; margin:36px auto;}
.linkbar {margin-bottom:12px; font-size:80%; text-align:right;}
.linkbar span {display:inline-block; margin-left:6px;}
.linkbar span.toplink:before {font-family:'FontAwesome'; content:"\f0aa"; margin-right:4px;}
.linkbar span.monthlink:before {font-family:'FontAwesome'; content:"\f133"; margin-right:4px;}
.linkbar a {color:#333; text-decoration:underline;}
.linkbar a:hover {color:#900; text-decoration:none;}
.pnp {font-size:80%; color:#333; margin:0 auto 12px; text-align:left;}

/*-- TAG --*/
.taglist {text-align:left; margin:0 auto;}
.taglist dt {text-align:left; border-bottom:solid 1px #666666; padding:4px; box-sizing:border-box; margin-bottom:12px;}
.taglist dt h2 {font-size:90%; color:#333;}
.taglist dd {margin-bottom:24px;}
.taglist dd li {display:inline-block; box-sizing:border-box; margin-bottom:6px;}
.taglist dd li a {display:block; padding:6px 12px; font-size:90%; color:#333; font-weight:bold; border:solid 1px #FF0000; -webkit-border-radius:6px; -moz-border-radius:6px; -o-border-radius:6px; -ms-border-radius:6px; border-radius:6px;
transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;
background:-moz-linear-gradient(top, #F5F5F5,#E6E6E6);
background:-webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#E6E6E6));
filter:progid:DXImageTransform.Microsoft .gradient(GradientType=0,startColorstr='#ffF5F5F5', endColorstr='#ffE6E6E6');
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffF5F5F5', endColorstr='#ffE6E6E6')";
background:-ms-linear-gradient(top, #F5F5F5, #E6E6E6);
background:linear-gradient(top, #F5F5F5, #E6E6E6);}
/*.taglist dd li a:hover {text-decoration:none; -webkit-transform: scale( 1.5 ); -moz-transform: scale( 1.5 ); color:#900; background:#FFE1E1;}*/
.taglist dd li a:hover {text-decoration:none; color:#900; background:#FFE6E6;}
.taglist dd li a:before {font-family:'FontAwesome'; content:"\f02b"; font-size:100%; color:#333; margin-right:4px;}

/** BookList **/
.booklist li ul {width:auto; display:block; margin-top:6px; padding:0; text-align:left;}
.booklist li ul li {width:auto; display:inline-block; text-align:center;}

/**caption_link**/
.bookimg {position:relative; color:#FFF; padding:0px;}
.bookimg img {border:none !important; margin:0 !important; padding:0 !important; min-width:140px;}
.bookimg span {display:none;}

/*-- モバイルレイアウト : 768 px以下 --*/
@media only screen and (min-width: 0px) and (max-width: 768px) {
  /**BOOK LIST**/
  .booklist {width:100%; margin:0 auto 12px; box-sizing:border-box; text-align:left;}
  .booklist li {width:100%; display:inline-block; margin-bottom:6px; vertical-align:top; text-align:center;}
  .booklist li .itembox{width:95%; display:table; margin:0 auto; padding:12px 6px 12px; border:dotted 1px #999999; box-sizing:border-box;}
  .booklist li .bookinfo {display:table-cell; width:auto; padding-left:10px; vertical-align:top; text-align:left;}
  .booklist li img:hover{filter: alpha(opacity=70); opacity:0.7; -moz-opacity:0.7;}
  .booklist li .ndate{color:#666; font-size:70%; text-align:left;}
  .bookimg {display:table-cell; width:90px; margin-bottom:6px;}
  .pnp {width:95%;}
  .taglist {width:95%;}
}

/*-- タブレットレイアウト 769 px ～ 1024 px --*/
@media only screen and (min-width: 769px) and (max-width: 1024px){
  /**アイコン**/
  .title {margin-bottom:4px;}
  .author {margin-bottom:2px;}
  .publisher {margin-bottom:2px;}
  /**BOOK LIST**/
  .booklist {width:100%; margin:0 auto 12px; box-sizing:border-box; text-align:left; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
  .booklist li {width:50%; display:inline-block; margin-bottom:6px; vertical-align:top; text-align:center; display:-webkit-flex; display:-ms-flexbox; display:flex;}
  .booklist li .itembox {width:98%; margin:0 auto; padding:12px 6px 12px; border:dotted 1px #999999; box-sizing:border-box;}
  .booklist li .np {line-height:1.2; margin-bottom:5px; text-align:left;}
  .booklist li img:hover {filter: alpha(opacity=70); opacity:0.7; -moz-opacity:0.7;}
  .booklist li .ndate {color:#666; font-size:70%; text-align:left;}
  .bookimg {display:inline-block; width:140px; overflow:hidden; margin:0; vertical-align:top; margin-bottom:6px;}
  .bookimg:after {display:block; width:100%; content:attr(title); position:absolute; left:0; bottom:0; padding:2px; background:#000; filter:Alpha(opacity=60); opacity:0.6; font-size:70%; text-decoration:none; font-style:normal; color:#FFF;}
}

/*-- デスクトップレイアウト 1024 px ～最大 1280px/16Col  --*/
@media only screen and (min-width: 1025px) {
  /**アイコン**/
  .title {margin-bottom:4px;}
  .author {margin-bottom:2px;}
  .publisher {margin-bottom:2px;}
  /**BOOK LIST**/
  .booklist {width:100%; margin:0 auto 12px; box-sizing:border-box; text-align:left; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
  .booklist li {width:33%; display:inline-block; margin-bottom:6px; vertical-align:top; text-align:center; display:-webkit-flex; display:-ms-flexbox; display:flex;}
  .booklist li .itembox {width:98%; margin:0 auto; padding:12px 6px 12px; border:dotted 1px #999999; box-sizing:border-box;}
  .booklist li .np {line-height:1.2; margin-bottom:5px; text-align:left;}
  .booklist li img:hover {filter: alpha(opacity=70); opacity:0.7; -moz-opacity:0.7;}
  .booklist li .ndate {color:#666; font-size:70%; text-align:left;}
  .bookimg {display:inline-block; width:140px; overflow:hidden; margin:0; vertical-align:top; margin-bottom:6px;}
  .bookimg:hover:after {display:block; width:100%; content:attr(title); position:absolute; left:0; bottom:0; padding:2px; background:#000; filter:Alpha(opacity=60); opacity:0.6; font-size:80%; text-decoration:none; font-style:normal; color:#FFF;}
}