@charset "UTF-8";
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/*----------------------------------------------*
 *--------------------全体----------------------*
 *----------------------------------------------*/
body {
  background-color: #e6e6e5;
}
#contents {
  max-width: 1024px;
  background-color: #ffffff;
  margin: 0 auto;
  padding: 0;
}
#main_contents {
  background-image: url(../img/d_image/pc_texture.jpg);
  margin: 0;
  padding-bottom: 62px;
}
#footer {
  max-width: 1024px;
  margin: 0 auto;
}
#header {
  max-width: 1024px;
  margin: 0 auto;
  background-image: url(../img/d_image/pc_texture.jpg);
  background-color: #ffffff;
}
.container-fluid {
  padding: 0 10px;
  margin: 0;
}
.container-fluid.header_whole {
  width: 100%;
  min-height: 130px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
/*----------------------------------------------*
 *--------------可変レイアウト----------------------*
 *----------------------------------------------*/
#contents.container-fluid {
  padding: 15px 0 0 0;
  display: block;
  table-layout: fixed;
  width: 100%;
  background-color: #ffffff;
  position: relative;
}
#contents > .row-fluid {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  table-layout: fixed;
}
#contents > .row-fluid:before {
  display: none;
}
#contents > .row-fluid .span3 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  width: 23.8281%;
  padding: 0 10px 0 10px;
  float: none;
  vertical-align: top;
  background-color: #fff;
}
#contents > .row-fluid .span9 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  float: none;
  width: 76.1719%;
  vertical-align: top;
  background-image: url(../img/d_image/pc_texture.jpg);
}
#contents > .row-fluid + .goto_top {
  position: absolute!important;
  right: 0;
}
/* contentsとfooterの間のhrは非表示 */
#contents + hr {
  display: none;
}
/*h1*/
h1 {
  line-height: normal;
  clear: both;
  font-size: 100%;
  height: auto;
  background-repeat: no-repeat;
  background-position: 17px center;
}
h1 span {
  line-height: 1.2;
  margin-left: 61px;
  display: inline-block;
  text-align: left;
  padding: 10.5px 0;
  margin-right: 10px;
  font-size: 114%;
  letter-spacing: 0.1em;
}
/* 検索結果 */
.row-fluid h1 {
  background-image: url(../img/d_image/pc_titlebar_5.png);
}
/* お知らせ */
.news_area h1 {
  background-image: url(../img/d_image/pc_titlebar_1.png);
}
/* ランキング */
.ranking_area h1 {
  background-image: url(../img/d_image/pc_titlebar_2.png);
}
/* 司書のおすすめ */
.recomend_area h1 {
  background-image: url(../img/d_image/pc_titlebar_3.png);
}
/* 新着資料 */
.newbooks_area h1 {
  background-image: url(../img/d_image/pc_titlebar_4.png);
}
/* ログイン・パスワード変更 */
#loginbox h1,
.enter_pass_area h1,
.pass_area h1 {
  background-image: url(../img/d_image/sp_gnavi_4.png);
  background-size: 30px;
}
/* 資料詳細 */
#book_detail_area h1 {
  background-image: url(../img/d_image/pc_titlebar_6.png);
}
/* ご利用ガイド */
#user_guide h1 {
  background-image: url(../img/d_image/pc_signpost.png);
  background-position: 10px center;
  margin-bottom: 29px;
}
/*h2*/
h2 {
  background-image: url(../img/d_image/pc_arrow.png);
  background-repeat: no-repeat;
  background-position: left 8px;
  background-color: transparent !important;
  padding-left: 24px;
  border: none;
  margin: 0;
}
h2 span {
  margin-left: 0px;
  background-color: transparent;
  color: #000;
  display: block;
  width: 100%;
}
/*h3*/
h3 {
  background-image: url(../img/a_image/h3_a.png);
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 24px;
  border: none;
  margin: 0;
}
h3 span {
  margin-left: 0px;
  background-color: #fff!important;
  color: #000;
  display: block;
  width: 100%;
}
/*h4*/
h4 {
  padding: 10px;
  padding-bottom: 9px;
  border-bottom: 1px solid;
  margin-bottom: 1px;
  color: #000;
  text-align: center;
  font-size: 114%;
  letter-spacing: 0.1em;
}
/*** ログインフォーム ***********************************************/
#loginbox p {
  text-align: center;
}
#loginbox #loginForm {
  width: 83%;
  margin: 30px auto;
}
#loginbox #loginForm label {
  width: 35%;
  text-align: right;
  margin-right: 14px;
}
#loginbox #loginForm label.error {
  margin-left: 37%;
  padding-left: 0;
  text-align: left;
}
#loginbox #loginForm input {
  width: 40%;
}
/* 入力ボックス */
#loginID,
#loginPass {
  background-color: #e6e6e5;
  margin: 0 0 14px 0;
}
#nowPassword,
#loginPassConfirm {
  background-color: #e6e6e5;
  margin: 0 0 14px 0;
}
/*** パスワード変更 ***********************************************/
.onecolumn_inside p {
  text-align: center;
}
.onecolumn_inside #change_pass_form {
  margin-top: 35px;
}
.onecolumn_inside #change_pass_form label {
  margin: 5px 0;
  margin-right: 14px;
}
.onecolumn_inside #change_pass_form label.error {
  margin-left: 36%;
  margin-bottom: 10px;
  margin-top: -10px;
  padding-left: 5px;
}
a.external_link img {
  width: 100%;
  height: auto;
}
/*** アイコン *******************************************************/
/* パンくずTOP */
ul.breadcrumb {
  margin: 15px 17px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
ul.breadcrumb li {
  line-height: 1.2;
}
ul.breadcrumb li.breadcrumb_top {
  background-image: url(../img/d_image/pc_footpoint.png);
  line-height: 20px;
  padding: 4px 0 0 30px;
}
ul.breadcrumb li > .divider {
  padding: 0 10px;
}
.breadcrumb.visible-desktop {
  display: block!important;
}
#contents > .breadcrumb {
  background-image: url(../img/d_image/pc_texture.jpg);
  margin: -15px 0 0;
  text-indent: 0;
  padding: 15px 10px;
}
/* 司書のおすすめ */
#main_contents .explain_area {
  margin-left: 17px;
}
/* New! */
.new_icon {
  width: auto;
  height: 16px;
  line-height: 16px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  background-color: #c30d23;
  padding: 0 8px;
  border: none;
  text-align: center;
  margin-left: 20px;
  margin-right: 0;
}
/* デバイスアイコン */
ul.visible_device {
  display: none;
}
/*** ボタン *******************************************************/
/* 借りるボタン */
button.rental_button {
  background-repeat: no-repeat;
  background-position: 87px center;
  width: 128px;
  height: 40px;
  text-align: right;
  padding-right: 48px;
  padding-left: 0;
  border-spacing: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-size: 129%;
  letter-spacing: 0;
}
.larger_moji button.rental_button {
  padding-left: 4px;
  padding-right: 3px;
  text-align: left;
}
/*予約するボタン*/
button.reserved_button {
  background-repeat: no-repeat;
  background-position: 94px center;
  width: 128px;
  height: 40px;
  text-align: center;
  padding-right: 34px;
  border-spacing: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-size: 129%;
  letter-spacing: 0;
}
/* 予約するボタン */
.middle_moji button.reserved_button {
  text-align: left;
  padding-right: 4px;
  padding-left: 5px;
}
.larger_moji button.reserved_button {
  padding-left: 1px;
  padding-right: 3px;
  text-align: left;
  background-position: 102px center;
}
/*FREE読むボタン*/
button.freeread_button,
button.tryread_button {
  background-repeat: no-repeat;
  background-position: 93px center;
  width: 128px;
  height: 40px;
  text-align: center;
  padding-right: 30px;
  border-spacing: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-size: 129%;
  letter-spacing: 0.2em;
}
/* 読むボタン */
button.read_button {
  background-repeat: no-repeat;
  background-position: 93px center;
  width: 128px;
  height: 40px;
  text-align: center;
  padding-right: 30px;
  font-size: 120%;
  border-spacing: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-size: 129%;
  letter-spacing: 0.2em;
}
/* 試し読みボタン */
button.tryread_button {
  background: #ebebeb;
  border: 1px solid #9fa0a0;
  padding: 0;
  letter-spacing: 0.1em;
  height: 30px;
  line-height: 30px;
  font-size: 100%;
  letter-spacing: 0;
}
button.tryread_button:after {
  content: url(../img/d_image/pc_button_5_9fa0a0.png);
  width: 19px;
  height: 20px;
  float: right;
  margin: 4px 10px 0 0;
  vertical-align: middle;
  display: block;
}
/* 返すボタン・延長ボタン */
#mypage_contents #rental_books_list .read_rental_buttons {
  margin-top: 0;
}
button.gray_button_s {
  background-image: none;
  width: 100px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: 93px center;
  text-align: center;
  font-size: 120%;
  border-spacing: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-size: 129%;
  letter-spacing: 0;
}
/* パスワード変更ボタン */
.enter_pass_area .btn {
  background-image: none !important;
  background-color: #48423f !important;
  height: 28px !important;
  line-height: 28px;
  color: #fff !important;
  width: auto !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  margin-top: 10px;
  font-weight: normal;
  padding: 0 10px;
  font-size: 100%;
  letter-spacing: 0.1em;
}
.enter_pass_area .button_area {
  width: 128px !important;
}
/** 新しいウィンドウで開きます */
.freeread_button,
.read_button,
.tryread_button {
  overflow: visible;
}
.freeread_button:hover span.read_tooltip,
.read_button:hover span.read_tooltip,
.tryread_button:hover span.read_tooltip,
.freeread_button:active span.read_tooltip,
.read_button:active span.read_tooltip,
.tryread_button:active span.read_tooltip,
.freeread_button:focus span.read_tooltip,
.read_button:focus span.read_tooltip,
.tryread_button:focus span.read_tooltip {
  max-width: 160px;
  white-space: inherit;
  overflow: visible;
  top: 40px;
  left: 0;
  margin: 0 0px;
  line-height: 1.2;
}
.tryread_button {
  overflow: visible;
}
.tryread_button:hover span.read_tooltip,
.tryread_button:active span.read_tooltip,
.tryread_button:focus span.read_tooltip {
  max-width: 160px;
  white-space: inherit;
  overflow: visible;
  top: 30px;
  left: 0;
  margin: 0 0px;
  line-height: 1.2;
}
.tryread_button[disabled] span.read_tooltip {
  display: none;
}
/* アクセシビリティ対応 */
.larger_moji .enter_pass_area .button_area {
  width: 175px !important;
}
.middle_moji .enter_pass_area .button_area {
  width: 151px !important;
}
/* ログインボタン */
#loginbox button {
  background-image: none !important;
  background-color: #48423f !important;
  color: #fff !important;
  width: auto;
  height: 28px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  margin-top: 10px;
  font-weight: normal;
  padding: 0 10px;
  font-size: 100%;
  letter-spacing: 0.1em;
}
/*----------------------------------------------*
 *------------------ダイアログ--------------------*
 *----------------------------------------------*/
.btn-success {
  border: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
/* ダイアログコンテンツ */
.dialog_contents p {
  padding: 0 30px;
  word-break: break-all;
}
#reternAlertModal ul {
  margin: 0 25px;
}
/* 借りている資料一覧へボタン・閉じるボタン */
.modal_button a.btn,
.modal_button button.btn {
  height: 20px;
  line-height: 20px;
  padding: 4px 16px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background-image: none;
}
/* 文字サイズ対応 */
.larger_moji .modal_button a.btn,
.middle_moji .modal_button a.btn {
  padding: 4px 0;
  margin-top: 7px;
}
/*----------------------------------------------*
 *------------------ヘッダー--------------------*
 *----------------------------------------------*/
.navbar-inner {
  padding: 0!important;
}
/*タグライン*/
#tagline {
  display: none!important;
}
/* ロゴエリア */
#logo_area,
#header_right {
  margin-left: 0;
}
#logo_area {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 293px;
  width: 100%;
  max-height: 130px;
  height: auto;
}
#logo_area a {
  position: relative;
  z-index: 2;
}
#logo_area a img {
  max-height: 130px;
}
/* アクセシビリティ・リンク */
#header_right {
  position: absolute;
  right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  width: 293px;
  z-index: 1;
}
/* ロゴ */
.row-fluid .span6 {
  width: auto;
}
/* 管理者画面へ・ご利用ガイド */
#header_right .headerlink_area {
  float: left;
  margin: 0;
  width: 100%;
  text-align: right;
}
#header_right .headerlink_area.larger_moji {
  margin-top: -4px;
}
a.brown_circle_arrow_link {
  background-image: url(../img/d_image/pc_link.png);
  background-position: right center;
  padding: 0 23px 0 0;
  margin: 0;
}
a.brown_circle_arrow_link:last-child {
  margin: 0 20px 0 27px;
}
.larger_moji a.brown_circle_arrow_link,
.middle_moji a.brown_circle_arrow_link {
  padding: 0 15px 0 0;
  margin: 0;
}
.larger_moji a.brown_circle_arrow_link:last-child,
.middle_moji a.brown_circle_arrow_link:last-child {
  margin: 0 7px 0 0;
}
/*マージン*/
#header .user_status .login_name,
#header .user_status .rental_status {
  margin: 5px 0;
}
/*----------------------------------------------*
 *------------------グローバルナビ--------------------*
 *----------------------------------------------*/
.global_navi {
  clear: both;
  overflow: hidden;
  /* 非活性コンテンツ */
}
.global_navi ul {
  margin-top: -2px;
  padding-left: 10px;
}
.global_navi ul li.globalmenu_li {
  background-position: right top;
  background-repeat: no-repeat;
  display: block;
  height: 50px;
  line-height: 1.2;
  border-right: 1px solid #fff;
  min-width: 11.5%;
  padding-right: 5px;
}
.global_navi ul li.globalmenu_li:first-child {
  border-left: 1px solid #fff;
}
.global_navi ul li a {
  display: block;
  max-width: 94px;
  font-weight: bold;
  font-size: 100%;
  letter-spacing: 0.1em;
  padding-left: 10px;
  padding-top: 10px;
  padding-right: 20px;
  height: 50px;
}
.global_navi ul.globalnavi_level2 {
  position: absolute;
  margin-top: 2px;
  margin-left: -3px;
  display: none;
}
.global_navi ul.globalnavi_level2 li {
  position: relative;
  min-width: 150px;
  text-align: left;
  z-index: 10000;
  float: none;
  background: none;
  background-color: #f2f2f3;
  margin-top: -1px;
  padding: 0;
}
.global_navi ul.globalnavi_level2 li a {
  height: auto;
  padding: 6px;
  max-width: 340px !important;
  word-break: break-all;
}
.global_navi a.disabled {
  opacity: 0.5;
}
/* グローバルナビ文字「大」の場合 */
.larger_moji.global_navi ul li a {
  font-size: 100%;
  letter-spacing: 0em;
  padding-top: 2px !important;
}
.nav-list > .active > a {
  background-color: transparent;
  text-shadow: 0;
}
/* 文字「中」の場合 */
.middle_moji.global_navi ul li {
  min-width: 100px;
}
.middle_moji.global_navi ul li a {
  max-width: 140px;
}
.middle_moji.global_navi ul li.globalmenu_li > a {
  max-width: 110px;
}
/* 文字「大」の場合 */
.larger_moji.global_navi ul li {
  min-width: 78px;
}
.larger_moji.global_navi ul a {
  max-width: 150px;
}
.larger_moji.global_navi ul .globalmenu_li > a {
  max-width: 122px;
}
.larger_moji.global_navi .globalmenu_li.has_second {
  min-width: 80px;
  padding-left: 0;
}
/* グローバルメニュー（第二階層がある場合） */
.globalmenu_li.has_second > a {
  padding-right: 10px;
  height: 20px;
}
.global_navi ul li.has_second > a {
  text-decoration: none;
}
.global_navi ul.globalnavi_level1 li.has_second {
  background-repeat: no-repeat;
  background-position: 55px 14px;
}
.global_navi.larger_moji ul.globalnavi_level1 li.has_second {
  background-position: 65px 24%;
}
.global_navi ul.globalnavi_level1 li.has_second.now_page.close_icon {
  background-image: url(../img/common/hassecond_arrow_up.png);
  background-repeat: no-repeat;
  background-position: 96% 0%;
}
/************** ログイン・ログアウトエリア **************/
/* ログアウトボタン */
#local_navigation .login_aera {
  padding: 15px;
  margin: 0 0 15px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  background-color: #e6e6e5;
  border: none;
  /* 状況一覧・メッセージ */
  /* ログインフォーム */
  /* 借りている資料、予約している資料 */
}
#local_navigation .login_aera table tr td {
  text-align: center;
}
#local_navigation .login_aera table tr td.login_name {
  height: 36px;
  vertical-align: top;
  padding: 0;
  font-size: 114%;
  letter-spacing: 0.1em;
}
#local_navigation .login_aera table.under_area tr td.status {
  padding: 10px 0 14px 0;
  height: 28px;
}
#local_navigation .login_aera .alart_info_ul {
  padding: 15px 15px 0;
}
#local_navigation .login_aera .alart_info_ul li {
  padding: 0 0 15px;
  line-height: 1.2;
}
#local_navigation .login_aera.logout_status {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  background-color: #e6e6e5;
  padding: 8px 15px 10px;
}
#local_navigation .login_aera p.login_title {
  background-color: transparent;
  font-size: 114%;
  letter-spacing: 0.1em;
}
#local_navigation .login_aera .logout_button {
  display: inline-block;
  background-image: none;
  background-color: #48423f;
  width: auto;
  height: 28px;
  line-height: 28px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-weight: normal;
  color: #fff !important;
  text-align: center;
  padding: 0 10px;
  margin: 0 auto 20px;
  font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 100%;
  letter-spacing: 0.1em;
}
#local_navigation .login_aera .login_button {
  display: inline-block;
  background-image: none;
  background-color: #48423f;
  width: auto;
  height: 28px;
  line-height: 28px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-weight: normal;
  color: #fff !important;
  padding: 0 10px;
  margin-top: 15px;
  font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 100%;
  letter-spacing: 0.1em;
}
#local_navigation .login_aera form table {
  /* 3つめのtd */
}
#local_navigation .login_aera form table tr:last-child {
  background-color: #e6e6e5;
}
#local_navigation .login_aera form table tr {
  padding-top: 15px;
}
#local_navigation .login_aera form table tr td.status {
  padding: 0;
  font-weight: normal;
}
#local_navigation .login_aera form table tr td {
  background-color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 0 15px;
}
#local_navigation .login_aera form table tr td label {
  margin-bottom: 5px;
  text-align: left;
}
#local_navigation .login_aera form table tr td label.error {
  margin-top: 8px;
}
#local_navigation .login_aera form table tr td input {
  width: 100%!important;
  height: 28px;
  margin: 0;
  border-spacing: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #e6e6e5;
}
#local_navigation .login_aera form table tr td input#loginPass {
  margin-bottom: 15px;
}
#local_navigation .login_aera form table tr td input#loginPass + label.error {
  margin-top: -7px;
}
#local_navigation .login_aera form table tr label:first-child {
  margin-top: 15px;
}
#local_navigation .login_aera form table tr #loginUserID label {
  margin-top: 15px;
}
#local_navigation .login_aera form table tr:first-child td {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
#local_navigation .login_aera form table tr:nth-child(2) td {
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -o-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
#local_navigation .login_aera form table tr:nth-child(3) td {
  background-color: transparent;
}
#local_navigation .login_aera .login_table_area {
  border: none;
  background-color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
#local_navigation .login_aera .login_table_area .under_area {
  margin-bottom: 0;
}
#local_navigation .login_aera table.under_area tr {
  border-bottom: 1px solid #e6e6e5;
}
#local_navigation .login_aera table.under_area tr:first-child {
  background-repeat: no-repeat;
  background-position: 10px 49px;
}
#local_navigation .login_aera table.under_area tr:last-child {
  background-repeat: no-repeat;
  background-position: 15px 47px;
}
#local_navigation .login_aera table.under_area th {
  margin-top: 15px;
}
#local_navigation .login_aera table.under_area th.login_rental_status,
#local_navigation .login_aera table.under_area th.login_reserved_status {
  background-color: transparent;
  border-right: none;
  border-bottom: none;
  display: block;
  float: left;
  text-align: center;
  width: 100%;
  padding: 0;
  padding-left: 0 !important;
}
#local_navigation .login_aera table.under_area td.booknum {
  display: block;
  border-bottom: none;
  width: 100%;
  float: left;
  background-image: none;
}
#local_navigation .login_aera table.under_area td.booknum a {
  background-color: #e6e6e5;
  background-image: url(../img/d_image/pc_link.png);
  background-repeat: no-repeat;
  background-position: 95% center;
  width: auto;
  text-align: center;
  margin: 0 15px 12px 50px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  line-height: 28px;
}
#local_navigation .login_aera table.under_area td.booknum a:hover {
  opacity: 0.7;
}
/* アクセシビリティ対応 */
.larger_moji #local_navigation .login_aera table.under_area tr td.status,
.middle_moji #local_navigation .login_aera table.under_area tr td.status {
  height: auto;
}
.larger_moji #local_navigation .login_aera table.under_area tr td.status a,
.middle_moji #local_navigation .login_aera table.under_area tr td.status a {
  padding-right: 20px;
}
/* メッセージ */
a.alert_message,
p.alert_message {
  background-image: url(../img/d_image/pc_comment_2.png);
  background-position: left 3px;
  padding-left: 15px;
  line-height: 18px;
}
/* メニューリスト */
li a.left_arrow {
  background-image: url(../img/d_image/pc_transition.png);
  background-position: right center;
  padding-right: 2em !important;
}
li span.left_arrow {
  background-image: url(../img/d_image/pc_transition.png);
  background-position: right center;
  padding-right: 2em !important;
}
/* サイドバーナビゲーション */
.sidebar-nav .box ul li {
  padding: 0;
  border-bottom: 1px solid;
  border-collapse: collapse;
}
.sidebar-nav .box ul li a {
  padding: 6px 0 4px 15px;
}
.sidebar-nav .box ul li span {
  padding: 6px 0 4px 15px;
  background-repeat: no-repeat;
  margin-left: 7px;
  display: block;
  letter-spacing: 1px;
  line-height: 1.4em;
  min-height: 1.5em;
  color: #555;
}
.sidebar-nav .box ul li.level1 {
  background-image: url(../img/d_image/pc_transition.png);
  background-position: right center;
  font-size: 97%;
}
.sidebar-nav .box ul li.nav_pan {
  border-bottom: 1px solid;
}
.sidebar-nav .box ul.resultlist > li {
  border-bottom: 1px solid;
}
/* ジャンルで絞り込む */
li a.left_arrow_child {
  background-image: none;
  background-image: url(../img/d_image/pc_transition.png);
  background-position: right center;
  padding-right: 2em !important;
}
.sidebar-nav .box ul.resultlist li:hover {
  background-color: #e6e6e5;
}
/* 絞込み */
.sidebar-nav .box ul.resultlist2 li {
  margin-left: 0;
  padding: 0 0 0 14px;
  /* ジャンルで絞り込んでいる場合の、ホバーアクション */
}
.sidebar-nav .box ul.resultlist2 li:hover {
  background-color: #efefef;
}
/* お役立ちコンテンツ */
.sidebar-nav .box.useful_contents {
  display: none;
}
.box.search_by_genre + .box.search_by_device {
  display: none;
}
/*貸出・予約状況表示ボタン*/
/*アラート表示*/
.user_status .alart_area {
  background-color: #e7e8ea;
}
.user_status .rentalbook_status {
  background-color: #caddeb;
  margin-right: 15px;
  padding: 3px 10px;
}
.user_status .reservedbook_status {
  background-color: #ffe7d1;
  padding: 3px 10px;
}
.rental_status_num {
  background-color: #fff;
  opacity: 0.7;
  color: #000;
  padding: 2px 5px;
  margin: 0 3px;
}
/*----------------------------------------------*
 *-------------------メイン---------------------*
 *----------------------------------------------*/
