@charset "UTF-8";
html {
  font-family: sans-serif;
}

body, div, ul, li {
  margin: 0;
  padding: 0;
  color: #333;
}

a {
  color: #5071a0;
}

body {
  background: #eee;
  font-size: 0.9em;
}

.sp {
  display: none;
}

@media (max-width: 750px) {
  .sp {
    display: inline;
  }
}

.contents {
  width: 960px;
  margin: 0 auto;
}

@media (max-width: 750px) {
  .contents {
    width: 100%;
  }
}

.contents-wrapper {
  width: 98%;
  padding: 1%;
  background: white;
}

.contents-wrapper .obtain_item {
  width: 98%;
  font-size: 1.4em;
  margin: 1em 0 0.5em 1em;
}

.contents-wrapper .itemlist {
  margin: 0 auto 3em;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (20%)[5];
      grid-template-columns: repeat(5, 20%);
}

@media (max-width: 750px) {
  .contents-wrapper .itemlist {
    -ms-grid-columns: (50%)[2];
        grid-template-columns: repeat(2, 50%);
  }
}

.contents-wrapper .itemlist li {
  list-style-type: none;
  text-align: center;
  padding: 5px;
  border: 1px solid silver;
}

.contents-wrapper .obtain_list {
  width: 98%;
  margin-bottom: 3em;
  border: 1px solid silver;
}

.contents-wrapper .obtain_list th, .contents-wrapper .obtain_list td {
  width: 100%;
  padding: 3px;
}

.contents-wrapper .obtain_list th {
  text-align: left;
  background: #5071a0;
  color: white;
}

.contents-wrapper .obtain_list th::before {
  content: "　";
}

.contents-wrapper .searchform {
  text-align: center;
  margin: 1em 0;
  padding: 1em 0;
  background: #5071A0;
  color: white;
}

.contents-wrapper .searchform input[type="text"] {
  width: 50%;
  height: 1.5em;
  font-size: 1.5em;
}

@media (max-width: 750px) {
  .contents-wrapper .searchform input[type="text"] {
    width: 90%;
  }
}

.contents-wrapper .searchform input[type="submit"] {
  width: 30%;
  height: 2.5em;
}

header {
  background: #5071a0;
  font-size: 1.5em;
  line-height: 4em;
}

@media (max-width: 750px) {
  header {
    text-align: center;
    padding: 0.5em 0;
    line-height: 1.5em;
  }
}

header a {
  color: white;
  text-decoration: none;
}

header::before {
  content: "　";
}

@media (max-width: 750px) {
  header::before {
    content: "";
  }
}

#news_wrapper {
  width: 960px;
  margin: 0.5em auto;
}

@media (max-width: 750px) {
  #news_wrapper {
    width: 100%;
  }
}

#news_wrapper p {
  margin: 0;
}

footer {
  background: #5071a0;
  text-align: center;
  padding: 1em 0;
  height: 3em;
  color: white;
}

footer a {
  color: white;
}

.adbox {
  width: 98%;
  background: #e0e0e0;
  text-align: center;
  padding: 0.5em;
  color: gray;
}

.adbox ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.adbox ul li {
  width: 48%;
  list-style-type: none;
}