input[type=textarea]{
  font-family: 'Meiryo UI';
}

/*中央揃え*/
.center {
  padding: 0px;              
  text-align:  center; 
  margin-left: auto;     
  margin-right: auto;
  height: 70px;              
}

/*数値入力項目を中央よせ(スピンボタンがあるので若干左によせました)*/
input[type=number] {
  font-family: 'Meiryo UI';
  text-align: center;
  padding-left: 12px;
}

input[type=text]{
  font-family: 'Meiryo UI';
}

/*スピンボタン系
input[type="number"]::-webkit-outer-spin-button, 
input[type="number"]::-webkit-inner-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
} */

.select{
  border-radius : 30px;          /* 角丸       */
  height: 25px;
  font-size     : 12pt;        /* 文字サイズ */
  background: #9dc7ff; 
  color: #ffffff;  
  border: 1px solid #9dc7ff;
  height        : 30px;
}

.select:hover{
  color         : #000000; 
  background    : #ffffff;  
  border: 1px solid #000000; 

  /*
  background: #ffffff;
  color: #9dc7ff;
  */
}

.MARGIN{
  margin:30px;
}

/*パスワード・ID入力ボックス*/
.inText {
  box-sizing    : border-box;
  margin        : 0;
  vertical-align: top;
 
  width         : 100%;                /* 一旦100%幅     */
  max-width     : 250px;               /* 入力域の最大幅 */
  height        : 51px;                /* 入力域の高さ   */
  background    : #ffffff;             /* 入力域の背景色 */
  border        : 2px solid #1e6bb9;   /* 入力域の枠線   */
  border-radius : 4px;                 /* 入力域の角丸   */
  padding       : 0 13px;              /* 入力文字の余白 */
  font-size     : 18px;                /* 入力文字サイズ */
  color         : #333333;             /* 入力文字の色   */
  font-weight   : bold;                /* 入力文字の太字 */
  letter-spacing: .1em;                /* 入力文字の間隔 */
}
 .inText:placeholder-shown {
  color         : #808080;                 /* 文字色     */
  font-size     : 12px;                    /* 少し小さく */
}
.inText::-webkit-input-placeholder {
  color         : #808080;                 /* 文字色     */
  font-size     : 12px;                    /* 少し小さく */
}
.inText:-ms-input-placeholder {
  color         : #808080;                 /* 文字色     */
  font-size     : 12px;                    /* 少し小さく */
}
.inText::-ms-clear {
  display     : none;                      /* ×を消す   */
}

/*ボタンデザイン*/
.button {
  display       : inline-block;
  border-radius : 30%;          /* 角丸       */
  font-size     : 12pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 12px 12px;   /* 余白       */
  background    : #9dc7ff;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 0em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 2px solid #9dc7ff;    /* 枠の指定 */
  width         : 175px;
  height        : 50px;
}
.button:hover {
  color         : #9dc7ff;     /* 文字色     */
  background    : #ffffff;     /* 背景色     */
}

.button_small {
  display       : inline-block;
  border-radius : 30%;          /* 角丸       */
  font-size     : 12pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 12px 12px;   /* 余白       */
  background    : #9dc7ff;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 0em;         /* 1行の高さ  */
  border        : 2px solid #9dc7ff;    /* 枠の指定 */
  width         : 125px;
  height        : 35px;
}
.button_small:hover {
  color         : #9dc7ff; 
  background    : #ffffff;  
}

.button_s{
  display       : inline-block;
  border-radius : 30%;          /* 角丸       */
  font-size     : 12pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 12px 12px;   /* 余白       */
  background    : #9dc7ff;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 0em;         /* 1行の高さ  */
  border        : 2px solid #9dc7ff;    /* 枠の指定 */
  width         : 100px;
  height        : 30px;
}
.button_s:hover {
  color         : #9dc7ff; 
  background    : #ffffff;  
}


/*type file用*/
.button_smallcsv {
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius : 30%;          /* 角丸       */
  font-size     : 12pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 12px 12px;   /* 余白       */
  background    : #9dc7ff;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 0em;         /* 1行の高さ  */
  border        : 2px solid #9dc7ff;    /* 枠の指定 */
  width        :100px;
  height        :15px;
}
.button_smallcsv:hover {
  color         : #9dc7ff; 
  background    : #ffffff;  
}

.inline_block{
  display : flex;
}

.p_center{
  margin-top: 10px;
}

/*右寄せ*/
.rightposition{
  text-align   :right;
}

h1 {
  background: #dfefff;
  box-shadow: 0px 0px 0px 5px #dfefff;
  border: dashed 1px #96c2fe;
  padding: 0.2em 0.5em;
  color: #454545;
}

h2 {
  color: #454545;
}

/*回答状況の井*/
.box{
  margin-right: 30%;
  margin-left: 30%;
  position: relative;
  padding: 0.5em 1.5em;
  border-top: solid 2px black;
  border-bottom: solid 2px black;
}
.box:before, .box:after{
  content: '';
  position: absolute;
  top: -10px;
  width: 2px;
  height: -webkit-calc(100% + 20px);
  height: calc(100% + 20px);
  background-color: black;
}
.box:before {left: 10px;}
.box:after {right: 10px;}
.box p {
  margin: 0; 
  padding: 0;
}

/*データテーブル*/
.culumns{
  background-color:aliceblue;
  color:#000000;
  font-weight: 700;
  font-size: 10px;
}
.row{
  background-color:#3d577c;
  color:#ffffff;
  text-align: center;
}

/*テスト*/

.Mmargin{
margin-left: 10%;
margin-right: 10%;
}
.col5 {
display: flex;
}
.col5 li {
width : calc(100% / 5) ;
list-style: none;
}

.MARGIN-LEFT{
margin-left: 3%;
}

h4 {
padding: 0.25em 0.5em;/*上下 左右の余白*/
color: #494949;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 5px #7db4e6;/*左線*/
}

/*使っていないポップアップ*/
.popup{
width:30%;
line-height:70px;
background:whitesmoke;
padding:0 2%;
box-sizing:border-box;
border-style: solid;
display:none;
position:fixed;
top:50%;
left:50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}