@charset "UTF-8";
/* CSS Document */


#skincare #content{

  container-type: inline-size;
}
#skincare #content .breaking-out {
    margin-inline: calc(50% - 50cqi);
}
#skincare #content .breaking-out.-bg {
    padding-inline: calc(50cqi - 50%);
}
#skincare .bg_lgley {
   background-color: #f5f6f6; 
}

#content .post-header.skincare-header{padding:0;height:480px;background-color: #FFFFFF;}
.one-column #content .skincare-header .wrap {
    height: 100%;
    width: 100%;
    margin:0;
}
.home #content .post-header.skincare-header .wrap {
    display: flex;
    padding: 0;
}
.single-field #content .post-header.skincare-header .wrap .txtBox,.home #content .post-header.skincare-header .wrap .txtBox{
    position: relative;
    z-index: 2;
    width:90%;
    max-width: 1200px;
    box-sizing: border-box;
    margin: 0 auto;
    display: flex;
    flex-flow: column;
    justify-content: center;
}
.field-template-single-field-skincare-child #content .post-header.skincare-header .wrap .txtBox {
    display: flex;
    flex-flow: column;
    justify-content: center;
    gap:3em;
    padding-bottom:1.5em;
}
.field-template-single-field-skincare-child #content .post-header.skincare-header .wrap .txtBox .sub-title .cat-name{
    display:flex;
    flex-flow: column;
}

.single-field #content .post-header.skincare-header .wrap .txtBox .cat-name span,.home #content .post-header.skincare-header .wrap .txtBox .cat-name span {
    font-weight:500;
    letter-spacing: 0.05em;
}

.field-template-single-field-skincare-child #content .post-header.skincare-header .wrap .txtBox .sub-title .cat-name span {
    color:#666666;
}
.single-field #content .post-header.skincare-header .wrap .txtBox .post-title,.home #content .post-header.skincare-header .wrap .txtBox .post-title {
    font-weight:700;
    font-size:40px;
    letter-spacing: 0.05em;
}
.single-field #content .post-header.skincare-header .wrap .post-thumbnail,.home #content .post-header.skincare-header .wrap .post-thumbnail{
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
}
.single-field #content .post-header.skincare-header .wrap .post-thumbnail img, .home #content .post-header.skincare-header .wrap .post-thumbnail img  {
    width:auto;
    height:100%;
    display: block;
    margin :0 0 0 auto;
    max-width:none;
/*
    object-fit: contain;
    object-position: right;
*/
}
@media (max-width: 1024px) {
        .single-field #content .post-header.skincare-header .wrap .post-thumbnail img,.home #content .post-header.skincare-header .wrap .post-thumbnail img {
        width: 100%;
        height: 100%;
        display: block;
        margin: 0;
        object-fit: cover;
            object-position: 60%;
    }
}

@media (max-width: 781px) {
    #content .post-header.skincare-header {
        height:400px;
    }
   .one-column #content .skincare-header .wrap { 
       margin:0;
    }
    .single-field #content .post-header.skincare-header .wrap .post-thumbnail img {
        object-position: 45%;
    }
    .home #content .post-header.skincare-header .wrap .post-thumbnail img,.skincare01.single-field #content .post-header.skincare-header .wrap .post-thumbnail img,.skincare02.single-field #content .post-header.skincare-header .wrap .post-thumbnail img {
        object-position: 60%;
    }
    .single-field #content .post-header.skincare-header .wrap .txtBox .post-title, .home #content .post-header.skincare-header .wrap .txtBox .post-title {
        font-size: 32px;
        letter-spacing: 0.025em;
    }

}


#content .wrap.skincare-wrap .post-content {
    padding:6em 0 ;
}

#content .wrap.skincare-wrap .post-content .blockWrap{
    padding:0;
}
#content .wrap.skincare-wrap .post-content * + .blockWrap {
    padding-top:6em;
}
.topic_list_group + .sblockWrap{
    padding-top:4em;
}

#content .wrap.skincare-wrap .post-content h2 + p, #content .wrap.skincare-wrap .post-content .sblockWrap{
    padding-left:2%;
    padding-right:2%;
}

