@charset "utf-8";

/* ****************************************************************************************************
   * 図書館概要
**************************************************************************************************** */

#outline {}

/* ****************************************************************************************************
   * お薦めの本
**************************************************************************************************** */

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * コンテンツ
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#recommend div.contents:after {
  content: ".";
  display: block;
  line-height: 0;
  clear: both;
  visibility: hidden;
}

/* ----------------------------------------------------------------------------------------------------
   * 写真
/* ------------------------------------------------------------------------------------------------- */

#recommend div.contents div.photo {
  width: 200px;
  float: left;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

#recommend div.contents div.photo {
  width: 100%;
  margin-bottom: 20px;
  float: none;
  text-align: center;
}

}

/* ----------------------------------------------------------------------------------------------------
   * 内容
/* ------------------------------------------------------------------------------------------------- */

#recommend div.contents div.content {
  width: 500px;
  float: right;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

#recommend div.contents div.content {
  width: 100%;
  float: none;
}

}

/* * 書籍タイトル
/* ･････････････････････････････････････････････････････････････････････････････････････････････････ */

#recommend div.contents div.content .title {
  padding-left: 14px;
  border-left: 5px solid #9e77ba;
}

#recommend div.contents div.content .title strong {
  font-size: 17px;
  font-weight: bold;
  display: block;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

#recommend div.contents div.content .title strong {
  font-size: inherit;
}

}

/* ****************************************************************************************************
   * 蔵書検索 OPAC（蔵書検索サービス）
**************************************************************************************************** */

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * 蔵書検索サービス ボタン
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#search .button {
  text-align: center;
}