.btn_cloud_right_lower{
  display: none;
}

.post{
  min-height: 100vh;
  padding: 6rem 0 5rem;
}
.post article img,
.post article p{
  display: block;
  margin: 1.5rem auto;
}
.post .page_nav{
  margin: 3rem 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
}
.post .page_nav li a {
  position: relative;
  padding-left: 18px;
}
.post .page_nav .prev {
  margin-right: auto;
}
.post .page_nav .next {
  margin-left: auto;
}
/* .post .page_nav .prev a {
  padding-left: 2.5rem;
}*/
.post .page_nav .next a {
  padding-right: 18px;
}
.post .page_nav li a:before{
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  height: 0;
  margin-top: -6px;
  border-style: solid;
  border-width: 6px 0 6px 9px;
  border-color: transparent transparent transparent #f57d2d;
  content: "";
}
.post .page_nav li a:hover:before{
  opacity: .5;
}
.post .page_nav .prev a:before{
  transform: scale(-1, 1);
}
.post .page_nav .next a:before{
  right: 0;
  left: auto;
}

@media screen and (min-width:751px){
  .btn_cloud_right_lower{
    width: 12vw;
    max-width: 310px;
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    z-index: 200;
    display: block;
  }
  /* ---------------------------------------------------------
  sp nav
  ----------------------------------------------------------*/
  nav{
    margin: 0;
    /* padding: 14rem 0 0; */
    padding: 11rem 0 0;
    background-image: none;
  }
  .cp_offcm01 .cp_menu ul{
    position: relative;
    z-index: 500;
  }

  /* ---------------------------------------------------------
  post
  ----------------------------------------------------------*/
  .post{
    min-height: calc(100vh - 150px);
    padding: 6rem 0 5rem;
  }
  .post article{
    width: 100%;
  }
}
@media screen and (min-width:751px) and (max-width:959px){
  /* ---------------------------------------------------------
  header
  ----------------------------------------------------------*/
  .head_nav li{
    width: 14vw;
  }

  /* ---------------------------------------------------------
  sp nav
  ----------------------------------------------------------*/
  nav{
    padding: 2rem 0;
  }
  .cp_offcm01 .cp_menu li:not(.btn_for_sp) a{
    padding: .5rem 3vw;
  }
  /* ---------------------------------------------------------
  post
  ----------------------------------------------------------*/
  .post{
    padding: 0 0 10rem;
  }
}