#contents_wrap {
  width: 100%;                        /* 横幅：100% */
  display:flex;                          
  flex-wrap:wrap;                    /* 折り返す */
  -ms-flex-wrap: wrap;            /* 対応：IE10 */
  -webkit-flex-wrap: wrap;       /* 対応：Safari6.1以降 */
}
/* ▼各資料のまとまり */
.contents { 
  display: block;
  margin:0px;        /* 外側余白：0px */
  width: 315px;      /* 横幅：315px */
  height:auto;         /* 高さ：自動 */
}
/* ▼各資料の画像 */
.contents img {
  width:100%;       /* 横幅：100% */
  height: auto;       /* 高さ：自動 */
  margin:0 auto;    /* 中央寄せ */
}

/*▼ラベル内全体*/
.box {
    margin: 2em 0;   /*外側余白：上下2em、左右0*/
    padding: 0;      /*内側余白：なし*/
    width: auto;     /*横幅：自動*/
}
/*▼ラベル*/
.box label {
    display: block;              
    margin: 1.5px 0;            /*外側余白：上下1.5px、左右0*/
    padding : 11px 12px;     /*内側余白：上下11px、左右12px*/
    color :#000000;                   /*文字色：黒*/
    font-weight: bold;           /*太字*/
    background :#FDEFE7;   /*背景色：薄ピンク*/
    cursor :pointer;              /*ポインター：指マーク*/
}
/*▼チェックボックスは隠す*/
.box input {
    display: none;
}
/*▼中身を非表示にしておく*/
.box .show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
}
/*▼クリックで中身表示*/
.css:checked + .show {
    height: auto;                 /*高さ：自動*/
    padding: 5px;               /*内側余白：5px*/
    background: #ffffff;       /*背景色：白*/
    opacity: 1;                     /*不透明度：最大*/
}