/*-------左カラム----------*/
/*現在のジャンル*/
.sidebar-nav .box ul li .genrenow {
  font-weight: bold;
  padding: 5px 15px;
  margin: 0;
  background-position: left;
  background-repeat: no-repeat;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  background-image: none;
}
.sidebar-nav .box ul li .genrenow.left_arrow {
  border-top: 1px solid #fff;
}
.sidebar-nav .box ul li span.left_arrow {
  background-image: none;
  border-top: 0;
}
/*-------センター----------*/
hr {
  border-top: none;
}
.h_contents hr {
  border: none;
  border-top: 1px dotted #ccc;
  margin: 15px 17px 0;
}
.h_contents .pagination {
  text-align: left;
  margin-left: 17px;
}
.h_contents .pagination .view_first {
  background-image: url(../img/d_image/pc_tothetop.png);
  padding: 4px 30px 4px 19px;
}
.h_contents .pagination .prev {
  background-image: url(../img/d_image/pc_forward.png);
  padding: 4px 20px 4px 13px;
}
.h_contents .pagination .next {
  background-image: url(../img/d_image/pc_next.png);
  padding: 4px 13px 4px 20px;
}
.h_contents .pagination .view_last {
  background-image: url(../img/d_image/pc_tolast.png);
  padding: 4px 19px 4px 30px;
}
.h_contents p.message {
  margin-left: 17px;
  clear: both;
}
/* ランキング */
li.book_info .rankingicon {
  width: 100%;
  margin: 0 auto 9px;
  padding: 0;
  background-color: transparent;
  font-size: 114%;
  letter-spacing: 0;
  height: 30px;
  line-height: 30px;
}
li.book_info .ranking1_icon {
  background-image: url(../img/d_image/pc_ranking_1.png);
  padding-left: 35px;
  background-color: transparent;
}
li.book_info .ranking2_icon {
  background-image: url(../img/d_image/pc_ranking_2.png);
  padding-left: 35px;
  background-color: transparent;
}
li.book_info .ranking3_icon {
  background-image: url(../img/d_image/pc_ranking_3.png);
  padding-left: 35px;
  background-color: transparent;
}
.thumbnail_list li.book_info .ranking1_icon,
.thumbnail_list li.book_info .ranking2_icon,
.thumbnail_list li.book_info .ranking3_icon {
  padding: 0 15px 0 35px;
  text-align: center;
  background-position: 20px center;
}
/* ランキングアイコン アクセシビリティ対応 */
.larger_moji .detail_list li.book_info .ranking1_icon,
.larger_moji .detail_list li.book_info .ranking2_icon,
.larger_moji .detail_list li.book_info .ranking3_icon {
  background-position: 0 center;
  padding-left: 24px;
}
.larger_moji .detail_list_2column li.book_info .ranking1_icon,
.larger_moji .detail_list_2column li.book_info .ranking2_icon,
.larger_moji .detail_list_2column li.book_info .ranking3_icon {
  background-position: 0 center;
  padding-left: 24px;
}
.larger_moji .thumbnail_list li.book_info .ranking1_icon,
.larger_moji .thumbnail_list li.book_info .ranking2_icon,
.larger_moji .thumbnail_list li.book_info .ranking3_icon {
  padding: 0 15px 0 44px;
}
/*頁の上部へ*/
.goto_top {
  background-image: url(../img/d_image/pc_scroll.png);
  width: 22px;
  height: 42px;
  margin: 20px 17px;
  margin-top: -62px;
  position: relative;
  z-index: 2;
}
.goto_top span {
  display: none;
}
/*----------------------------------------------*
 *--------------- フッター -------------------*
 *----------------------------------------------*/
#footer li.visible-desktop {
  line-height: 50px;
}
#footer li:first-child {
  border-left: 1px solid #666666;
}
#footer li:last-child {
  border-right: 1px solid #666666;
  padding-right: 8px;
}
#footer ul {
  margin: 0;
}
#footer .footer_freearea {
  padding-top: 30px;
  text-align: left;
  margin: 0 27% auto;
}
/*----------------------------------------------*
 ご利用ガイド、パスワード変更、ログイン画面、サイトマップなどの１カラムレイアウト
 *----------------------------------------------*/
.onecolumn_space {
  background-image: url(../img/d_image/pc_texture.jpg);
  padding-bottom: 62px;
}
#contents > .container-fluid {
  padding: 0 0;
  display: block;
}
#loginbox {
  background-image: url(../img/d_image/pc_texture.jpg);
  padding: 0 0  64px;
  margin: 0;
}
/*----------------------------------------------*
 *-----------------サイトマップ-----------------*
 *----------------------------------------------*/
#sitemap_contents .three_row_contents {
  width: 21.6%;
  margin-right: 4.8%;
}
#sitemap_contents .three_row_contents h2 {
  margin-bottom: 15px;
  border-bottom: 1px solid #aaabab;
}
#sitemap_contents .three_row_contents h2 span {
  font-size: 88%;
  letter-spacing: 0.1px;
}
#sitemap_contents .three_row_contents a {
  padding-left: 24px;
  padding-bottom: 13px;
  min-height: 0;
  line-height: 1.2;
}
#sitemap_contents .three_row_contents .sitemap_arrow {
  line-height: 32px;
  background-image: none;
  margin-left: 0;
  padding-left: 22px;
  line-height: 1.3;
  padding-bottom: 12px;
  min-height: 0;
}
#sitemap_contents .three_row_contents .sitemap_arrow:before {
  content: url(../img/d_image/pc_link.png);
  padding-right: 10px;
  margin-left: -22px;
}
/*----------------------------------------------*
 *--------------タブレット----------------------*
 *----------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 979px) {
  /*h1*/
  .larger_moji h1 {
    line-height: 43px;
  }
  .global_navi ul li.globalmenu_li {
    min-width: 0;
    padding-right: 8px;
    padding-left: 8px;
  }
  .global_navi ul li.globalmenu_li.has_second {
    padding-right: 28px;
  }
}
ul.visible-desktop .show_list .btn {
  margin-right: 7px;
}
ul.visible-desktop .btn {
  background: none;
  border-color: transparent;
  box-shadow: none;
  color: #0244BC;
  padding: 0px 10px;
}
ul.visible-desktop .btn .icon-th {
  display: inline-block;
  width: 19px;
  height: 19px;
  padding-right: 5px;
  background-image: url("../img/d_image/pc_display_1_on.png");
  background-position: 0;
}
ul.visible-desktop .btn .icon-th-list {
  display: inline-block;
  width: 19px;
  height: 19px;
  padding-right: 5px;
  background-image: url("../img/d_image/pc_display_2_on.png");
  background-position: 0;
}
ul.visible-desktop .btn.active {
  color: #000000;
  cursor: default;
}
ul.visible-desktop .btn.active .icon-th {
  display: inline-block;
  width: 19px;
  height: 19px;
  padding-right: 5px;
  background-image: url("../img/d_image/pc_display_1_off.png");
  background-position: 0;
}
ul.visible-desktop .btn.active .icon-th-list {
  display: inline-block;
  width: 19px;
  height: 19px;
  padding-right: 5px;
  background-image: url("../img/d_image/pc_display_2_off.png");
  background-position: 0;
}
ul.visible-desktop .btn:focus,
ul.visible-desktop .btn:hover {
  opacity: 0.7;
}
ul.visible-desktop .btn.active:focus,
ul.visible-desktop .btn.active:hover {
  opacity: 1;
}
ul.visible-desktop .show_list {
  border-left: 1px solid #666666;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.booktitle {
  font-size: 115%;
  letter-spacing: 0;
}
/* スペシャルコンテンツ */
.special_contents_area {
  margin-top: -84px;
  position: relative;
  z-index: 1;
}
/* トップお知らせ */
ul.news {
  margin-left: 0;
}
ul.news li {
  border-bottom: 1px dotted #aaabab;
  margin: 0 17px;
  padding: 0;
  height: 40px;
  line-height: 40px;
}
ul.news li p {
  margin-right: 12px;
}
ul.news li a {
  height: 40px;
  line-height: 40px;
  background-color: transparent !important;
}
/* もっと読む */
.read_more {
  margin: 0 17px 0 0;
  padding-right: 16px;
  background-image: url(../img/d_image/pc_link.png);
  background-position: right center;
}
.read_more span {
  background-color: transparent;
  margin-left: 17px;
}
/* Topコンテンツhr */
.top_maincontents .row-fluid {
  margin-bottom: 30px;
}
.top_maincontents .row-fluid:last-child {
  margin-bottom: 20px;
}
.top_maincontents hr.top_contents_hr {
  width: auto;
  margin: 0 17px 12px;
  border-style: solid;
  border-width: 1px;
}
.top_maincontents h1 + hr.top_contents_hr {
  visibility: hidden;
  margin-bottom: 0;
}
/*----------------------------------------------*
 *--------------スマートフォン------------------*
 *----------------------------------------------*/
@media only screen and (max-width: 767px) {
  .top_maincontents .row-fluid {
    margin-bottom: 24px;
  }
  .top_maincontents hr.top_contents_hr {
    width: auto;
    margin: 0 12px 0;
    border-style: solid;
    border-width: 1px;
  }
  .top_maincontents .news_area hr.top_contents_hr {
    margin-top: 0;
  }
  .top_maincontents .news_area .news a {
    clear: both;
  }
  .top_maincontents .special_contents_area {
    margin: 0;
  }
  #main_contents .top_maincontents {
    padding-bottom: 0;
  }
  #main_contents .top_maincontents h1 {
    margin-bottom: 0;
  }
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/**************検索ボックス**************/
/*他の検索ボックスは非表示*/
#search_box_side,
#search_box_top {
  display: none;
}
#search_box {
  background-image: url(../img/d_image/pc_search.png);
  background-position: 17px center !important;
  border: none;
  background-color: rgba(4, 0, 0, 0.5);
  border-radius: 0;
  height: 69px;
  z-index: 2;
  position: relative;
  margin: 0 0 15px;
  padding-left: 64px !important;
}
#search_box label.visible-desktop {
  display: none !important;
}
#search_box .search_box_form .search-btns {
  line-height: 69px;
}
#search_box .search_box_form .search-input {
  width: 80%;
  margin-top: 10px;
  margin-left: 0;
}
#search_box .search_box_form .search-input input {
  height: 28px;
  border: none;
  /* タブレット用にwidthを設定 */
  width: 74%;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  #search_box .search_box_form .search-input input {
    width: 60%;
  }
}
#search_box .search_box_form .search_button {
  margin-left: 10px;
  background-image: none;
  width: 110px;
  height: 36px;
  border: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-size: 114%;
  letter-spacing: 0.1em;
}
#search_box .search_box_form .search_button:hover {
  background-image: none;
}
#search_box .search_box_form .searchmenu a {
  text-overflow: clip;
  -webkit-text-overflow: clip;
  -o-text-overflow: clip;
  max-width: 220px;
  overflow: hidden;
  white-space: nowrap;
}
#search_box .detail_search_link {
  background-image: url(../img/d_image/pc_searchplus.png);
  color: #fff;
  background-position: left center;
  padding-left: 24px;
}
/**************詳細検索ダイアログ**************/
#detail_search {
  padding: 0 25px!important;
}
#detail_search .modal_button {
  margin: 0 0 25px;
}
#detail_search .modal_button button {
  margin: 0 10px!important;
}
.ui-widget-overlay {
  background: none repeat scroll 50% 50% #231815;
  opacity: 0.85;
}
.ui-dialog {
  /* 角丸なし */
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  border: 0;
  padding: 0;
  /* 閉じる× */
  /* タイトルバー */
  /* 検索項目ラベル */
  /* 検索ボタン・キャンセルボタン */
}
.ui-dialog .ui-dialog-titlebar-close {
  background-image: url(../img/d_image/pc_close.png);
  height: 23px;
  width: 23px;
  padding: 20px;
  background-position: center center;
  margin-top: -34px;
  right: -8px;
}
.ui-dialog .ui-dialog-title {
  color: #555;
  margin: 0;
}
.ui-dialog .ui-dialog-titlebar {
  margin: 25px 25px 0 25px;
  padding: 0 0 20px;
  border-bottom: 1px solid #ffffff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  font-size: 157%;
  letter-spacing: 0.1em;
  line-height: 1.1;
}
.ui-dialog .ui-dialog-content form.detailsearch-form label {
  padding-left: 0.5em;
}
.ui-dialog .detailsearch-form {
  padding-top: 20px;
}
.ui-dialog .detailsearch-form .control-group {
  /* コンテンツタイプとは？ */
  /* お役立ち文庫　非表示 */
}
.ui-dialog .detailsearch-form .control-group .control-label {
  text-align: left;
  margin: 0;
  padding: 0 20px 0 0;
}
.ui-dialog .detailsearch-form .control-group a {
  font-size: 86%;
  letter-spacing: 0;
}
.ui-dialog .detailsearch-form .control-group a:before {
  content: '※';
}
.ui-dialog .detailsearch-form .control-group.useful-books {
  display: none;
}
.ui-dialog .detailsearch-form .content-type-group ul {
  width: 450px;
}
.ui-dialog .detailsearch-form .controls.col23 {
  margin-left: 0;
}
.ui-dialog .detailsearch-form .controls.col23 select.search-target {
  width: 130px;
}
.ui-dialog .detailsearch-form ul li input[type='checkbox'] {
  height: auto;
}
.ui-dialog .modal_button button {
  width: 90px;
  height: 28px;
  padding: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background-image: none;
}
/* アクセシビリティ対応 */
.larger_moji #search_box .search_box_form .search-input,
.middle_moji #search_box .search_box_form .search-input {
  width: 76%;
}
.larger_moji #search_box .detail_search_link,
.middle_moji #search_box .detail_search_link {
  padding-left: 22px;
}
.middle_moji #search_box .searchmenu-category {
  margin-left: 7px !important;
}
.ui-dialog.larger_moji .ui-dialog-title,
.ui-dialog.middle_moji .ui-dialog-title {
  height: 36px;
  line-height: 36px;
}
.ui-dialog.larger_moji .publish-period .controls,
.ui-dialog.middle_moji .publish-period .controls {
  width: auto;
}
.ui-dialog.larger_moji .modal_button .btn,
.ui-dialog.middle_moji .modal_button .btn {
  width: 230px;
}
.ui-dialog.larger_moji .modal_button .btn.close,
.ui-dialog.middle_moji .modal_button .btn.close {
  width: 240px;
}
.ui-dialog.larger_moji #complete_reserve .modal_button .btn-success,
.ui-dialog.middle_moji #complete_reserve .modal_button .btn-success {
  width: 230px !important;
}
.ui-dialog.larger_moji #complete_rental .modal_button .go_rental_list,
.ui-dialog.middle_moji #complete_rental .modal_button .go_rental_list {
  width: 230px !important;
}
/**************巻号一覧検索**************/
#basic-info-box {
  margin: 0 17px;
  float: left;
  width: auto;
}
#basic-info-box .basic-info-header {
  float: left;
  padding-right: 1em;
  padding-left: 0;
  margin: 0 0 5px;
  line-height: 1.3;
}
#basic-info-box .basic-info {
  float: left;
  padding: 0 0 0 14px;
}
#basic-info-box .basic-info dt {
  font-weight: normal;
  line-height: 1.3;
}
#basic-info-box .basic-info dd {
  line-height: 1.3;
}
#search-box-published-date {
  clear: both;
  padding-top: 0px;
  height: auto;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 14px;
  padding: 0 17px 0;
  float: left;
}
#search-box-published-date:after {
  content: "";
  border-bottom: 1px dotted #ccc;
  display: block;
  float: left;
  width: 100%;
  height: 5px;
}
#search-box-published-date .search-header {
  float: left;
  height: 30px;
  line-height: 30px;
  padding-left: 0;
  margin: 0;
}
#search-box-published-date .search-detail {
  float: left;
  padding: 0 0 0 14px !important;
  border: none;
  background-color: transparent;
}
#search-box-published-date .search-detail .published-date {
  width: auto;
}
#search-box-published-date .search-detail .published-date .published-year {
  width: 58px;
  height: 28px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  border-color: #aaabab;
}
#search-box-published-date .search-detail .published-date .published-month {
  width: 40px;
  height: 28px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  border-color: #aaabab;
}
#search-box-published-date .search-detail .published-date .published-day {
  width: 40px;
  height: 28px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  border-color: #aaabab;
}
#search-box-published-date .search-detail .published-date .published-date-from {
  margin-bottom: 10px;
}
#search-box-published-date .search-detail .published-date .published-date-from span {
  margin: 0 0 0 4px;
  font-size: 100%;
}
#search-box-published-date .search-detail .published-date .published-date-from span.break {
  margin: 0px 9px 0px 4px;
}
#search-box-published-date .search-detail .published-date .published-date-to {
  margin-bottom: 10px;
  float: left;
}
#search-box-published-date .search-detail .published-date .published-date-to span {
  margin: 0 0 0 4px;
  font-size: 100%;
}
#search-box-published-date .search-detail .published-date .published-date-to .search_button {
  margin: 0 auto 0 15px;
  min-width: 58px;
  width: auto;
  background-image: none;
  border: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-size: 114%;
  letter-spacing: 0.1em;
  padding: 4px 4px;
  font-weight: normal;
}
#search-box-published-date .search-detail .published-date input {
  margin: 0;
  margin-bottom: 0px;
  padding: 0;
  text-align: center;
}
#search-box-published-date .search-detail .published-date input::-webkit-input-placeholder {
  text-align: center;
}
#search-box-published-date .search-detail .published-date input:-moz-placeholder {
  text-align: center;
}
/*----------------------------------------------*
 *--------------タブレット----------------------*
 *----------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 979px) {
  #search_box .search_box_form .search-btns {
    width: 18%;
  }
}
/*----------------------------------------------*
 *--------------スマートフォン------------------*
 *----------------------------------------------*/
