/* reset */
button{background:transparent;border:none;cursor:pointer;outline:none;padding:0;appearance:none;}ul{list-style-type:none;margin:0;padding:0;}li,p{margin: 0;}
/* reset */

button {
  display: block;
  cursor: pointer;
  text-align: center;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝readmore1個目＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#ul_1 > li {
  text-align: center;
  /* width: 70vw; */
  position:relative;
  top:20px;
  left: -200px;
  /* 閉じている状態 */
  padding-top: 0;
  padding-bottom: 0;
  border: 0px solid rgb(220, 220, 220);
  /* 閉じるアニメーション */
  transition:
    padding-top    .6s ease-out,
    padding-bottom .6s ease-out,
    border .6s ease-out;
}
#ul_1.is-open > li {
  /* 開いている状態 */
  padding-top: 13px;
  padding-bottom: 13px;
  border: 1px solid rgb(207, 207, 207);
  /* 開くアニメーション */
  transition:
    padding-top    .6s ease-out,
    padding-bottom .6s ease-out,
    border .6s ease-out;
}
#ul_1 > li > p {
  /* 閉じている状態 */
  line-height: 0;
  opacity: 0;
  visibility: hidden;
  /* 閉じるアニメーション */
  transition:
    line-height .6s ease-out,
    opacity     .3s linear,
    visibility  .3s linear;
}
#ul_1.is-open > li > p {
  /* 開いている状態 */
  line-height: 1.5;
  opacity: 1;
  visibility: visible;
  /* 開くアニメーション */
  transition:
    line-height .3s ease-out,
    opacity     .1s linear .1s,
    visibility  .1s linear .1s;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝readmore2個目＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#ul_2 > li {
  text-align: center;
  width: 500px;
  position:relative;
  top:0;
  left: 200px;
  /* 閉じている状態 */
  padding-top: 0;
  padding-bottom: 0;
  border: 0px solid rgb(220, 220, 220);
  /* 閉じるアニメーション */
  transition:
    padding-top    .6s ease-out,
    padding-bottom .6s ease-out,
    border .6s ease-out;
}
#ul_2.is-open2 > li {
  /* 開いている状態 */
  padding-top: 13px;
  padding-bottom: 13px;
  border: 1px solid rgb(207, 207, 207);
  /* 開くアニメーション */
  transition:
    padding-top    .6s ease-out,
    padding-bottom .6s ease-out,
    border .6s ease-out;
}
#ul_2 > li > p {
  text-align: center;
  /* 閉じている状態 */
  line-height: 0;
  opacity: 0;
  visibility: hidden;
  /* 閉じるアニメーション */
  transition:
    line-height .6s ease-out,
    opacity     .3s linear,
    visibility  .3s linear;
}
#ul_2.is-open2 > li > p {
  /* 開いている状態 */
  line-height: 1.5;
  opacity: 1;
  visibility: visible;
  /* 開くアニメーション */
  transition:
    line-height .3s ease-out,
    opacity     .1s linear .1s,
    visibility  .1s linear .1s;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝readmore3個目＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#ul_3 > li {
  text-align: center;
  width: 500px;
  position:relative;
  top:0;
  left: 200px;
  /* 閉じている状態 */
  padding-top: 0;
  padding-bottom: 0;
  border: 0px solid rgb(220, 220, 220);
  /* 閉じるアニメーション */
  transition:
    padding-top    .6s ease-out,
    padding-bottom .6s ease-out,
    border .6s ease-out;
}
#ul_3.is-open2 > li {
  /* 開いている状態 */
  padding-top: 13px;
  padding-bottom: 13px;
  /* 開くアニメーション */
  border: 1px solid rgb(207, 207, 207);
  /* 開くアニメーション */
  transition:
    padding-top    .6s ease-out,
    padding-bottom .6s ease-out,
    border .6s ease-out;
}
#ul_3 > li > p {
  /* 閉じている状態 */
  line-height: 0;
  opacity: 0;
  visibility: hidden;
  /* 閉じるアニメーション */
  transition:
    line-height .6s ease-out,
    opacity     .3s linear,
    visibility  .3s linear;
}
#ul_3.is-open2 > li > p {
  /* 開いている状態 */
  line-height: 1.5;
  opacity: 1;
  visibility: visible;
  /* 開くアニメーション */
  transition:
    line-height .3s ease-out,
    opacity     .1s linear .1s,
    visibility  .1s linear .1s;
}