body {
  background-image: url("http://asovigakari2.stars.ne.jp/asovigakari/hanairisoborodon.png");
background-color:rgba(255,255,255,0.4);
background-blend-mode:lighten;
}
.progress-bar {
  width: 0;
  height: 20px;
  background-color: blue;
  transition: width 0.5s ease-in-out;
}
 /* === ラジオボタンは非表示 ================== */
#langChenge input[type="radio"]{
  display    : none;
}
 
 /* === 各ラジオボタンのラベルをボタンに変更 == */
#langChenge label{
  display    : inline-block;
  border     : 1px solid #ccc;
  box-shadow : 2px 2px #999;
  color: black;
  padding    : 2px 6px;
}
 
 /* === 選択されていない言語は非表示にする ==== */
#langJa:not(:checked) ~ * *:lang(ja) {
  display    : none;
}
#langEn:not(:checked) ~ * *:lang(en) {
  display    : none;
}
#langZh:not(:checked) ~ * *:lang(zh) {
  display    : none;
}
 
 /* === 選択されている言語のラベル色を変更 ==== */
#langJa:checked ~ label[for="langJa"] {
  background : #ffa64d;
}
#langEn:checked ~ label[for="langEn"] {
  background : #ffa64d;
}
#langZh:checked ~ label[for="langZh"] {
  background : #ffa64d;
}
.button {
  display       : inline-block;
  border-radius : 20%;          /* 角丸       */
  font-size     : 18pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 12px 12px;   /* 余白       */
  background    : rgba(175, 255, 230, 0.60);     /* 背景色     */
  color         : #000;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 6px 6px 3px #666666;  /* 影の設定 */
  border        : 2px solid rgba(175, 255, 230, 0.60);    /* 枠の指定 */
}
.button:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : rgba(175, 255, 230, 0.60);     /* 背景色     */
  background    : #000;     /* 文字色     */
}
html {
    scroll-behavior: smooth;
}
.pagetop {
    height: 50px;
    width: 50px;
    position: fixed;
    right: 30px;
    bottom: 30px;
    background: #000;
    border: solid 2px #000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.pagetop__arrow {
    height: 10px;
    width: 10px;
    border-top: 3px solid #000;
    border-right: 3px solid #000;
    transform: translateY(20%) rotate(-45deg);
}
.double {text-align: center;
  border: double 10px #38b48b ;}
.naka{text-align: center;}

#fullScreenButton {
 display: inline-block;
 padding: 5px;
 background-color: #4CAF50;
 color: black;
 cursor: pointer;
 }
 #exitFullScreenButton {
 display: inline-block;
 padding: 5px;
 background-color: #f44336;
 color: black;
 cursor: pointer;
 }