@media only screen and (max-width: 767px) {
  #basic-info-box {
    margin: 0 0 3px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 12px;
    word-break: break-all;
  }
  #basic-info-box .basic-info-header {
    margin-bottom: 7px;
  }
  #basic-info-box .basic-info {
    padding: 0 0 0 14px;
    clear: both;
  }
  #basic-info-box .basic-info dl {
    float: none;
    width: 100%;
  }
  #basic-info-box .basic-info dl dt {
    width: 4.4em;
    float: left;
  }
  #basic-info-box .basic-info dl dd {
    float: left;
  }
  #search-box-published-date {
    margin: 0 0 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 12px;
  }
  #search-box-published-date .search-header {
    float: none;
  }
  #search-box-published-date .search-detail {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 0;
  }
  #search-box-published-date .search-detail .published-date .published-date-from {
    margin-bottom: 12px;
  }
  #search-box-published-date .search-detail .published-date .published-date-to {
    width: 100%;
    margin-bottom: 0;
  }
  #search-box-published-date .search-detail .published-date .published-date-to .search_button {
    float: right;
  }
  #search-box-published-date:after {
    height: 12px;
    border-bottom: 1px solid #ccc;
  }
  .ui-dialog div#detail_search.ui-dialog-content {
    padding: 0!important;
  }
  .ui-dialog div#detail_search.ui-dialog-content form.detailsearch-form ul li label {
    margin: 0 20px 0 0;
  }
  .ui-dialog .ui-dialog-content .detailsearch-form {
    /* 検索項目ラベル */
    padding-top: 20px;
  }
  .ui-dialog .ui-dialog-content .detailsearch-form .control-group {
    padding: 0 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    /* コンテンツタイプとは？ */
    /* お役立ち文庫　非表示 */
  }
  .ui-dialog .ui-dialog-content .detailsearch-form .control-group:after {
    border-bottom: 1px solid #fff;
    display: block;
    content: "";
    float: left;
    width: 100%;
    margin: 0 0 14px;
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .ui-dialog .ui-dialog-content .detailsearch-form .control-group:nth-child(-n+2):after {
    border: none;
    margin: 0;
    padding-top: 5px;
  }
  .ui-dialog .ui-dialog-content .detailsearch-form .control-group .control-label {
    text-align: left;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 10px;
    padding: 0;
    width: 100%;
  }
  .ui-dialog .ui-dialog-content .detailsearch-form .control-group .controls {
    padding: 0;
  }
  .ui-dialog .ui-dialog-content .detailsearch-form .control-group .controls select {
    font-size: 86%;
    margin-bottom: 10px;
    padding: 0px 18px 0px 2px;
  }
  .ui-dialog .ui-dialog-content .detailsearch-form .control-group .controls select.search-op {
    width: 60%;
  }
  .ui-dialog .ui-dialog-content .detailsearch-form .control-group .controls select.search-category {
    min-width: 294px;
  }
  .ui-dialog .ui-dialog-content .detailsearch-form .control-group .controls input.search-freeword {
    margin-bottom: 10px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 30px;
    line-height: 30px;
  }
  .ui-dialog .ui-dialog-content .detailsearch-form .control-group .controls.col4 {
    width: 100%;
  }
  .ui-dialog .ui-dialog-content .detailsearch-form .control-group .controls.col4 select.search-cond {
    height: 30px;
    top: -40px;
    left: 62%;
    width: 38%;
  }
  .ui-dialog .ui-dialog-content .detailsearch-form .control-group .controls.col23 select.search-target {
    width: 90px;
    height: 30px;
  }
  .ui-dialog .ui-dialog-content .detailsearch-form .control-group .controls.col23 select.search-op {
    height: 30px;
    margin-left: 0;
    display: inline-block;
  }
  .ui-dialog .ui-dialog-content .detailsearch-form .control-group .controls.col234 .publish-month {
    width: 50px;
  }
  .ui-dialog .ui-dialog-content .detailsearch-form .control-group .controls.col234 .publish-year,
  .ui-dialog .ui-dialog-content .detailsearch-form .control-group .controls.col234 input[type="text"].publish-year,
  .ui-dialog .ui-dialog-content .detailsearch-form .control-group .controls.col234 input[type="number"].publish-year {
    width: 46px;
  }
  .ui-dialog .ui-dialog-content .detailsearch-form .control-group a {
    top: 0;
    font-size: 86%;
    letter-spacing: 0;
    padding: 0 12px 0 0;
  }
  .ui-dialog .ui-dialog-content .detailsearch-form .control-group a:before {
    content: '※';
  }
  .ui-dialog .ui-dialog-content .detailsearch-form .control-group.useful-books {
    display: none;
  }
  .ui-dialog .ui-dialog-content .detailsearch-form .control-group .controls label {
    padding: 0;
  }
  .ui-dialog .ui-dialog-content .detailsearch-form .control-group.publish-period .controls label {
    margin-left: -4px;
  }
  .ui-dialog .ui-dialog-content .detailsearch-form .control-group.publish-period select,
  .ui-dialog .ui-dialog-content .detailsearch-form .control-group.publish-period input {
    margin: 0 0 10px;
    height: 30px;
    line-height: 30px;
  }
  .ui-dialog .ui-dialog-content .detailsearch-form .control-group.publish-period select {
    height: 32px;
    padding: 0px 0px 0px 4px;
  }
  .ui-dialog .ui-dialog-content .detailsearch-form .control-group.publish-period input {
    padding: 0 4px;
    font-size: 12px;
  }
  .ui-dialog .ui-dialog-content .detailsearch-form .content-type-group ul {
    width: 100%;
  }
  .ui-dialog .ui-dialog-content .detailsearch-form .controls.col23 {
    margin-left: 0;
  }
  #detail_search .modal_button {
    margin: 10px 0 15px;
  }
  #detail_search .modal_button button {
    height: 40px;
    margin-bottom: 15px!important;
  }
  /* アクセシビリティ対応（大） */
  .larger_moji.ui-dialog .ui-dialog-content .detailsearch-form .control-group .col4 .search-cond {
    left: 62% !important;
    top: -40px !important;
    width: 38% !important;
  }
  .larger_moji.ui-dialog .ui-dialog-content .detailsearch-form .publish-period .publish-year {
    width: 60px!important;
    font-size: 17px!important;
    display: block;
    float: left;
  }
  .larger_moji.ui-dialog .ui-dialog-content .detailsearch-form .publish-period .publish-month {
    width: auto!important;
    padding-left: 2px;
    padding-right: 18px;
    font-size: 17px!important;
    display: block;
    float: left;
  }
  .larger_moji.ui-dialog .ui-dialog-content .detailsearch-form .publish-period .period-sign {
    width: auto!important;
    font-size: 17px!important;
    display: block;
    float: left;
    padding: 3px 6px!important;
    height: 30px;
    line-height: 30px;
  }
  .larger_moji.ui-dialog .ui-dialog-content .detailsearch-form .publish-period .period-sign + .publish-year {
    clear: both;
  }
  .larger_moji.ui-dialog .ui-dialog-content .detailsearch-form .publish-period .controls label {
    font-size: 17px;
    display: block;
    float: left;
    padding: 3px 6px;
    background-color: transparent !important;
  }
  .middle_moji.ui-dialog .ui-dialog-content {
    /*文字サイズ中*/
  }
  .middle_moji.ui-dialog .ui-dialog-content .detailsearch-form .control-group .col4 .search-cond {
    left: 62% !important;
    top: -40px !important;
    width: 38% !important;
  }
  .middle_moji.ui-dialog .ui-dialog-content .detailsearch-form .publish-period .publish-year {
    margin-left: 0!important;
    width: 40px!important;
    font-size: 16px!important;
    display: block;
    float: left;
  }
  .middle_moji.ui-dialog .ui-dialog-content .detailsearch-form .publish-period .publish-month {
    width: auto!important;
    padding-left: 2px;
    padding-right: 18px;
    font-size: 16px!important;
    display: block;
    float: left;
  }
  .middle_moji.ui-dialog .ui-dialog-content .detailsearch-form .publish-period .period-sign {
    width: auto!important;
    font-size: 14px!important;
    display: block;
    float: left;
    padding: 3px 3px!important;
    height: 30px;
    line-height: 30px;
  }
  .middle_moji.ui-dialog .ui-dialog-content .detailsearch-form .publish-period .controls label {
    font-size: 16px;
    display: block;
    float: left;
    padding: 3px 4px;
    background-color: transparent !important;
  }
}
/*----------------------------------------------*
 *--------------スマートフォン------------------*
 *----------------------------------------------*/
@media only screen and (max-width: 480px) {
  .ui_dialog_detail_search.ui-dialog {
    width: 100%!important;
    left: 0!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/**************アクセシビリティ**************/
#accessibility_setting_area {
  margin: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 30px;
  float: left;
}
#accessibility_setting_area ul {
  margin: 20px 0 24px;
  height: 49px;
  width: 228px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url(../img/d_image/pc_accessibility_border.png);
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  padding: 22px 0 0;
  float: left!important;
}
#accessibility_setting_area ul:before {
  content: '文字の大きさ';
  font-size: 12px;
  line-height: 1;
  color: #666;
  width: auto;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
#accessibility_setting_area ul:after {
  content: '背景と文字の色';
  font-size: 12px;
  line-height: 1;
  color: #666;
  width: auto;
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  padding-left: 10px;
}
#accessibility_setting_area ul li {
  margin: 0 7px 0 0!important;
  height: auto;
  line-height: 10px;
  z-index: 1;
  background-color: transparent !important;
}
#accessibility_setting_area ul li:first-child {
  width: 0 !important;
  margin: 0!important;
  overflow: hidden;
}
#accessibility_setting_area ul li:first-child span {
  color: transparent !important;
  background-color: transparent !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
#accessibility_setting_area ul li span,
#accessibility_setting_area ul li button {
  margin: 0!important;
}
#accessibility_setting_area ul li.accessibility_setting_layout {
  width: 0 !important;
  margin-left: 10px!important;
}
#accessibility_setting_area ul li.accessibility_setting_layout span {
  color: transparent !important;
  background-color: transparent !important;
  margin-left: 2px !important;
}
#accessibility_setting_area .text_site_navi_area {
  padding: 4px 0;
  text-align: center;
  margin: 0 14px 0 0;
  background-color: #efefef;
  display: block;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -o-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
}
#accessibility_setting_area .text_site_navi_area + .normal_list_style {
  margin: 10px 0 12px;
}
@media only screen and (max-width: 979px) and (min-width: 768px) {
  #accessibility_setting_area .text_site_navi_area {
    padding: 0;
    margin: 0 7px 0 0;
  }
  #accessibility_setting_area .text_site_navi_area + .normal_list_style {
    margin: 7px 0 7px;
    padding: 18px 0 0;
  }
}
/* 大中小、黒白黄ボタン */
#accessibility_setting_area.accessibility_setting .btn,
ul.sp_menu_accessibility .btn {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  margin-top: 20px;
}
#accessibility_setting_area.accessibility_setting .btn.selected,
ul.sp_menu_accessibility .btn.selected {
  width: 28px;
  height: 28px;
}
/* ランキングページ 文字サイズ「大」における調整*/
.larger_moji li.book_info .rankingicon {
  font-size: 105%;
}
/********************/
/* 青背景・黒背景共通 */
/*******************/
/**** 変数　ここから ****/
/**** 変数　ここまで ****/
.yellow_color,
.white_color {
  /* ロゴエリア */
  /* グローバルナビ */
  /* サイドナビ */
  /* 検索エリア */
  /* 利用状況インフォメーション */
  /* その他<H1>アイコン */
  /* お知らせ<H1>アイコン */
  /* 新着<H1>アイコン */
  /* ランキング<H1>アイコン */
  /* おすすめ<H1>アイコン */
  /* 資料詳細<H1>アイコン */
  /* マイページ借りている資料アイコン */
  /* マイページ予約している資料アイコン */
  /* 利用者ガイド、サイトマップ<H1>アイコン */
  /* 利用者ガイド<H3>アイコン(白) */
  /* 利用者ガイド<H4>アイコン(白) */
  /* サイトマップ<H2>アイコン(白) */
  /* お知らせ詳細<H2>アイコン(白) */
  /* パスワード変更アイコン */
  /* フリーワード検索アイコン */
  /* ログインアイコン(ログイン画面・パスワード変更画面) */
  /* サイドメニューアイコン */
  /* ページトップリンク */
  /* 詳細検索項目 */
  /* ページのトップへ */
  /* マイページ点数表記のボーダーカラー */
  /* フッター */
  /* ダイアログ */
  /* パンくず */
  /* パスワード変更画面 */
  /* ダイアログボタン（3つボタンがある場合の真ん中のボタン） */
}
.yellow_color .box h4,
.white_color .box h4 {
  margin: 0!important;
}
.yellow_color #contents,
.white_color #contents {
  background-image: none !important;
}
.yellow_color #main_contents,
.white_color #main_contents {
  background-image: none !important;
}
.yellow_color #accessibility_setting_area ul,
.white_color #accessibility_setting_area ul {
  /* 文字の大きさ・背景と文字の色 */
}
.yellow_color #accessibility_setting_area ul:before,
.white_color #accessibility_setting_area ul:before,
.yellow_color #accessibility_setting_area ul:after,
.white_color #accessibility_setting_area ul:after {
  color: #ffffff;
}
.yellow_color #header_right,
.white_color #header_right {
  background-color: transparent !important;
}
.yellow_color #header_right .headerlink_area,
.white_color #header_right .headerlink_area {
  background-color: transparent !important;
}
.yellow_color #header_right .headerlink_area a,
.white_color #header_right .headerlink_area a {
  background-color: transparent !important;
}
.yellow_color #header_right .headerlink_area.larger_moji,
.white_color #header_right .headerlink_area.larger_moji {
  text-align: right;
  line-height: 1.2;
}
.yellow_color #header_right .headerlink_area.larger_moji .brown_circle_arrow_link,
.white_color #header_right .headerlink_area.larger_moji .brown_circle_arrow_link {
  margin-left: 0;
}
.yellow_color .global_navi ul,
.white_color .global_navi ul {
  /* 第二階層がある場合の矢印 */
  /* 各メニュー */
}
.yellow_color .global_navi ul.globalnavi_level1 li.has_second,
.white_color .global_navi ul.globalnavi_level1 li.has_second {
  background-image: url(../img/d_image/pc_pulldown_fff.png) !important;
}
.yellow_color .global_navi ul.globalnavi_level1 li.has_second.close_icon,
.white_color .global_navi ul.globalnavi_level1 li.has_second.close_icon {
  background-image: url(../img/common/w_hassecond_arrow_up.png) !important;
}
.yellow_color .global_navi ul li,
.white_color .global_navi ul li {
  margin-top: 2px;
}
.yellow_color #local_navigation .login_aera,
.white_color #local_navigation .login_aera {
  border: 1px solid #ffffff;
}
.yellow_color #local_navigation .login_aera .logout_button,
.white_color #local_navigation .login_aera .logout_button,
.yellow_color #local_navigation .login_aera table.under_area td.booknum a,
.white_color #local_navigation .login_aera table.under_area td.booknum a,
.yellow_color #local_navigation .login_aera table.under_area tr,
.white_color #local_navigation .login_aera table.under_area tr {
  border: 1px solid #ffffff;
}
.yellow_color #local_navigation .login_aera table.under_area td.booknum a,
.white_color #local_navigation .login_aera table.under_area td.booknum a {
  background-image: url('../img/common/acs_sitemap_arrow.png');
}
.yellow_color #local_navigation .login_aera table.under_area tr th,
.white_color #local_navigation .login_aera table.under_area tr th {
  background-color: transparent !important;
}
.yellow_color #local_navigation .login_aera table.under_area tr:first-child,
.white_color #local_navigation .login_aera table.under_area tr:first-child {
  background-image: url('../img/d_image/pc_userinfo_1_fff.png') !important;
}
.yellow_color #local_navigation .login_aera table.under_area tr td.status,
.white_color #local_navigation .login_aera table.under_area tr td.status {
  background-color: transparent !important;
}
.yellow_color #local_navigation .login_aera table.under_area tr:last-child,
.white_color #local_navigation .login_aera table.under_area tr:last-child {
  background-image: url('../img/d_image/pc_userinfo_2_fff.png') !important;
}
.yellow_color #local_navigation .sidebar-nav .box,
.white_color #local_navigation .sidebar-nav .box {
  border: 1px solid #ffffff;
}
.yellow_color #local_navigation .sidebar-nav .box ul li.level1,
.white_color #local_navigation .sidebar-nav .box ul li.level1 {
  background-image: url('../img/d_image/acs_transition.png') !important;
  background-repeat: no-repeat;
  background-position: right center;
}
.yellow_color #local_navigation .sidebar-nav .box ul > li.level1 a,
.white_color #local_navigation .sidebar-nav .box ul > li.level1 a {
  background-color: transparent !important;
}
.yellow_color #local_navigation .sidebar-nav .box ul > li.level1 .nav_level2,
.white_color #local_navigation .sidebar-nav .box ul > li.level1 .nav_level2 {
  border: 1px solid #ffffff;
}
.yellow_color #local_navigation .sidebar-nav .box ul > li.level1 .nav_level2 li a,
.white_color #local_navigation .sidebar-nav .box ul > li.level1 .nav_level2 li a {
  background-image: none;
  background-repeat: no-repeat;
}
.yellow_color #local_navigation .sidebar-nav .box ul > li.level1 > a span,
.white_color #local_navigation .sidebar-nav .box ul > li.level1 > a span {
  background-color: transparent !important;
}
.yellow_color #search_box,
.white_color #search_box {
  background-image: url('../img/d_image/pc_search.png') !important;
  border: 1px solid #ffffff;
}
.yellow_color #search_box .search_box_form .search_button,
.white_color #search_box .search_box_form .search_button {
  border: 1px solid #ffffff;
}
.yellow_color #search_box .search_box_form .search_button:hover,
.white_color #search_box .search_box_form .search_button:hover {
  opacity: 0.7;
}
.yellow_color .alart_info_ul .alart_info,
.white_color .alart_info_ul .alart_info {
  background-color: transparent !important;
}
.yellow_color a.alert_message,
.white_color a.alert_message {
  background-image: url('../img/d_image/pc_comment_2.png');
  background-color: transparent !important;
}
.yellow_color .row-fluid h1,
.white_color .row-fluid h1 {
  background-image: url('../img/d_image/pc_titlebar_5.png') !important;
}
.yellow_color .news_area h1,
.white_color .news_area h1,
.yellow_color #newslist_contents h1,
.white_color #newslist_contents h1 {
  background-image: url('../img/d_image/pc_titlebar_1.png') !important;
}
.yellow_color .newbooks_area h1,
.white_color .newbooks_area h1 {
  background-image: url('../img/d_image/pc_titlebar_4.png') !important;
}
.yellow_color .ranking_area h1,
.white_color .ranking_area h1 {
  background-image: url('../img/d_image/pc_titlebar_2.png') !important;
}
.yellow_color .recomend_area h1,
.white_color .recomend_area h1 {
  background-image: url('../img/d_image/pc_titlebar_3.png') !important;
}
.yellow_color #book_detail_area h1,
.white_color #book_detail_area h1 {
  background-image: url('../img/d_image/pc_titlebar_6.png') !important;
}
.yellow_color #rental_books_list h1,
.white_color #rental_books_list h1 {
  background-image: url(../img/d_image/pc_mypage_titlebar_1.png) !important;
}
.yellow_color #reserved_books_list h1,
.white_color #reserved_books_list h1 {
  background-image: url(../img/d_image/pc_mypage_titlebar_2.png) !important;
}
.yellow_color #user_guide h1,
.white_color #user_guide h1 {
  background-image: url('../img/d_image/pc_signpost.png') !important;
}
.yellow_color #user_guide #user_guide_contents h3,
.white_color #user_guide #user_guide_contents h3 {
  background-image: url('../img/d_image/pc_arrow_ffffff.png') !important;
}
.yellow_color #user_guide #user_guide_contents h4,
.white_color #user_guide #user_guide_contents h4 {
  background-image: url('../img/d_image/pc_ring_ffffff.png') !important;
}
.yellow_color #user_guide h2,
.white_color #user_guide h2 {
  background-image: url('../img/d_image/pc_arrow_ffffff.png') !important;
}
.yellow_color #news_contents h2,
.white_color #news_contents h2 {
  background-image: url('../img/d_image/pc_arrow_ffffff.png') !important;
}
.yellow_color .pass_area h1,
.white_color .pass_area h1 {
  background-image: url('../img/d_image/sp_gnavi_4.png') !important;
}
.yellow_color #main_contents div#search_box,
.white_color #main_contents div#search_box {
  background-image: url(../img/d_image/pc_search.png) !important;
}
.yellow_color #loginbox h1,
.white_color #loginbox h1,
.yellow_color .enter_pass_area h1,
.white_color .enter_pass_area h1 {
  background-image: url(../img/d_image/sp_gnavi_4.png) !important;
}
.yellow_color h1 span,
.white_color h1 span {
  line-height: 30px;
}
.yellow_color .sidebar-nav li a.left_arrow,
.white_color .sidebar-nav li a.left_arrow {
  background-image: url('../img/d_image/acs_transition.png');
}
.yellow_color .sidebar-nav li span.left_arrow,
.white_color .sidebar-nav li span.left_arrow {
  background-image: url('../img/d_image/acs_transition.png');
}
.yellow_color .goto_top,
.white_color .goto_top {
  background-image: url(../img/d_image/pc_scroll.png);
}
.yellow_color .detailsearch-form .control-label,
.white_color .detailsearch-form .control-label {
  border: none;
}
.yellow_color .goto_top,
.white_color .goto_top {
  border: 1px solid #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.yellow_color #mypage_contents #rental_books_list .last_available_book,
.white_color #mypage_contents #rental_books_list .last_available_book,
.yellow_color #mypage_contents #reserved_books_list .last_available_book,
.white_color #mypage_contents #reserved_books_list .last_available_book {
  border-bottom: 1px solid #ffffff;
}
.yellow_color #footer,
.white_color #footer {
  border-top: 1px solid #ffffff;
}
.yellow_color #footer ul.footerlink,
.white_color #footer ul.footerlink {
  border-bottom: 2px solid #ffffff;
}
.yellow_color .ui-dialog,
.white_color .ui-dialog {
  border: 6px solid #ffffff;
  /* 閉じるボタン */
}
.yellow_color .ui-dialog .ui-dialog-titlebar-close,
.white_color .ui-dialog .ui-dialog-titlebar-close {
  background-image: url(../img/d_image/acs_close.png);
}
.yellow_color ul.breadcrumb li.breadcrumb_top,
.white_color ul.breadcrumb li.breadcrumb_top {
  background-image: url('../img/d_image/acs_footpoint.png');
}
.yellow_color .onecolumn_space,
.white_color .onecolumn_space {
  background-image: none;
}
.yellow_color .modal_button a.btn:nth-child(2),
.white_color .modal_button a.btn:nth-child(2) {
  background-color: #F5F5F5 !important;
}
/********************/
/* 青背景 ***********/
/*******************/
.yellow_color {
  /* 検索エリア */
  /* NEW!アイコン */
}
.yellow_color .global_navi ul li {
  /* メニューリンク */
  /* 現在地メニュー */
}
.yellow_color .global_navi ul li.globalmenu_li a {
  color: #ffffff !important;
}
.yellow_color .global_navi ul li.now_page a {
  color: #ffff00 !important;
}
.yellow_color #local_navigation .login_aera {
  /* ログアウトボタン */
}
.yellow_color #local_navigation .login_aera .logout_button {
  color: #ffffff !important;
}
.yellow_color #search_box {
  background-color: #00F !important;
}
.yellow_color #search_box .search_box_form .search_button {
  background-color: #00F !important;
  color: #ffffff;
}
.yellow_color .new_icon {
  border: 1px solid #ffff00;
}
/********************/
/* 黒背景 ***********/
/*******************/
.white_color {
  /* 検索エリア */
  /* NEW!アイコン */
}
.white_color .global_navi ul li {
  /* 現在地メニュー */
}
.white_color .global_navi ul li.now_page a {
  color: #ffffff !important;
}
.white_color .global_navi ul li > ul li a {
  color: #ffff00 !important;
}
.white_color #local_navigation .login_aera {
  /* ログアウトボタン */
}
.white_color #local_navigation .login_aera .logout_button {
  color: #ffff00 !important;
}
.white_color #search_box {
  background-color: #000 !important;
}
.white_color #search_box .search_box_form .search_button {
  background-color: #000 !important;
  color: #ffff00;
}
.white_color .new_icon {
  border: 1px solid #ffffff;
}
/************************************/
/* 背景対応（トップページ） *********/
/************************************/
.white_color .top_maincontents hr.top_contents_hr {
  border-width: 0px;
}
.yellow_color .top_maincontents hr.top_contents_hr {
  border-width: 0px;
}
/************************************/
/* 背景対応（マイページ） ***********/
/************************************/
.white_color #mypage_contents h5 {
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}
.white_color #mypage_contents a.link_passwordchg {
  background-color: transparent !important;
}
.white_color #mypage_contents #personal_rental_status {
  border-bottom: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}
