html {
    border: 0.85vw double #808080;
    border-radius:50px;
    margin:25px;
    font-family: "Kiwi Maru", serif;
    font-weight: 400;
    font-style: normal;      
  }
  
  a {
    color:rgb(27, 27, 27);
    }

.box{
    justify-content: center;
    align-items: center;
    text-align: center;
    place-content: center;
    margin-left:5px;
    margin-right:5px;
}

.checkbox {
    appearance: none;
    height: 100px;
    width: 100px;
    margin: 10px;
    /*border: 0.1vw solid #ffffff;*/
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    text-align: center;
    place-content: center;
  }
  .checkbox:disabled {
    opacity:0.7;
  }

  .checkbox::before {
    font-size:30px;
    color: rgba(0, 0, 0, 0);
    content: "✅"; /** 外部のアイコンを使ってCheckmarkを実装 */
  }
  
  .checkbox:checked {
    border: 0.3vw double #000000;
    box-shadow: 0px 0px 5px rgb(255, 255, 255) !important;
  }

  .checkbox:checked::before {
    color: rgba(255, 255, 255, 0.75) !important;
    mix-blend-mode:luminosity;
  }

  header{
    height:200px;
    justify-content: center;
    align-items: center;
    text-align: center;
    place-content: center;
  }

  .box{
    margin-bottom:150px;
  }
  footer{
    margin: auto;
    position:sticky;
    bottom:0;
    padding:5px 0 5px 0;
    background: linear-gradient(#ffffff00, #ffffff7a);
    width:100%;
    height:80px;
    bottom:0;
    justify-content: center;
    align-items: center;
    text-align: center;
    place-content: center;
  }

  .footer_fix_btn {
    margin: auto;
    margin-top: -10px;
    width:50%;
    bottom:0;
    padding:15px 0 15px 0;
    position:sticky;
    justify-content: center;
    align-items: center;
    text-align: center;
    place-content: center;
    background:#f8f8f8;
    font-size:16px;
    color:#000000;
    border:1px solid #8b8b8b;
  }

  .footer_fix_btn a {
    justify-content: center;
    align-items: center;
    text-align: center;
    place-content: center;
    display:block;
    width:100%;
    text-decoration:none;
  }

  .footer_fix_btn a:hover {
    opacity:0.8;
  }

  @media (max-width: 856px) {
    /* 横幅が指定した値以下の場合に適用するスタイル */
    /* WORKS スマホサイズ サムネイル*/
    html{
      border: none !important;
      margin: 0px !important;
    }
    body{
      margin:0px !important;
    }
    img{
      margin: 5px;
      width:125px;
    }
    .checkbox{
      height: 78px;
      width: 78px;
      margin: 5px;
    }
  }

  p{
    font-size:20px;
    white-space: pre-wrap;
    word-break: keep-all;
    margin-left:13px !important;
    margin-right:13px !important;
    }

    .center{
      justify-content: center;
      align-items: center;
      text-align: center;
      place-content: center;
    }