@charset "utf-8";

/* ▼アコーディオン内の1項目の装飾 */
.accbox label {
   display: block;
   /* ブロック化 */
   margin: 0;
   padding: 0;
   color: #000;
   font-weight: bold;
   background: #fff;
   cursor: pointer;
   /* マウスを指形に */
   transition: all 0.5s;
}

.accbox label:hover {
   color: rgb(110, 165, 216);
}

/* ▼チェックボックスそのものを非表示にする */

.accbox input {
   display: none;
}

/* ▼チェックが入っていない項目に対するボックスは非表示にする（※アニメーション効果のために、数値で指定できるプロパティを使って非表示状態を実現する） */

.accbox .accshow {
   padding-left: 0px;
   margin-left: 5px;
   margin-right: 5px;
   margin-bottom: 5px;
   overflow: hidden;
   opacity: 0;
   /* 不透明度(0:完全に透明) */
   height: 0px;
   /* ボックスの高さ */
   font-weight: 100;
   /* 文字の太さ(100:細い) */
   transition: 0.8s;
}

/* ▼チェックが入っている項目に対するボックスは表示する */

.cssacc:checked+.accshow {
   height: auto;
   padding: 5px 1px 5px;
   opacity: 1;
   /* 不透明度(1:完全に不透明) */
   font-weight: 400;
   color: navy;
}