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

blockquote {
    border: unset;
    padding-left: unset;
}

/* Global Menu */
.navbar-profile-img {
    position: absolute;
    top: -3.5rem;
    right: 5.5rem;
    background: transparent;
    border: 0 none;
    margin: 0;
    padding: 0;
    cursor: pointer;
    width: 45px;
}

.navbar-fixed-top-custom .navbar-profile-img {
    top: .5rem;
}

.navbar-nav a {
    font-size: medium;
}

/* ------------- */

.header-image-height {
    /*max-height: 200px;*/
}

.cover {
    margin: unset;
}

.mainpost {
    margin-top: 20px;
}

.ttl_h1 {
    font-size: larger;
}

.h2, h2 {
    font-size: large;
}

.post_body > h3 {
    font-weight: bold;
    margin-bottom: 1rem;
    font-size: 1.15rem;
    border-left: 8px solid #333;
    padding-left: 10px;
}

.post_body > h4 {
    font-weight: bold;
    margin-bottom: 0.5rem;
    font-size: 1rem;
}

.question-h2, .question-h2 span, .question-h3, .question-h3 span {
    margin-bottom: unset !important;
    border-bottom: unset !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-break: loose;
    line-height: 1.3 !important;
    word-break: break-word;
}


.question-h2 span, .question-h3 span {
    padding: 0rem 0 !important;
}

.question-h2 span {
    font-size: large;
}

.question-h3 span {
    font-weight: 500;
}

.mainarea [class*="col-"] {
    overflow: unset;
}

.page-numbers a, span.current {
    display: inline-block;
    background-color: transparent;
    border: solid 1px rgba(119, 119, 119, 0.1);
    padding: 4px 10px;
    margin: 0;
    text-decoration: none;
}

.um-32.um .um-profile-body {
    position: relative;
}

body div.uimob500 .um-profile-photo {
    text-align: left!important;
}

body div.uimob500 .um-header .um-profile-meta {
    text-align: left!important;
}

.not-actually-visible-content {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 0;
}

.breadcrumb {
    border-top: unset;
}

/* ----------- */
/* RTOC
/* ----------- */
.rtoc-mokuji-content.rtoc_close #rtoc-mokuji-title.is_close, .rtoc-mokuji-content.rtoc_open #rtoc-mokuji-title.is_close {
    padding: 16px 28px !important;
}

.rtoc-mokuji-content #rtoc-mokuji-title {
    padding: 16px 28px 8px !important;
}

/* ----------- */
/* free space
/* ----------- */
.free-space {

    > div .free-space-test {
        border: 1px solid black;
        background: #C3C3C3;
    }

    .free-space-test > .free-space-settings {
        display: block;
        position: absolute;
        text-align: left;
        padding: 0 10px;
    }

    .menu-content-left {
        display: none;
    }

    .menu-content-right {
        display: none;
    }

    @media only screen and (min-width: 1474px) {
        .menu-content-left {
            display: block;
            position: absolute;
            width: 160px;
            margin-left: -160px;
            text-align: right;
        }

        .menu-content-right {
            display: block;
            position: absolute;
            width: 160px;
        }
    }

    .free-space-div {
        width: 100%;
        height: 90px;
    }

}

blockquote.no-style-blockquote {

}

blockquote.no-style-blockquote::before {
    font-family: unset;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: unset;
    color: rgba(119, 119, 119, 0.5);
    font-size: unset;
}

.um-profile-body {
    background-color: unset;
    text-align: left;
    position: relative;
}

.um-profile-body .ap-questions .ap-questions-title {
    a {
        font-size: large;
    }

    h3 {
        font-size: large;
    }
}

div.uimob800 .um-account-main {
    max-width: unset!important;
}

.navbar-search {
    right: 4rem;
}

.um-field-um_profile_other_url a {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    line-break: anywhere;
}

.list .post_links .post_thumb {
    height: 143px;
    background-position: center top;
}

.recommend .list .post_links .post_thumb {
    height: unset;
    background-position: center center;
}

#anspress .ap-questions-title {
    margin-bottom: 5px;
}

#anspress .ap-questions .ap-display-meta-item a,
#anspress .ap-questions .ap-display-meta-item,
#anspress .ap-question-meta > .ap-display-meta-item i {
    color: #666;
}

#anspress .ap-question-meta .featured,
#anspress .ap-question-meta .solved {
    background: #DB3600;
}

.share_facebook {
    background: #314b8f !important;
}
.share_twitter {
    background: #04619b !important;
}
.share_hatena {
    background: #025a7a !important;
}
.share_pocket {
    background: #c90822 !important;
}
.share_line {
    background: #026502 !important;
}

#cdlm-single, .um-account-tab-download_history {
    .list-block .post_ttl {
        height: 3.6em;
        -webkit-line-clamp: 3;
        overflow: hidden;
        line-break: loose;
    }

    .list-block .post_thumb {
        background-position: top center;
    }
}


/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .list .post_links .post_thumb {
        height: 24vw;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .list .post_links .post_thumb {
        height: 17vw;
    }
}

@media (max-width: 767.98px) {
    .list_big .post_ttl {
        height: 3.6em;
        -webkit-line-clamp: 3;
    }

    .list .post_links .post_thumb {
        background-position: center center;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .list .post_links .post_thumb {
        height: 118px;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}