/**■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
 * ak-acf フロント 表示CSS
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■**/
.ak-acf-field {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #f7f7f7;

    .ak-acf-field__label {
        flex: 0 0 100%;
        padding:.7rem;
        font-weight: 600;
    }

    .ak-acf-field__value {
        flex: 1;
        padding:.7rem;
        margin-bottom: 1rem;
    }

}
@media (min-width:992px) {
    .ak-acf-field {
        .ak-acf-field__label {
            flex: 0 0 300px;
            padding:1rem;
        }

        .ak-acf-field__value {
            flex: 1;
            padding:1rem;
            margin-bottom: 0rem;
        }
    }
}

.ak-acf-field-tab{
    background-color: #f7f7f7;
    padding: 0.7rem;
    margin-top: 0rem;
    h2{
        font-style: normal;
        font-size: 1.2rem;
        margin: 0;
        text-align: left;  
    }
    h3{
        font-style: normal;
        font-size: 1.1rem;
        margin: 0;
        text-align: left;  
    }
    h4{
        font-style: normal;
        font-size: 1.0rem;
        margin: 0;
        text-align: left;  
    }
    h5{
        font-style: normal;
        font-size: 1.0rem;
        margin: 0;
        text-align: left;  
    }
    h6{
        font-style: normal;
        font-size: 1.0rem;
        margin: 0;
        text-align: left;  
    }
}

.ak-acf-tabs__buttons{
    display: flex;
    flex-wrap: wrap;
    .ak-acf-tabs__button-wrap{
        padding-right: 5px;
        padding-bottom: 5px;
        &.is-active{
            button.ak-acf-tab-button{
                background-color: #d3d3d3;
            }
        }
        button.ak-acf-tab-button{
            background-color: #f7f7f7;
            border: none;
            height: 100%;
            padding: 0.5rem .7rem;
        }
    }
}