.textButtonArea { width: 96%; max-width: 990px; margin: 0 auto 3rem; }
.textButtonArea .txtBottun a { display: inline-block; margin: 0 1rem 1rem 0; padding: 0.5rem 1rem; border-radius: 3rem; background-color: #fff;
    color: #1F1F1F; font-feature-settings: "palt"; font-size: 1.1rem; font-weight: bold; text-align: center; vertical-align: top; word-break: break-word;
    border: 1px solid #C7C7C7; line-height: 1; }
.textButtonArea .txtBottun a:hover { opacity: .8; }
.textButtonArea .txtBottun a:nth-child(n+7) {display: none;}
.textButtonArea .moreButton {display: none;}
.textButtonArea .moreTextButton { cursor: pointer; user-select: none; display: block; padding: 0.5rem; border: 1px solid #C7C7C7;
    border-radius: 4px; text-align: center; }
.textButtonArea .moreTextButton::before { content: '+ More';}
.textButtonArea .moreButton:checked ~ .moreTextButton::before { content: '- More';}
.textButtonArea .moreButton:checked ~ .txtBottun a:nth-child(n+7) {display: inline-block;}