.white_color #mypage_contents #personal_rental_status li.box {
  border: 1px solid #ffffff;
}
.white_color #mypage_contents #personal_rental_status li.box.rental_book_status a.list_link_button {
  background-image: url(../img/d_image/pc_mypage_1_fff.png) !important;
}
.white_color #mypage_contents #personal_rental_status li.box.reserved_book_status a.list_link_button {
  background-image: url(../img/d_image/pc_mypage_2_fff.png) !important;
}
.white_color #mypage_contents #personal_rental_status a:after {
  content: url(../img/common/acs_sitemap_arrow.png);
}
.white_color #mypage_contents #rental_books_list h1 > span,
.white_color #mypage_contents #reserved_books_list h1 > span {
  background-color: transparent !important;
}
.white_color #mypage_contents div.layaway_button {
  background-image: none;
}
.yellow_color #mypage_contents h5 {
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}
.yellow_color #mypage_contents a.link_passwordchg {
  background-color: transparent !important;
}
.yellow_color #mypage_contents #personal_rental_status {
  border-bottom: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}
.yellow_color #mypage_contents #personal_rental_status li.box {
  border: 1px solid #ffffff;
}
.yellow_color #mypage_contents #personal_rental_status li.box.rental_book_status a.list_link_button {
  background-image: url(../img/d_image/pc_mypage_1_fff.png) !important;
}
.yellow_color #mypage_contents #personal_rental_status li.box.reserved_book_status a.list_link_button {
  background-image: url(../img/d_image/pc_mypage_2_fff.png) !important;
}
.yellow_color #mypage_contents #personal_rental_status a:after {
  content: url(../img/common/acs_sitemap_arrow.png);
}
.yellow_color #mypage_contents #rental_books_list h1 > span,
.yellow_color #mypage_contents #reserved_books_list h1 > span {
  background-color: transparent !important;
}
.yellow_color #mypage_contents div.layaway_button {
  background-image: none;
}
/************************************/
/* 背景対応（資料詳細） *************/
/************************************/
.white_color #book_detail_area .book_detail .rental_buttonside ul.visible_device li,
.yellow_color #book_detail_area .book_detail .rental_buttonside ul.visible_device li {
  border: none;
  padding-left: 0px;
  background-image: none;
}
.white_color #book_detail_area .book_detail .book_dtl_info_zone,
.yellow_color #book_detail_area .book_detail .book_dtl_info_zone {
  border: none;
}
.white_color #book_detail_area .book_detail .book_dtl_info_zone_sp,
.yellow_color #book_detail_area .book_detail .book_dtl_info_zone_sp {
  border: none;
}
/************************************/
/* 背景対応（検索一覧） *************/
/************************************/
.white_color {
  /* サイドメニュー */
}
.white_color .sidebar-nav .box ul li a.left_arrow_child {
  background-image: url('../img/d_image/acs_transition.png');
}
.white_color #search_result_list.detail_list ul li.book_info {
  background-color: transparent !important;
}
.white_color #search_result_list.detail_list ul li.book_info .image_and_bookinfo .aboutbook_img {
  background-color: transparent !important;
}
.white_color .magazine {
  background-color: transparent !important;
}
.white_color .magazine a {
  background-image: url('../img/common/acs_sitemap_arrow.png') !important;
}
.white_color ul.visible-desktop .btn {
  color: #ffff00;
}
.white_color ul.visible-desktop .btn .icon-th {
  background-image: url('../img/d_image/acs_display_1.png');
}
.white_color ul.visible-desktop .btn .icon-th-list {
  background-image: url('../img/d_image/acs_display_2.png');
}
.white_color ul.visible-desktop .active {
  color: #ffffff;
}
.yellow_color {
  /* サイドメニュー */
}
.yellow_color .sidebar-nav .box ul li a.left_arrow_child {
  background-image: url('../img/d_image/acs_transition.png');
}
.yellow_color #search_result_list.detail_list ul li.book_info {
  background-color: transparent !important;
}
.yellow_color #search_result_list.detail_list ul li.book_info .image_and_bookinfo .aboutbook_img {
  background-color: transparent !important;
}
.yellow_color .magazine {
  background-color: transparent !important;
}
.yellow_color .magazine a {
  background-image: url('../img/common/acs_sitemap_arrow.png') !important;
}
.yellow_color ul.visible-desktop .btn {
  color: #ffffff;
}
.yellow_color ul.visible-desktop .btn .icon-th {
  background-image: url('../img/d_image/acs_display_1.png');
}
.yellow_color ul.visible-desktop .btn .icon-th-list {
  background-image: url('../img/d_image/acs_display_2.png');
}
.yellow_color ul.visible-desktop .active {
  color: #ffff00;
}
/************************************/
/* 背景対応（お知らせ一覧）**********/
/************************************/
.white_color #newslist_contents .info_list {
  background-image: none;
}
.white_color #newslist_contents .info_list ul li .new_icon {
  border: 1px solid #ffffff;
}
.white_color #newslist_contents .info_list ul li .info_content {
  background-color: transparent !important;
}
.white_color #newslist_contents .info_list ul li .info_content a {
  background-color: transparent !important;
}
.yellow_color #newslist_contents .info_list {
  background-image: none;
}
.yellow_color #newslist_contents .info_list ul li .new_icon {
  border: 1px solid #ffff00;
}
.yellow_color #newslist_contents .info_list ul li .info_content {
  background-color: transparent !important;
}
.yellow_color #newslist_contents .info_list ul li .info_content a {
  background-color: transparent !important;
}
/************************************/
/* 背景対応（お知らせ詳細）**********/
/************************************/
.white_color #news_contents .info_detail,
.yellow_color #news_contents .info_detail {
  background-image: none;
}
/************************************/
/* 背景対応（ご利用ガイド）**********/
/************************************/
.white_color #user_guide,
.yellow_color #user_guide {
  background-image: none;
}
.white_color #user_guide h1 span,
.yellow_color #user_guide h1 span {
  padding: 3px 0 0 0px;
}
.white_color #user_guide #user_guide_contents h2,
.yellow_color #user_guide #user_guide_contents h2 {
  background-color: transparent !important;
}
.white_color #user_guide #user_guide_contents h2 span,
.yellow_color #user_guide #user_guide_contents h2 span {
  margin-left: 0;
}
.white_color #user_guide #user_guide_contents h2:before,
.yellow_color #user_guide #user_guide_contents h2:before {
  background-color: transparent;
}
.white_color #contents > .breadcrumb,
.yellow_color #contents > .breadcrumb {
  background-image: none;
}
/************************************/
/* 背景対応（サイトマップ）**********/
/************************************/
.white_color #sitemap_contents .three_row_contents .sitemap_arrow:before,
.yellow_color #sitemap_contents .three_row_contents .sitemap_arrow:before {
  content: url(../img/common/acs_sitemap_arrow.png);
}
/************************************/
/* 背景対応（パスワード変更）********/
/************************************/
.white_color #contents > .enter_pass_area {
  background-image: none;
}
.white_color #contents > .enter_pass_area .btn {
  color: #ffff00 !important;
  border: 1px solid #ffffff !important;
  background-color: #000! important;
  padding: 0 9px;
}
.yellow_color #contents > .enter_pass_area {
  background-image: none;
}
.yellow_color #contents > .enter_pass_area .btn {
  color: #ffffff !important;
  border: 1px solid #ffff00 !important;
  background-color: #00F! important;
  padding: 0 9px;
}
/**********************************/
/* 背景対応（ログイン画面）********/
/**********************************/
.white_color #contents > #loginbox {
  background-image: none;
}
.white_color #contents > #loginbox .error {
  background-color: transparent !important;
}
.white_color #contents > #loginbox button {
  color: #ffff00 !important;
  border: 1px solid #ffffff;
  background-color: #000! important;
}
.yellow_color #contents > #loginbox {
  background-image: none;
}
.yellow_color #contents > #loginbox .error {
  background-color: transparent !important;
}
.yellow_color #contents > #loginbox button {
  color: #ffffff !important;
  border: 1px solid #ffffff;
  background-color: #00F! important;
}
/**********************************/
/* 背景対応（トップログアウト）********/
/**********************************/
.white_color #local_navigation .login_aera .login_button {
  color: #ffff00 !important;
  border: 1px solid #ffffff;
  background-color: #000! important;
}
.yellow_color #local_navigation .login_aera .login_button {
  color: #ffffff !important;
  border: 1px solid #ffffff;
  background-color: #00F! important;
}
/**********************************/
/* 背景対応（巻号一覧）********/
/**********************************/
.white_color #search-box-published-date .search-detail .published-date .published-date-to .search_button {
  background-color: #000;
  color: #ffff00;
  border: 1px solid #ffffff;
}
.white_color #search-box-published-date .search-detail .published-date .published-date-to .search_button:hover {
  opacity: 0.7;
}
.yellow_color #search-box-published-date .search-detail .published-date .published-date-to .search_button {
  background-color: #00F;
  color: #ffffff;
  border: 1px solid #ffffff;
}
.yellow_color #search-box-published-date .search-detail .published-date .published-date-to .search_button:hover {
  opacity: 0.7;
}
/**********************************/
/*********** 資料詳細 *************/
/**********************************/
.white_color .book_explain_area dl dd {
  background-color: transparent !important;
}
.white_color .book_explain_area dl dd a {
  background-color: transparent !important;
}
.yellow_color .book_explain_area dl dd {
  background-color: transparent !important;
}
.yellow_color .book_explain_area dl dd a {
  background-color: transparent !important;
}
/*----------------------------------------------*
 *--------------スマートフォン------------------*
 *----------------------------------------------*/
@media only screen and (max-width: 767px) {
  /**********************************/
  /* ダイアログ ***********/
  /**********************************/
  .white_color .ui-dialog,
  .yellow_color .ui-dialog {
    border-width: 1px;
  }
  /**********************************/
  /* アクセシビリティメニュー ***********/
  /**********************************/
  /* アクセシビリティ */
  .global_navi ul li.accessibility_li {
    display: block!important;
  }
  .global_navi ul.sp_menu_accessibility {
    width: 228px;
    padding: 0;
    float: none!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 15px auto;
    height: 49px;
    background-image: url(../img/d_image/pc_accessibility_border.png) !important;
    background-repeat: no-repeat;
    background-position: center center !important;
    background-color: transparent;
    position: relative;
  }
  .global_navi ul.sp_menu_accessibility > li {
    margin: 2px!important;
  }
  .global_navi ul.sp_menu_accessibility > li.title {
    display: none;
  }
  .global_navi ul.sp_menu_accessibility li.clear.title + li {
    margin-left: 26px!important;
  }
  .global_navi ul.sp_menu_accessibility:before {
    content: '文字の大きさ';
    color: #666;
    position: absolute;
    left: 0;
    font-size: 12px;
    line-height: 1;
    padding-left: 4px;
  }
  .global_navi ul.sp_menu_accessibility:after {
    content: '背景と文字の色';
    color: #666;
    position: absolute;
    left: 50%;
    font-size: 12px;
    line-height: 1;
    padding-left: 20px;
  }
  /**********************************/
  /* 背景対応（共通）****************/
  /**********************************/
  .white_color ul.sp_menu_accessibility,
  .yellow_color ul.sp_menu_accessibility {
    background-image: url(../img/d_image/acs_accessibility_border.png) !important;
  }
  .white_color .global_navi ul.globalnavi_level1 li.has_second,
  .yellow_color .global_navi ul.globalnavi_level1 li.has_second {
    background-image: url(../img/d_image/acs_pulldown.png) !important;
  }
  .white_color .global_navi ul.globalnavi_level1 li.has_second.close_icon,
  .yellow_color .global_navi ul.globalnavi_level1 li.has_second.close_icon {
    background-image: url(../img/d_image/acs_pullup.png) !important;
  }
  .white_color #search_box .search_box_form .search_button,
  .yellow_color #search_box .search_box_form .search_button {
    border: 1px solid #ffffff;
  }
  .white_color ul.breadcrumb li,
  .yellow_color ul.breadcrumb li {
    background-color: transparent !important;
  }
  .white_color ul.breadcrumb li > .divider,
  .yellow_color ul.breadcrumb li > .divider {
    background-color: transparent !important;
  }
  .white_color #search_box form.search_box_form .searchmenu a {
    color: transparent !important;
    background-image: none;
  }
  .white_color #search_box form.search_box_form .searchmenu a:before {
    color: #ffff00;
  }
  .white_color #search_box form.search_box_form .searchmenu a:after {
    color: #ffff00;
  }
  .white_color .global_navi ul {
    /* 現在地 */
  }
  .white_color .global_navi ul li.globalmenu_li a {
    color: #ffff00 !important;
  }
  .white_color .global_navi ul li.now_page a {
    color: #ffffff !important;
  }
  .white_color .gmenu_sp ul li button span {
    color: #ffff00 !important;
  }
  .white_color ul.sp_menu_accessibility:before,
  .white_color ul.sp_menu_accessibility:after {
    color: #ffffff !important;
  }
  .yellow_color #search_box form.search_box_form .searchmenu a {
    color: transparent !important;
    background-image: none;
  }
  .yellow_color #search_box form.search_box_form .searchmenu a:before {
    color: #ffffff;
  }
  .yellow_color .global_navi ul {
    /* 現在地 */
  }
  .yellow_color .global_navi ul li.globalmenu_li a {
    color: #ffffff !important;
  }
  .yellow_color .global_navi ul li.now_page a {
    color: #ffff00 !important;
  }
  .yellow_color .gmenu_sp ul li button span {
    color: #ffffff !important;
  }
  .yellow_color ul.sp_menu_accessibility:before,
  .yellow_color ul.sp_menu_accessibility:after {
    color: #ffff00 !important;
  }
  /**********************************/
  /* 背景対応（マイページ）********/
  /**********************************/
  .white_color #header .login_name {
    border-bottom: 1px solid #ffffff;
  }
  .white_color #header .rental_status_for_sp tr a {
    border: 1px solid #ffffff;
    background-image: url(../img/common/acs_sitemap_arrow.png);
  }
  .white_color #header .rental_status_for_sp tr th {
    color: transparent !important;
  }
  .white_color #header .rental_status_for_sp tr th.rental_num:before {
    color: #ffffff;
  }
  .white_color #header .rental_status_for_sp tr th.reserved_num:before {
    color: #ffffff;
  }
  .yellow_color #header .login_name {
    border-bottom: 1px solid #e6e6e5;
  }
  .yellow_color #header .rental_status_for_sp tr a {
    border: 1px solid #ffffff;
    background-image: url(../img/common/acs_sitemap_arrow.png);
  }
  .yellow_color #header .rental_status_for_sp tr th {
    color: transparent !important;
  }
  .yellow_color #header .rental_status_for_sp tr th.rental_num:before {
    color: #ffff00;
  }
  .yellow_color #header .rental_status_for_sp tr th.reserved_num:before {
    color: #ffff00;
  }
  /**********************************/
  /* 背景対応（資料詳細）********/
  /**********************************/
  .white_color #book_detail_area .book_detail .under_book_explain_area dl.free_input_info {
    border: 1px solid #ffffff;
  }
  .yellow_color #book_detail_area .book_detail .under_book_explain_area dl.free_input_info {
    border: 1px solid #ffff00;
  }
  /**********************************/
  /* 背景対応（検索一覧）********/
  /**********************************/
  .white_color .thumbnail_list ul li.book_info,
  .yellow_color .thumbnail_list ul li.book_info {
    background-color: transparent !important;
  }
  .white_color .detail_list ul li.book_info,
  .yellow_color .detail_list ul li.book_info {
    background-color: transparent !important;
  }
  /**********************************/
  /* ジャンルで絞る対応　********/
  /**********************************/
  /* サイドナビ */
  .white_color #local_navigation .sidebar-nav .box,
  .yellow_color #local_navigation .sidebar-nav .box {
    border: 1px solid #ffffff;
  }
  .white_color #local_navigation .sidebar-nav .box ul > li.level1,
  .yellow_color #local_navigation .sidebar-nav .box ul > li.level1 {
    background-position: 98% 18px;
  }
  .white_color #local_navigation .sidebar-nav .box ul > li.level1 a,
  .yellow_color #local_navigation .sidebar-nav .box ul > li.level1 a {
    background-color: transparent !important;
  }
  .white_color #local_navigation .sidebar-nav .box ul > li.level1 .nav_level2 li a,
  .yellow_color #local_navigation .sidebar-nav .box ul > li.level1 .nav_level2 li a {
    background-image: url('../img/d_image/acs_transition.png') !important;
    background-repeat: no-repeat;
  }
  .white_color #local_navigation .sidebar-nav .box ul > li.level1 > a span,
  .yellow_color #local_navigation .sidebar-nav .box ul > li.level1 > a span {
    background-color: transparent !important;
  }
}
/*----------------------------------------------*
タブレット(768 - 979)
スマートフォン(0 - 767)
*----------------------------------------------*/
/*----------------------------------------------*
 *--------------タブレット----------------------*
 *----------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 979px) {
  #contents > .row-fluid .span3 {
    padding: 0 10px 0 0;
  }
  .container-fluid.header_whole {
    min-height: 100px;
    max-height: 130px;
  }
  #accessibility_setting_area ul {
    margin: 10px 0;
  }
  .global_navi ul {
    padding-left: 0;
  }
  .global_navi ul li.globalmenu_li {
    padding: 0 !important;
  }
  .global_navi ul li.globalmenu_li > a {
    padding: 10px 10px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    max-width: 114px;
    min-width: 90px;
  }
  .larger_moji.global_navi ul li.globalmenu_li > a,
  .middle_moji.global_navi ul li.globalmenu_li > a {
    max-width: 130px;
    min-width: 90px;
  }
  #local_navigation .login_aera {
    padding: 10px;
    margin: 0 0 10px;
  }
  #local_navigation .login_aera table.under_area th {
    margin-top: 10px;
  }
  #local_navigation .login_aera table.under_area td.booknum a {
    margin: 0 10px 12px 46px;
  }
  #local_navigation .login_aera table.under_area tr:first-child {
    background-position: 7px 42px;
  }
  #local_navigation .login_aera table.under_area tr:last-child {
    background-position: 14px 42px;
  }
  #local_navigation .login_aera.logout_status {
    padding: 10px;
  }
  #local_navigation .login_aera .alart_info_ul {
    padding: 10px 10px 0;
  }
  #local_navigation .login_aera form table tr td {
    padding: 0 10px;
  }
  .larger_moji #local_navigation form table tr:nth-child(3) td,
  .middle_moji #local_navigation form table tr:nth-child(3) td {
    padding: 0;
  }
  .larger_moji #local_navigation form table tr:nth-child(3) td .login_button,
  .middle_moji #local_navigation form table tr:nth-child(3) td .login_button {
    padding: 0 2px;
  }
  .onecolumn_space {
    width: 100%;
  }
  .sidebar-nav .box ul li a {
    padding: 6px 0px 4px 10px;
  }
  .sidebar-nav .box ul li.level1 {
    background-position: 96% center;
  }
  #local_navigation .sidebar-nav .box ul li.level1 {
    background-position: right center;
  }
}
/*----------------------------------------------*
 *--------------スマートフォン------------------*
 *----------------------------------------------*/
