/*
* "FontName" licensed under the SIL Open Font License
* https://fonts.googleapis.com/css2?family=Amatic+SC:wght@700&display=swap/（配布元のURL）
* https://fonts.googleapis.com/css2?family=Caveat:wght@700&display=swap
* https://fonts.googleapis.com/css2?family=Cagliostro&display=swap
*/

*{
  box-sizing:border-box;
  margin: 0;
  padding: 0;
}

body,header {
  width: 100%;
}

.lasa {
  text-align: center;
}

.lasaword{
  height: 7em;
}

.nav-unshown{
  display: none;
}

.menubar {
  background-color: black;
  color:white;
  display: flex;
  justify-content: center;
  align-items: center;
}

.menubar ul{
  list-style: none;
}

.menubar li{
  font-family:'Amatic SC', cursive;
  font-size: 200%;
  display: inline-block;
  vertical-align: sub;
  margin: 0.2em 1em;
}

.menubar a {
  background-color: black;
  color: white;
  text-decoration: none;
}

main{
  background-color: black;
  color: white;
  margin: -1px 0;
  border-bottom: 1px solid white;/*contentsの下のボーダーが見えなくなったので応急処置*/
}

.recruit{
  padding-top:60px;
}

.contents{
  width: 80%;
  border:1px solid #fff;
  margin: 0 auto;
  padding-bottom: 2%;
}

.time,.fee,.treat,.manne,.message,.name,.mini-info{
  margin-top:20px;
}

.time p,.fee p,.treat p,.manner p,.message p,.name p,.mini-info p{
  line-height: 3vh;
}

.number{
  font-size: 25px;
}

.recruit h2{
  font-size: 40px;
  text-align: center;
  margin: 80px auto;
  letter-spacing: 10px;
}

.recruit p {
  padding: 1% 0 2% 10%;
  font-family:'Caveat', cursive;
}

.wkt{
  margin-left: 25px;
}

.mini-info p{
  padding-bottom: 0;
}

.mail {
  font-family: sans-serif;
}

.sbr{
  display: none;
}

footer{
  background-color: black;
  color: white;
  overflow: hidden;
  position: relative;
  height: 1.5em;
}

.copy{
  font-size: 90%;
  font-family: 'Kalam', cursive;
  position: absolute;
  top: 50%;
  right: 10%;
  transform: translateY(-50%);
}