html {
    font-size: 16px;
}
body {
    font-family: 'Open Sans', "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: inherit;
    color: #444;
}
@media (max-width: 768px) {
    html {
        font-size: 14px;
    }
}

.navbar-brand {
    height: auto;
}

article.li .body h1 { font-size: 1.6rem; line-height: 2.4rem; }
article.li .body h2 { font-size: 1.4rem; line-height: 2.1rem; }
article.li .body h3 { font-size: 1.1rem; line-height: 1.7rem; }
article.li .body h4 { font-size: 1rem; line-height: 1.5rem; }
article.li .body h4 { font-size: 1rem; line-height: 1.5rem; }
article.li .body h5 { font-size: 1rem; line-height: 1.5rem; }

article.li .body a, article.single .article-body a {
    /*text-decoration: underline;*/
}
article.li .body a:focus, a:hover, article.single .article-body a:focus, a:hover {
    text-decoration: none;
}

article img {
    width: auto;
    max-width: 610px;
    height: auto;
    padding: 4px;
    background: #fff;
    border: 1px solid #ddd;
}
article img.wp-smiley {
    background: #fff;
    border: none;
    margin: 0;
    padding: 0;
}

article.single aside.article {
    margin: 0;
    padding:0;
}

.share div {
    float: left !important;
    border: 0 !important;
    padding: 0;
    margin: 0 5px 0px 0 !important;
    height: 23px !important;
    text-indent: 0 !important;
    vertical-align: baseline;
}
.share div.sb_hatena_button, .share div.sb_tweet_button {
    padding-top: 2px;
}
.clear-share {
    clear:both;
    margin-bottom: 1rem;
}

div.panel a.list-group-item {
    font-size: .85rem;
}


/** related to img **/
article .body span.caption,
article .article-body span.caption {
    color: gray;
    font-size: .8rem;
}

img.radius {
    border-radius:10px;
}


/** navbar **/
nav.navbar-default {
    background-color: rgb(0, 70, 72);
}

nav.navbar-default .navbar-brand,
nav.navbar-default .navbar-brand:hover,
nav.navbar-default .navbar-nav>li>a,
nav.navbar-default .navbar-nav>li>a:hover {
    color: white;
}

/** top li article **/
article.li {
    margin-bottom:7rem;
}

article.li div.body p {
    line-height: 1.5rem;
    margin-bottom: 1.5rem;
    word-break: break-word;
}

article.li div.body blockquote {
    padding: .8rem;
    font-size: .8rem;
    border-radius: 10px;
    background-color: #f8f8f8;
}

article.li div.body blockquote p {
  line-height: 1rem;
  margin-bottom: 0.5rem;
}

article h1,
article h2,
article h3,
article h4,
article h5,
article h6
{
    font-weight: bold;
}

article h2,
article h3,
article h4,
article h5,
article h6 {
    border-left: 7px solid #eee;
    padding-left: 5px;
}

/** article common **/
article .body a {
    background: url("/images/link.png") no-repeat left;
    padding-left:12px;
    margin:0 3px;
}

article .article-body a {
    background: url("/images/link.png") no-repeat left;
    padding-left:12px;
    margin:0 3px;
}

/** ヨメレバの出力タグではアイコンを表示しない **/
article .booklink-box a {
    background: none;
    padding-left:0;
    margin:0;
}

article ul,
article ol {
    margin-bottom: 24px;
}

article div.article-warning {
    color:#f44;
    background-color: #fdd;
    border: 1px solid #a00;
    line-height: 1rem;
    margin: 1rem 0;
    padding: 0.5rem;
    border-radius: 5px;
    font-size:.8rem;
}

article.single .article-body table {
  padding: 0;
  margin-bottom: 25px; }
  article.single .article-body table thead tr {
      background-color: #dddddd;
  }
  article.single .article-body table tr {
    border-top: 1px solid #cccccc;
    background-color: white;
    margin: 0;
    padding: 0; }
    article.single .article-body table tr:nth-child(2n) {
      background-color: #f8f8f8; }
    article.single .article-body table tr th {
      font-weight: bold;
      border: 1px solid #cccccc;
      text-align: left;
      margin: 0;
      padding: 6px 13px; }
    article.single .article-body table tr td {
      border: 1px solid #cccccc;
      text-align: left;
      margin: 0;
      padding: 6px 13px; }
    article.single .article-body table tr.price td {
      border: 1px solid #cccccc;
      text-align: right;
      margin: 0;
      padding: 6px 13px; }
    article.single .article-body table tr th :first-child, article.single .article-body table tr td :first-child {
      margin-top: 0; }
    article.single .article-body table tr th :last-child, article.single .article-body table tr td :last-child {
      margin-bottom: 0; }




@media (max-width: 620px) {
  article img {
      width: 100%;
      min-width: 300px;
  }
  article img.wp-smiley {
      width: auto;
      min-width: 25px;
  }

  article iframe {
      width: 100%;
  }
}