/*ラジオボタンのデザイン------------------------------------------------*/
.radio1, .radio2 {
    float: left;	
    width: 305px;
    margin:10px; /*外側*/
}
    .radio1 input, .radio2 input {
        display: none;
    }
    .radio1 label, .radio2 label {
        display: block;
        float: left;
        cursor: pointer;
        width: 100px;
        margin: 1px 0 1px 0; /*外側*/
        padding: 0.8em;
        border-right: 2px solid var(--colortransparent4);
        background: var(--colorwhite);
        color: var(--fontcolor2);
        text-align: center;
        line-height: 1;
        transition: .2s;
    }
    .radio1 label:last-of-type, .radio2 label:last-of-type {
        border-right: 0px;
    }
    .radio1 label:hover, .radio2 label:hover {
        background-color: var(--colortransparent3);
    }
    .radio1 input[type="radio"]:checked + label, .radio2 input[type="radio"]:checked + label {
        background-color: var(--fontcolorlink1);
        color: var(--colorwhite);
    }