@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

*{
    padding: 0;
    margin: 0;
    font-family: 'Noto Sans JP', sans-serif;
    box-sizing: border-box;
    font-size: 18px;
}

/*タグ*/
input {
//    height: 10vw;
    border: solid 1px #CCC3C3;
    border-radius: 5px;
    background-color: #FBFBFB;
    text-align: center;
}
input::placeholder {
    color: #D2D2D2;
    text-align: center;
}


/*クラス*/
.line {
    width: 100%;
    display: flex;
    align-items: center;
}
.vert {
    width: 100%;
    display: flex;
    flex-flow: column;
    justify-content: center;
}
.btn {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 2;
    margin: 3vw;
    border-radius: 10px;
    text-align: center;
    font-weight: 600;
    height: 20vw;
}
.close {
    background-color: #BBBBBB;
    color: #fff;
    height: 15vw;
}
.title {
    font-size: 5vw;
    font-weight: 500;
}
.required {
    background-color: #CC3333;
    color: #fff;
    font-size: 3.5vw;
    padding: 0 3vw;
}

/*色*/
.active {
    color: #fff;
    background-color: #2F61C2;
}
.inactive {
    color: #999;
    background-color: eee;
}
.red {
    color: #FF0000;
}

/*サイズ*/
.fSize3 {
    font-size: 3.5vw;
}

/*pop*/
.error{
  color: #fe1e1e!important;
}
.error::before{
  content: url(../img/error.png);
}
.default{
}
#popMaster{
  border: solid 1px #bebebe;
  border-radius: 5vw;
  display: block;
  width: 90%;
  text-align: center;
  position: absolute;
  z-index: 9999;
  top: 25%;
  left: 0;
  background-color: #f5f5f5;
  margin: 5%;
}
#popTitle{
  color: #333;
  padding: 5vw 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 4vw;
}
#popMaster>hr {
    margin: 0 5vw;
    border-color: #c9c9c9;
    border-width: 1vw 0 0 0;
    border-style: solid;
}
#popBody{
  color: #000;
  margin: 5vw 5vw 0 5vw;
  text-align: left;
  font-size: 4vw;
}
#popButton{
  color: #f5f5f5;
  border-radius: 50vw;
  margin: 5vw;
  background-color: #b7b6b6;
  height: 13vw;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 5vw;
}
*::-webkit-scrollbar{
  display:none;
}

/*ログインモーダル*/
section#loginMaster {
    position: absolute;
    z-index: 999;
    width: 100%;
    height: 100%;
    top: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: #fff;
    flex-flow: column;
    overflow: scroll;
}
.loginBox {
    background-color: #f3f3f3;
    padding: 5vw;
    display: flex;
    flex-flow: column;
    width: 100%;
}
div#loginTitle {
    text-align: center;
    font-size: 8vw;
    font-weight: 700;
    color: #3f3f3f;
}
div#loginInfo {
    font-size: 4vw;
    margin: 5vw 3vw;
    color: #3f3f3f;
}
.loginBox>input {
    margin-bottom: 5vw;
    border: solid 1px #ccc;
    height: 15vw;
    background-color: #fffee1;
    border-radius: 5px;
}
div#loginBtn, div#noLoginBtn {
    border-radius: 5px;
    height: 15vw;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 4vw;
    margin-top: 5vw;
}
div#loginBtn {
    color: #fff;
    background: linear-gradient(#00bdfa,#005eea);
}
div#noLoginBtn {
    color: #eee;
    background-color: #ccc;
}
.loginInfoTitle {
    text-align: center;
    font-size: 5vw;
    font-weight: 600;
    color: #3f3f3f;
}
.loginInfoInfo {
    font-size: 4vw;
    margin: 3vw 5vw;
    color: #3f3f3f;
}
div#newMember {
    background-color: #ff9415;
    color: #fff;
    border-radius: 5px;
    height: 15vw;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 4vw;
    margin-top: 10vw;
}