html{
	font-family: "Arial",sans-serif;
	background: #CCC;
}
body{
  max-width: 400px;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  margin: auto;
}

.anton-sc-regular {
  font-family: "Anton SC", sans-serif;
  font-weight: 400;
  font-style: normal;
}

header{
  margin: auto;
}
.langbtns{
  margin: 10px auto 10px auto;
}

 /* === ラジオボタンは非表示 ================== */
#langChenge input[type="radio"]{
  display    : none;
}
 
 /* === 各ラジオボタンのラベルをボタンに変更 == */
#langChenge label{
  display    : inline-block;
  border     : 1px solid #ccc;
  box-shadow : 2px 2px #999;
  padding    : 6px;
  color      : black;
  height     : 20px;
}
 
 /* === 選択されていない言語は非表示にする ==== */
#langEn:not(:checked) ~ * *:lang(en) {
  display    : none;
}
#langJa:not(:checked) ~ * *:lang(ja) {
  display    : none;
}
 
 /* === 選択されている言語のラベル色を変更 ==== */
#langEn:checked ~ label[for="langEn"] {
  background : white;
}
#langJa:checked ~ label[for="langJa"] {
  background : white;
}

h1{
  font-family: "Anton SC", sans-serif;
  font-size: 80px;
  line-height: 80px;
  text-align: left;
}