/* width */
/*border*/
/*screenmarge*/
/*---------------------------------
	Parts
-----------------------------------*/
.wordlist {
  margin-top: 3rem;
  display: flex;
  flex-wrap: wrap; }
  .wordlist li {
    border: #02216a 1px solid;
    outline: #02216a 2px solid;
    outline-offset: 2px;
    width: 30%;
    margin: 0 1.5% 4rem;
    font-size: 1.7rem; }
    @media only screen and (max-width: 780px) {
      .wordlist li {
        width: 46%; } }
    @media only screen and (max-width: 480px) {
      .wordlist li {
        width: 97%;
        margin: 0 1.5% 2rem; } }
    .wordlist li a {
      padding: 1.5rem;
      display: block;
      height: 100%; }
      .wordlist li a:hover {
        background: #02216a;
        color: #FFF; }

.wordmain {
  border: 1px solid #999;
  padding: 2rem 3rem; }
  .wordmain p {
    background-image: linear-gradient(180deg, rgba(100, 100, 100, 0) 0%, rgba(100, 100, 100, 0) 98%, #999 100%);
    background-size: 100% 2.5em;
    line-height: 2.5em; }

.datalink ul {
  margin-left: 2%; }

/*# sourceMappingURL=word.css.map */