/* CSS Document */

/* 
ラジオボタンの表示を変更する。
ラベルの文字を選択することで、アクティブ表示になり
 */

.radio-inline__input {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}

.radio-inline__label {
    display: inline-block;
    padding: 0.5rem 1rem;
    margin-right: 18px;
    border-radius: 3px;
    transition: all .2s;
		letter-spacing: 0.1em;
		border: 1px solid rgba(0,0,0,0.2);
		color:rgba(0,0,0,0.30);
    	margin-left: 6px;
}

.radio-inline__input:checked + .radio-inline__label {
    background: #0051B5;
    color: #fff;
    text-shadow: 0 0 1px rgba(0,0,0,.7);
}

.radio-inline__input:focus + .radio-inline__label {
    outline-color: #4D90FE;
    outline-offset: -2px;
    outline-style: auto;
    outline-width: 5px;
}