@media only screen and (max-width: 767px) {
  .container-fluid.header_whole {
    min-height: 100px;
  }
  /*----------------------------------------------*
   *--------------可変レイアウト----------------------*
   *----------------------------------------------*/
  #contents.container-fluid {
    padding: 0;
    display: block;
    table-layout: fixed;
    width: 100%;
    background-color: #ffffff;
    position: relative;
  }
  #contents h1 {
    background-position: 12px center;
  }
  #contents h1 span {
    margin-left: 53px;
  }
  #contents > .row-fluid {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
  }
  #contents > .row-fluid .span3 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    width: 100%;
    padding: 0;
    float: none;
    vertical-align: top;
    background-image: url(../img/d_image/pc_texture.jpg);
    background-color: #fff;
  }
  #contents > .row-fluid .span9 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    float: none;
    width: 100%;
    vertical-align: top;
    background-image: url(../img/d_image/pc_texture.jpg);
  }
  #contents > .row-fluid .span9 + .span3 {
    display: block;
  }
  #contents > .row-fluid + .goto_top {
    position: absolute!important;
    right: 0;
  }
  #main_contents {
    width: auto;
    padding-bottom: 0;
    /* お知らせ */
  }
  #main_contents h1 {
    height: auto;
    background-position: 12px center;
    font-size: 100%;
    margin: 0 0 12px;
  }
  #main_contents h1 span {
    padding: 15.5px 0;
    margin-left: 47px;
    line-height: 1.2;
    margin-right: 10px;
    text-align: left;
  }
  #main_contents .top_maincontents h1 span {
    margin-left: 54px;
  }
  #main_contents > div {
    width: 100%;
    margin: 0 !important;
    padding-bottom: 10px;
  }
  #main_contents ul.news li {
    margin: 0px 12px;
    height: auto;
  }
  #main_contents ul.news p {
    font-size: 100%;
    letter-spacing: 0;
    width: 185px;
    display: block;
    margin-top: 12px;
  }
  #main_contents ul.news a {
    font-size: 100%;
    letter-spacing: 0;
    display: block;
    width: 100%;
    padding: 10px 0px 12px 0;
    margin-left: 0px;
  }
  #main_contents ul.news span {
    height: 16px;
    line-height: 16px;
  }
  #main_contents .explain_area {
    margin-left: 12px;
  }
  .h_contents hr {
    border-top: 1px solid #ccc;
    margin: 12px 12px 0;
  }
  /* NEWアイコン */
  .new_icon {
    margin-left: 12px;
  }
  /* もっと読む */
  .read_more {
    background-position: right center;
  }
  .read_more span {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    word-break: break-all;
  }
  #contents > .row-fluid {
    display: block;
    /* ジャンルで探す、バナー */
  }
  #contents > .row-fluid .span9 {
    display: block;
  }
  #contents > .row-fluid .span3 {
    width: auto;
  }
  #contents > .row-fluid + .goto_top {
    position: relative !important;
    margin: 24px 17px 20px;
  }
  /* 資料状態で絞り込む、対応機種で絞り込む */
  li a.left_arrow {
    margin-left: 0 !important;
  }
  li a.left_arrow_child {
    padding-left: 15px !important;
  }
  .sidebar-nav .box ul li span.left_arrow {
    text-indent: -10px;
  }
  .sidebar-nav .box ul li span.left_arrow.genrenow {
    text-indent: 0;
  }
  /*ご利用ガイドh2*/
  #user_guide #user_guide_contents h2 {
    margin-left: 0;
  }
  #logo_area {
    width: auto;
    padding: 0;
  }
  #header #logo_area a {
    display: block;
    max-height: 58px;
    width: 100%;
    text-align: left;
  }
  #header #logo_area a img {
    max-height: 58px;
    max-width: 100%;
  }
  /** 読むボタンホバー時のアクションはスマホでは不要 */
  .freeread_button:hover span.read_tooltip,
  .read_button:hover span.read_tooltip,
  .tryread_button:hover span.read_tooltip,
  .freeread_button:active span.read_tooltip,
  .read_button:active span.read_tooltip,
  .tryread_button:active span.read_tooltip,
  .freeread_button:focus span.read_tooltip,
  .read_button:focus span.read_tooltip,
  .tryread_button:focus span.read_tooltip {
    max-width: 0;
    white-space: inherit;
    overflow: hidden;
    display: none;
  }
  /*グローバルナビ（ボタン押下で表示）*/
  /*グローバルナビ*/
  .ui-widget-header {
    background: none;
    border: 0px;
    color: #222222;
  }
  #header {
    /***** グローバルメニュー *****/
    /***** 利用状況 *****/
    /* 利用状況 */
  }
  #header .gmenu_sp ul li {
    border-top: none;
    position: relative;
    height: 50px;
    padding: 0;
    width: 25%;
    /* メニュー */
    /* メニューアイコン */
    /* ご利用ガイドアイコン */
    /* マイページアイコン */
    /* ログインアイコン */
    /* ログアウトアイコン */
  }
  #header .gmenu_sp ul li:first-child {
    width: 25%;
    font-size: 70%;
    letter-spacing: 0;
  }
  #header .gmenu_sp ul li button {
    background-image: url('../img/d_image/sp_gnavi_1.png');
    background-size: 22px 19px;
    background-repeat: no-repeat;
    background-position: center 8px;
    height: 50px;
    padding: 27px 0 0;
  }
  #header .gmenu_sp ul li button span {
    background-image: none;
    background-position: 9px center;
    padding: 0;
    margin: 0;
    position: static;
    top: -13px;
    left: 27%;
  }
  #header .gmenu_sp ul li a.sp_menu_guide {
    background-image: url('../img/d_image/sp_gnavi_2.png');
    background-size: 22px 19px;
    height: 50px;
    padding-top: 27px;
    background-position: center 8px;
  }
  #header .gmenu_sp ul li a.sp_menu_mypage {
    background-image: url('../img/d_image/sp_gnavi_3.png');
    background-size: 22px 19px;
    height: 50px;
    padding-top: 27px;
    background-position: center 8px;
  }
  #header .gmenu_sp ul li a.sp_menu_login {
    background-image: url('../img/d_image/sp_gnavi_4.png');
    background-size: 22px 19px;
    height: 50px;
    padding-top: 27px;
    background-position: center 8px;
  }
  #header .gmenu_sp ul li a.sp_menu_logout {
    background-image: url('../img/d_image/sp_gnavi_5.png');
    background-size: 22px 19px;
    height: 50px;
    padding-top: 27px;
    background-position: center 8px;
  }
  #header .rental_status_for_sp {
    position: relative;
    min-height: 60px;
    display: block;
  }
  #header .rental_status_for_sp tr {
    background-image: url('../img/d_image/sp_userinfo_border.png');
    background-position: center 10px;
    background-repeat: no-repeat;
    width: 100%;
    border: none;
    /*              
              th.reserved_num {
                position: absolute;
                right: 0;
                top: 0;
              }
              td.reserved_num {
                position: absolute;
                right: 0;
                top: 28px;
              }
*/
  }
  #header .rental_status_for_sp tr th {
    min-height: 10px;
    display: block;
    width: 50%;
    border: none;
    color: transparent;
    white-space: nowrap;
  }
  #header .rental_status_for_sp tr th br {
    float: left;
  }
  #header .rental_status_for_sp tr th.rental_num:before {
    content: '借りている資料';
    color: #333;
    width: 100%;
    text-align: center;
    text-indent: 0;
    display: inline-block;
  }
  #header .rental_status_for_sp tr th.reserved_num:before {
    content: '予約している資料';
    color: #333;
    width: 100%;
    text-align: center;
    text-indent: 0;
    display: inline-block;
  }
  #header .rental_status_for_sp tr th.rental_num,
  #header .rental_status_for_sp tr th.reserved_num {
    background-color: transparent;
    display: block;
    font-size: 100%;
    letter-spacing: 0;
    height: 20px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    line-height: 28px;
    overflow: hidden;
  }
  #header .rental_status_for_sp tr th.reserved_num {
    position: absolute;
    top: 0;
    right: 0;
  }
  #header .rental_status_for_sp tr td.reserved_num {
    position: absolute;
    top: 28px;
    right: 0;
  }
  #header .rental_status_for_sp tr th.rental_num {
    position: absolute;
    top: 0;
    left: 0;
  }
  #header .rental_status_for_sp tr td.rental_num {
    position: absolute;
    top: 28px;
    left: 0;
  }
  #header .rental_status_for_sp tr td {
    display: block;
  }
  #header .rental_status_for_sp tr td.rental_num,
  #header .rental_status_for_sp tr td.reserved_num {
    padding-right: 10px;
    padding-left: 10px;
    border: none;
    width: 43%;
  }
  #header .rental_status_for_sp tr a {
    text-align: center;
    background-color: #e6e6e5;
    background-image: url(../img/d_image/pc_link.png);
    background-position: 88% center;
    padding-right: 4px;
    line-height: 28px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
  }
  #header .larger_moji .rental_status_for_sp a {
    background-position: 93% center;
  }
  #header .login_info_area_sp {
    margin: 12px 12px;
    width: auto;
    border: 1px solid #e6e6e5;
    padding: 0;
    padding-bottom: 6px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    /* メッセージ */
  }
  #header .login_info_area_sp .login_name {
    text-align: center;
    background-color: #e6e6e5;
    -webkit-border-radius: 9px 9px 0 0;
    -moz-border-radius: 9px 9px 0 0;
    -o-border-radius: 9px 9px 0 0;
    border-radius: 9px 9px 0 0;
    min-height: 34px;
    padding-top: 8px;
    word-break: break-all;
  }
  #header .login_info_area_sp .alart_info_ul {
    margin-top: 6px;
    position: relative;
    display: block;
  }
  #header .login_info_area_sp .alart_info_ul li a {
    background-size: initial;
    background-position: 3px 12px;
    background-size: 7px !important;
  }
  .global_navi {
    height: auto!important;
    position: absolute;
    /*第2階層は非表示*/
  }
  .global_navi ul {
    margin-left: 0;
    padding-left: 0;
    /* 現在地 */
  }
  .global_navi ul.globalnavi_level1 {
    /* 第二階層アイコン */
  }
  .global_navi ul.globalnavi_level1 li.globalmenu_li {
    background-color: transparent;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #fff;
    margin: 0;
    padding: 0!important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
  }
  .global_navi ul.globalnavi_level1 li.has_second,
  .global_navi ul.globalnavi_level1 li.has_second.now_page {
    background-image: url(../img/d_image/sp_pulldown.png);
    background-size: 17px 9px;
    background-position: 95% 18px;
  }
  .global_navi ul.globalnavi_level1 li.has_second.close_icon,
  .global_navi ul.globalnavi_level1 li.has_second.close_icon.now_page {
    background-image: url(../img/d_image/sp_pullup.png);
    background-size: 17px 9px;
    background-position: 95% 18px;
  }
  .global_navi ul.globalnavi_level1 li a {
    font-size: 100%;
    letter-spacing: 0;
  }
  .global_navi ul.globalnavi_level1 li a:focus {
    outline: 0;
  }
  .global_navi ul li {
    background-color: transparent !important;
    background: none;
    background-image: none;
    padding-left: 0px;
    padding-right: 0px;
    min-width: 20px;
    height: auto;
  }
  .global_navi ul li a {
    font-weight: normal;
    padding: 0;
    height: 45px;
    line-height: 45px;
    max-width: 100%;
  }
  .global_navi ul li.now_page {
    background-color: transparent;
  }
  .global_navi ul li.globalmenu_li {
    /* 第二階層があるメニュー */
  }
  .global_navi ul li.globalmenu_li.has_second > a {
    height: 45px;
  }
  .global_navi ul li.globalmenu_li a {
    display: block;
    padding-left: 15px;
  }
  .global_navi ul.globalnavi_level2 {
    display: none;
    margin: 0;
    position: static;
  }
  .global_navi ul.globalnavi_level2 li {
    position: static;
    width: auto;
    border: 0!important;
    padding-left: 20px;
    background-color: #e6e6e5 !important;
    padding: 1px 0;
  }
  .global_navi ul.globalnavi_level2 li a {
    margin-left: 0px;
    background-color: #ffffff;
    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 25px;
    line-height: 25px;
  }
  .larger_moji.global_navi ul li {
    background-position: 95% 18px !important;
  }
  .larger_moji.global_navi ul li a {
    max-width: none;
  }
  .middle_moji.global_navi ul.globalnavi_level2 {
    margin-left: 0;
  }
  .middle_moji.global_navi ul li a {
    max-width: none;
  }
  .larger_moji #main_contents .news p,
  .middle_moji #main_contents .news p {
    width: 250px;
  }
  .larger_moji #search_box .searchmenu {
    margin-left: -36px !important;
  }
  .larger_moji .rental_status_for_sp tr > th {
    font-size: 18px !important;
  }
  .larger_moji .thumbnail_list .reserved_number {
    font-size: 85% !important;
  }
  .larger_moji h1 span {
    letter-spacing: 0;
  }
  .middle_moji #search_box .searchmenu {
    margin-left: -43px !important;
  }
  .middle_moji #search_box .search-btns a {
    padding: 0 0 0 22px !important;
  }
  /** ローカルナビ **/
  #local_navigation .sidebar-nav {
    margin-top: 0;
  }
  #local_navigation .sidebar-nav .box ul > li.level1 {
    padding: 0;
    position: relative;
    min-height: 50px;
    line-height: 40px;
    background-image: url(../img/d_image/pc_transition.png);
    background-position: 98% 18px;
  }
  #local_navigation .sidebar-nav .box ul > li.level1 > a {
    overflow: inherit;
    margin: 0 0 0 40px;
    height: auto;
    min-height: 50px;
    width: 80%;
    padding: 12px 0;
    background-image: none;
    background-position: 94% center;
    line-height: 2em !important;
  }
  #local_navigation .sidebar-nav .box ul > li.level1 > a span {
    background-image: url(../img/d_image/sp_searchopen.png);
    background-size: 13px;
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 50px;
    margin-left: 0;
  }
  #local_navigation .sidebar-nav .box ul > li.level1 .nav_level2 {
    margin: 0;
    width: 100%;
  }
  #local_navigation .sidebar-nav .box ul > li.level1 .nav_level2 li {
    padding: 0;
    border: 1px solid #e6e6e5;
  }
  #local_navigation .sidebar-nav .box ul > li.level1 .nav_level2 li:first-child {
    border: 1px solid #e6e6e5;
  }
  #local_navigation .sidebar-nav .box ul > li.level1 .nav_level2 li a {
    padding: 10px 24px 10px 40px;
    background-position: 98% center;
    background-image: url(../img/d_image/pc_transition.png);
    line-height: 2em;
  }
  #local_navigation .sidebar-nav h4 {
    text-align: left;
    padding: 15px 12px 14px;
  }
  .larger_moji #local_navigation .sidebar-nav .box ul > li.level1 > a {
    padding: 6px 0;
  }
  /** 絞込み **/
  .sidebar-nav .box {
    margin-bottom: 0;
  }
  .sidebar-nav .box ul li a {
    padding: 15px 0 14px 15px;
  }
  .sidebar-nav .box ul li span {
    padding: 15px 0 14px 15px;
    margin-left: 0;
  }
  .genrenow {
    padding-top: 15px!important;
    padding-bottom: 14px!important;
  }
  /* ダイアログ */
  .ui-dialog {
    padding: 0;
    /* タイトルバー */
    /* 閉じるボタン */
  }
  .ui-dialog .ui-dialog-titlebar {
    margin: 0;
    padding: 20px 12px;
    color: #333;
  }
  .ui-dialog .ui-dialog-title {
    margin: 0;
    font-size: 73%;
  }
  .ui-dialog .ui-dialog-titlebar-close {
    background-size: 16px;
    margin-top: -20px;
    width: 16px;
    right: 16px;
    height: 16px;
  }
  .ui-dialog .ui-dialog-content {
    padding: 0;
  }
  .ui-resizable-handle {
    display: none!important;
  }
  /* ボタン */
  .modal_button .btn {
    line-height: 20px;
  }
  /* ダイアログ内ボタン大きさ */
  .btn-success,
  .modal_button a.btn:first-child,
  .modal_button button:first-child,
  .modal_button button:last-child,
  .modal_button a.btn {
    height: 40px;
    line-height: 40px;
    width: 90px;
    padding: 0 !important;
  }
  /* ボタン間マージン */
  .modal_button .btn,
  .modal_button a {
    margin: 0 0 15px 0 !important;
  }
   #search_box {
    background-image: url(../img/d_image/sp_search.png) !important;
    background-size: 30px;
    background-position: 12px 12px !important;
    margin: 0!important;
    padding-top: 12px;
    padding-left: 46px !important;
    height: 76px;
  }
   #search_box form.search_box_form .search-input {
    width: 75% !important;
  }
   #search_box form.search_box_form .search-input input[type="text"] {
    width: 100%;
    margin-left: 0;
  }
   #search_box form.search_box_form .search_button {
    margin: 0;
    width: 60px;
    height: 28px;
    font-weight: normal;
  }
   #search_box form.search_box_form .search-btns {
    width: 40%;
    margin-top: 30px;
    float: right;
    display: block;
    position: absolute;
    left: 200px;
  }
   #search_box form.search_box_form .search-btns a {
    padding: 0 0 0 23px;
  }
   #search_box form.search_box_form .searchmenu {
    text-align: left;
    clear: none;
    margin-top: 30px;
    margin-left: 0;
    padding-left: 0;
    width: 9em;
  }
   #search_box form.search_box_form .searchmenu a {
    color: transparent;
    background-image: none;
    position: relative;
    z-index: 0;
    width: 9em;
    padding: 0;
    margin: 0;
    display: block;
  }
   #search_box form.search_box_form .searchmenu a:after {
    background-image: url(../img/d_image/sp_genresearch.png);
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: 2px;
    content: "　 ジャンルで探す";
    color: #fff;
    position: absolute;
    left: 0;
    z-index: 1;
    width: 12em;
  }
   #search_box form.search_box_form .detail_search_link {
    background-image: url(../img/d_image/sp_searchplus.png);
    background-size: 13px;
    padding-right: 10px;
  }
  /* バナー*/
  a.external_link {
    margin: 12px auto 0;
    width: 224px;
  }
  a.external_link:last-child {
    margin-bottom: 24px;
  }
  /* パンくず */
  .breadcrumb.visible-desktop {
    display: none!important;
  }
  /* パンくず（下部） */
  ul.breadcrumb {
    margin: 0 12px 12px!important;
    padding: 12px 0 0 33px !important;
    border-top: 1px solid #ccc;
  }
  ul.breadcrumb li {
    line-height: 19px !important;
    height: 19px !important;
  }
  ul.breadcrumb li.breadcrumb_top > a {
    background-color: transparent !important;
  }
  /* サムネイル3個表示時のボーダー */
  .thumbnail_list li.book_info:nth-child(odd):nth-last-of-type(2) {
    border-bottom: 1px dotted #b4b4b4 !important;
  }
  /* フッター */
  #footer p {
    padding: 0;
    font-size: 9px;
  }
  #footer p.copyright {
    padding: 24px !important;
  }
  #footer .footer_freearea {
    width: 100%;
    margin: 0;
    padding: 24px 12px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #footer ul.footerlink {
    line-height: 50px;
    height: 50px;
  }
  #footer li.visible-phone {
    border-left: 1px solid #666666;
  }
  #footer li.visible-phone,
  #footer li.visible-phone + li {
    padding-left: 20px;
    padding-right: 20px;
  }
  #footer li.visible-phone + li + li:last-child,
  #footer .visible-phone {
    display: none !important;
  }
  /*************************
   ***** サイトマップ ********
   *************************/
  #sitemap_contents .three_row_contents {
    width: 48%;
    margin: 0 1%;
  }
  #sitemap_contents .three_row_contents .sitemap_arrow {
    padding-left: 18px;
  }
  #sitemap_contents .three_row_contents .sitemap_arrow:before {
    padding-right: 5px;
    margin-left: -18px;
  }
  #sitemap_contents .three_row_contents:first-child + .three_row_contents .sitemap_arrow:last-child {
    margin-bottom: 20px;
  }
  .onecolumn_space {
    padding-bottom: 0px;
  }
  .onecolumn_space + ul.breadcrumb {
    padding: 12px 0 0 0 !important;
  }
  .onecolumn_space + ul.breadcrumb li.breadcrumb_top > a {
    padding-left: 0 !important;
  }
  #contents > .breadcrumb {
    margin: 0 12px 12px !important;
    padding: 12px 0px 0px 33px !important;
  }
  #contents > .breadcrumb + .goto_top {
    margin-top: 0px;
  }
  #contents > .breadcrumb li.breadcrumb_top {
    padding: 4px 0 0 30px;
    margin-left: -30px;
  }
  #contents.container-fluid {
    background-image: url('../img/d_image/pc_texture.jpg');
  }
  /*************************
   ***** ログインページ +********
   *************************/
  #loginbox {
    padding: 0 0 32px;
    width: 100%;
  }
  #loginbox p {
    text-align: left;
    margin: 30px 12px 15px;
  }
  #loginbox .gray_button_l {
    margin-top: 20px;
    min-width: 180px;
    height: 40px;
  }
  #loginbox #loginForm {
    width: auto;
    margin: 35px 32px 0;
  }
  #loginbox #loginForm input {
    width: 94%;
  }
  #loginbox #loginForm label {
    text-align: left;
    width: auto;
  }
  #loginbox #loginForm label.error {
    margin-left: 0;
    margin-top: -10px;
    padding-left: 5px;
  }
  #loginbox + .breadcrumb li.breadcrumb_top > a {
    padding-left: 0;
  }
  /*************************
   **** パスワード変更 +****
   *************************/
  .enter_pass_area .onecolumn_inside {
    width: auto;
    margin: 30px 12px;
  }
  .enter_pass_area .onecolumn_inside input {
    width: 95%;
  }
  .enter_pass_area .onecolumn_inside #change_pass_form {
    margin: 35px 15px 0;
  }
  .enter_pass_area .onecolumn_inside #change_pass_form > div:first-child {
    padding-bottom: 2.5em;
  }
  .enter_pass_area .onecolumn_inside #change_pass_form .moji_definition {
    line-height: 20px;
  }
  .enter_pass_area .onecolumn_inside #change_pass_form label {
    float: none;
  }
  .enter_pass_area .onecolumn_inside #change_pass_form input {
    float: none;
  }
  .enter_pass_area .onecolumn_inside #change_pass_form [for="loginPass"] {
    margin-top: -3.2em;
    float: left;
  }
  .enter_pass_area .onecolumn_inside .button_area {
    width: 180px !important;
  }
  .enter_pass_area .onecolumn_inside .button_area .btn {
    width: 180px !important;
    height: 40px !important;
  }
  .enter_pass_area p {
    text-align: left;
  }
  .onecolumn_inside #change_pass_form label.error {
    margin-left: 0;
    margin-top: -10px !important;
  }
  .middle_moji .enter_pass_area .onecolumn_inside #change_pass_form [for="loginPass"],
  .large_moji .enter_pass_area .onecolumn_inside #change_pass_form [for="loginPass"] {
    margin-top: -3.6em;
  }
}
/*----------------------------------------------*
 *--------------マイページ------------------*
 *----------------------------------------------*/
