/**
 * book.html 専用のスタイル指定
 *
 * 注意:
 * 「PCファースト」の方針で記述しています。
 * はじめにPC、モバイル共通のスタイルを記述し、モバイル専用は後から上書きする形で記述しています。
 * 原則として、PC専用のメディアクエリは設けないようにしてください。
 */

/********************************
 * PC、モバイル共通
 ********************************/
.page-outline {
  font-size: 190%;
  font-weight: bold;
  line-height: 1.6;
  padding: 2em 0;
  text-align: center;
}
.outline-link {
  text-decoration: underline;
}
.book-img-wrapper img {
  height: auto;
  width: 100%;
}
.phone-wrapper {
  padding-top: 1em;
}
.phone-number,
.phone-number:link,
.phone-number:visited,
.phone-number:hover,
.phone-number:active {
  cursor: default;
  color: #b00;
  font-size: 140%;
  font-weight: bold;
  text-decoration: none;
}
/********************************
 * モバイル専用
 ********************************/
@media screen and (max-width: 767px) {
  .page-outline {
    font-size: 120%;
    padding-left: 12px;
    padding-right: 12px;
  }
}