@charset "UTF-8";

/*
Theme Name: LIQUID CHILD
Theme URI: https://lqd.jp/wp/liquid.html
Description: LIQUID CHILD THEME
Author: LIQUID DESIGN Ltd.
Author URI: https://lqd.jp/wp/
Template: liquid
License: GPLv2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, grid-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, footer-widgets, threaded-comments, translation-ready, wide-blocks
Text Domain: liquid
Version: 1.1.4
*/
html {
  font-size: 10px;
}

body {
  background: #e9e9e9;
  font-family: 'M PLUS Rounded 1c', "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
  color: rgb(61, 61, 59);
  font-size: 1.8rem;
  line-height: 1.5em;
  letter-spacing: 0.2rem;
}

a,
a:hover,
a:visited,
a:link {
  color: rgb(61, 61, 59);
  /* text-decoration: none; */
  text-decoration: underline;
  text-underline-offset: 0.5rem;
}

.navbar {
  padding: 3rem 0;
}

.navbar-nav a {
  font-size: 2rem;
  padding: 0 4rem 0 1rem;
  display: inline;
}

.header_image {
  width: 40%;
  margin: 3rem auto;
  display: block;
}

.navbar-toggler .icon-bar {
  margin: 5px;
}

.card {
  background-color: unset;
}

article.card .card-text {
  line-height: 2rem;
  height: unset;
}

.logo {
  font-size: 5rem;
  line-height: 1.8em;
}

.logo_text {
  text-align: left;
}

.headline .subttl {
  font-size: 1.5rem;
}

.post_time,
.post_cat {
  font-size: 1.5rem;
}

.copy {
  font-size: 1.5rem;
}

.ttl span {
  border: none;
}

.mainarea {
  padding: 2em;
  border-radius: 5px 0 0 5px;
}

article.card .card-title {
    font-size: initial;
    font-weight: initial;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 2.2em;
    height: 5.0em;
    margin: 1.5rem 1rem .5rem 1rem;
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    box-orient: vertical;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    -moz-box-orient: vertical;
    -moz-line-clamp: 2;
    -o-box-orient: vertical;
    -o-line-clamp: 2;
    -ms-box-orient: vertical;
    -ms-line-clamp: 2;
}

article.card .card-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    line-height: 1.2em;
    height: 1.2em;
    margin: .5rem 1rem .5rem 1rem;
}

article.card .post_thumb {
    overflow: hidden;
    width: 100%;
    height: 22rem;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -ms-background-size: 100% auto;
    background-color: #FFFFFF;
}