@charset "UTF-8";

@media all{
  .noSelect{
    -webkit-touch-callout:none;
    user-select:none;
    -webkit-user-select:none;
  }
  .selectable,
  input[type="text"],
  textarea{
    user-select:text;
    -webkit-user-select:text;
  }
  
  body {
    width: 100%;
    height: 100%;
    background-color: #fefefe;
    font-family: "Sawarabi Gothic", "sans-serif";
    padding: clamp(1rem, 3vw, 2.5rem);
    font-size: clamp(1rem, 1vw + 0.75rem, 1.125rem);
    line-height: 1.7;
    
  }

  .alignCenter{
    text-align: center;
  }
  .alignLeft{
    text-align: left;
  }
  .alignRight{
    text-align: right;
  }
  .center{
    margin: 0 auto;
  }
}

/* Portrait */
@media screen and (min-width: 481px){
}