/* Phone widths follow kakidashi.com/index/index_sp.
   A phone user-agent is redirected there and loads smart_top.css
   instead of kakidashi.css. The viewport is width=device-width
   (no initial-scale); layout width is the device width at scale 1.
   These rules reproduce that stylesheet. Desktop is unchanged. */
@media (max-width: 767px) {
  div#main {
    padding: 2px;
    margin-top: 0;
  }

  .navbar-fixed-top {
    margin-bottom: 0;
  }

  div.tate-line14,
  div.tate-line15,
  div.tate-line16,
  div.tate-line17,
  div.tate-line18,
  div.tate-line19,
  div.tate-line20,
  div.tate-line21,
  div.tate-line22,
  div.tate-line23,
  div.tate-line24 {
    font-size: 14px;
  }
  div.tate-line25 { font-size: 15px; }
  div.tate-line26,
  div.tate-line27,
  div.tate-line28,
  div.tate-line29,
  div.tate-line30,
  div.tate-line31 { font-size: 16px; }
  div.tate-line32 { font-size: 17px; }
  div.tate-line33 { font-size: 18px; }
  div.tate-line34 { font-size: 19px; }
  div.tate-line35 { font-size: 20px; }
  div.tate-line36 { font-size: 21px; }
  div.tate-line37 { font-size: 22px; }
  div.tate-line38 { font-size: 23px; }
  div.tate-line39 { font-size: 24px; }
  div.tate-line40 { font-size: 25px; }
  div.tate-line41 { font-size: 26px; }
  div.tate-line42 { font-size: 27px; }
  div.tate-line43 { font-size: 28px; }
  div.tate-line44 { font-size: 29px; }
  div.tate-line45 { font-size: 30px; }
  div.tate-line46 { font-size: 31px; }
  div.tate-line47 { font-size: 32px; }
  div.tate-line48 { font-size: 33px; }
  div.tate-line49 { font-size: 34px; }
  div.tate-line50 { font-size: 35px; }
  div.tate-line51 { font-size: 36px; }
  div.tate-line52 { font-size: 37px; }
  div.tate-line53 { font-size: 38px; }
  div.tate-line54 { font-size: 39px; }
  div.tate-line55 { font-size: 40px; }
  div.tate-line56 { font-size: 41px; }
  div.tate-line57 { font-size: 42px; }
  div.tate-line58 { font-size: 43px; }
  div.tate-line59 { font-size: 44px; }
  div.tate-line60 { font-size: 45px; }

  #popup {
    top: 50%;
    left: 50%;
    width: 90%;
    height: 80%;
    min-width: 0;
    max-width: none;
    min-height: 380px;
    max-height: none;
  }

  .up_center {
    height: 160px;
  }

  .up_center_social {
    height: 40px;
  }

  .under_back {
    height: auto;
    background: none;
    z-index: -2;
    border-radius: 3px;
  }

  .detail_kakidashi {
    font-size: 14px;
    line-height: 18px;
    margin: 8px 10px;
    padding: 0 10px;
    font-family: Arial, "ＭＳ Ｐゴシック", sans-serif;
  }

  .amazon_img {
    margin-top: 5px;
  }

  .detail_title {
    font-size: 12px;
    line-height: 16px;
    padding: 10px;
    font-family: Arial, "ＭＳ Ｐゴシック", sans-serif;
  }

  .detail_author {
    font-size: 12px;
    line-height: 16px;
    padding: 5px 10px;
    font-family: Arial, "ＭＳ Ｐゴシック", sans-serif;
  }

  #popup .dg_link {
    position: static;
    float: left;
    right: auto;
    bottom: auto;
    margin: 5px;
    font-size: 12px;
  }
}