@charset "UTF-8";
/*
.MFU-Area .s-btnArea{
	display: flex;
	
}
.MFU-Area .s-btnArea-2 .mfu-check-btn{
	display: none;
}
.MFU-Area .s-btnArea-1 .mfu-fix-btn{
	display: none;	
}
.MFU-Area .s-btnArea-1 .mfu-entry-btn{
	display: none;
}
*/

.mfu-item-box .btn1{
	display: block;
    width: 2rem;
	height: 2rem;
    text-align: center;
    padding: 0;
    background: #006DD9;
    border: 1px solid #333;
	margin-right: 5px;
}
.mfu-item-box .btn2{
	display: block;
    width: 5rem;
	height: 2rem;
    text-align: center;
    padding: 0;
    background: #006DD9;
    border: 1px solid #333;
	margin-right: 5px;
}

.MFU-Area .item-list{
	display: flex;
	flex-direction: column;
}

.up-info .infoText01{
	background-color: red;
}

.up-info{
	padding: 0.5rem;
}

.up-info spen{
	padding: 0;
	margin:0.2rem;
	font-size: 1.5rem;
}
.MFU-progress-area{
	width: 100%;
	padding-left: 0.5rem;
}
.mfu-progress-disp{
	display: none;
}

.MFU-Area {}
.MFU-Area .mfu-item-box .MFU-bar001 {
  width: 0%;
  height: 18px;
  background: green;
}
.MFU-Area .mfu-item-box {
	/* height: 3rem; */
	padding: 0;
	margin: 0;
	width: 100%;
}
.MFU-Area .file-dragover {
  background: red;
}
.MFU-Area .mfu-item-box .file {
  position: relative;
  background: linear-gradient(to right, lightblue 50%, transparent 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 1s ease;
}
.MFU-Area .mfu-item-box .file.done {
  background: lightgreen;
}
.MFU-Area .mfu-item-box .file a {
  display: block;
  position: relative;
  padding: 5px;
  color: black;
}
.MFU-Area .mfu-item-box .image-area{
  display: block;
  width: 3rem;
  height: 3rem;
}
.MFU-Area .mfu-item-box .image-area .image {
  width: 100%;
  height: 100%;
  object-fit:contain;
}
.MFU-Area .file-drop-area {
  box-sizing: border-box; /* 罫線も含む長さ     */
  width: 100%; /* BOXの幅            */
  /*height        : 100px; */ /* BOXの高さ          */
  padding: 12px 20px; /* 文字の位置合わせ   */
  font-size: 14pt; /* 文字サイズ         */
  text-align: center; /* 文字位置           */
  color: #7f4600; /* 文字色             */
  background: #ffe6cd; /* BOXの背景色        */
  border: 4px dashed #7f4600; /* 枠線の指定（上）   */
}
.MFU-Area .file-drop-area input {
  display: none;
}
.MFU-Area .file-drop-area spen{
	font-size:1.0rem;
}
.MFU-Area .file-select-button {
  color: #AAAAAA; /* ラベルテキストの色を指定する */
  background-color: #006DD9; /* ラベルの背景色を指定する */
  padding: 10px; /* ラベルとテキスト間の余白を指定する */
  border: double 4px #AAAAAA; /* ラベルのボーダーを指定する */
}
.MFU-Area .reset {
  color: black;
  text-decoration: none;
  /*font-family: sans-serif;*/ /* 書体もリセットしています。不要であれば削除を */
  font-weight: normal;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: normal;
  border: none;
  background: transparent;
  margin: 0;
  padding: 0;
  outline: none;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* iOSタップ時の挙動を調整 */
}
/* ハーフサイズ */
.MFU-Area .halfWide {
  width: 50%;
}
/* 非表示 */
.MFU-Area .dspnone{
	display: none;
}
/* ハーフサイズ */
.MFU-Area .FullWide {
  width: 100%;
}
/* 縦並び */
.MFU-Area .flex-column01 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content:center;
  align-items: center;
  flex-flow: column;
	padding:10px;
}
.MFU-Area .flex-column02 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content:center;
  align-items:flex-start;
  flex-flow: column;
}
/* 横並び */
.MFU-Area .flex-row01 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  flex-flow: row;
}
.MFU-Area .flex-row02 {
  display: flex;
  flex-direction: row;
  flex-wrap:wrap;
  justify-content:center;
  align-items: center;
  flex-flow: row;
	pading:10px;
}