@charset "utf-8";
/*
Theme Name: LIQUID LIGHT Child
Theme URI: https://lqd.jp/wp/
Description: LIQUID PRESS THEME
Author: LIQUID DESIGN
Author URI: https://lqd.jp/
Template: liquid-light
Version: 1.1.8
*/
/* Child Styles */

/* 共通 */
body {background:#eee}
.logo {font-size:22px}

/* ヘッド */
.headline {padding: 2rem 0;background: #fff;color: #000;}
.logowrap {display:flex;align-items:center;}
/* .logoimg {margin-left:30px;width: 30.79%;} */
.logoimg {margin-left:30px;width:10%;backface-visibility:hidden}
.logotxt a.logo{display:block;padding:.7rem 1rem;color:#000;border: 1px solid #000}
.logotxt a.logo:hover {background: #000;color: #fff;text-decoration:none;}
.logotxt a.logo:before{content:"\f56b";font-family:"Font Awesome 5 Free";font-weight:900;margin-right:.3em}
.snswrap {display: flex;align-items: center;justify-content: flex-end;}
.headline .sns a:hover {color: #000;text-decoration: none;}
.logo_text {text-align: left;padding: 7px 10px;background: #1b95d4;color: #fff;font-size:inherit;}
.logo_text h1 {font-size: .8em;margin: 0;}
.subttl {font-size: .8em;line-height:1.2em;}
nav.navbar {border: none;}

/* 記事ページ */
.breadcrumb { line-height:1.6em; background-color:#eee; font-size:.9em; padding:.5em 0; }
.post_meta { margin-bottom:3rem; }
.breadcrumb li.active { flex:1;color:#999; }
.breadcrumb li:first-child:before {content: "\f015";font-family: "Font Awesome 5 Free";font-weight: 900;color: #1b95d4;margin-right: 5px;}
.breadcrumb-item+.breadcrumb-item::before { color:#999;content:"\f054";font-family:"Font Awesome 5 Free";font-weight:900; }
.post_body h1>span, .post_body h2>span, .widget h1>span, .widget h2>span {line-height:1.4em;}

.sidebar {background-color: #eee;padding: 0 1rem 0 2rem;border:none;}
.contentbg {background: #fff;padding: 15px 20px;border: 3px solid #fff;}
.ttl_h1 {font-size:2.2rem;margin-top:.5rem;margin-bottom:2rem;}
ul.post-categories a, ul.tag a {background-color:#fff;}
.is-style-step:after{z-index:-1;}

/* 一覧ページ */
article.card .card-block {background-color:#fff;}
article.card .card-title { margin:0 1rem 1.3rem;line-height:1.6em;height:auto;font-weight:bold; }
article.card .card-text { margin:1rem; }
article.card .post_links {border:3px solid #000;}
article.card .post_thumb {border-bottom:3px solid #000;}
.pagination li>a, .pagination li>span {background-color:#fff;}
.shoplink{border:1px solid #1b95d4;background:#fff;text-align:center;margin-bottom:1.5em}
.shoplink a{display:block;padding:10px 15px}
.shoplink a:before{font-family:"Font Awesome 5 Free";content:"\f0a4";font-weight:normal;margin-right:5px}
.shoplink a:hover{text-decoration:none;background:#1b95d4;color:#fff}
.page-numbers a{display:inline-block;background-color:#fff;border:solid 1px #1b95d4;padding:8px 16px;margin:2px;text-decoration:none}
span.current{display:inline-block;background:#1b95d4;color:#fff;border:solid 1px #1b95d4;padding:8px 16px;margin:2px;text-decoration:none}

/* カレンダー */
.calendar-archives.classiclight {border:3px solid #1b95d4;}
.calendar-archives.classiclight .calendar-navigation {background:#1b95d4!important;}
.calendar-archives.classiclight .month .month-name {padding:20px 0!important;}
.calendar-archives.classiclight .month {height:auto!important;border:1px solid #1b95d4;}
.calendar-archives.classiclight .month.has-posts a:hover, .calendar-archives.classiclight .day.has-posts a:hover {background-color:#2f5a9d!important;color:#fff;}
.calendar-archives.classiclight .calendar-navigation {border-bottom:2px solid #1b95d4;}
.calendar-archives.classiclight .calendar-navigation>.menu-container>.arrow-down {width:35px!important;}

/* 吹き出し */
.liquid-speech-balloon-wrap:not(.liquid-speech-balloon-vertical) .liquid-speech-balloon-arrow{border-top:7px solid transparent!important;border-bottom:7px solid transparent!important}

.detail {padding-top:2rem;}
.mainpost {margin-top:2rem;}
.pagination {margin-top:2rem;margin-bottom:4rem;}
footer {background:#e2e2e2}

@media screen and (min-width:768px) and (max-width:991px) {
.logoimg {width:23%}
}

@media (max-width: 767.98px) {
body {background:#fff}

.logowrap {display:flex;flex-direction:column-reverse;justify-content:center}
.logotxt {text-align:center;}
.logotxt a.logo {font-size:1.4rem;transition:none;}
.logoimg {margin:0 0 1.5rem;width:20%}
.breadcrumb {padding:.5em 0 0;background-color:#fff}
.breadcrumb li.active {flex:none;}
.mainpost {margin-top:1rem;}

.contentbg {background: #fff;border:none;padding-top:0;padding-bottom:0;}
.detail {/* padding-top:1rem; */padding:1rem}
.detail.archive {margin-top:1rem;padding-top:0;}
.post>.container>.row>.mainarea {padding: 0;}
.sidebar {padding:2rem 1.5rem 0;background-color:#fff}
.ttl_h1 {font-size:1.8rem;line-height:1.4em;margin-top:0;margin-bottom:2rem;padding:1rem 0;border-top:1px solid #000;border-bottom:1px solid #000!important;}
}


/* QuickTags */
p.mb {margin-bottom: 2rem}
p.mb2 {margin-bottom: 3rem}
p.mb3 {margin-bottom: 4rem}
p.mb4 {margin-bottom: 5rem}
p.mb5 {margin-bottom: 6rem}