#mypage_contents button.gray_button_s {
  padding: 0;
}
/* アクセシビリティ対応 */
.larger_moji #mypage_contents button.gray_button_s {
  width: 110px;
}
#reserved_books_list div.aboutbook dl dt {
  font-weight: normal;
}
#reserved_books_list div.aboutbook dl dd {
  font-weight: bold;
}
#reserved_books_list div.aboutbook dl.author dt {
  font-weight: normal;
}
#reserved_books_list div.aboutbook dl.author dd {
  font-weight: normal;
}
#reserved_books_list div.aboutbook dl.torioki_dl dt {
  font-weight: normal;
}
#reserved_books_list div.aboutbook dl.torioki_dl dd {
  font-weight: bold;
}
#rental_books_list h1,
#reserved_books_list h1 {
  margin-bottom: 0;
  background-image: url(../img/d_image/pc_mypage_titlebar_1.png);
  background-position: 17px center;
}
#rental_books_list h1 .number.rentalnum,
#reserved_books_list h1 .number.rentalnum {
  padding: 0;
  margin: 0 30px;
}
#reserved_books_list h1 {
  background-image: url(../img/d_image/pc_mypage_titlebar_2.png);
}
#mypage_contents {
  /* 資料選択ボタン */
  /* 取置中 */
}
#mypage_contents #rental_books_list,
#mypage_contents #reserved_books_list {
  margin: 0 0 15px;
}
#mypage_contents #rental_books_list .number,
#mypage_contents #reserved_books_list .number {
  background-color: transparent !important;
  min-width: 0;
  padding: 0 0 0 25px;
  height: auto;
}
#mypage_contents #rental_books_list h1 > span,
#mypage_contents #reserved_books_list h1 > span {
  text-align: left;
  min-width: 0;
}
#mypage_contents #rental_books_list .last_available_book,
#mypage_contents #reserved_books_list .last_available_book {
  color: #c30d23;
  left: 300px;
  padding-left: 15px;
}
#mypage_contents #rental_books_list .detail_list .book_info .read_button,
#mypage_contents #reserved_books_list .detail_list .book_info .read_button {
  margin: 0 auto 0;
}
#mypage_contents #rental_books_list .detail_list .image_and_bookinfo .aboutbook_img,
#mypage_contents #reserved_books_list .detail_list .image_and_bookinfo .aboutbook_img {
  width: 85px;
  position: static;
}
#mypage_contents #rental_books_list .detail_list .image_and_bookinfo .aboutbook_img .book_image,
#mypage_contents #reserved_books_list .detail_list .image_and_bookinfo .aboutbook_img .book_image {
  width: 86px;
  height: 120px;
}
#mypage_contents #rental_books_list .detail_list .image_and_bookinfo .aboutbook,
#mypage_contents #reserved_books_list .detail_list .image_and_bookinfo .aboutbook {
  padding: 0 243px 0 0;
  min-height: 0;
}
#mypage_contents #rental_books_list .detail_list .rentallist_buttons,
#mypage_contents #reserved_books_list .detail_list .rentallist_buttons,
#mypage_contents #rental_books_list .detail_list read_buttons_area,
#mypage_contents #reserved_books_list .detail_list read_buttons_area {
  margin-top: 8px;
}
#mypage_contents #rental_books_list .detail_list .read_rental_buttons li,
#mypage_contents #reserved_books_list .detail_list .read_rental_buttons li {
  padding-left: 10px;
}
#mypage_contents #rental_books_list .h_contents > span {
  padding: 10px 0 10px 15px;
  display: block;
}
#mypage_contents #rental_books_list .last_available_book {
  padding-left: 0;
}
#mypage_contents #reserved_books_list .h_contents > span {
  padding: 10px 0 10px 15px;
  display: block;
}
#mypage_contents #reserved_books_list .detail_list .book_info .aboutbook .author {
  margin: 0 auto 7px !important;
  line-height: 1.2em;
  max-height: 2.4em;
}
#mypage_contents #reserved_books_list .detail_list .book_info .aboutbook .author dt {
  margin: 0 5px 0 0;
}
#mypage_contents #reserved_books_list .detail_list .book_info .aboutbook .author dd {
  margin: 0 5px 0 0;
}
#mypage_contents #reserved_books_list .detail_list .book_info .aboutbook dl {
  line-height: 1.4em;
  max-height: 3.0em;
}
#mypage_contents #reserved_books_list .detail_list .book_info .aboutbook dl dt {
  margin: 0 auto 7px;
}
#mypage_contents #reserved_books_list .detail_list .book_info .aboutbook dl dd {
  margin: 0 auto 7px;
}
#mypage_contents #reserved_books_list .detail_list .book_info:last-child {
  border-bottom: 1px dotted #ccc;
}
#mypage_contents h5 {
  width: auto;
  margin-bottom: 0;
  margin-left: 17px;
  margin-right: 17px;
  background-color: #e6e6e5;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 190px;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -o-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  font-size: 115%;
  letter-spacing: 0.1em;
}
#mypage_contents h5 span.l_name {
  font-size: 100%;
  letter-spacing: 0.1em;
  word-break: break-all;
}
#mypage_contents a.link_passwordchg {
  margin-top: -40px;
  margin-right: 37px;
  background-position: right 2px;
}
#mypage_contents #personal_rental_status {
  margin-right: 17px !important;
  margin-left: 17px !important;
  width: auto !important;
  padding-bottom: 20px;
  background-color: #e6e6e5;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -o-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
}
#mypage_contents #personal_rental_status li.box {
  width: 45.78%;
  padding-top: 15px;
  padding-bottom: 15px;
}
#mypage_contents #personal_rental_status a:after {
  content: url(../img/d_image/pc_link.png);
  height: 13px;
  width: 13px;
  margin-left: 10px;
}
#mypage_contents #personal_rental_status li.box.rental_book_status {
  background-color: #FFFFFF;
  padding-left: 0;
  margin-left: 20px;
  margin-right: 0;
  border-radius: 3px;
}
#mypage_contents #personal_rental_status li.box.rental_book_status a.list_link_button {
  margin: 0 0 0 20px;
  padding: 20px 0 20px 0;
  padding-left: 75px;
  font-size: 100%;
  border: none;
  background-position: 0% 50%;
  background-color: transparent;
  width: auto;
  font-size: 87%;
}
#mypage_contents #personal_rental_status li.box.reserved_book_status {
  background-color: #FFFFFF;
  padding-left: 0;
  margin-left: 20px;
  margin-right: 0;
  border-radius: 3px;
}
#mypage_contents #personal_rental_status li.box.reserved_book_status a.list_link_button {
  margin: 0 0 0 20px;
  padding: 20px 0 20px 0;
  padding-left: 60px;
  font-size: 100%;
  border: none;
  background-position: 0% 50%;
  background-color: transparent;
  width: auto;
  font-size: 87%;
}
#mypage_contents div.layaway_button {
  background-image: none;
  background-color: #c30d23;
  width: auto;
  height: 20px;
  line-height: 20px;
  color: #ffffff;
  padding: 2px 8px 0;
  margin-right: 15px;
  text-align: center;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
.larger_moji #mypage_contents h5,
.larger_moji #mypage_contents #personal_rental_status {
  margin-left: 0px !important;
  margin-right: 10px !important;
}
/* 借りている資料－返却期限 */
.return_date dt {
  font-weight: normal;
}
.return_date dd {
  font-weight: bold;
}
/* アクセシビリティ対応 */
.larger_moji #mypage_contents a.link_passwordchg {
  margin-right: 10px;
  background-position: right 2px;
}
.larger_moji #mypage_contents #rental_books_list span,
.larger_moji #mypage_contents #reserved_books_list span {
  letter-spacing: 0;
}
.larger_moji #mypage_contents #rental_books_list .last_available_book,
.larger_moji #mypage_contents #reserved_books_list .last_available_book {
  width: 100%;
  padding: 10px 0 10px 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.larger_moji #mypage_contents #reserved_books_list .layaway_button {
  width: 60px !important;
}
#mypage_contents #rental_books_list .last_available_book,
#mypage_contents #reserved_books_list .last_available_book {
  position: static;
  border-bottom: 1px solid #efefef;
  width: 100%;
  padding: 10px 0 10px 15px;
  clear: both;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#mypage_contents #reserved_books_list .layaway_button {
  width: 52px !important;
}
#mypage_contents #rental_books_list .detail_list ul li.book_info .read_button span.read_tooltip {
  font-size: 13px;
  top: -42px;
}
/*----------------------------------------------*
 *--------------タブレット----------------------*
 *----------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 979px) {
  #mypage_contents #personal_rental_status li.box {
    padding: 0;
    width: 43.78%;
  }
  #mypage_contents #reserved_books_list .rental_list ul li .image_and_bookinfo .aboutbook,
  #mypage_contents #rental_books_list .rental_list ul li .image_and_bookinfo .aboutbook {
    width: 100%;
    padding: 0;
  }
}
/*----------------------------------------------*
 *--------------スマートフォン------------------*
 *----------------------------------------------*/
@media only screen and (max-width: 767px) {
  #header.now_mypage .login_info_area_sp {
    margin: 0;
    border: none;
    padding: 0;
    padding-bottom: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    position: relative;
  }
  #header.now_mypage .login_info_area_sp .alart_info_ul {
    margin: 12px 12px;
    width: auto;
    border: 1px solid #e6e6e5;
    padding: 0;
    padding-bottom: 6px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    position: relative;
  }
  #mypage_contents {
    padding-bottom: 0 !important;
    /* 借りている資料 */
    /* 予約している資料 */
  }
  #mypage_contents h5 {
    margin-left: 0;
    margin-right: 0;
    padding-top: 12px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 36px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    word-break: break-all;
  }
  #mypage_contents .link_passwordchg {
    margin-top: -29px !important;
    float: left;
    margin: 0px auto 0px 12px;
  }
  #mypage_contents #personal_rental_status {
    margin-right: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    padding-bottom: 0 !important;
  }
  #mypage_contents #personal_rental_status .rental_book_status {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  #mypage_contents #personal_rental_status .rental_book_status a.list_link_button {
    margin: 0 0 0 12px !important;
    padding-left: 60px !important;
  }
  #mypage_contents #personal_rental_status .reserved_book_status {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  #mypage_contents #personal_rental_status .reserved_book_status a.list_link_button {
    margin: 0 0 0 12px !important;
    padding-left: 46px !important;
  }
  #mypage_contents #personal_rental_status > li {
    width: auto !important;
    padding: 0 !important;
    margin: 0 auto 12px !important;
  }
  #mypage_contents #personal_rental_status > li.box.rental_book_status a.list_link_button {
    background-size: 42px auto;
  }
  #mypage_contents #personal_rental_status > li.box.reserved_book_status a.list_link_button {
    background-size: 32px auto;
  }
  #mypage_contents #rental_books_list {
    margin: 0;
  }
  #mypage_contents #rental_books_list h1 {
    background-position: 12px center;
  }
  #mypage_contents #rental_books_list h1 .rentalnum {
    padding: 0 0 0 7px;
    height: 1.2em;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 0;
  }
  #mypage_contents #rental_books_list h1 > span {
    font-size: 114%;
    float: none;
    margin-left: 57px;
  }
  #mypage_contents #rental_books_list h1 > span .rentalnum span {
    margin-left: 0 !important;
  }
  #mypage_contents #rental_books_list .last_available_book {
    padding-left: 12px;
    padding-top: 12px;
    padding-bottom: 12px;
    color: #c30d23;
  }
  #mypage_contents #rental_books_list .rental_list .book_info {
    padding: 24px 0 0 !important;
  }
  #mypage_contents #rental_books_list .rental_list .image_and_bookinfo {
    position: relative;
  }
  #mypage_contents #rental_books_list .rental_list .image_and_bookinfo .aboutbook_img {
    position: absolute;
    height: 125px;
    min-height: 125px;
  }
  #mypage_contents #rental_books_list .rental_list .image_and_bookinfo .image_and_bookinfo_leftside {
    width: 100%;
    box-sizing: border-box;
  }
  #mypage_contents #rental_books_list .rental_list .image_and_bookinfo .image_and_bookinfo_leftside .aboutbook {
    margin-left: 0;
    padding-bottom: 65px !important;
    min-height: 198px;
    width: auto;
  }
  #mypage_contents #rental_books_list .rental_list .image_and_bookinfo .image_and_bookinfo_leftside .aboutbook .return_date dt {
    margin: 0;
  }
  #mypage_contents #rental_books_list .rental_list .image_and_bookinfo .image_and_bookinfo_leftside .aboutbook .return_date dd {
    margin: 0;
  }
  #mypage_contents #rental_books_list .rental_list .image_and_bookinfo .image_and_bookinfo_leftside .rentallist_buttons {
    position: absolute;
    bottom: 0;
    margin-bottom: 15px;
    width: 100%;
  }
  #mypage_contents #rental_books_list .rental_list .image_and_bookinfo .image_and_bookinfo_leftside .rentallist_buttons .read_button {
    margin-right: 8%;
  }
  #mypage_contents #rental_books_list .rental_list .image_and_bookinfo .image_and_bookinfo_leftside .rentallist_buttons .read_rental_buttons {
    width: auto;
    clear: none;
  }
  #mypage_contents #rental_books_list .rental_list .image_and_bookinfo .image_and_bookinfo_leftside .rentallist_buttons .read_rental_buttons .gray_button_s {
    width: 66px;
  }
  #mypage_contents #reserved_books_list {
    margin: 0;
  }
  #mypage_contents #reserved_books_list h1 {
    background-position: 12px center;
  }
  #mypage_contents #reserved_books_list h1 > span {
    font-size: 114%;
    float: none;
    margin-left: 47px;
  }
  #mypage_contents #reserved_books_list h1 > span .reservenum {
    padding: 0 0 0 7px;
    height: 1.2em;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 0;
  }
  #mypage_contents #reserved_books_list h1 > span .reservenum span {
    margin-left: 0 !important;
  }
  #mypage_contents #reserved_books_list .last_available_book {
    padding-left: 12px;
    padding-top: 12px;
    padding-bottom: 12px;
  }
  #mypage_contents #reserved_books_list .rental_list .book_info {
    padding: 24px 0 0 !important;
  }
  #mypage_contents #reserved_books_list .rental_list .book_info .image_and_bookinfo {
    position: relative;
  }
  #mypage_contents #reserved_books_list .rental_list .book_info .image_and_bookinfo .aboutbook_img {
    position: absolute;
    height: 125px;
    min-height: 125px;
  }
  #mypage_contents #reserved_books_list .rental_list .book_info .image_and_bookinfo_leftside {
    width: 100%;
    box-sizing: border-box;
  }
  #mypage_contents #reserved_books_list .rental_list .book_info .image_and_bookinfo_leftside .aboutbook {
    padding-bottom: 65px !important;
    min-height: 198px;
    width: auto;
  }
  #mypage_contents #reserved_books_list .rental_list .book_info .image_and_bookinfo_leftside .aboutbook .layaway_button {
    font-size: 78%;
    width: 35px;
    margin-bottom: 8px;
    float: none !important;
  }
  #mypage_contents #reserved_books_list .rental_list .book_info .image_and_bookinfo_leftside .aboutbook dl {
    max-height: 6em;
  }
  #mypage_contents #reserved_books_list .rental_list .book_info .image_and_bookinfo_leftside .aboutbook .torioki_dl {
    margin-bottom: 0;
  }
  #mypage_contents #reserved_books_list .rental_list .book_info .image_and_bookinfo_leftside .aboutbook .torioki_dl dt,
  #mypage_contents #reserved_books_list .rental_list .book_info .image_and_bookinfo_leftside .aboutbook .torioki_dl dd {
    margin: 0 auto;
  }
  #mypage_contents #reserved_books_list .rental_list .book_info .image_and_bookinfo_leftside .aboutbook .author dt,
  #mypage_contents #reserved_books_list .rental_list .book_info .image_and_bookinfo_leftside .aboutbook .author dd {
    line-height: 1.4em;
    max-height: 1.4em;
    height: 1.3em !important;
  }
  #mypage_contents #reserved_books_list .rental_list .book_info .image_and_bookinfo_leftside .read_rental_buttons {
    width: auto;
    position: absolute;
    bottom: 0;
    margin-left: -15px;
    margin-bottom: 15px;
  }
  #mypage_contents #reserved_books_list .rental_list .book_info .image_and_bookinfo_leftside .read_rental_buttons button {
    width: 140px;
    margin: 0;
  }
  #mypage_contents #reserved_books_list .rental_list .book_info .image_and_bookinfo_leftside .read_rental_buttons li {
    padding-left: 15px;
  }
  #mypage_contents #reserved_books_list .rental_list .book_info:last-child {
    border-bottom: none;
  }
  .larger_moji #mypage_contents h5,
  .larger_moji #mypage_contents #personal_rental_status {
    margin-right: 0px !important;
  }
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
#book_detail_area {
  /* デバイスアイコン */
}
#book_detail_area .book_detail {
  position: relative;
}
#book_detail_area .book_detail a.book_image {
  width: 168px;
  height: 235px;
}
#book_detail_area .book_detail a.book_image img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#book_detail_area .book_detail .book_explain_area {
  padding: 0 17px;
  margin: 0 0 15px;
  width: 100%;
  min-height: 235px;
}
#book_detail_area .book_detail .book_explain_area .aboutbook_img {
  width: 168px;
  position: absolute;
}
#book_detail_area .book_detail dl.book_format dt,
#book_detail_area .book_detail dl.book_format dd {
  display: inline-block;
}
#book_detail_area .book_detail .book_dtl_upper_area,
#book_detail_area .book_detail .book_dtl_middle_area {
  width: 100%;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 158px 0 183px;
  float: left;
}
#book_detail_area .book_detail .under_book_explain_area {
  padding-left: 17px;
  padding-right: 17px;
}
#book_detail_area .book_detail .under_book_explain_area .book_detail_area_downarea .book_explain dt {
  padding-bottom: 9px;
  letter-spacing: 0.1em;
}
#book_detail_area .book_detail .detail_booktitle {
  width: 100%;
  margin: 0 0 15px;
  line-height: 1.2;
  border-bottom: none !important;
}
#book_detail_area .book_detail hr.book_detail_hr {
  border: none;
  border-bottom: #ccc 1px solid;
  margin: 0 17px;
}
#book_detail_area .book_detail .book_dtl_info_zone {
  width: 100%;
  padding: 20px 0 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: transparent;
}
#book_detail_area .book_detail .book_dtl_info_zone p.check_message {
  background-image: url(../img/d_image/pc_comment_1.png);
  background-position: left 1px;
}
#book_detail_area .book_detail .book_dtl_info_zone dl.torioki_date {
  display: none;
}
#book_detail_area .book_detail .rental_buttonside {
  margin: 0 17px 0 0;
  position: absolute;
  top: 0px;
  right: 0px;
  min-width: 128px;
  width: auto;
  max-width: 150px;
}
#book_detail_area .book_detail .rental_buttonside form {
  line-height: 0;
}
#book_detail_area .book_detail .book_detail_area_downarea .book_explain {
  margin: 0 0 30px;
}
#book_detail_area dl.book_detail_info {
  background-color: transparent;
  padding: 0;
  margin: 0 0 20px;
}
#book_detail_area dl.book_detail_info dt {
  font-size: 100%;
  margin: 0 0 10px 0;
  width: 5.6em;
}
#book_detail_area dl.book_detail_info dd {
  margin: 0 0 10px 5.6em;
  padding: 0 0 0 10px;
}
#book_detail_area dl.free_input_info {
  background-color: #e6e6e5;
  padding: 14px 14px 4px 14px;
  margin-top: 0;
}
#book_detail_area dl.free_input_info dt {
  letter-spacing: 0.1em;
  margin: 0 0 5px;
}
#book_detail_area dl.author,
#book_detail_area dl.publish,
#book_detail_area dl.book_format {
  width: 100%;
  margin: 3px 0;
}
#book_detail_area .book_detail .rental_buttonside ul.visible_device {
  display: block;
  margin: 0 0 15px;
  width: auto;
  min-width: 128px;
  max-width: 155px;
}
#book_detail_area .book_detail .rental_buttonside ul.visible_device li {
  font-size: 100%;
  font-weight: normal;
  width: 9.2em;
  height: 1.5em;
  line-height: 1.5em;
  max-width: none;
  background-color: transparent;
  clear: both;
  background-image: url(../img/d_image/pc_device_1.png);
  background-repeat: no-repeat;
  background-position: 0 center;
  padding-left: 14px;
  margin: 0 0 1px;
}
#book_detail_area .book_detail .rental_buttonside ul.visible_device li.unusable {
  background-image: url(../img/d_image/pc_device_2.png);
  background-repeat: no-repeat;
  background-position: 0 center;
}
#book_detail_area .book_detail .rental_buttonside ul.visible_device li:before {
  text-align: left;
  line-height: 1.5em;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#book_detail_area .book_detail .rental_buttonside ul.visible_device li.windows_icon:before {
  content: "Windows 対応";
}
#book_detail_area .book_detail .rental_buttonside ul.visible_device li.mac_icon:before {
  content: "Mac 対応";
}
#book_detail_area .book_detail .rental_buttonside ul.visible_device li.ios_icon:before {
  content: "iOS 対応";
}
#book_detail_area .book_detail .rental_buttonside ul.visible_device li.android_icon:before {
  content: "Android 対応";
}
#book_detail_area button {
  margin: 0 0 6px;
  display: block;
}
#book_detail_area .book_detail .book_explain_area .rental_buttonside ul.visible_device li.unusable {
  opacity: 1.0;
  color: #666666;
}
.tryread_on #book_detail_area .rental_buttonside button {
  margin: 0;
}
.tryread_on #book_detail_area .rental_buttonside .tryread_block .tryread_button {
  margin-top: 24px;
}
.tryread_on #book_detail_area .rental_buttonside .reserved_number + .tryread_block .tryread_button {
  margin-top: 0;
}
.larger_moji .tryread_on #book_detail_area .book_detail .book_explain_area {
  min-height: 255px;
}
/*----------------------------------------------*
 *--------------タブレット------------------*
 *----------------------------------------------*/
