/* 他のページと共通であれば common.css,
   このページのみであれば ページ名のCSSに入れてください。
   外部CSSを読み込む必要がある場合は tpl に入れてください。
*/


* {
  margin:0;
  padding:0;
  border:none;
  list-style:none;
  box-sizing: border-box;
}
body {
  height: 100vh;
	font-size: 20px;
  color:#0F188D;
  background-image: none;
}
@supports(-webkit-touch-callout: none){
/* iPhoneの表示のみ指定を上書き */
body{
  height: -webkit-fill-available;
  }
}


/*入力ボックスの設定*/
input[type=text]{
  color:#0F188D;
  width:100%;
  padding:5px;
  margin-bottom:10px;
  border-radius: 6px;
  transition: all .1s ease-in-out;
  border:2px solid #0F188D;
	font-size: 20px;
}
input[type=password]{
  color:#0F188D;
  width:100%;
  padding:5px;
  margin-bottom:10px;
  border-radius: 6px;
  transition: all .1s ease-in-out;
  border:2px solid #0F188D;
	font-size: 20px;
}
/*ボタンの設定*/
button {
  position:relative;
  width:100%;
  margin-top:20px;
  cursor:pointer;
  transition: all .1s ease-in-out;
  border-radius: 6px;
	font-size: 20px;
}
button:active {
  top:1px;
  box-shadow:none;
}

.error {
	text-align: center;
	font-weight: bold;
	color: #ff0000;
}


.wrapper{
  display:flex;
  flex-flow: column;
  justify-content: center;
  color:#0F188D;
}
.logfm{
  height: 100%;
  margin:auto;
  text-align:center;
}
.logtitle{
  font-size: 24px;
  font-weight:bold;
  background-image: none;
}
.logsen{
  font-weight:normal;
  margin-top:20px;
  background-image: none;
}
/*ボタンの設定*/
.logbutton{
  text-align:center;
}
.logbutton button{
  font-weight:bold;
  color:#fff;
  padding:10px;
}