@charset "UTF-8";
.ac_search {padding:4px;}
.ac_search h3 {text-align: center;font-size:12px;letter-spacing: 1px;color:#ec274c;position: relative;}
.ac_search h3 span {position: relative;z-index:2;padding:0 10px;}
.ac_search input {display: none;}
.ac_search input + label {display:block;width:95%;margin:0 auto;color:#fff;background:#ec274c;padding:.7em 1.5em;font-weight: bold;position: relative;border-bottom: 1px solid #ddd;}
.ac_search input + label:before {content:"";display: block;width: 10px;height: 10px;border-top:4px solid #fff;border-left:4px solid #fff;position: absolute;right: 10px;top:14px;transform:rotate(225deg);transition:all .5s ease;transform-origin:5px 5px;}
.ac_search input:checked + label:before {transform:rotate(45deg);}
.ac_search input + label + div {max-height: 0;overflow: hidden;transition: all .5s ease;}
.ac_search input:checked + label + div {max-height: 1000px;}
.ac_search .flex3_bd {display: flex;flex-wrap:wrap;width:95%;margin:0 auto;}
.ac_search .flex3_bd a {width: calc(100% / 3);text-align: center;color:#000;background:#fafafa;font-size:11px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:10px 0;}
.ac_search .flex3_bd a:nth-child(3n+1) {border-left: 1px solid #ddd;}
.ac_search .flex3_bd p {margin:0 auto;}
.ac_search .flex3_bd a,
.ac_search .flex3_bd a:hover,
.ac_search .flex3_bd a:visited,
.ac_search .flex3_bd a:focus {text-decoration: none;}

.ac_search .flex3_bd.cl_list a:before {content:"●";display:block;font-size:60px;line-height:.8em;}
.ac_search .flex3_bd.cl_list .wh:before {color: #fff;text-shadow: 0 0 1px #333;}
.ac_search .flex3_bd.cl_list .be:before {color: #e0c49f;}
.ac_search .flex3_bd.cl_list .pk:before {color: #fbaab3;}
.ac_search .flex3_bd.cl_list .bl:before {color: #a1c4fe;}
.ac_search .flex3_bd.cl_list .nv:before {color: #505686;}
.ac_search .flex3_bd.cl_list .pr:before {color: #7c49a8;}
.ac_search .flex3_bd.cl_list .ye:before {color: #ffd272;}
.ac_search .flex3_bd.cl_list .gr:before {color: #54c0b0;}
.ac_search .flex3_bd.cl_list .rd:before {color: red;}
.ac_search .flex3_bd.cl_list .wr:before {color: #8f2332;}
.ac_search .flex3_bd.cl_list .br:before {color: #8f5423;}
.ac_search .flex3_bd.cl_list .gy:before {color: #b8c0cc;}
.ac_search .flex3_bd.cl_list .bk:before {color: #333;}
.ac_search .flex3_bd.cl_list .or:before {color:#ff7f50;}

.ac_search .flex3_bd.br_list a {padding:0;}