#content .wrap.skincare-wrap .post-content .blockWrap .sblockWrap + .sblockWrap, * + .sblockWrap {
    padding-top:3em;
}
#content .wrap.skincare-wrap p {
    margin-bottom:0;
}
#content .wrap.skincare-wrap p,#content .wrap.skincare-wrap li{
    line-height: 1.8;
}
#content .wrap.skincare-wrap h2 {
    text-align: left;
    font-size: 2.25em;
    font-weight: 500;
    letter-spacing: 0.025em;
    padding-left:1em;
    padding-bottom:0;
    position:relative;
}
#content .wrap.skincare-wrap h2:after {
    display: none;
} 
#content .wrap.skincare-wrap h2:before {
    width:4px;
    height:100%;
    background-color: #048ABF;
    content:"";
    display: block;
    position:absolute;
    left:0;
    top:0;
}
#content .wrap.skincare-wrap.fmale h2:before {
    background-color: #ED9FCA;
}
#content .wrap.skincare-wrap.male h2:before {
    background-color: #1178C1;
}
#content .wrap.skincare-wrap.unisex h2:before {
    background-color: #5BC391;
}
#content .wrap.skincare-wrap h3 {
    text-align: left;
    font-weight: 500;
    letter-spacing: 0.05em;
    position:relative;
    border-bottom:none;
    padding:0.5em 0;
}
#content .wrap.skincare-wrap h3:after {
    content:"";
    width:100%;
    height:2px;
    background: linear-gradient(to right, #048ABF,#60D2FF);
    display: block;
    position:absolute;
    left:0;
    bottom:0;
} 
#content .wrap.skincare-wrap.fmale h3:after {
    background: linear-gradient(to right, #ED9FCA,#E6C3D6);
}
#content .wrap.skincare-wrap.male h3:after {
    background: linear-gradient(to right, #1178C1,#A0C3E8);
}
#content .wrap.skincare-wrap.unisex h3:after {
    background: linear-gradient(to right, #5BC391,#B6D9B1);
}
#content .wrap.skincare-wrap h3.h3_icon {
    padding-left:48px;
    background: url("/contents/kskincare_xeory/lib/images/icon_stain.png") left center no-repeat;
    background-size: 40px auto;
}
#content .wrap.skincare-wrap h3.h3_icon.h3_acne {
    background: url("/contents/kskincare_xeory/lib/images/icon_acne.png") left center no-repeat;
    background-size: 40px auto;
}
#content .wrap.skincare-wrap.fmale p a{
    color:#ED9FCA;
    text-decoration: underline;
}
#content .wrap.skincare-wrap.male p a{
    color:#0070C0;
    text-decoration: underline;
}
#content .wrap.skincare-wrap.unisdex p a{
    color:#5BC391;
    text-decoration: underline;
}
#content .wrap.skincare-wrap .wp-block-column.wp-block-media-text__content {
    padding:0;
}
#content .wrap.skincare-wrap .post-content .wp-block-image {
    width:100%;
}

#content .wrap.skincare-wrap .post-content .wp-block-quote {
    border:none;
    padding:0 0 0 2em;
    border-left:2px solid #e5e5e5;
    background-color: transparent;
    padding-top:0 !important;
    margin-top:3em;
}
#content .wrap.skincare-wrap .post-content .wp-block-quote h6 {
    font-size:1em;
    font-weight:500;
    margin-bottom:0.5em;
    margin-top:0;
    color:#333;
}

.strong_pink strong {
    color:#f748a0;
}
.strong_blue strong {
    color:#2B2BFF;
}
.strong_green strong {
    color:#5BC391;
}
.green {
    color:#5BC391 !important;
}
.strong_pink strong.uline {
    color: inherit;
    text-decoration: underline;
}

