input[type="submit"], .index{
	margin: 10px;
}

.uranai .row{
	display: flex;
	flex-wrap: wrap;
}


.submit-row{
	margin: 20px 0 !important;
}


.col-6{
	display: flex;
	flex-wrap: wrap;
	padding: 10px 0 10px 2%;
}

.side{
	width :42px;
	padding: 0 !important;
	margin-top: 10px;
    position: relative; /* ⑦ */  
    top: 2%;          /* ⑦ */  
    font-size : 13px;
}
.input-main{
	display: table-cell;
	padding: 0 !important;
	width: calc(100% - 80px);
	margin-top: 10px;
}

.input-main input[type="text"]{
	width: 100%;
	margin-bottom: 10px;
}

.uranai_input div div hr{
	margin: 20px 0;
}

.col-1 dl{
	width: 100%;
	font-size: 12px;
}

.col-1 dl dt h2{
	width: 100%;
	padding: 10px 0;
}

.col-1 dl dd{
	/*margin-left: 1em !important;*/
	margin-bottom: 20px;
}

.col-1 table{
	width: 100%;
	line-height: 1.5em;
}
.col-1 table th{
	width: 55px;
	text-align: left;
	vertical-align: middle;
	padding-left: 10px;
	/*border: 1px solid red;*/
}
.col-1 table td{
	text-align: left;
	vertical-align: middle;
	/*border: 1px solid red;*/
}

.col-1 table.aisyou_content{
	margin: 10px 0 0 0px;
	border: 1px solid #e3a759;
}

.col-1 table.aisyou_content th{
	text-align: center;
	width: 60px;
	padding: 0;
	border: 1px solid #e3a759;
}

.col-1 table.aisyou_content td{
	padding: 5px;
	border: 1px solid #e3a759;
}


.col-1 table.i-f_table{
	width: 100%;
	line-height: 1.5em;
	font-size: 8px;
	border-collapse: collapse;
	border: 1px solid #e3a759;
}
.col-1 table.i-f_table th{
	width: 23px;
	text-align: left;
	vertical-align: middle;
	padding: 3px;
	border-style: dotted solid;
	border-width: 1px;
	border-color: #000 #e3a759;
}
.col-1 table.i-f_table td{
	text-align: left;
	vertical-align: middle;
	padding: 3px;
	/*border: 1px dotted #e3a759;*/
	border-style: dotted;
	border-width: 1px;
	border-color: #000 #e3a759;
}

.col-1 table.i-f_table .index{
	text-align: center !important;
}

.col-1 table.i-f_table td span{
	display: block;
}

.tr_math_dai{
	background-color: #DFD19F;
}

.tr_math{
	background-color: #FFFFEA;
}
.tr_math2{
	background-color: #DFF4F4;
}
.tr_math_raku{
	background-color: #950000;
	color: #ffffff;
}
.tr_math3{
	background-color: #FFEAFA;
}
.tr_math_yellow{
	background-color: #FFFF55;
}
/*フォーム左側*/
#order{
	float: left;
}
#order td{
	padding: 3px;
}

/*フォーム右側*/
#sinamono_jyoukyou{
	float: left;
	margin-left: 10px;
}
#sinamono_jyoukyou td{
	padding: 3px;
}

.input_zen{
	ime-mode: active;
}
.input_han{
	ime-mode: inactive;
}

/*　検品更新ページの背景　*/
.list_style_blue{
	background-color: #AFD8E4;
}
.list_style_white{
	background-color: #EFF4DF;
}





#order_update{
	margin-bottom: 200px;
}
#order_update td{
	padding: 0px 3px;
}

table.customer th,
table.customer td{
	font-size: 0.8em;
}

@media only screen and (max-width:850px){
  table.customer {
  }
  table.customer tr{
  	border-top: 2px sold #000;
  }
  table.customer th{
  	background-color: #eee;
  }
  table.customer th,
  table.customer td{
    display: block !important;
    width: 100% !important;
  }

  table.customer th.li-block{
  	margin-bottom: -260px;
  }

  table.customer th.li-none{
    visibility:hidden; !important;
  }

  section.personal_result{
    min-height: 100vh;
    position: relative;/*←相対位置*/
    padding-bottom: 120px;/*←footerの高さ*/
    box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
  }
  section.personal_result form.fixed{
  	position: fixed;
  	bottom: 0;
  	z-index: 995;
  	width: 91%;
  }

  section.personal_result form.fixed .submit-row {
  	padding: 0 !important;
  	margin: 0 !important;
  }
  section.personal_result form.fixed .col-12{
  	font-size: 12px;
  	padding: 0 !important;
  }
  section.personal_result form.fixed .submit-row .card {
  	font-size: 12px;
  	padding: 0;
  	margin: 0;
  }
  section.personal_result form.fixed .submit-row .card .card-body{
  	padding: 0 10px;
  }
  section.personal_result form.fixed .submit-row .card *{
  	font-size: 12px;
  	margin: 3px !important;
  }
}

.uranai_result th,.uranai_result td{
	font-size: 0.8em;
}

