@charset "UTF-8";
/* ------------------------------
   the_one_voice.css
------------------------------ */
.page-nav li:nth-of-type(10){
    margin-left: -27px;
}
.page-nav li:nth-of-type(11) a{
    padding-right: 11px;
}

@media screen and (max-width: 1304px) {
    .page-nav li:nth-of-type(10){
        margin-left: 0;
    }
    .page-nav li:nth-of-type(11) a{
        padding-right: 12px;
    }
}

/*sec-contents*/
.sec-contents{
    position: relative;
    padding: 100px 0 115px 0;
    box-sizing: border-box;
}
.post-contents.post-voice{ padding-top: 65px;}

.post-voice .post{ 
    position: relative;
    margin-bottom: 92px;
}
.post-voice .post .post-img{
    width: 100%;
    height: 199px;
}
.post-voice .post .post-img .object-fit-img{
    object-fit: cover;
    font-family: 'object-fit: cover';
}

.post-voice .post a:hover{ opacity: .7;}
.post-voice .post a:hover img{ opacity: 1;}

.post-voice .post .post-txt{
    padding: 10px 25px 90px 6px;
    box-sizing: border-box;
}
.post-voice .post .post-cat{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
    padding: 0;
}
.post-voice .post .post-cat li{
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: .05em;
    line-height: 1;
    color: #FFF;
    text-align: center;
    margin: 0 7px 7px 0;
    padding: 5px 25px 8px 25px;
    background: #999999;
    box-sizing: border-box;
}
.post-voice .post .post-cat li.cat1{ background: #df1d6d;}/* 女性起業 */
.post-voice .post .post-cat li.cat2{ background: #3069ae;}/* 法人コンサル */
.post-voice .post .post-cat li.cat3{ background: #6aba38;}/* 健康 */
.post-voice .post .post-cat li.cat4{ background: #df261f;}/* 著者 */
.post-voice .post .post-cat li.cat5{ background: #b62723;}/* 語学 */
.post-voice .post .post-cat li.cat6{ background: #e25c32;}/* セールス */
.post-voice .post .post-cat li.cat7{ background: #e9ac21;}/* コーチング */
.post-voice .post .post-cat li.cat8{ background: #261e1c;}/* クリエイター */
.post-voice .post .post-cat li.cat9{ background: #a5ed78;}/* スピリチュアル */
.post-voice .post .post-cat li.cat10{ background: #cdad4a;}/* マネー資産構築 */
.post-voice .post .post-cat li.cat11{ background: #279bf3;}/* ITとWEB */

.post-voice .post .post-cat li.noc2{
    letter-spacing: 1em;
    padding-right: 10px;
}

.post-voice .post .post-ttl{
    font-size: 1.8rem;
    font-weight: 700;
    line-height: calc(30 / 18);
    padding-left: 4px;
    color: #333333;
}
.post-voice .post_list_wrap .post .post-ttl{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.post-voice .post .post-name{
    position: absolute;
    width: calc(100% - 50px);
    right: 25px;
    bottom: 25px;
    text-align: right;
    margin-top: 10px;
    font-size: 1.8rem;
    letter-spacing: .05em;
    color: #261e1c;
    line-height: 1.45;
}
.post-voice .post .post-name .small{
    display: block;
    font-size: 1.4rem;
    word-break: break-word;
}
@media screen and (max-width: 767px) {
    .sec-contents{
        padding: 14% 0 18% 0;
    }
    .post-voice .post{
        margin-bottom: 0;
    }
    .post-voice .post+.post{ margin-top: 10%;}
    .post-voice .post .post-img{
        height: 48.4vw;
    }
    .sec-contents .post-contents.post-voice .post-img .object-fit-img {
        object-fit: cover;
        font-family: 'object-fit: cover';
    }
    .post-voice .post .post-txt{
        padding: 4% 4% 28% 4%;
        box-sizing: border-box;
    }

    .post-voice .post .post-cat li{
        font-size: 1.2rem;
        margin: 0 5px 5px 0;
        padding: 5px 15px 7px 15px;
    }
    .post-voice .post .post-cat li.noc2{
        padding-right: 6px;
    }
    .post-voice .post .post-ttl{
        font-size: 1.6rem;
        padding-left: 0;
    }
    .post-voice .post .post-name{
        width: calc(100% - 8%);
        right: 4%;
        bottom: 5%;
        font-size: 1.4rem;
    }
    .post-voice .post .post-name .small{
        font-size: 1.2rem;
    }

    .pager{ margin-top: 14%;}

}


/*sec-detail*/
.post-detail.one-column .post-cnts{
  margin-top: 0;
}
.post-detail.one-column .post-cnts iframe{
  display: block;
  margin: 0 auto;
}
.post-detail.one-column .post-cnts b{
    position: relative;
    font-size: 1.6rem;
    line-height: calc(24 / 16);
    letter-spacing: -.01em;
    margin-top: 20px;
    margin-bottom: 24px;
    padding: 0;
    font-weight: 700;
    border-bottom: none;
}
.post-detail.one-column .post-cnts p img{
  display: block;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
.post-detail.one-column .post-cnts{
  margin-top: 0;
}
.post-detail.one-column .post-cnts b{
    font-size: 1.4rem;
    margin-top: 4%;
    margin-bottom: 4%;
}


}
