#chi-top-menu {float:left;margin:0;width:100%;list-style-type:none;}
#chi-top-menu ul li{}
#chi-top-menu ul li a{width:32.3%;margin:0.5%;float:left;font-size:14px;color:#fff;padding:10px 5px;text-align:center; border-radius: 5px; background:#47D174;}
#chi-top-menu ul li a:hover, #chintai ul li a.active{background:#FEE778;color:#333;}
@media screen and (min-width:641px) and (max-width:800px) {
#chi-top-menu ul li a{width:48%;margin:1%;}
}
@media only screen and (max-width:640px){
#chi-top-menu ul li a{width:100%;margin:1% 0;}
}

/*簡易検索*/

.kensaku-box{ width:99%; padding:20px; background:#F2EEEC; margin:0 0.5% 20px 0.5%; border:1px #ccc solid;}
input#submit_button_kensaku {padding: 8px 15px;  font-size: 14px; background: #FF6600; color: #fff; border-style: none; cursor: pointer; margin-top:10px; float:right;}
table.kensaku {width:100%; float:left; text-align:left; border-collapse: separate; border-spacing: 2px;}
table.kensaku th {width:20%; color:#fff; padding:7px 10px; background:#009a9a;}
table.kensaku td {width:80%; color:#222; padding:7px 10px; background:#fff; }
.hoge_top{ padding:8px; font-size:14px; color:#222; border:solid 1px #ccc; border-radius: 5px; margin:5px 0; background:#FFEFBF;}

@media only screen and (max-width:640px){
.kensaku-box{ width:100%; padding:0px; background:#fff; margin:0; border:none;}
input#submit_button_kensaku { width:100%; margin:2% 0; padding: 10px 0;border-radius: 5px;}
table.kensaku {width:100%; float:left; text-align:left; border-collapse: separate; border-spacing: 2px;}
table.kensaku th {width: 100%; display: block;}
table.kensaku td {width: 100%; display: block; border:none; background:none;}
.hoge_top{ width:50%;}
}

/*-------------------------------------------------------------
|  チェックボックス
-------------------------------------------------------------*/
.radio02-input{ display: none;}
.radio02-input + label{ padding-left: 20px; position:relative;}
.radio02-input + label::before{ content: ""; display: block; position: absolute; top: 0; left: 0; width: 15px; height: 15px; border: 1px solid #999; border-radius: 50%;}
.radio02-input:checked + label{ color: #ec664e;}
.radio02-input:checked + label::before{ border: 1px solid #ec664e;}
.radio02-input:checked + label::after{ content: ""; display: block; position: absolute; top: 3px; left: 3px; width: 11px; height: 11px; background: #ec664e; border-radius: 50%;}

.checkbox01-input{ display: none;}
.checkbox01-parts{ padding-left: 30px; position:relative; margin-right: 20px; }
.checkbox01-parts::before{ content: ""; display: block; position: absolute; top: 0; left: 0; width: 15px; height: 15px; border: 1px solid #999; border-radius: 4px;}
.checkbox01-input:checked + .checkbox01-parts{ color: #009a9a;}
.checkbox01-input:checked + .checkbox01-parts::after{ content: ""; display: block; position: absolute; top: -5px; left: 5px; width: 7px; height: 14px; transform: rotate(40deg); border-bottom: 3px solid#009a9a; border-right: 3px solid #009a9a;}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/