@media only screen and (max-width: 979px) and (min-width: 768px) {
  #book_detail_area .book_detail dl.book_format,
  #book_detail_area .book_detail .book_dtl_info_zone {
    width: 100%;
  }
}
/*----------------------------------------------*
 *--------------スマートフォン------------------*
 *----------------------------------------------*/
@media only screen and (max-width: 767px) {
  #book_detail_area h1 {
    margin-bottom: 12px;
  }
  #book_detail_area .book_detail .book_explain_area {
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 12px;
  }
  #book_detail_area .book_detail .book_explain_area .book_dtl_upper_area {
    margin-bottom: 12px;
    padding: 0;
  }
  #book_detail_area .book_detail .book_explain_area .book_dtl_upper_area .detail_booktitle {
    width: auto !important;
    margin: 0;
    font-size: 114%;
  }
  #book_detail_area .book_detail .book_explain_area .aboutbook_img {
    position: static;
    width: 138px;
  }
  #book_detail_area .book_detail .book_explain_area .aboutbook_img a.book_image {
    width: 138px !important;
    height: 193px;
  }
  #book_detail_area .book_detail .book_explain_area .book_dtl_middle_area {
    padding: 0 0 0 150px;
    margin-top: -210px;
    margin-bottom: 12px;
  }
  #book_detail_area .book_detail .book_explain_area .book_dtl_middle_area .visible_device {
    margin: 0 auto 7px;
  }
  #book_detail_area .book_detail .book_explain_area .book_dtl_middle_area .read_button {
    float: left !important;
  }
  #book_detail_area .book_detail .book_explain_area dl {
    margin: 0 0 12px;
  }
  #book_detail_area .book_detail .book_explain_area dl.book_format {
    float: none;
  }
  #book_detail_area .book_detail .book_explain_area dl.book_format dt,
  #book_detail_area .book_detail .book_explain_area dl.book_format dd {
    float: none;
    display: inline-block;
    margin: 0;
  }
  #book_detail_area .book_detail .book_explain_area .rental_buttonside {
    position: static;
  }
  #book_detail_area .book_detail .book_explain_area .book_dtl_info_zone_sp {
    background: none;
    width: 100%;
    margin: 0 0;
    padding: 0;
  }
  #book_detail_area .book_detail .book_explain_area .book_dtl_info_zone_sp .check_message {
    margin: 0 0 12px;
    background-image: url(../img/d_image/pc_comment_1.png);
  }
  #book_detail_area .book_detail hr.book_detail_hr {
    margin: 0 12px;
  }
  #book_detail_area .book_detail .under_book_explain_area {
    padding: 24px 12px 0;
    width: 100%;
  }
  #book_detail_area .book_detail .under_book_explain_area .book_detail_area_downarea .book_explain {
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: #ccc 1px solid;
  }
  #book_detail_area .book_detail .under_book_explain_area .book_detail_area_downarea .book_explain dt {
    padding-bottom: 7px;
  }
  #book_detail_area .book_detail .under_book_explain_area .book_detail_area_downarea .book_explain dd {
    margin-left: 0;
  }
  #book_detail_area .book_detail .under_book_explain_area .book_detail_info {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 12px;
    border-bottom: #ccc 1px solid;
    margin-bottom: 24px;
  }
  #book_detail_area .book_detail .under_book_explain_area .book_detail_info dd {
    float: none;
  }
  #book_detail_area .book_detail .under_book_explain_area dl.free_input_info {
    margin-bottom: 0;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border: none;
  }
  #book_detail_area .book_detail .under_book_explain_area dl.free_input_info dt {
    line-height: 19px;
    margin-bottom: 5px;
  }
  #book_detail_area .book_detail .under_book_explain_area dl.free_input_info dd {
    line-height: 21px;
  }
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/*----------------------------------------------*
 *------------------検索結果--------------------*
 *----------------------------------------------*/
.magazine {
  line-height: 7px;
}
.magazine a.volume_list_link {
  height: 40px;
  line-height: 40px;
  background-image: url(../img/d_image/pc_link.png);
  background-position: right 45%;
  padding: 0 8px 0 0;
  margin: 0 0 7px!important;
  font-size: 114%;
}
.magazine .reserved_number {
  visibility: hidden;
  display: block;
}
dl.book_format dt {
  font-weight: normal;
}
/******** サムネイル *******/
/* リスト、サムネイル共通 */
.detail_list .book_info dl dt,
.thumbnail_list .book_info dl dt,
.detail_list_2column .book_info dl dt {
  font-weight: normal;
}
.detail_list .book_info button,
.thumbnail_list .book_info button,
.detail_list_2column .book_info button {
  margin: 0 auto 6px;
}
/* 5列 */
/* サムネイル表示 */
.thumbnail_list {
  margin: 0;
  padding: 0 0 0 17px;
}
.thumbnail_list ul li.book_info {
  width: 20%;
  min-width: 140px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 17px 15px 0;
  margin: 0!important;
}
.thumbnail_list ul li.book_info .booktitle {
  margin: 0 0 12px;
  padding: 12px 0 0;
}
.thumbnail_list ul li.book_info .aboutbook_img a.book_image {
  width: 128px;
  height: 179px;
}
.thumbnail_list ul li.book_info .aboutbook {
  width: 128px;
}
.thumbnail_list ul li.book_info dl.author {
  height: 1.2em;
}
.thumbnail_list ul li.book_info .button_and_device {
  height: 70px;
  width: 100%;
}
.thumbnail_list ul li.book_info .device_and_rentalbutton {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.thumbnail_list ul li.book_info dl {
  margin: 0 0 12px;
}
.thumbnail_list .magazine {
  line-height: 25px;
  margin-bottom: 0;
}
.thumbnail_list .magazine a.volume_list_link {
  width: 120px;
  margin: 0 0 6px;
  padding: 0 12px 0 0;
  background-position: right 45%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.volume_list.thumbnail_list ul li.book_info dl {
  display: none;
}
.volume_list.thumbnail_list ul li.book_info dl:nth-child(3) {
  display: block;
}
/* 2列 */
/* 2列表示 */
.detail_list_2column {
  padding: 0 17px 0;
}
.detail_list_2column ul li.book_info {
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 15px 15px 0;
  margin: 0;
}
.detail_list_2column ul li.book_info:nth-child(even) {
  padding: 15px 0 15px 15px;
}
.detail_list_2column ul li.book_info .aboutbook_img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 40%;
  padding: 0 15px 0 0;
  height: auto;
  margin: 0;
}
.detail_list_2column ul li.book_info .aboutbook_img a.book_image {
  width: 128px;
  height: 179px;
}
.detail_list_2column ul li.book_info .aboutbook_img a.book_image img {
  /*
                    width: 128px;
                    height: 179px;
                  */
  margin-left: 0;
}
.detail_list_2column ul li.book_info .aboutbook {
  width: 60%;
  margin: 0px;
}
.detail_list_2column ul li.book_info .button_and_device,
.detail_list_2column ul li.book_info .device_and_rentalbutton {
  min-width: 0;
  max-width: 128px;
  width: 128px;
}
.larger_moji .detail_list_2column ul li.book_info .button_and_device,
.middle_moji .detail_list_2column ul li.book_info .button_and_device,
.larger_moji .detail_list_2column ul li.book_info .device_and_rentalbutton,
.middle_moji .detail_list_2column ul li.book_info .device_and_rentalbutton {
  max-width: 160px;
  width: 160px;
}
#search_result_list {
  margin: 0;
}
#search_result_list.thumbnail_list {
  padding: 0 0 0 17px;
}
/* 詳細リスト */
.detail_list > ul > li.book_info {
  width: 100%;
  padding: 15px 0 !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* 1列 */
/* リスト表示 */
.detail_list {
  padding: 0 17px;
}
.detail_list .magazine {
  line-height: 20px;
}
.top_maincontents .detail_list li.book_info .aboutbook_img,
.top_maincontents .detail_list li.book_info a.book_image img {
  max-width: 100%!important;
  max-height: 100%!important;
}
/* 文字「大」「中」 リスト表示 */
.larger_moji,
.middle_moji {
  /* 予約者数 */
}
.larger_moji .detail_list .magazine .volume_list_link,
.middle_moji .detail_list .magazine .volume_list_link {
  font-size: 100% !important;
  background-position: right 45%;
  line-height: 40px;
}
.larger_moji ul li.book_info .reserved_number span,
.middle_moji ul li.book_info .reserved_number span {
  display: inline-block;
}
/* 文字「大」「中」サムネイル表示 */
.larger_moji .thumbnail_list .magazine,
.middle_moji .thumbnail_list .magazine {
  line-height: 30px;
}
.larger_moji .thumbnail_list .magazine .volume_list_link,
.middle_moji .thumbnail_list .magazine .volume_list_link {
  font-size: 100% !important;
}
/* 文字「中」サムネイル表示 */
/* 文字「大」サムネイル表示 */
.larger_moji .thumbnail_list ul li.book_info .button_and_device,
.middle_moji .thumbnail_list ul li.book_info .button_and_device {
  height: 90px;
}
#search_result_list.detail_list ul.normal_list_style li.book_info {
  width: 96%;
  margin-right: 17px;
}
#search_result_list.detail_list ul li.book_info .image_and_bookinfo,
.detail_list ul li.book_info .image_and_bookinfo {
  position: relative;
}
#search_result_list.detail_list ul li.book_info .image_and_bookinfo .aboutbook_img,
.detail_list ul li.book_info .image_and_bookinfo .aboutbook_img {
  position: absolute;
  left: 0;
  top: 0;
  width: 78px;
}
#search_result_list.detail_list ul li.book_info .image_and_bookinfo a.book_image,
.detail_list ul li.book_info .image_and_bookinfo a.book_image {
  width: 78px;
  height: 108px;
}
#search_result_list.detail_list ul li.book_info .image_and_bookinfo .aboutbook,
.detail_list ul li.book_info .image_and_bookinfo .aboutbook {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0 158px 0 93px;
  min-height: 108px;
}
#search_result_list.detail_list ul li.book_info .image_and_bookinfo .button_and_device,
.detail_list ul li.book_info .image_and_bookinfo .button_and_device,
#search_result_list.detail_list ul li.book_info .image_and_bookinfo .device_and_rentalbutton,
.detail_list ul li.book_info .image_and_bookinfo .device_and_rentalbutton {
  position: absolute;
  top: 0;
  right: 0;
  width: 128px;
  min-width: 0;
}
#search_result_list.detail_list ul li.book_info .image_and_bookinfo .book_format,
.detail_list ul li.book_info .image_and_bookinfo .book_format {
  margin-bottom: 0;
}
#search_result_list {
  padding: 0 17px;
}
#search_result_list.detail_list ul.normal_list_style li.book_info,
.detail_list ul.normal_list_style li.book_info {
  margin: 0;
  padding: 15px 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#search_result_list.detail_list ul.normal_list_style li.book_info .aboutbook,
.detail_list ul.normal_list_style li.book_info .aboutbook {
  border-right: none;
}
#search_result_list.detail_list ul.normal_list_style li.book_info .button_and_device,
.detail_list ul.normal_list_style li.book_info .button_and_device {
  width: 128px;
  float: right;
  margin-left: 30px;
}
#search_result_list.detail_list ul.normal_list_style li.book_info button,
.detail_list ul.normal_list_style li.book_info button {
  margin-top: 0;
}
/* ランキング リスト表示 */
#search_result_list.detail_list.ranking_list ul.normal_list_style li.book_info .aboutbook,
.ranking_area .detail_list ul.normal_list_style li.book_info .aboutbook {
  padding-top: 39px;
  min-height: 147px;
}
#search_result_list.detail_list.ranking_list ul.normal_list_style li.book_info .button_and_device,
.ranking_area .detail_list ul.normal_list_style li.book_info .button_and_device,
#search_result_list.detail_list.ranking_list ul.normal_list_style li.book_info .device_and_rentalbutton,
.ranking_area .detail_list ul.normal_list_style li.book_info .device_and_rentalbutton {
  padding-top: 39px;
}
.tryread_on .device_and_rentalbutton {
  min-height: 118px;
}
.tryread_on .reserved_number {
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 24px;
  padding: 4px 0;
}
.tryread_on .book_info button {
  margin: 0 auto;
}
.tryread_on .thumbnail_list ul li.book_info .button_and_device {
  height: 108px;
}
.tryread_on .thumbnail_list .reserved_number {
  width: 100%;
}
.tryread_on #search_result_list.detail_list ul.normal_list_style li.book_info button,
.tryread_on .detail_list ul.normal_list_style li.book_info button {
  margin: 0;
}
.tryread_on #search_result_list.detail_list ul.normal_list_style li.book_info .aboutbook,
.tryread_on .detail_list ul.normal_list_style li.book_info .aboutbook {
  min-height: 118px;
}
.tryread_on #search_result_list.detail_list.ranking_list ul.normal_list_style li.book_info .aboutbook,
.tryread_on .ranking_area .detail_list ul.normal_list_style li.book_info .aboutbook {
  min-height: 157px;
}
.larger_moji .tryread_on .thumbnail_list ul li.book_info .button_and_device,
.middle_moji .tryread_on .thumbnail_list ul li.book_info .button_and_device {
  height: 148px;
}
.larger_moji .tryread_on .reserved_number,
.middle_moji .tryread_on .reserved_number {
  min-height: 50px;
}
.larger_moji .tryread_on .detail_list_2column ul li.book_info .button_and_device,
.middle_moji .tryread_on .detail_list_2column ul li.book_info .button_and_device,
.larger_moji .tryread_on .detail_list_2column ul li.book_info .device_and_rentalbutton,
.middle_moji .tryread_on .detail_list_2column ul li.book_info .device_and_rentalbutton {
  min-height: 120px;
}
.larger_moji .tryread_on .detail_list_2column ul li.book_info .reserved_number,
.middle_moji .tryread_on .detail_list_2column ul li.book_info .reserved_number {
  min-height: 30px;
}
.larger_moji .tryread_on #search_result_list.detail_list ul.normal_list_style li.book_info button,
.middle_moji .tryread_on #search_result_list.detail_list ul.normal_list_style li.book_info button,
.larger_moji .tryread_on .detail_list ul.normal_list_style li.book_info button,
.middle_moji .tryread_on .detail_list ul.normal_list_style li.book_info button {
  margin: 0;
}
.larger_moji .tryread_on #search_result_list.detail_list ul.normal_list_style li.book_info .aboutbook,
.middle_moji .tryread_on #search_result_list.detail_list ul.normal_list_style li.book_info .aboutbook,
.larger_moji .tryread_on .detail_list ul.normal_list_style li.book_info .aboutbook,
.middle_moji .tryread_on .detail_list ul.normal_list_style li.book_info .aboutbook {
  min-height: 148px;
}
.larger_moji .tryread_on #search_result_list.detail_list ul.normal_list_style li.book_info .device_and_rentalbutton,
.middle_moji .tryread_on #search_result_list.detail_list ul.normal_list_style li.book_info .device_and_rentalbutton,
.larger_moji .tryread_on .detail_list ul.normal_list_style li.book_info .device_and_rentalbutton,
.middle_moji .tryread_on .detail_list ul.normal_list_style li.book_info .device_and_rentalbutton,
.larger_moji .tryread_on #search_result_list.detail_list ul.normal_list_style li.book_info .button_and_device,
.middle_moji .tryread_on #search_result_list.detail_list ul.normal_list_style li.book_info .button_and_device,
.larger_moji .tryread_on .detail_list ul.normal_list_style li.book_info .button_and_device,
.middle_moji .tryread_on .detail_list ul.normal_list_style li.book_info .button_and_device {
  min-height: 152px;
}
.larger_moji .tryread_on #search_result_list.detail_list.ranking_list ul.normal_list_style li.book_info .aboutbook,
.middle_moji .tryread_on #search_result_list.detail_list.ranking_list ul.normal_list_style li.book_info .aboutbook,
.larger_moji .tryread_on .ranking_area .detail_list ul.normal_list_style li.book_info .aboutbook,
.middle_moji .tryread_on .ranking_area .detail_list ul.normal_list_style li.book_info .aboutbook {
  min-height: 177px;
}
.larger_moji .tryread_on #search_result_list.detail_list.ranking_list ul.normal_list_style li.book_info .device_and_rentalbutton,
.middle_moji .tryread_on #search_result_list.detail_list.ranking_list ul.normal_list_style li.book_info .device_and_rentalbutton,
.larger_moji .tryread_on .ranking_area .detail_list ul.normal_list_style li.book_info .device_and_rentalbutton,
.middle_moji .tryread_on .ranking_area .detail_list ul.normal_list_style li.book_info .device_and_rentalbutton,
.larger_moji .tryread_on #search_result_list.detail_list.ranking_list ul.normal_list_style li.book_info .button_and_device,
.middle_moji .tryread_on #search_result_list.detail_list.ranking_list ul.normal_list_style li.book_info .button_and_device,
.larger_moji .tryread_on .ranking_area .detail_list ul.normal_list_style li.book_info .button_and_device,
.middle_moji .tryread_on .ranking_area .detail_list ul.normal_list_style li.book_info .button_and_device {
  min-height: 152px;
}
/* 巻・号対応 */
.volume_list.thumbnail_list .book_info .aboutbook > :nth-child(3) dt {
  display: block;
  margin: 0;
  padding: 2px 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 3.6em;
  height: 18px;
  line-height: 20px;
  overflow: hidden;
  font-size: 85.7%;
  text-indent: 100%;
  background: #575757;
  text-align: center;
}
.volume_list.thumbnail_list .book_info .aboutbook > :nth-child(3) dt:before {
  height: 1.2em;
  line-height: 1.2;
  content: "発行日";
  text-indent: 0;
  width: 3.6em;
  color: #fff;
  display: block;
}
.volume_list.thumbnail_list .book_info .aboutbook > :nth-child(3) dd {
  font-size: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1px 0 0;
  margin: 0 0 0 2px;
  text-align: right;
}
.volume_list.thumbnail_list .book_info .aboutbook dl:first-child,
.volume_list.thumbnail_list .book_info .aboutbook .featrue {
  display: none;
}
.larger_moji .detail_list .device_and_rentalbutton,
.middle_moji .detail_list .device_and_rentalbutton {
  overflow: visible;
}
.larger_moji .volume_list.thumbnail_list .book_info .aboutbook > :nth-child(3) dt:before,
.middle_moji .volume_list.thumbnail_list .book_info .aboutbook > :nth-child(3) dt:before {
  line-height: 1.0;
}
/*----------------------------------------------*
 *---トップ２列表示 コンテンツタイプへの対応----*
 *----------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 900px) {
  .detail_list_2column ul li.book_info .aboutbook .book_format dd {
    margin-right: 0;
  }
  .middle_moji .detail_list_2column ul li.book_info .aboutbook .book_format {
    margin-top: 40px;
  }
  .larger_moji .detail_list_2column ul li.book_info .aboutbook .book_format {
    margin-top: 20px;
  }
}
/*----------------------------------------------*
 *--------------タブレット----------------------*
 *----------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 979px) {
  #book_detail_area .book_detail ul.visible_device {
    margin-left: 0px;
  }
  /*著者名スタイル*/
  .detail_list ul li.book_info .image_and_bookinfo .image_and_bookinfo_leftside .aboutbook dl.author dt {
    width: 45px;
  }
  .detail_list ul li.book_info .image_and_bookinfo .image_and_bookinfo_leftside .aboutbook dl.author dd {
    width: 100%;
  }
  /*著者名スタイル中*/
  .middle_moji .detail_list ul li.book_info .image_and_bookinfo .image_and_bookinfo_leftside .aboutbook dl.author dt {
    width: 55px;
  }
  /*著者名スタイル大*/
  .larger_moji .detail_list ul li.book_info .image_and_bookinfo .image_and_bookinfo_leftside .aboutbook dl.author dt {
    width: 65px;
  }
  .detail_list_2column ul li.book_info .aboutbook_img {
    width: 40%;
    height: auto;
  }
  .detail_list_2column ul li.book_info .aboutbook_img a.book_image {
    max-width: 90px;
    max-height: 135px;
    width: 90px;
    height: 135px;
  }
  .detail_list_2column ul li.book_info .aboutbook_img a.book_image img {
    margin-left: 0;
  }
  .detail_list_2column ul li.book_info .aboutbook {
    width: 60%;
  }
  .detail_list_2column ul li.book_info .ranking1_icon,
  .detail_list_2column ul li.book_info .ranking2_icon,
  .detail_list_2column ul li.book_info .ranking3_icon {
    padding-left: 28px;
    background-size: 24px;
  }
  .larger_moji .thumbnail_list ul li.book_info {
    min-height: 0;
  }
}
/*----------------------------------------------*
 *--------------スマートフォン------------------*
 *----------------------------------------------*/