.balloonoya {
  position   : relative;             /* 指定した分だけ相対的に移動 */
  cursor   : pointer;                /* カーソルをポインターで表示 */
}
.balloon1,
.balloon2,
.balloon3,
.balloon4,
.kuubouballoon,
.tenkanballoon1,
.tenkanballoon2,
.zoukanballoon1,
.zoukanballoon2,
.zoukanballoon3,
.jyuuniballoon1,
.jyuuniballoon2,
.jyuuniballoon3,
.todayballoon1,
.todayballoon2,
.todayballoon3,
.todayballoon4{
  display: none !important;                     /* 要素を非表示 */
}
.balloon_c1 {
  position: absolute;                   /* 親要素を基準 */
  display: inline-block;                      /* 要素をインラインとして表示 */
  padding: 2px;                         /* テキストの前後の余白 */
  background-color: rgba(255, 255, 255, 1);       /* 背景色（透明度） */
  width:280px;                          /* 吹き出し全体の幅 */
  left : -101%;                           /* 表示位置 */
  top : 80%;                           /* 表示位置 */
  margin-top : 12px;                    /* 表示位置 */
  font-size: 80%;                       /* 文字サイズ */
  z-index: 9999;
}
.balloon_c2 {
  position: absolute;                   /* 親要素を基準 */
  display: inline-block;                      /* 要素をインラインとして表示 */
  padding: 2px;                         /* テキストの前後の余白 */
  background-color: rgba(255, 255, 255, 1);       /* 背景色（透明度） */
  width:280px;                          /* 吹き出し全体の幅 */
  left : -201%;                           /* 表示位置 */
  top : 80%;                           /* 表示位置 */
  margin-top : 12px;                    /* 表示位置 */
  font-size: 80%;                       /* 文字サイズ */
  z-index: 9999;
}
.balloon_c3 {
  position: absolute;                   /* 親要素を基準 */
  display: inline-block;                      /* 要素をインラインとして表示 */
  padding: 2px;                         /* テキストの前後の余白 */
  background-color: rgba(255, 255, 255, 1);       /* 背景色（透明度） */
  width:280px;                          /* 吹き出し全体の幅 */
  left : -303%;                           /* 表示位置 */
  top : 80%;                           /* 表示位置 */
  margin-top : 12px;                    /* 表示位置 */
  font-size: 80%;                       /* 文字サイズ */
  z-index: 9999;
}
.balloon_c4 {
  position: absolute;                   /* 親要素を基準 */
  display: inline-block;                      /* 要素をインラインとして表示 */
  padding: 2px;                         /* テキストの前後の余白 */
  background-color: rgba(255, 255, 255, 1);       /* 背景色（透明度） */
  width:280px;                          /* 吹き出し全体の幅 */
  left : -104%;                           /* 表示位置 */
  top : 80%;                           /* 表示位置 */
  margin-top : 12px;                    /* 表示位置 */
  font-size: 80%;                       /* 文字サイズ */
  z-index: 9999;
}

.kuubouballoon_c {
  position: absolute;                   /* 親要素を基準 */
  display: inline-block;                      /* 要素をインラインとして表示 */
  padding: 2px;                         /* テキストの前後の余白 */
  background-color: rgba(255, 255, 255, 1);       /* 背景色（透明度） */
  width:430%;                          /* 吹き出し全体の幅 */
  left : -154%;                           /* 表示位置 */
  top : 80%;                           /* 表示位置 */
  margin-top : 12px;                    /* 表示位置 */
  font-size: 80%;                       /* 文字サイズ */
  z-index: 9999;
}
.tenkanballoon_c1 {
  position: absolute;                   /* 親要素を基準 */
  display: inline-block;                      /* 要素をインラインとして表示 */
  padding: 2px;                         /* テキストの前後の余白 */
  background-color: rgba(255, 255, 255, 1);       /* 背景色（透明度） */
  width:280px;                          /* 吹き出し全体の幅 */
  left : -184%;                           /* 表示位置 */
  top : 80%;                           /* 表示位置 */
  margin-top : 12px;                    /* 表示位置 */
  font-size: 80%;                       /* 文字サイズ */
  z-index: 9999;
}
.tenkanballoon_c2 {
  position: absolute;                   /* 親要素を基準 */
  display: inline-block;                      /* 要素をインラインとして表示 */
  padding: 2px;                         /* テキストの前後の余白 */
  background-color: rgba(255, 255, 255, 1);       /* 背景色（透明度） */
  width:280px;                          /* 吹き出し全体の幅 */
  left : -284%;                           /* 表示位置 */
  top : 80%;                           /* 表示位置 */
  margin-top : 12px;                    /* 表示位置 */
  font-size: 80%;                       /* 文字サイズ */
  z-index: 9999;
}
.zoukanballoon_c1,
.jyuuniballoon_c1 {
  position: absolute;                   /* 親要素を基準 */
  display: inline-block;                      /* 要素をインラインとして表示 */
  padding: 2px;                         /* テキストの前後の余白 */
  background-color: rgba(255, 255, 255, 1);       /* 背景色（透明度） */
  width:280px;                          /* 吹き出し全体の幅 */
  left : -184%;                           /* 表示位置 */
  top : 80%;                           /* 表示位置 */
  margin-top : 12px;                    /* 表示位置 */
  font-size: 80%;                       /* 文字サイズ */
  z-index: 9999;
}
.zoukanballoon_c2,
.jyuuniballoon_c2 {
  position: absolute;                   /* 親要素を基準 */
  display: inline-block;                      /* 要素をインラインとして表示 */
  padding: 2px;                         /* テキストの前後の余白 */
  background-color: rgba(255, 255, 255, 1);       /* 背景色（透明度） */
  width:280px;                          /* 吹き出し全体の幅 */
  left : -284%;                           /* 表示位置 */
  top : 80%;                           /* 表示位置 */
  margin-top : 12px;                    /* 表示位置 */
  font-size: 80%;                       /* 文字サイズ */
  z-index: 9999;
}
.zoukanballoon_c3,
.jyuuniballoon_c3 {
  position: absolute;                   /* 親要素を基準 */
  display: inline-block;                      /* 要素をインラインとして表示 */
  padding: 2px;                         /* テキストの前後の余白 */
  background-color: rgba(255, 255, 255, 1);       /* 背景色（透明度） */
  width:280px;                          /* 吹き出し全体の幅 */
  left : -384%;                           /* 表示位置 */
  top : 80%;                           /* 表示位置 */
  margin-top : 12px;                    /* 表示位置 */
  font-size: 80%;                       /* 文字サイズ */
  z-index: 9999;
}


