/*--chekbox--*/
.checkbox label {
display: inline-block;
background:#e4e4e4;
padding:2px 4px 2px 2px;
margin:0 0 10px 0!important;
border-radius:2px;
cursor:pointer;
}
.checkbox label:hover {
background:#ccc;
color:#fff;
}
/*--chekbox--*/

/*form-select*/
.select-box select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
background: #fff;
border:2px solid #c1c1c1;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
font-size:1.0em;
box-sizing:border-box;
/*background: url(arrow01.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);*/
/*background: url(arrow01.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#efebe1 100%);*/
/*background-size: 20px, 100%;*/
}
.select-box:hover {border-color:#777;}
/*form-select*/

/*--btn-添付--*/
.btn-attachment {
-webkit-appearance:none;/*ios対策*/
border-radius:0;/*ios対策*/
width:98%; /*プラグインcssでpadding-left:2%*/
margin:0px;
padding:15px 0px;
color: #555;
cursor:pointer;
background: #fff;
border-radius:5px;
border:3px solid #999;
overflow:auto;
display:inline;
}
.btn-attachment:hover {border:3px solid #777;}
/*--btn-添付--*/

/*--必須icon--*/
.icon-hissu {padding:1px 3px; border-radius:2px; background:#777; color:#fff;}
/*--必須icon--*/

.w-20per {width:20%;}
.w-15per {width:15%;}
.w-10per {width:10%;}