/*/////////////////////////////////////////////////////////////////////////////
//
//  GALLERIA V1.5
//  Global CSS
//
/////////////////////////////////////////////////////////////////////////////*/

body{
  margin: 0;
  overflow: hidden;
  user-select: none;
  /* background-color: #9d896c; */
  /* background-color: #3b7960; */
  background-color: #2c4f54;
  color: #c1e4e9;
  font-family: "Noto Serif JP",serif;
  /* font-family: "EB Garamond","Noto Serif JP",serif; */
  font-weight: 400;
  font-style: normal;
  font-size: 17px;
}
.mask{
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  /* background-color: #7ebeab; */
  z-index: 9;
  opacity: 1;
}
.top_logo{
  z-index: 1;
  display: inline-block;
  position: relative;
  height: 26px;
  line-height: 26px;
  left: 0;
  margin: 2px 10px 0 5px;
  font-size: 20px;
  letter-spacing: 0px;
  /* font-family: "EB Garamond","Noto Serif JP"; */
  font-family: "UnifrakturMaguntia","Noto Serif JP";
  font-style: normal;
  color: #c1e4e9;
}
.sub_logo{
  display: inline-block;
  position: relative;
  /* width: 100%; */
  height: 26px;
  line-height: 26px;
  /* text-align: center; */
  /* margin: auto 5px auto 5px; */
  font-size: 17px;
  letter-spacing: 0px;
  font-family: "Noto Serif JP";
  /* font-family: "EB Garamond","Noto Serif JP"; */
  /* font-family: "UnifrakturMaguntia","Noto Serif JP"; */
  font-style: normal;
  color: #e0ebaf;


}
.icon{
  display: inline-block;
  box-sizing: border-box;
  width: 26px;
  height: 26px;
  padding: 2px 0px 0px 0px;
  text-align: center;
  overflow: visible;
  font-size: 22px;
  color: #c1e4e9;
  transition: .1s;
}
.hide{
  display: none !important;
}
.fade{
  opacity: 0 !important;
}
.error{
  background-color: #eb6ea5 !important;
}
input:read-only,textarea:read-only{
  background-color: #fddea5;
  color: #888084;
}
::placeholder{
  color: #888084;
}

[data-ruby]{
  position: relative;
}
[data-ruby]::after{
  content: attr(data-ruby);
  position: absolute;
  top: -0.9em;
  left: 0;
  width: 500%;
  font-size: 0.6em;
}






.button{
  width: auto;
  height: 28px;
  padding: 0px 13px 0px 13px;
  /* margin: 1px 0px 1px 0px; */
  border-radius: 14px;
  border: 0;
  color: #e0ebaf;
  text-align: center;
  vertical-align: top;
  background-color: #5383c3;
  /* font-family: "EB Garamond","Noto Serif JP",serif; */
  font-size: 17px;
  line-height: 26px;
}
.button:hover{
  line-height: 22px;
  opacity: 0.7;
}
.button:active{
  color: #59b9c6;
}