html > body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 100%;
  padding: 0px;
  font-family: sans-serif;
  background-color: #fcfcfc;
  color: #000000;
}
html > body > header {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  width: 100%;
}
html > body > footer {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 3px 10px;
  width: 100%;
  background-color: #bed0e7;
  color: #000000;
}
html > body > main,
html > body > form,
html > body > article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0px;
  max-width: 992px;
  width: 100%;
}
html > body > main section,
html > body > form section,
html > body > article section {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 10px;
  width: 100%;
}
html > body select {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0px;
  padding: .3rem .5rem .3rem .5rem;
  width: 100%;
  border-radius: 0.3rem;
  border: 1px solid #2d4f78;
  background-color: #fcfcfc;
  color: #000000;
  font-size: 100%;
}
html > body textarea,
html > body input[type="text"],
html > body input[type="password"] {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: .6rem .8rem .6rem .8rem;
  width: 100%;
  max-width: 100%;
  border-radius: 0.3rem;
  border: 1px solid #2d4f78;
  background-color: #fcfcfc;
  color: #000000;
}
html > body input[type="submit"],
html > body input[type="button"] {
  -webkit-appearance: none;
  margin: 10px;
  padding: 10px 30px;
  border-radius: 4px;
  border: 2px solid #4274b0;
  background-color: #4f81bd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#749bcb), to(#4f81bd));
  background-image: linear-gradient(#749bcb 0%, #4f81bd 100%);
  color: #ffffff;
  text-shadow: 1px -1px #000000;
}
html > body input[type="submit"]:hover,
html > body input[type="button"]:hover {
  background-color: #749bcb;
  background-color: #4f81bd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#acc3e0), to(#4f81bd));
  background-image: linear-gradient(#acc3e0 0%, #4f81bd 100%);
}
html > body input[type="submit"]:active,
html > body input[type="button"]:active {
  background-color: #3b689e;
  background-color: #4f81bd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3b689e), to(#4f81bd));
  background-image: linear-gradient(#3b689e 0%, #4f81bd 100%);
  border: 1px solod rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.1) inset, -1px 1px 0 0 #ffffff;
          box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.1) inset, -1px 1px 0 0 #ffffff;
}
#systemMessages > ul {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}
#systemMessages > ul .errorMessage {
  color: red;
}
p {
  line-height: 1.2em;
  margin: 0.5em;
}
/*
//
//	モーダル表示関連（ライブラリ化のほうがいいかも）
//
.modalScreenXXXXXXXX
{
	z-index: 1;
	display: none;
	position: fixed;
	//position: absolute;

	box-sizing:border-box;
	margin: 0px;
    padding: 0px;

	top: -100vh;
	height: 300vh;
	left: -100vw;
	width: 300vw;


	align-items: center;	//縦方向の真ん中にそろえた
	background-color: rgba(0, 0, 0, 0.8); 

	//text-align: left;


	&.visible
	{
		//z-index: 1;
		//position: fixed;
		display: flex;
		justify-content: center;


	}


	&:first-child
	//.modalContent
	{
		z-index: 2;
		display: block;
		overflow: scroll;   // スクロール表示
		overflow-y: scroll;


		box-sizing:border-box;
		width: 80vw;
		max-height: 80vh;
		padding: 8px 8px;

		background-color: @base-color;
		color: contrast(@base-color);
	}

}



html > body
{
	&.modal-open
	{

//		position: fixed;
//		overflow: hidden;
	}
}
*/