.show-more-state {
      display: none;
    }

    .show-more-wrap {
         margin: 0;
         padding: 0;
    }
    
@media screen and (max-width: 768px) {
    
    .show-more-target {
      opacity: 0;
      max-height: 0;
      font-size: 0;
      transition: .25s ease;
    }

    .show-more-state:checked ~ .show-more-wrap .show-more-target {
      opacity: 1;
      font-size: inherit;
      max-height: 100%;
    }

    .show-more-state ~ .show-more-trigger {
        background-color: gray;
        writing-mode: normal;
    }


    .show-more-state:checked ~ .show-more-trigger {
      background-color: rebeccapurple;
    }
    

    .show-more-trigger {
      cursor: pointer;
      color: #666;
    }
    
    .menushow {
        position: relative;
        left: 5%;
        display: inline-block;
        line-height: .5em;
        text-align: center;
        margin: auto;
        position: relative;
    }
    
    .show-more-target li {
        list-style: none;
        margin: .5em;
        padding: .5em;
    }
    
    .show-more-target li a {       
        padding: .5em;
        text-align: left;
        width: 70%;
    }
}