@charset "utf-8";

/*
Thema Name: マンションひかり化サービス
Version:1.0
Thema URI: 
Description: 
*/


/* CSS Document */
@import url("assets/css/base.css");
@import url("assets/css/layout.css");





/* CSS 追記 */
.c-pager {
    .nav-links {
        span, a {
            height: 40px;
            line-height: 40px;
            border: 0;
            padding: 0;
        }
        .previouspostslink, .nextpostslink {
            width: 40px;
            border-radius: 50%;
            text-indent: 100%;
            overflow: hidden;
            white-space: nowrap;
            background-repeat: no-repeat;
            background-size: 100%;
        }
        .previouspostslink {
            margin-left: 0;
            margin-right: 35px;
            background-image: url(./assets/images/pager-prev.svg);
        }
        .nextpostslink {
            margin-right: 0;
            margin-left: 35px;
            background-image: url(./assets/images/pager-next.svg);
        }
    }
}
@media only screen and (max-width: 768px) {
.c-pager {
    .nav-links {
        .prevpostslink {
            margin-right: 20px;
        }
        .nextpostslink {
            margin-left: 20px;
        }
    }
}
}


.form-radio{
    input {
        &:checked {
            & + .mwform-radio-field-text{
                &::after {
                    content: "";
                    display: block;
                    position: absolute;
                    top: 4px;
                    left: 7px;
                    width: 12px;
                    height: 12px;
                    border-radius: 50px;
                    background-color: #243D88;
                    transition-duration: .1s;
                }
            }
        }
    }
    label {
        font-weight: 600;
        display: inline-block;
        .mwform-radio-field-text {
            position: relative;
            padding: 3px 60px 0 36px;
            &::before {
                content: "";
                position: absolute;
                top: -3px;
                left: 0;
                width: 22px;
                height: 22px;
                background-color: #fff;
                border: 2px solid #999999;
                border-radius: 50px;
                margin: 0;
                padding: 0;
            }
        }
    }
}
@media only screen and (max-width: 768px) {
    .form-radio{
        display: flex;
        flex-direction: column;
        gap: 5px;
        .mwform-radio-field{
            margin-left: 0 !important;
        }
    }
}



.form-agreement{
    position: relative;
    .mwform-checkbox-field {
        input{
            display: none;
        }
        .mwform-checkbox-field-text {
            position: relative;
            padding-left: 15px;
            &::before {
                content: "";
                display: block;
                position: absolute;
                box-sizing: border-box;
                background-color: #fff;
                border-radius: 0%;
                border: 2px solid #999;
                width: 26px;
                height: 26px;
                border-radius: 4px;
                transform: translateY(-50%);
                top: 50%;
                left: 0;
            }
        }
    
        input {
            &:checked {
            & + .mwform-checkbox-field-text {
                color: #243D88;
                &::before {
                    background-color: #243D88;
                    border: 2px solid #243D88;
                }
                &::after {
                    content: "";
                    display: block;
                    position: absolute;
                    box-sizing: border-box;
                    border-bottom: 2px solid #fff;
                    border-left: 2px solid #fff;
                    height: 7px;
                    width: 12px;
                    transform: rotate(-45deg);
                    top: 2px;
                    left: 7px;
                }
            }
            }
        }
    }
    .error{
        position: absolute;
        bottom: -40px;
        left: 35%;
        transform: translate(-50%, -50%);
    }
    .input-label--checkbox{
        &:before,&:after {
            display: none !important;
        }
    }
}
@media only screen and (max-width: 768px) {
    .form-agreement{
        .mwform-checkbox-field {
            .mwform-checkbox-field-text {
                &::before {
                    top: -10%;
                }
            }
            input {
                &:checked {
                & + .mwform-checkbox-field-text {
                    &::after {
                        top: -7px;
                    }
                }
                }
            }
        }
    }
}

.wp-block-table thead {
    border-bottom: 0 !important;
}
.wp-block-table td, .wp-block-table th{
    border: 0;
}