.categorybox-parent {
  width:100%;height:auto;
  display:flex;
  flex-wrap:wrap;/* これを指定する　初期値（nowrap）だと子要素全体が1行に収まるように表示される */
  justify-content:left;
}
.categorybox-child {
  width:50%;/* 横幅を2等分 */
  height:auto;
  display:flex;/* 高さを揃えるための指定 */
  flex-direction:column;/* 高さを揃えるための指定 */
  border:1px dotted #ccc;/* 装飾用 */
  box-sizing:border-box;/* 装飾用 */
}
.categorybox-child:nth-of-type(n+5) {
  margin-top:10px;
}
@media (min-width: 640px) {
.categorybox-child {
  width:25%;/* 横幅を4等分 */
}
}
.categorybox-child:hover{
background-color : #fcd575;
}
.categorybox-text {
  flex-grow:1;/* 高さを揃えるため指定 */
}
.categorybox-text span {
 font-weight:bolder;
 text-decoration:underline;
 color:#1e50a2;
}
h2.categorybox {
 font-weight:bolder;
 font-size:150%;
 border-left: 15px solid #ea5506;
 padding:0.5rem;
 margin:1rem;
}