.topic_list_group {
    background-color:#f5f6f6;
    padding: 2.0em 2.25em;
    border: 20px #f5f6f6 solid;
    margin-left: 20px;
    margin-right: 20px;
    margin-top:3em;
}
.field-template-single-field-skincare-child .topic_list_group {
    margin-left:0;
    margin-right:0;
    padding:2.0em 0;
}
.post-content .topic_list_group h4 {
    margin-top:0;
    padding-left:0;
    font-weight:700;
    letter-spacing: 0.05em;
    background: none;
}
.post-content .topic_list_group ol {
    list-style-position: inside;
    padding-left:0;
    margin-bottom:0;
    counter-reset: listnum; 
}
.post-content .topic_list_group ol li {
    padding:0.75em 1em 1em;
    border-bottom:1px solid #e5e5e5;
    font-size:1.125em;
    list-style-type: none;
    margin-bottom:0.5em;
    background-color: rgb(255 255 255 / 0.9);
    border-left:2px solid #C9C9C9;
}
.post-content .topic_list_group ol li:before {
    counter-increment: listnum;
    content: '0'counter(listnum)'.';
    font-size:1.125em;
    font-weight: 400;
    padding-right:0.5em;
    color:#C9C9C9;
} 
.post-content .topic_list_group ol li.fmale {
    border-left:2px solid #E6C3D6;
}
.post-content .topic_list_group ol li.male {
    border-left:2px solid #A0C3E8;
}
.post-content .topic_list_group ol li.unisex {
    border-left:2px solid #B6D9B1;
}
.post-content .topic_list_group ol li.fmale:before {
    color:#E6C3D6;
}
.post-content .topic_list_group ol li.male:before {
    color:#A0C3E8;
}
.post-content .topic_list_group ol li.unisex:before {
    color:#B6D9B1;
}

.skincare01 .post-content .topic_list_group ol li.stain01:after {
    content:"【現在のページ】";
    color:#333333;
}
.skincare01 .post-content .topic_list_group ol li.stain01 {
    background-color: rgba(230,195,214,0.30);
}
.skincare02 .post-content .topic_list_group ol li.stain02:after {
    content:"【現在のページ】";
    color:#333333;
}
.skincare02 .post-content .topic_list_group ol li.stain02 {
    background-color: rgba(230,195,214,0.30);
}
.skincare03 .post-content .topic_list_group ol li.stain03:after {
    content:"【現在のページ】";
    color:#333333;
}
.skincare04 .post-content .topic_list_group ol li.stain04:after {
    content:"【現在のページ】";
    color:#333333;
}
.skincare03 .post-content .topic_list_group ol li.stain03,.skincare04 .post-content .topic_list_group ol li.stain04  {
    background-color: rgb(160 195 232 / 0.30);
}
.skincare05 .post-content .topic_list_group ol li.acne01:after {
    content:"【現在のページ】";
    color:#333333;
}
.skincare06 .post-content .topic_list_group ol li.acne02:after {
    content:"【現在のページ】";
    color:#333333;
}
.skincare05 .post-content .topic_list_group ol li.acne01,.skincare06 .post-content .topic_list_group ol li.acne02 {
    background-color: rgba(182,217,177,0.30);
}

