@charset "shift-jis";

.custom-form{
    line-height:20px;
    margin : 10px auto;
    padding:0 10px;
    max-width: 480px;
}

.custom-form form > label{
-webkit-tap-highlight-color:rgba(0,0,0,0);
font-size:1em;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.custom-form form > span{
font-size:0.8em;
}

.custom-form form{
	margin:10px;
}

.custom-form label.necessary:after, .custom-form label.optional:after{
content:"";
display:inline-block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:0 6px;
height:18px;
font-size:12px;
color:#FFF;
font-weight:400;
border-radius:2px;
margin:0 5px;
}

.custom-form label.necessary:after{
content:"�K�{";
background:#e83f20;
}
.custom-form label.optional:after{
content:"�C��";
background:#2065E8;
}

.custom-form input,
.custom-form select,
.custom-form textarea{
border:0;
padding:7px 5px;
font-size:1.2em;
color: #666;
border:solid 1px #ccc;
margin:5px 0 15px;
width:100%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

.custom-form input:focus,
.custom-form textarea:focus{
    outline:none;
    border:solid 1px #b46a8e;
}

.custom-form .radio{
	margin:5px 0 10px;
	list-style:none;
}

.custom-form .radio li{
    float: left;
    position: relative;
    width: 50%;
}

.custom-form .radio-4 li {
    width: 25%;
}

.custom-form .radio li input {
    height: 100%;
    width: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.custom-form .radio li input + label{
    color:#999;
    display:block;
    text-align:center;
    padding:10px 0; 
    background:#ccc;
}
.custom-form .radio li:first-child input + label{
    border-radius:4px 0 0 4px;
}
.custom-form .radio li:last-child input + label{
    border-radius:0 4px 4px 0;
    border-left:none;
}
.custom-form .radio li input:checked + label{
    background:#FF5353;
    color:#fff;
}


.custom-form .radio:after{
	content:"";
	display:block;
	clear:both;
}

.custom-form select{
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    padding:7px 50px 7px 5px;
    border: none;
    cursor: pointer;
	background:#fff url(/image/edit/select_arrow.sp.480.png) no-repeat right center;
}

.custom-form .form-textInfo{
	margin:10px 0;
}

.custom-form .submit{
	width:75%;
	margin:0 auto;
}

.custom-form .submit input{
	border:#a9a9a9 1px solid;
   -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -ms-border-radius: 5px;
   width:100%;
   height:30px;
   padding:0;
   margin:5px auto;
   text-align:center;
   cursor:pointer;
   color:#666;
   font-weight:bold;
   background:#fff;
}