@media only screen and (max-width: 767px) {
  /***** 巻号一覧 +********/
  .magazine a.volume_list_link {
    height: 20px;
  }
  .detail_list ul li .button_and_device.magazine a.volume_list_link,
  .detail_list_2column ul li .button_and_device.magazine a.volume_list_link {
    height: auto;
    background-position: right 45%;
  }
  .detail_list ul li.book_info,
  .detail_list_2column ul li.book_info {
    border-bottom: 1px solid #ccc;
  }
  /* サムネイル 2カラム */
  .top_maincontents .detail_list_2column,
  .detail_list {
    padding: 0 12px;
  }
  .top_maincontents .detail_list_2column li.book_info,
  .detail_list li.book_info,
  .top_maincontents .detail_list_2column li.book_info:nth-child(2n),
  .detail_list li.book_info:nth-child(2n) {
    padding: 24px 0 12px;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #ccc;
  }
  .top_maincontents .detail_list_2column li.book_info .aboutbook_img,
  .detail_list li.book_info .aboutbook_img,
  .top_maincontents .detail_list_2column li.book_info:nth-child(2n) .aboutbook_img,
  .detail_list li.book_info:nth-child(2n) .aboutbook_img {
    width: 87px !important;
    position: absolute;
  }
  .top_maincontents .detail_list_2column li.book_info .aboutbook_img a.book_image,
  .detail_list li.book_info .aboutbook_img a.book_image,
  .top_maincontents .detail_list_2column li.book_info:nth-child(2n) .aboutbook_img a.book_image,
  .detail_list li.book_info:nth-child(2n) .aboutbook_img a.book_image {
    width: 87px;
    height: auto;
  }
  .top_maincontents .detail_list_2column li.book_info .aboutbook,
  .detail_list li.book_info .aboutbook,
  .top_maincontents .detail_list_2column li.book_info:nth-child(2n) .aboutbook,
  .detail_list li.book_info:nth-child(2n) .aboutbook {
    width: 100%;
    box-sizing: border-box;
    min-width: 197px;
    padding: 0 0 0 100px;
  }
  .top_maincontents .detail_list_2column li.book_info .aboutbook dl dd,
  .detail_list li.book_info .aboutbook dl dd,
  .top_maincontents .detail_list_2column li.book_info:nth-child(2n) .aboutbook dl dd,
  .detail_list li.book_info:nth-child(2n) .aboutbook dl dd {
    height: auto;
    max-height: 2.6em;
  }
  .top_maincontents .detail_list_2column li.book_info .device_and_rentalbutton,
  .detail_list li.book_info .device_and_rentalbutton,
  .top_maincontents .detail_list_2column li.book_info:nth-child(2n) .device_and_rentalbutton,
  .detail_list li.book_info:nth-child(2n) .device_and_rentalbutton {
    padding-top: 12px !important;
  }
  .top_maincontents .detail_list_2column ul li.book_info:last-child,
  .detail_list ul li.book_info:last-child {
    border: none;
  }
  /* サムネイル 1カラム */
  .top_maincontents .detail_list ul li.book_info .image_and_bookinfo {
    /* 画像 */
  }
  .top_maincontents .detail_list ul li.book_info .image_and_bookinfo .aboutbook_img {
    width: 87px;
  }
  .top_maincontents .detail_list ul li.book_info .image_and_bookinfo a.book_image {
    width: 87px;
    height: auto;
  }
  .top_maincontents .detail_list ul li.book_info .image_and_bookinfo a.book_image img {
    width: auto;
    height: auto;
  }
  .detail_list ul.normal_list_style li.book_info {
    padding: 24px 0 12px!important;
  }
  .detail_list ul.normal_list_style li.book_info .device_and_rentalbutton {
    padding-top: 0 ;
  }
  .detail_list ul.normal_list_style li.book_info .aboutbook {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 0 100px !important;
    margin-left: 0;
  }
  .detail_list,
  .detail_list_2column {
    padding: 0 12px !important;
  }
  .detail_list ul li.book_info .image_and_bookinfo .device_and_rentalbutton,
  .detail_list_2column ul li.book_info .image_and_bookinfo .device_and_rentalbutton {
    position: static !important;
  }
  .detail_list ul li.book_info .image_and_bookinfo a.book_image,
  .detail_list_2column ul li.book_info .image_and_bookinfo a.book_image {
    width: 87px !important;
    height: 124px !important;
  }
  .detail_list .magazine,
  .detail_list_2column .magazine {
    min-height: initial;
  }
  .detail_list .magazine form,
  .detail_list_2column .magazine form {
    display: none;
  }
  .detail_list + .switch_result_number,
  .detail_list_2column + .switch_result_number {
    padding: 0 !important;
  }
  .larger_moji .detail_list_2column ul li.book_info .button_and_device,
  .middle_moji .detail_list_2column ul li.book_info .button_and_device,
  .larger_moji .detail_list_2column ul li.book_info .device_and_rentalbutton,
  .middle_moji .detail_list_2column ul li.book_info .device_and_rentalbutton {
    max-width: 100%;
    width: 128px;
  }
  /* サムネイルリスト */
  .thumbnail_list {
    padding: 0 12px;
  }
  .thumbnail_list ul li.book_info {
    width: 50% !important;
    padding: 24px 6px 0px 0 !important;
  }
  .thumbnail_list ul li.book_info:nth-child(2n) {
    padding-right: 0 !important;
    padding-left: 6px !important;
  }
  .thumbnail_list ul li.book_info .aboutbook {
    clear: both;
    width: 128px !important;
    float: none!important;
  }
  .thumbnail_list ul li.book_info .aboutbook_img {
    float: none!imporant;
  }
  .thumbnail_list ul li.book_info .aboutbook_img a.book_image {
    width: 128px !important;
    height: 179px !important;
  }
  .thumbnail_list ul li.book_info .rankingicon {
    width: 128px;
  }
  .thumbnail_list ul li.book_info .ranking1_icon,
  .thumbnail_list ul li.book_info .ranking2_icon,
  .thumbnail_list ul li.book_info .ranking3_icon {
    padding: 0px 15px 0px 34px;
    background-position: 28px center;
  }
  .thumbnail_list ul li.book_info .button_and_device {
    width: auto;
  }
  /* ランキングエリア */
  .ranking_area .detail_list ul.normal_list_style li.book_info .aboutbook {
    padding: 28px 0 0 100px !important;
  }
  .ranking_area .detail_list_2column ul.normal_list_style li.book_info .aboutbook {
    padding: 28px 0 0 100px !important;
  }
  /* ランキング順位 */
  li.book_info .rankingicon {
    margin: 0;
  }
  /* アクセシビリティ対応 */
  .middle_moji .detail_list ul li.book_info .button_and_device form .reserved_number {
    font-size: 95%;
  }
  .tryread_on .detail_list .device_and_rentalbutton,
  .tryread_on .detail_list_2column .device_and_rentalbutton,
  .tryread_on .detail_list .button_and_device,
  .tryread_on .detail_list_2column .button_and_device {
    min-height: 0;
    margin-bottom: 10px;
  }
  .tryread_on .thumbnail_list .device_and_rentalbutton {
    min-height: 118px;
  }
  .larger_moji .tryread_on #search_result_list.detail_list ul.normal_list_style li.book_info .device_and_rentalbutton,
  .middle_moji .tryread_on #search_result_list.detail_list ul.normal_list_style li.book_info .device_and_rentalbutton,
  .larger_moji .tryread_on .detail_list ul.normal_list_style li.book_info .device_and_rentalbutton,
  .middle_moji .tryread_on .detail_list ul.normal_list_style li.book_info .device_and_rentalbutton,
  .larger_moji .tryread_on .detail_list_2column ul li.book_info .device_and_rentalbutton,
  .middle_moji .tryread_on .detail_list_2column ul li.book_info .device_and_rentalbutton,
  .larger_moji .tryread_on #search_result_list.detail_list ul.normal_list_style li.book_info .button_and_device,
  .middle_moji .tryread_on #search_result_list.detail_list ul.normal_list_style li.book_info .button_and_device,
  .larger_moji .tryread_on .detail_list ul.normal_list_style li.book_info .button_and_device,
  .middle_moji .tryread_on .detail_list ul.normal_list_style li.book_info .button_and_device,
  .larger_moji .tryread_on .detail_list_2column ul li.book_info .button_and_device,
  .middle_moji .tryread_on .detail_list_2column ul li.book_info .button_and_device {
    min-height: 0;
  }
  .larger_moji .tryread_on #search_result_list.detail_list ul.normal_list_style li.book_info .reserved_number,
  .middle_moji .tryread_on #search_result_list.detail_list ul.normal_list_style li.book_info .reserved_number,
  .larger_moji .tryread_on .detail_list ul.normal_list_style li.book_info .reserved_number,
  .middle_moji .tryread_on .detail_list ul.normal_list_style li.book_info .reserved_number,
  .larger_moji .tryread_on .detail_list_2column ul li.book_info .reserved_number,
  .middle_moji .tryread_on .detail_list_2column ul li.book_info .reserved_number {
    min-height: 24px;
  }
  .larger_moji .tryread_on #search_result_list.detail_list.ranking_list ul.normal_list_style li.book_info .device_and_rentalbutton,
  .middle_moji .tryread_on #search_result_list.detail_list.ranking_list ul.normal_list_style li.book_info .device_and_rentalbutton,
  .larger_moji .tryread_on .ranking_area .detail_list ul.normal_list_style li.book_info .device_and_rentalbutton,
  .middle_moji .tryread_on .ranking_area .detail_list ul.normal_list_style li.book_info .device_and_rentalbutton,
  .larger_moji .tryread_on .ranking_area .detail_list_2column ul.normal_list_style li.book_info .device_and_rentalbutton,
  .middle_moji .tryread_on .ranking_area .detail_list_2column ul.normal_list_style li.book_info .device_and_rentalbutton,
  .larger_moji .tryread_on #search_result_list.detail_list.ranking_list ul.normal_list_style li.book_info .button_and_device,
  .middle_moji .tryread_on #search_result_list.detail_list.ranking_list ul.normal_list_style li.book_info .button_and_device,
  .larger_moji .tryread_on .ranking_area .detail_list ul.normal_list_style li.book_info .button_and_device,
  .middle_moji .tryread_on .ranking_area .detail_list ul.normal_list_style li.book_info .button_and_device,
  .larger_moji .tryread_on .ranking_area .detail_list_2column ul.normal_list_style li.book_info .button_and_device,
  .middle_moji .tryread_on .ranking_area .detail_list_2column ul.normal_list_style li.book_info .button_and_device {
    min-height: 0;
  }
  .larger_moji .tryread_on #search_result_list.detail_list.ranking_list ul.normal_list_style li.book_info .reserved_number,
  .middle_moji .tryread_on #search_result_list.detail_list.ranking_list ul.normal_list_style li.book_info .reserved_number,
  .larger_moji .tryread_on .ranking_area .detail_list ul.normal_list_style li.book_info .reserved_number,
  .middle_moji .tryread_on .ranking_area .detail_list ul.normal_list_style li.book_info .reserved_number,
  .larger_moji .tryread_on .ranking_area .detail_list_2column ul.normal_list_style li.book_info .reserved_number,
  .middle_moji .tryread_on .ranking_area .detail_list_2column ul.normal_list_style li.book_info .reserved_number {
    min-height: 24px;
  }
}
@media only screen and (max-width: 767px) and (min-width: 480px) {
  .thumbnail_list ul li.book_info {
    width: 33%!important;
    margin-left: 0!important;
    margin-right: 0!important;
    padding-left: 0px!important;
    padding-right: 6px!important;
  }
  .thumbnail_list ul li.book_info:last-child {
    border: none;
  }
  .thumbnail_list ul li.book_info:nth-child(2n) {
    padding-left: 0px!important;
    padding-right: 6px!important;
  }
  .thumbnail_list ul li.book_info:nth-child(3n+1):nth-last-of-type(2),
  .thumbnail_list ul li.book_info:nth-child(3n+1):nth-last-of-type(3) {
    border: none;
  }
  .thumbnail_list ul li.book_info:nth-child(3n+2):nth-last-of-type(2) {
    border: none;
  }
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/*----------------------------------------------------*
 *--------------------検索結果ヘッダ------------------*
 *----------------------------------------------------*/
p.showing_result_number {
  margin-left: 17px;
}
.switch_result_number {
  text-align: center;
  width: auto;
  line-height: 30px;
  float: none !important;
  margin-left: 17px;
}
.switch_result_number ul {
  list-style: none;
  float: right;
  text-align: left;
  padding-bottom: 10px;
}
.detail_list + .switch_result_number,
.thumbnail_list + .switch_result_number {
  width: auto;
  border-top: 1px dotted #ccc;
  margin: 0 17px;
  text-align: right;
  padding: 4px 0 37px;
}
.detail_list + .switch_result_number ul,
.thumbnail_list + .switch_result_number ul {
  text-align: right;
}
.switch_result_number .dropdown button {
  width: auto;
  background-color: #f7f8f8;
  background-image: none;
  background-image: url("../img/d_image/pc_pulldown.png");
  background-position: 92% center;
  background-repeat: no-repeat;
  border: 1px solid #aaabab;
  padding-left: 10px;
  padding-right: 30px;
  text-align: left;
}
.switch_result_number .dropdown button .caret {
  position: initial;
  float: right!important;
  border-left: none;
  border-right: none;
  margin-top: 5px;
}
/*----------------------------------------------*
 *--------------タブレット----------------------*
 *----------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .h_contents .pagination {
    margin: 0 0 0 17px;
  }
  .h_contents .pagination .view_first,
  .h_contents .pagination .view_last,
  .h_contents .pagination .next,
  .h_contents .pagination .prev {
    padding: 4px 20px;
  }
}
/*----------------------------------------------*
 *--------------スマートフォン------------------*
 *----------------------------------------------*/
@media only screen and (max-width: 767px) {
  /*** 検索結果一覧 ***/
  p.showing_result_number {
    margin-left: 12px !important;
    font-size: 100%;
  }
  .row-fluid .switch_result_number {
    margin-left: 0 !important;
    /* 一覧表示件数 */
  }
  .row-fluid .switch_result_number .dropdown {
    margin-top: -24px;
    margin-right: 12px !important;
  }
  .row-fluid .switch_result_number > ul li {
    padding-left: 12px;
  }
  .row-fluid .switch_result_number .dropdown-menu li {
    text-align: left;
  }
  .row-fluid .switch_result_number ul {
    text-align: left;
    right: 0;
    left: initial;
    min-width: 140px;
  }
  .detail_list + .switch_result_number,
  .thumbnail_list + .switch_result_number {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 12px!important;
    border: none;
  }
  .detail_list + .switch_result_number ul,
  .thumbnail_list + .switch_result_number ul {
    padding: 12px 0 0;
    border-top: 1px solid #ccc;
    width: 100%;
  }
  .detail_list.ranking_list ul li.book_info .image_and_bookinfo .aboutbook {
    padding-top: 28px !important;
  }
  #search_result_list.detail_list ul.normal_list_style li.book_info .image_and_bookinfo .button_and_device {
    position: static !important;
    float: left !important;
    margin-left: 100px !important;
    margin-top: 10px;
  }
  #search_result_list.detail_list ul.normal_list_style li.book_info .image_and_bookinfo .aboutbook {
    padding: 0;
    padding-left: 100px !important;
  }
  /* ページング */
  .pagination {
    margin: 0;
    margin-left: 0 !important;
    text-align: center !important;
    line-height: 14px;
  }
  /* アクセシビリティ対応 */
  .larger_moji .switch_result_number .dropdown {
    margin-top: 0;
  }
  .larger_moji .row-fluid .switch_result_number ul {
    font-size: 85%;
  }
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
#newslist_contents h1 {
  background-image: url(../img/d_image/pc_titlebar_1.png);
}
#newslist_contents h1 span {
  margin-left: 64px;
}
#newslist_contents .info_list ul li {
  border-bottom: 1px dotted #aaabab;
  margin: 0 17px;
  width: 95.8%;
  line-height: 1.2;
  padding-top: 10px;
}
#newslist_contents .info_list ul li .year {
  margin-right: 12px;
  padding-right: 7px;
  text-align: left;
  min-width: 120px;
}
#newslist_contents .info_list ul li .new_icon {
  width: auto;
  margin-right: 15px;
}
#newslist_contents .info_list ul li .info_content {
  display: inline;
}
#newslist_contents .pagination {
  text-align: center;
}
#newslist_contents .pagination ul {
  margin-top: 20px;
  margin-left: -20px;
}
#newslist_contents .pagination ul li a.prev,
#newslist_contents .pagination ul li a.next {
  height: 20px;
}
#newslist_contents .pagination ul li {
  border-bottom: none;
  width: auto;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
}
#newslist_contents h1 {
  margin-bottom: 0;
}
#news_contents {
  margin: 15px 0 0;
}
#news_contents h2 {
  padding-bottom: 20px;
  margin-left: 17px;
}
#news_contents h2 span {
  font-size: 88%;
  line-height: 24px;
  letter-spacing: 0.1px;
  padding-top: 2px;
}
#news_contents .info_detail {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 17px;
}
#news_contents .info_detail p {
  line-height: 28px;
}
/*----------------------------------------------*
 *--------------スマートフォン------------------*
 *----------------------------------------------*/
@media only screen and (max-width: 767px) {
  #newslist_contents h1 span {
    margin-left: 53px;
  }
  #newslist_contents .info_list.onecolumn_space > ul {
    padding: 0 12px;
    margin: 0 auto 12px;
  }
  #newslist_contents .info_list.onecolumn_space > ul > li {
    width: 100%;
    padding: 12px 0 0;
    margin: 0;
    height: auto;
  }
  #newslist_contents .info_list.onecolumn_space > ul > li .year {
    margin: 0;
  }
  #newslist_contents .info_list.onecolumn_space > ul > li .info_content {
    display: block;
  }
  #newslist_contents .info_list.onecolumn_space > ul > li .info_content a {
    display: block;
    width: 100%;
    padding: 12px 0 12px;
  }
  #newslist_contents .info_list .pagination ul {
    margin: 0;
  }
  #newslist_contents .info_list .pagination ul li {
    margin: 0;
    padding: 0;
  }
  #newslist_contents .info_list .pagination ul a {
    display: none;
  }
  #newslist_contents .info_list .pagination ul a.prev,
  #newslist_contents .info_list .pagination ul a.next {
    display: block;
    margin: 0 12px;
    padding: 4px 6px;
    width: 20px;
  }
  #newslist_contents .info_list .pagination span {
    display: none;
  }
  #news_contents h2 {
    margin: 12px 0 0 12px;
    padding: 0 0 12px 24px;
  }
  #news_contents .info_detail {
    padding: 0 12px;
    margin: 0;
    min-height: 200px;
  }
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
#user_guide #user_guide_contents {
  width: auto;
  box-sizing: border-box;
  margin: 0 10px;
  padding: 0 17px;
}
#user_guide #user_guide_contents p {
  line-height: 23px;
  padding: 0;
  margin-bottom: 15px;
}
#user_guide #user_guide_contents #system_requirements {
  margin-bottom: 50px;
}
#user_guide #user_guide_contents #system_requirements hr {
  border-top: none !important;
  border-bottom: none;
}
#user_guide #user_guide_contents .interna_link_area {
  margin: 0 0 40px;
}
/*ご利用ガイド*/
/*h2*/
#user_guide #user_guide_contents h2 {
  padding-left: 10px;
  border-left: 10px solid;
  background-image: none!important;
  margin: 0 -17px 25px;
}
#user_guide #user_guide_contents h2 span {
  background-color: transparent!important;
  font-size: 88%;
  color: #000;
  display: block;
  width: auto;
  letter-spacing: 0.1em;
  margin-left: -15px;
  padding-left: 7px;
  border-left: 5px solid #FFFFFF;
}
.white_color #user_guide #user_guide_contents h2,
.yellow_color #user_guide #user_guide_contents h2 {
  border-left: 0px solid!important;
}
/*h3(ご利用ガイド）*/
#user_guide #user_guide_contents h3 {
  background-image: url(../img/d_image/pc_arrow.png);
  background-repeat: no-repeat;
  background-position: left 13px;
  background-color: transparent;
  padding-left: 19px;
  border: none;
  margin: 0;
}
#user_guide #user_guide_contents h3 span {
  margin-left: 0px;
  background-color: transparent !important;
  color: #000;
  display: block;
  width: 100%;
  font-size: 87%;
  letter-spacing: 0.1em;
}
/*h4ご利用ガイド*/
#user_guide #user_guide_contents h4 {
  background-repeat: no-repeat;
  background-position: left 2px;
  background-color: transparent;
  padding: 0;
  padding-left: 19px;
  border: none;
  margin: 0 0 0 20px;
  text-align: left;
}
#user_guide #user_guide_contents h4 span {
  margin-left: 0px;
  background-color: transparent;
  color: #000;
  display: block;
  width: 100%;
  font-size: 87%;
}
/*ページ内リンクのボタン*/
#user_guide #user_guide_contents a.interna_link_button {
  background-color: #e6e6e5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #818181;
  background-repeat: no-repeat;
  display: block;
  width: 22%;
  height: 28px;
  line-height: 28px;
  float: left;
  margin: 0 2.1% 0 0;
  margin-bottom: 20px;
  padding: 0 2px;
  text-align: center;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: 0.1em;
}
#user_guide #user_guide_contents a.interna_link_button:hover {
  text-decoration: none;
}
/*----------------------------------------------*
 *--------------スマートフォン------------------*
 *----------------------------------------------*/
@media only screen and (max-width: 767px) {
  #user_guide #user_guide_contents {
    padding: 0;
    margin: 0 12px;
  }
  #user_guide #user_guide_contents .interna_link_button {
    width: 227px !important;
  }
  #user_guide #user_guide_contents .interna_link_area a {
    margin-bottom: 15px!important;
  }
  #user_guide #user_guide_contents h2 {
    margin: 0 -5px 15px;
  }
  #user_guide #user_guide_contents h3 {
    line-height: 1.2;
    background-position: left 3px;
    margin-bottom: 10px;
  }
  #user_guide #user_guide_contents h4 {
    margin-bottom: 10px;
  }
}

/*# sourceMappingURL=main_d.css.map */