.todayballoon_c1 {
  position: absolute;                   /* 親要素を基準 */
  display: inline-block;                      /* 要素をインラインとして表示 */
  padding: 2px;                         /* テキストの前後の余白 */
  background-color: rgba(255, 255, 255, 1);       /* 背景色（透明度） */
  width:280px;                          /* 吹き出し全体の幅 */
  left : -101%;                           /* 表示位置 */
  top : 80%;                           /* 表示位置 */
  margin-top : 12px;                    /* 表示位置 */
  font-size: 80%;                       /* 文字サイズ */
  z-index: 9999;
}
.todayballoon_c2 {
  position: absolute;                   /* 親要素を基準 */
  display: inline-block;                      /* 要素をインラインとして表示 */
  padding: 2px;                         /* テキストの前後の余白 */
  background-color: rgba(255, 255, 255, 1);       /* 背景色（透明度） */
  width:280px;                          /* 吹き出し全体の幅 */
  left : -201%;                           /* 表示位置 */
  top : 80%;                           /* 表示位置 */
  margin-top : 12px;                    /* 表示位置 */
  font-size: 80%;                       /* 文字サイズ */
  z-index: 9999;
}
.todayballoon_c3 {
  position: absolute;                   /* 親要素を基準 */
  display: inline-block;                      /* 要素をインラインとして表示 */
  padding: 2px;                         /* テキストの前後の余白 */
  background-color: rgba(255, 255, 255, 1);       /* 背景色（透明度） */
  width:280px;                          /* 吹き出し全体の幅 */
  left : -303%;                           /* 表示位置 */
  top : 80%;                           /* 表示位置 */
  margin-top : 12px;                    /* 表示位置 */
  font-size: 80%;                       /* 文字サイズ */
  z-index: 9999;
}
.todayballoon_c4 {
  position: absolute;                   /* 親要素を基準 */
  display: inline-block;                      /* 要素をインラインとして表示 */
  padding: 2px;                         /* テキストの前後の余白 */
  background-color: rgba(255, 255, 255, 1);       /* 背景色（透明度） */
  width:280px;                          /* 吹き出し全体の幅 */
  left : -94%;                           /* 表示位置 */
  top : 80%;                           /* 表示位置 */
  margin-top : 12px;                    /* 表示位置 */
  font-size: 80%;                       /* 文字サイズ */
  z-index: 9999;
}

.balloon_c1 img,
.balloon_c2 img,
.balloon_c3 img,
.balloon_c4 img,
.kuubouballoon_c img,
.tenkanballoon_c1 img,
.tenkanballoon_c2 img,
.zoukanballoon_c1 img,
.zoukanballoon_c2 img,
.zoukanballoon_c3 img,
.jyuuniballoon_c1 img,
.jyuuniballoon_c2 img,
.jyuuniballoon_c3 img,
.todayballoon_c1 img,
.todayballoon_c2 img,
.todayballoon_c3 img,
.todayballoon_c4 img {
	width:100%;
	height:auto;
}
.balloon:after{
/*  border-bottom: 12px solid rgba(102, 102, 255, 0.50);*/ /* 吹き出し口の高さ・色 */
/*  border-left: 10px solid transparent;*/  /* 吹き出し口の幅１／２ */
/*  border-right: 10px solid transparent;*/  /* 吹き出し口の幅１／２ */
/*  top: -12px;*/                              /* 吹き出し口の位置調整 */
/*  left : 80%;*/                                /* 吹き出し口の横位置 */
/*  content: "";*/                         /* コンテンツの挿入 */
/*  position: absolute;*/                  /* 親要素を基準 */
}