@charset "UTF-8";

input[type="checkbox"] {
	display: none;
}

input[type="checkbox"] + label {
    cursor: pointer;
    display: inline-block;
    line-height: 1em;
    padding: 0 1em 0 2em;
    position: relative;
}
/* IE */
.ie input[type="checkbox"] + label {
     font-family: 'メイリオ',Arial,sans-serif;
}
input[type="checkbox"] + label::before {
    background: #fff none repeat scroll 0 0;
    border: .1em solid #c8cacf;
    border-radius: 0;
    box-sizing: border-box;
    content: "";
    top: -.2em;
    left: 0;
    height: 1.14em;
    width: 1.14em;
    position: absolute;
}
input[type="checkbox"]:checked + label::before {
    background-color: #495060;
}
input[type="checkbox"]:checked + label::after {
    border-bottom: .15em solid #fff;
    border-left: .15em solid #fff;
    content: "";
    height: .2em;
    width: .5em;
    left: .25em;
    top: .1em;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/*----------------------------------------
 _画面の横幅が750pxまで
----------------------------------------*/
@media screen and (max-width:750px) {

    input[type="checkbox"] + label {

    }
    input[type="checkbox"] + label::before {

    }
}