.report_list_wrap dl {
    border-bottom:1px solid #e5e5e5;
    padding-bottom:2em;
    margin-bottom:2em;
}
.report_list_wrap dl dt {
    padding-bottom:0.5em;
}
.report_list_wrap dl dt .cat {
    display: inline-block;
    padding:0 0.75em 0.25em;
    color:white;
    background-color: #048ABF;
    letter-spacing: 0.1em;
    margin-right:1em;
}
.report_list_wrap dl dt .cat.paper {
    background-color: #2060BE;
} 
.report_list_wrap dl dt .cat:before {
    content:"学会発表";
    font-weight:500;
    font-size:0.85em;
}
.report_list_wrap dl dt .cat.paper:before {
    content:"学術論文";
}
.report_list_wrap dl dd h5 {
    background-color: transparent;
    padding:0;
    margin:0 0 0.5em;
    font-weight:500;
    font-size:1.25em;
}
.report_list_wrap dl dd .description {
    padding-left:2.5em;
    color:#555555;
    font-weight:400;
}
.report_list_wrap dl dd .description ol{
    margin-bottom:0;
}
.ez-toc-title-container {
    margin-bottom:1em;
    text-align: center;
    font-size:1.5em;
    color:#048ABF
}
.field-template-single-field-skincare-child #content .skincare-wrap div#ez-toc-container {
    padding:2em 4em 2.5em;
}
.field-template-single-field-skincare-child #content .skincare-wrap div#ez-toc-container ul li {
    width:100%;
    font-size:110%;
}
.field-template-single-field-skincare-child #content .skincare-wrap div#ez-toc-container nav > ul > li {
    padding-bottom:1rem;
    border-bottom:1px solid #dedede;
}
.field-template-single-field-skincare-child #content .skincare-wrap div#ez-toc-container nav > ul > li + li {
    margin-top:1em;
}
.field-template-single-field-skincare-child #content .skincare-wrap div#ez-toc-container ul.ez-toc-list-level-3 {
        margin-left:1em;
}
.field-template-single-field-skincare-child #content .skincare-wrap div#ez-toc-container ul.ez-toc-list-level-3 li {
    font-size:0.9em;
}
.field-template-single-field-skincare-child #content .skincare-wrap div#ez-toc-container ul.ez-toc-list-level-3 li:before {
    content:"- ";
}


@media (min-width: 782px) {
    .wp-block-column:not(:first-child) {
        margin-left: 2.5em;
    } 
}

@media (max-width: 781px) {
    .wp-block-column:not(:first-child) {
        margin-top: 1.5em;
    } 
    #content .wrap.skincare-wrap .post-content {
        padding:4em 0 ;
    }
    #content .wrap.skincare-wrap .post-content * + .blockWrap {
        padding-top:4em;
    }
    .topic_list_group + .sblockWrap{
        padding-top:3em;
    }
    #content .wrap.skincare-wrap .post-content .blockWrap .sblockWrap + .sblockWrap, * + .sblockWrap {
        padding-top:2em;
    }
    #content .wrap.skincare-wrap h2 {
        font-size: 1.75em;
        padding-left:0.75em;
    }
    #content .wrap.skincare-wrap h2:before {
        width:2px;
    }

    #content .wrap.skincare-wrap h3 {
        letter-spacing: 0.025em;
        font-size:1.5em;
    }

    #content .wrap.skincare-wrap h3.h3_icon {
        padding-left:36px;
        background: url("/contents/kskincare_xeory/lib/images/icon_stain.png") left center no-repeat;
        background-size: 30px auto;
    }
    #content .wrap.skincare-wrap h3.h3_icon.h3_acne {
        background: url("/contents/kskincare_xeory/lib/images/icon_acne.png") left center no-repeat;
        background-size: 30px auto;
    }
    #content .wrap.skincare-wrap .post-content .wp-block-quote {
        padding:0 0 0 1.5em;
        margin-top:2em;
    }
.topic_list_group {
    background-color:#f5f6f6;
    padding: 1.0em ;
    border: 10px #f5f6f6 solid;
    margin-left: 0;
    margin-right: 0;
    margin-top:2em;
}
.field-template-single-field-skincare-child .topic_list_group {
    padding:1.0em 0;
}
.post-content .topic_list_group h4 {
    letter-spacing: 0.025em;
}

.post-content .topic_list_group ol li {
    font-size:1.1em;
    padding:0 1em 1em;
    text-align: center
}
.post-content .topic_list_group ol li:before {
    content: '0'counter(listnum);
    font-size:1.5em;
    display: block;
    margin:0 auto;
    text-align: center;
    padding-right:0;
} 
.field-template-single-field-skincare-child #content .skincare-wrap div#ez-toc-container {
    padding: 1em 2em 1.5em;
}

    .skincare01 .post-content .topic_list_group ol li.stain01:after,.skincare02 .post-content .topic_list_group ol li.stain02:after,.skincare03 .post-content .topic_list_group ol li.stain03:after,.skincare04 .post-content .topic_list_group ol li.stain04:after,.skincare05 .post-content .topic_list_group ol li.acne01:after,.skincare06 .post-content .topic_list_group ol li.acne02:after {
        display: block
    }
}