@charset "UTF-8";

/* for sp ------------------------------------------ */
    #wrapper div.inner div.next-title {
      width: 85%;
      margin: 0 auto;
      padding-top: 2.3rem;
      padding-bottom: 0.8rem;
      margin-top: 3rem;
      line-height: 1.5rem;
      position: relative;
      padding-left: 4%;
      padding-right: 4%;
      border: solid 1px #5f5f5f; 
      background-color: #fff;}
    #wrapper div.inner div.next-title:before {
      content: "Next page";
      background-color: #666666;
      font-size: 0.8rem;
      color: #fff;
      line-height: 1.5rem;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      text-align: center; }

/*　for pc ------------------------------------------ 　*/
@media screen and (min-width: 901px) {
  body.pc #wrapper div.inner div.next-title {
    width: 50%;
    margin: 0 auto;
    color: #000000;
    font-size: 1.1rem;
    line-height: 1.5rem;
    background-color: #ffffff;
    padding: 15px 2% 15px 12%;
    position: relative;
    height: auto;
    margin-top: 3rem;
    border: none; }
  body.pc #wrapper div.inner div.next-title:before {
    content: "Next page";
    position: absolute;
    left: 0;
    width: 15%;
    color: #fff;
    padding: 0 10px;
    vertical-align: middle;
    height: 100%;
    top: 52%;
    margin-top: -13px;
    z-index: 1;
    background-color: transparent; }
  body.pc #wrapper div.inner div.next-title:after {
    width: 18.5%;
    background: #666666;
    content: '';
    position: absolute;
    left: 0;
    height: 100%;
    top: 0;
    z-index: 0; }
    
  }