body {
  -webkit-text-size-adjust: 100%;
  height: 100vh;
  font-family: 'Noto Sans JP', sans-serif;
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer */
  -khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
  -webkit-user-select: none; /* Chrome, Safari, and Opera */
  -webkit-touch-callout: none; /* Disable Android and iOS callouts*/  
}
.radioB {
  margin-right: 2px;
  margin: 4px;
}
/* Safari用のハックは、Chromeに適用されないようにする */
@supports (-webkit-touch-callout: none) {
  body {
    /* Safari用のハック */
    height: -webkit-fill-available;
  }
}
.wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: green;
  /* padding: calc((100vh - 62vw) / 2) calc((62vw - 100vh) / 2);  */
  /* 2400 x 1500 */
  /* padding: calc((80vh - 100vw) / 2) calc((100vw - 80vh) / 2); */
}
.content {
  width: 100%;
  height: 100%;
  background: rgb(31, 100, 23);
  background-image: url(../img/Soccer-Field-tate.png);
  background-repeat: no-repeat;
  background-size: contain;
  /* background-position: center; */
}
.menu {
  position: absolute;
  right: 5px;
  top: 5px;
  padding: 5px;
}
.setting {
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  background-color: #5BDE80; /*rgb(232, 232, 232);*/
  color: #435E4B;
  display: none;
  padding: 5px;
  margin: 5px;
  font-size: small;  

  font-weight: 400;
  border: 0;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);


}
#menu-check {
  display: none;
}

#menu-check:checked ~ .setting {
  display: block;
  animation: show 0.1s linear 0s;
}
@keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

h1 {
  margin-bottom: 0px;
}
#OK-btn {
  position: absolute;
  -webkit-appearance: none;
  top: 5px;
  right: 5px;
  padding: 5px 10px;
  background: white;
}

.setting h1 {
  font-size: 20px;
}
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

.copySelect {
  padding: 4px;
}

.games{
  padding: 4px;
}

#member_list {
  display: flex;
  flex-wrap: wrap;
}