@charset "utf-8";

/* CSS Document */

/* ======================================================
	[original]
	@import"../css/test_line.css";
	------------------------------------------------------
	min-width　→　○px以上だと??という設定にする
	max-width　→　○px以下だと??という設定にする
====================================================== */
.Logo
{
	font-family: 'M PLUS Rounded 1c', sans-serif;
}

.WrapM
{
	max-width: initial;
}

.ColorBtn,
.ColorBtn:before,
:is(#Admin, #System) #Index #Contents .LogOut a,
:is(#Admin, #System) #Index #Contents .LogOut a:before
{
	border-radius: 0.25em;
}

.ColorBtn:before,
:is(#Admin, #System) #Index #Contents .LogOut a:before
{
	z-index: -1;
}

:is(#Admin, #System) #Index #Contents .LogOut a:before
{
	content: "";
	display: block;
	position: absolute;
	top: 0.5em;
	left: 0.5em;
	width: 100%;
	height: 100%;
}

.ColorBtn
{
}

td .ColorBtn
{
	width: 100%;
	min-width: initial;
}

.SearchPanel .search_btn
{
	font-size: 1.2em;
}



:is(#Admin, #System) #Header>.head:before,
:is(#Admin, #System) #Header>.head .LogOut a:before
{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	background-color: rgba(255,255,255,0.75);
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++
	<color>
*/
.Sat
{
	background-color: rgba(0,188,212,0.0);
	color: rgba(63,81,181,1.0);
}

.Sun
{
	background-color: rgba(255,232,232,0.0);
	color: rgba(244,69,108,1.0);
}

/* 催事会場管理 / 日報 / 発注 */
.Hachu,
.Main :is(thead, tbody, tfoot) .Hachu
{
	background-color: rgba(153,204,0,1.0);
}

/* 催事会場管理 / 日報 / 冷蔵 */
.Nohin.refrigerated,
.Main :is(thead, tbody, tfoot) :is(th, td).refrigerated,
.print .myTable tbody tr:hover :is(th, td).refrigerated,
.print .excel tbody tr:hover :is(th, td).refrigerated
{
	background-color: rgba(255,204,0,1.0);
}

/* [230125-1000]校正・追加　催事会場管理 / 日報 / 発注+冷蔵　[g(153,204,0,0.5) + orange(255,204,0,1.0)] */
.NippoSaijiAdd .Hachu.refrigerated
{
	background-color: rgba(204,203,0,1.0);
}
/* [色確認用]
.NippoSaijiAdd .Hachu.refrigerated:before
{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(153,204,0,0.5);
}
*/


/* 催事会場管理 / 日報 / 冷凍 */
.Nohin.frozen,
.Main :is(thead, tbody, tfoot) :is(th, td).frozen,
.print .myTable tbody tr:hover :is(th, td).frozen,
.print .excel tbody tr:hover :is(th, td).frozen
{
	background-color: rgba(255,255,153,1.0);
}

/* [230125-1000]校正・追加　催事会場管理 / 日報 / 発注+冷凍　[g(153,204,0,0.5) + y(255,255,153,1.0)] */
.NippoSaijiAdd .Hachu.frozen
{
	background-color: rgba(204,229,76,1.0);
}
/* [色確認用]
.NippoSaijiAdd .Hachu.frozen:before
{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(153,204,0,0.5);
}
*/

/* 催事会場管理 / 日報 / 在庫 */
.Zaiko,
.Main :is(thead, tbody, tfoot) .Zaiko
{
	background-color: rgba(204,255,255,1.0);
}

/* [230125-1000]校正・追加　催事会場管理 / 日報 / 在庫+冷蔵 = 在庫の色 */
.NippoSaijiAdd .Zaiko:is(.frozen, .refrigerated)
{
	background-color: rgba(204,255,255,1.0);
}

/* 催事会場管理 / 日報 / ケース数 */
.Case,
.Main :is(thead, tbody, tfoot) .Case
{
	background-color: rgba(233,30,96,0.1);
}

/* 催事会場管理 / 日報 / 「キャセリン」 */
.Main :is(thead, tbody, tfoot) :is(th, td).kyaserin,
.print .myTable tbody tr:hover :is(th, td).kyaserin,
.print .excel tbody tr:hover :is(th, td).kyaserin
{
	background-color: rgba(63,81,181,0.25);
}

.readonly,
.myTable .readonly,
input[readonly],
input[readonly].readonly
{
	background-color: rgba(0,0,0,0.2);
}


/* ピンク */
.pink,
.excel :is(th, td).pink
{
	background-color: pink;
}

/* 水色 */
.light_blue,
.excel :is(th, td).light_blue
{
	background-color: lightblue;
}

/* 黄色 */
.yellow,
.excel :is(th, td).yellow
{
	background-color: yellow;
}

/* オレンジ */
.orange,
.excel :is(th, td).orange
{
	background-color: orange;
}

/* [240201]追加　オレンジ・濃い 
.dir_up .folder_list div[class^="file_"]:before
{
	background-color: rgba(230,89,0,1.0);
}
*/
/* 緑 */
.green,
.excel :is(th, td).green
{
	background-color: green;
	background-color: yellowgreen;
}





/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++
	<box>
*/
.flex_wrap
{
	display: inline-flex;
	align-items: center;
}

.flex_wrap>*
{
}


.BtnBg>.Wrap
{
	display: inline-flex;
	align-items: center;
}

.BtnBg>.Wrap>*
{
}

.BtnBg>.Wrap>*:not(:first-child)
{
	margin-left: 3em;
}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++
	<tab>
*/
.tab
{
	margin-bottom: 3em;
}

.tab a
{
	display: block;
	padding: 1em;
	border-radius: 0.5em 0.5em 0 0;
	text-align: center;
}

.tab ul
{
	display: flex;
	justify-content: space-between; 
	list-style: none;
	margin: 0;
}

.tab ul:before
{
	content: "";
	display: block;
	position: absolute;
	left: -0.5em;
	right: -0.5em;
	bottom: 0;
	border-bottom-width: 1px;
}

.tab ul>li
{
	width: 100%;
	margin: 0;
	border-width: 1px 1px 2px;
	border-radius: 0.5em 0.5em 0 0;
}

.tab ul>li:first-child
{
}

.tab ul>li:last-child
{
}

.tab li.active
{
	border-bottom-color: rgba(255,255,255,1.0);
}

.tab li.active a
{
}

.tab li:not(.active)
{
	border-color: rgba(0,0,0,0);
}

.tab li:not(.active) a
{
	background-color: rgba(0,0,0,0.1);
}

.tab li:not(.active) a>b
{
	font-weight: normal;
}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++
	<table>
*/
.Main tr>*,
.Main :is(thead, tfoot) tr>*
{
	padding: 0.25em 0.5em;
}

.Main :is(thead, tfoot) tr>*,
.Main tbody th,
.Main .SearchPanel th,
.Main .resultTable th
{
	background-color: rgba(0,0,0,0.1);
}
/*
	font-weight: normal;
*/

.Main :is(table, th, td)
{
	border-color: rgba(0,0,0,0.3);
	border-color: rgba(178,178,178,1.0);
	border-style: solid;
	vertical-align: middle;
}
/*
[230125-1000]校正　線の色薄くする
	border-color: rgba(127,127,127,1.0);

	border-width: 1px;
	border-color: rgba(0,0,0,0.25);
	border-color: rgba(191,191,191,1.0);
*/

:is(thead, tfoot) :is(th, td)
{
	font-size: 0.8em;
}
.NippoSaijiAdd :is(thead, tfoot) tr:first-child :is(th, td)
{
}
.NippoSaijiAdd :is(thead, tfoot) tr:not(:first-child) :is(th, td)
{
	padding-left: 0.25em;
	padding-right: 0.25em;
	font-size: 1em;
}

/*
[230125-1000]校正　<thead>2行目の文字は大きくしたい
:is(thead, tfoot) :is(th, td)
{
	font-size: 0.8em;
}
*/

.Main table
{
	border-bottom-width: 1px;
}

.Main tr>*
{
	border-top-width: 1px;
	border-left-width: 1px;
	line-height: 1.5;
}

/*
.Main thead+tbody tr:first-child>*
{
	border-top-width: 2px;
	border-top-color: rgba(0,0,0,0.75);
}
*/


.Main :is(thead, tfoot)+tbody tr:first-child>*
{
	border-top-width: 3px;
	border-top-style: double;
}

.Main tr>*:last-child
{
	border-right-width: 1px;
}

.Main tbody th
{
}

.Main th.th
{
	min-width: 13em;
}
/*
.Main tbody tr>th:first-child,
.Main th.th
{
	min-width: 13em;
}
*/
.Main th.th
{
	font-weight: bold;
}
/*
*/

.Main tbody tr>th:not(:first-child)
{
	font-weight: normal;
}
/*
*/
.Main tbody td
{
}

.Main tfoot tr>*
{
	border-bottom-width: 0px;
	text-align: center;
}

.Main tfoot.c tr>*
{
	text-align: center;
}

.Main td.r
{
	white-space: nowrap;
}


/* <tr>合計 */
.Main .total
{
}

.Main .total tr>*,
.Main .total tr>*:not(:first-child)
{
	font-weight: bold;
	border-top-width: 3px;
	border-top-style: double;
	border-top-color: rgba(0,0,0,1.0);
}

/*  */
.Main .resultTable
{
	table-layout: fixed;
}

.Main .resultTable tr>*,
.Main .resultTable tr>*:first-child,
.Main .resultTable tbody tr>*
{
	width: initial;
	min-width: initial;
}


/* head */
.HeadPanel
{
	margin-bottom: 5em;
}

.HeadPanel table
{
	border-width: 2px;
	border-color: rgba(0,0,0,1.0);
}

.HeadPanel th
{
}

.HeadPanel td
{
	min-width: 10em;
}


/* ------------------------------------------------------
	#sortable */
#sortable
{
}
/*
    width: 95%;

    width: 80%;
	margin:auto
*/
#sortable tr
{
}
/*
	position: relative;
	clear:both;
	text-align:left;
	margin-bottom:10px;
	overflow:hidden;
	color:#333;

	background:#f0ede5;
	font-size:1.5em;
	display:block;
	padding:5px;
	margin-right:10px;
*/
#sortable .sortable_item
{
	width: 5em;
	min-width: 5em;
	padding: 0.25em 0.5em;
	line-height: 1;
	text-align: center;
	border-top-color: rgba(0,0,0,0);
	border-right-color: rgba(0,0,0,0);
	border-bottom-color: rgba(255,255,255,1.0);
}
#sortable .sortable_item img
{
	display: inline-block;
	height: 1.5em;
	cursor: pointer;
}
#sortable .toggle
{
	display: inline-block;
	line-height: inherit;
}

/* [230123]個別 */
.MasterSaijiAdd #sortable .sortable_item
{
	border-top-color: rgba(127,127,127,1.0);
	border-right-color: rgba(127,127,127,1.0);
}


#sortable label
{
	font-size: 1.5em;
	height: 100%;
}

#sortable label input[type="checkbox"]
{
	width: 1em;
	height: 1em;
	margin: auto;
}

#sortable .del
{
	width: 5em;
	min-width: 5em;
}

/* ------------------------------------------------------
	#sortable new(末尾) */
#sortable .new
{
}

#sortable .new tr>*
{
	min-height: 2em;
}

#sortable .new .sortable_item
{
	padding: 0;
	border-bottom-color: rgba(255,255,255,1.0);
}
#sortable .new .sortable_item:after
{
	content: "";
	display: block;
	position: absolute;
	top: 100%;
	width: 100%;
	height: 1px;
	background-color: rgba(255,255,255,1.0);
}


/* #sortable drag */
.ui-state-highlight
{
    height: 2em;
    border-style: dotted;
    border-width: 2px;
	border-color: red;
}
/*
    height: 2.2em;
    border: dotted 2px #0000ff;
*/


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++
	<form>
*/
form
{
}

:is(input, textarea)
{
	margin-top: 0;
	margin-bottom: 0;
	padding: 0 0.25em;
}

input::placeholder
{
/*	color: #7a7a7a;*/
}
/* IE */
input:-ms-input-placeholder {
/*	color: #7a7a7a;*/
}
/* Edge */
input::-ms-input-placeholder {
/*	color: #7a7a7a;*/
}

select,
input[class*="ympicker"]
{
	cursor: pointer;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++
	<excel風>
*/
.excel
{
}

.excel table,
.excel th,
.excel td
{
	height: 100%;
}

.excel tr>:is(th, td)
{
	min-width: 3em;
}

.excel tr>td
{
	padding: 0;
}
/*
[230120/230123]校正　幅縮小
	min-width: 10em;
*/

.excel .Width100 tr>td
{
	min-width: initial;
}


:is(#Admin, #System) .excel thead tr td
{
	padding: 0;
}

.excel thead
{
}

.excel :is(thead, tfoot) :is(th, td)
{
}

.excel tbody tr>th
{
	background-color: transparent;
}

/* ★[230123]未決★
	横スクロール時に固定する
	https://qiita.com/orangain/items/6268b6528ab33b27f8f2
.excel tbody tr>th:first-child {
	position: -webkit-sticky;
	position: sticky;
	left: 0;
	z-index: 2;
	background-color: rgba(255,255,255,1.0);
}
*/

.excel :is(th, td) :is(select, input[type="text"], label)
{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0.25em;
	border-color: rgba(255,255,255,0);
}
/*
	min-height: 2em;
	border-color: red;
	border-width: 0;
	line-height: 1;
	
*/
.excel :is(th, td) :is(select, input[type="text"])
{
	display: block;
}
/*
	background-color: transparent;
	margin: -0.5em -1em;
	width: calc(100% + (1em * 2));
	height: calc(100% + (0.5em * 2));
	min-width: 5em;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	
*/

.excel :is(th, td) :is(input[type="text"], label)
{
	font-size: inherit;
}

.excel :is(th, td) select
{
	min-width: 6em;
}

.excel :is(thead, tfoot) :is(th, td) select
{
	font-size: inherit;
}

.excel :is(th, td) input[type="checkbox"]
{
}

.excel :is(th, td) input[type="date"]
{
	border-color: rgba(255,255,255,1.0);
	margin: 0;
	cursor: pointer;
}

.excel :is(th, td) label
{
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.excel :is(th, td) label:not(:first-child)
{
	margin-left: 2em;
}

.excel :is(th, td) label input[type="checkbox"]
{
}


/* [230120/230123]校正・追加　個別 */
/* <td>単価 */
.excel .shohin_tanka
{
	padding: 0.25em 0.5em;
}

/* <tbody> 合計列 */
.excel .total
{
}

.excel .total :is(th,td)
{
	width: auto;
	min-width: initial;
}


.excel .BtnBg
{
}
/* ★[221227]未決★　overした時、ボタンは左右固定
.excel.fix
{
	padding-bottom: calc((1em * 2) + 1em + (2em * 2));
}
/
	padding-bottom: calc((3em * 2) + (1em * 2) + 1em);
/
.excel.fix .BtnBg
{
	position: fixed;
	left: 0;
	right: 0;
	bottom: 5em;
	margin: 0;
	padding-top: 2em;
	padding-bottom: 2em;
	background-color: rgba(255,255,255,0.8);
}
/
	padding-top: 3em;
	padding-bottom: 3em;
	text-align: left;
/
.excel.fix .BtnBg>*
{
}
*/

/* <excel風> + Calendar */
.excel.Calendar
{
}

.excel.Calendar table
{
	table-layout: fixed;
}

.excel.Calendar :is(th, td)
{
	width: initial;
	min-width: initial;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++
	<hover>
*/

/* <hover><table> */
.myTable tbody tr:hover>*,
.excel tbody tr:hover>*
{
    background-color: rgba(25,25,112,0.1);
    background-color: rgba(135,206,235,0.3);
}
/*
	background-color: #f4fcfe;
*/

.myTable :is(input, select),
.excel tbody :is(input, select)
{
	background-color: transparent;
}

/* [230125]校正　印刷画面は不要 */
.print .myTable tbody tr:hover>*,
.print .excel tbody tr:hover>*
{
	background-color: transparent;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	<ページ構成>
*/
:is(#Admin, #System) #Header
{
	position: fixed;
	top: 0;
	right: inherit;
	border-width: 0;
	background-color: transparent;
	height: 6em;
}
/*
	position: sticky;
*/

:is(#Admin, #System) #Contents
{
	position: fixed;
	top: 7em;
	left: 0;
	right: 0;
	height: calc(100vh - (6em + 1em));
	padding: 0;
}
/*
	height: calc((100vh - ((1em * 2) + (2em * 2) + 1em)) * 0.999);
	height: calc(100vh - ((1em * 2) + (2em * 2) + 1em));
	height: 100vh;
	padding-bottom: calc((1em * 2) + (2em * 1) + 1em);
	padding-top: calc((1em * 2) + (2em * 2) + 1em);
	display: flex;
	align-items: flex-start;
	margin-top: 1em;
*/

.dir_up
{
	width: 100%;
	height: 100%;
}
/*
	margin-top: 1em;
	display: flex;
	justify-content: space-between;
	gap: 1em;
	padding-top: 1em;
	width: 100%;
	height: 100%;
*/

.upload_area,
.folder_list
{
	position: fixed;
	top: 7em;
	bottom: 1em;
}

.upload_area
{
	right: 1em;
	bottom: 1em;
	width: 20em;
}
/*
	position: sticky;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100%;
*/

.folder_list
{
	left: 1em;
	right: calc(20em + 1em + 1em);
	bottom: 1em;
	overflow-y: auto;
}
/*
	height: 100%;
	height: calc(
		100% - (
			(2px * 2) + (10em * 2 ) + 80px + 3em
		)
	);
	max-height: 55vh;
	height: 55vh;
*/
.DirAdmin .folder_list
{
	right: 1em;
}

/* [sp] */
@media only screen and (max-width: 30rem) {
.dir_up
{
}

.upload_area
{
	position: fixed;
	top: initial;
	left: 1em;
	right: 1em;
	bottom: 1em;
	width: initial;
}
/*
[240201]　やり直し
	top: initial;
	left: 1em;
	right: 1em;
	bottom: 1em;
	width: initial;

*/
.folder_list
{
	right: 1em;
	height: calc(100vh - (
		(6em + 1em)
		+
		10em
	));
}
/*
.dir_up
{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-content: space-between;
	gap: 1em;
}

.folder_list,
.upload_area
{
	position: relative;
	top: initial;
	left: initial;
	right: initial;
	bottom: initial;
}

.upload_area
{
	width: initial;
}
*//*
*/
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	<body>
*/
:is(#Admin, #System) body	{
	font-size: 1.4rem;
}
/*
	height: 100vh;
	overflow-y: hidden;
*/

:is(#Admin, #System) #Document
{
	height: calc(100vh - 20px);
	padding-left: 0;
	padding-right: 0;
}
/*
	height: 100vh;
	display: flex;
	flex-direction: column;
*/

:is(#Admin, #System) #Header
{
	border-width: 0;
	background-color: transparent;
}

:is(#Admin, #System) #Header:before
{
	content: none;
}

:is(#Admin, #System) #Header>*
{
}
/*
	display: table-cell;
	vertical-align: middle;
*/
:is(#Admin, #System) #Header>*>*
{
	height: 100%;
}

:is(#Admin, #System) #Header>.head
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1em;
	width: 100%;
	padding: 0;
	border-bottom-width: 1px;
}
/*
	display: table;
*/


:is(#Admin, #System) #Header>.head .LogOut a:before
{
}

:is(#Admin, #System) #Header>.head>*
{
	display: flex;
}
/*
	align-items: baseline;
	align-items: center;
*/
:is(#Admin, #System) #Header>.head .Logo
{
	padding: 1em;
}

:is(#Admin, #System) #Header>.head .Child
{
	padding-left: 0;
	padding-right: 0;
	line-height: 1;
}

:is(#Admin, #System) .dir_admin #Header>.head .Child
{
}

:is(#Admin, #System) .dir_select1 #Header>.head .Child
{
}

:is(#Admin, #System) .dir_select2 #Header>.head .Child
{
}
/*
	width: calc(100% - (
			((1em * 2) + (0.8em * 10) * 3)
		)
	);
*/
:is(#Admin, #System) .dir_select3 #Header>.head .Child
{
}
/*
	width: calc(100% - (
			((1em * 2) + (0.8em * 10) * 3)
			+
			(1.25em * 8)
		)
	);
*/
:is(#Admin, #System) #Header>.head .Child>.Wrap
{
	padding: 0;
}

:is(#Admin, #System) #Header>.head .Child h2
{
	text-align: center;
	margin-bottom: 0;
}
/*
	display: flex;
	align-items: baseline;
*/
:is(#Admin, #System) #Header>.head .Child h2>*
{
}
/*
	font-size: 1em;
	font-weight: inherit;
*/
:is(#Admin, #System) #Header>.head .Child h2>*:not(:first-child)
{
}

:is(#Admin, #System) #Header>.head .Child h2>*:not(:first-child):before
{
}

:is(#Admin, #System) #Header>.head .Child h2>b
{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 2em;
	width: 100%;
	font-size: 1em;
}
/*
	font-size: 1.25em;
*/

:is(#Admin, #System) #Header>.head .Child h2 span
{
	margin-left: 0;
}
/*
	min-width: 4em;
	min-width: 10em;
	width: 100%;
	display: inline-block;
	margin-top: 0.5em;
*/

:is(#Admin, #System) #Header>.head .Child h2>b>span
{
	display: inline-flex;
	align-items: center;
}

:is(#Admin, #System) #Header>.head .Child h2 a
{
	max-width: 40vw;
	max-height: 6em;
	text-align: left;
	overflow: hidden;
}
/*
[230406-1000]　文字数多い場合の対応しなくていい
	min-height: 1.5em;
	max-height: 6em;
	overflow-y: auto;

	min-width: 5em;
	max-width: 50%;
*/
:is(#Admin, #System) .dir_select1 #Header>.head .Child h2 a
{
}
:is(#Admin, #System) .dir_select2 #Header>.head .Child h2 a
{
}
:is(#Admin, #System) .dir_select3 #Header>.head .Child h2 a
{
}

:is(#Admin, #System) #Header>.head .Child h2 a>span
{
	font-size: 1.25em;
	text-decoration: underline;
}

:is(#Admin, #System) #Header>.head .Child h2>b>span:not(.top):before
{
	content: "/";
	display: block;
	position: absolute;
	top: 50%;
	right: 100%;
	width: 2em;
	transform: translateY(-50%);
	text-align: center;
}
/*
	display: inline-flex;
	margin-right: 0.5em;
*/

/* [sp] */
@media only screen and (max-width: 30rem) {
:is(#Admin, #System) #Header>.head
{
	flex-direction: column;
	gap: 0.5em;
}
/*
	justify-content: flex-start;
	flex-wrap: wrap;
*/

:is(#Admin, #System) #Header>.head form
{
	text-align: left;
	width: 100%;
	height: auto;
}
/*
	order: 1;
*/

:is(#Admin, #System) #Header>.head .Logo
{
	margin-left: 0;
	margin-right: auto;
	padding-top: 0.5em;
	padding-bottom: 0em;
}

:is(#Admin, #System) #Header>.head .Child
{
	width: 100%;
	height: auto;
	margin-bottom: 0.5em;
	padding-left: 1em;
	padding-right: 1em;
}
/*
	width: auto;
	order: 3;
	flex-basis: 100%
	flex-grow: 1;
*/

:is(#Admin, #System) #Header>.head .Child h2>b
{
	font-weight: normal;
}
/*
	justify-content: flex-start;
*/

:is(#Admin, #System) #Header>.head .Child h2 a
{
	max-height: 2.5em;
}
/*
	max-width: initial;
	max-height: 3em;
*/

:is(#Admin, #System) #Header>.head .Child h2 a>span
{
	font-size: 1em;
}

:is(#Admin, #System) #Header>.head .LogOut
{
	position: absolute;
	top: 0;
	right: 0;
	height: auto;
}
/*
	flex-direction: column;
	order: 2;
*/

:is(#Admin, #System) #Header>.head .LogOut>*
{
}
/*
	width: 100%;
*/

:is(#Admin, #System) #Header>.head .LogOut a
{
	padding-left: 0.5em;
	padding-right: 0.5em;
}
}




:is(#Admin, #System) #Header h1
{
}

:is(#Admin, #System) body:not(#Login) #Header h1
{
}

:is(#Admin, #System) #Contents
{
}

:is(#Admin, #System) #Contents>*
{
}

:is(#Admin, #System) .Main
{
	margin-left: 1em;
	height: 100%;
}
/*
	height: calc(100vh - (
		((1em * 2) + (2em * 2) + 1em)
		+
		((1em * 2) + (2em * 1) + 1em))
	);
*/
#Admin .Main
{
	margin-left: 13em;
}
#System .Main
{
	margin-right: 1em;
}
/*
		+
		((1em * 2) + (2em * 1) + 1em))
	height: 80vh;



	max-width: calc(100% - (10em + 3em));
	margin-left: 3em;
	overflow-x: scroll;
*/
:is(#Admin, #System) .Main>.Wrap
{
	height: 100%;
}


:is(#Admin, #System) #Contents .LogOut
{
	position: sticky;
	position: fixed;
	top: calc((1em * 2) + (2em * 2));
	left: 0;
	z-index: 10;
	bottom: 0;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++
	<logo>
*/
.Logo
{
	white-space: nowrap;
}

.Header .Logo
{
}

.Header .Logo b
{
	font-weight: inherit;
	font-size: 2em;
}
/* [sp] */
@media only screen and (max-width: 30rem) {
.Header .Logo b
{
	font-size: 1em;
	font-weight: bold;
}
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++
	<global menu>
*/
:is(#Admin, #System) .LogOut,
:is(#Admin, #System) #Header .LogOut
{
}
/*
	width: 10em;
*/
:is(#Admin, #System) .LogOut ul
{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin: 0;
	list-style: none;
}
/*
	display: block;
*/
:is(#Admin, #System) .LogOut ul>li
{
	margin: 0;
}

:is(#Admin, #System) .LogOut a
{
	display: flex;
	align-self: flex-start;
	justify-content: center;
	margin: auto;
	padding: 1em;
	border-radius: 0;
	text-align: center;
	letter-spacing: normal;
}
/*
	min-width: 8em;
	width: 100%;
	align-items: center;
	align-items: stretch;
*/
:is(#Admin, #System) .LogOut a>*
{
	display: block;
}


:is(#Admin, #System) #Header>.head .LogOut
{
	align-self: flex-start;
	text-align: right;
	border-radius: 0 0 0 1em;
	line-height: 1;
	overflow: hidden;
}
/*
	white-space: nowrap;
*/

:is(#Admin, #System) #Header>.head .LogOut a
{
}
/*
	width: 100%;
*/

:is(#Admin, #System) #Header>.head .LogOut a:before
{
}

:is(#Admin, #System) #Header>.head .LogOut a>*
{
	font-size: 0.8em;
}
/*
	min-width: 8em;
*/

:is(#Admin, #System) #Header>.main
{
	float: left;
	text-align: center;
}
/*
*/
:is(#Admin, #System) :is(#Header>.main, #Contents) .LogOut ul
{
}

:is(#Admin, #System) :is(#Header>.main, #Contents) .LogOut ul>li
{
	margin: 0 0 1px;
	display: block;
	width: 100%;
}

:is(#Admin, #System) :is(#Header>.main, #Contents) .LogOut a
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
/*
[230120/230123]増えるとはみ出る
	height: 10em;
*/
:is(#Admin, #System) :is(#Header>.main, #Contents) .LogOut a .Img
{
	width: 3em;
	margin-bottom: 0.5em;
}

:is(#Admin, #System) #Contents .LogOut
{
}


/* 今のページ */
:is(#Admin, #System) :is(#Header>.main, #Contents) .LogOut .MenuOn
{
}

:is(#Admin, #System) :is(#Header>.main, #Contents) .LogOut .MenuOn a
{
	color: inherit;
}

:is(#Admin, #System) :is(#Header>.main, #Contents) .LogOut .MenuOn a:after
{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: -0.5em;
	width: 1em;
	height: 1em;
	transform: translateY(-50%) rotate(45deg);
}

:is(#Admin, #System) :is(#Header>.main, #Contents) .LogOut .MenuOn a .Img
{
}

:is(#Admin, #System) :is(#Header>.main, #Contents) .LogOut .MenuOn a .Img img
{
}

:is(#Admin, #System) :is(#Header>.main, #Contents) .LogOut .MenuOn a .Img:after
{
	content: "";
}


:is(#Admin, #System) #Login #Contents .LogOut
{
	display: none;
	width: 0;
	height: 0;
	opacity: 0;
}
/*
:is(#Admin, #System) :is(#Login, #Index) #Contents .LogOut
{
	display: none;
	width: 0;
	height: 0;
	opacity: 0;
}
*/

/* errorページ */
html.error
{
}

html.error #Document
{
}

html.error #Document #Header
{
}

html.error #Document #Header>.head
{
	display: block;
}

html.error #Document #Header>.head>*
{
	display: inline-flex;
	display: block;
}

html.error #Document #Header .Logo
{
	text-align: center;
}

html.error #Document #Header>.head .LogOut
{
	display: none;
	opacity: 0;
}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++
	<footer>
*/
:is(#Admin, #System) .FooterBtn
{
	right: 0;
}

:is(#Admin, #System) .BackTop
{
	border-width: 1px;
}

:is(#Admin, #System).stop .BackTop
{
	background-color: rgba(255,255,255,1.0);
}


:is(#Admin, #System) #Footer
{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
}
/*
	position: sticky;
*/

:is(#Admin, #System) #Footer:before
{
	content: "";
	display: block;
	position: absolute;
	top: -1em;
	left: 0;
	right: 0;
	background-color: rgba(255,255,255,1.0);
	height: 1em;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++
	login
*/
:is(#Admin, #System) #Login
{
	height: auto;
}

:is(#Admin, #System) #Login .Logo
{
}

:is(#Admin, #System) #Login #Document
{
	display: flex;
	flex-direction: column;
	height: auto;
}
/*
[230123-1729]footerを消した
	justify-content: space-between;
	align-content: space-between;


	flex-wrap:wrap;
	width: 100%;
	height: 100vh;
	min-height: 100vh;
*/

:is(#Admin, #System) #Login #Document>*
{
	display: block;
	position: relative;
	top: initial;
	left: initial;
	right: initial;
	bottom: initial;
	margin: 0;
}

:is(#Admin, #System) #Login #Header
{
	height: auto;
}

:is(#Admin, #System) #Login #Header>*
{
	padding-top: 2em;
}

:is(#Admin, #System) #Login #Header:before,
:is(#Admin, #System) #Login #Header:after,
:is(#Admin, #System) #Login #Header>*:before,
:is(#Admin, #System) #Login #Header>*:after
{
	content: none;
}

:is(#Admin, #System) #Login #Header>*
{
	display: block;
	background-color: transparent;
	border-width: 0;
}

:is(#Admin, #System) #Login #Header>.head>*
{

	display: block;
}

:is(#Admin, #System) #Login #Contents
{
	height: auto;
}
/*
[230123-1729]footerを消した
	padding: 0 0 35vh;
/ [sp]ヨコ向き /
@media screen and (max-width: 1280px) and (orientation: landscape){
:is(#Admin, #System) #Login #Contents
{
	padding: 0;
}
}
*/


:is(#Admin, #System) #Login .Login
{
}

:is(#Admin, #System) #Login .Login table
{
	border-width: 0;
}

:is(#Admin, #System) #Login .Login :is(th, td)
{
	border-width: 0;
	background: transparent;
}

:is(#Admin, #System) #Login .Login th
{
	text-align: right;
}

:is(#Admin, #System) #Login .Login table input
{
	width: 100%;
}

/* [sp] */
@media only screen and (max-width: 30rem) {
:is(#Admin, #System) #Login .Logo
{
	text-align: center;
}

:is(#Admin, #System) #Login .Login table
{
}

:is(#Admin, #System) #Login .Login :is(th, td)
{
	display: block;
	text-align: left;
}

}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	共通
*/
.SearchPanel
{
	padding: 3em;
	text-align: center;
	background-color: rgba(0,0,0,0.05);
}

.SearchPanel table
{
	margin: auto;
	width: initial;
	min-width: 50%;
}

.SearchPanel .BtnBg
{
	margin-bottom: 0;
}

.SearchPanel>.Wrap
{
	display: inline-flex;
	align-items: center;
	min-width: 50%;
}

.SearchPanel>.Wrap>.Wrap
{
}

.SearchPanel>.Wrap>.Wrap:not(:first-child)
{
	margin-left: 3em;
}

.SearchPanel>.Wrap .BtnBg
{
	margin-top: 0;
}




/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	index
*/
:is(#Admin, #System) .Index
{
	margin: 0 auto;
}

:is(#Admin, #System) .Index>*
{
}
/*
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
*/

:is(#Admin, #System) #Index #Contents .LogOut
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 70%;
}

:is(#Admin, #System) #Index #Contents .LogOut ul
{
	display: flex;
	flex-wrap:wrap;
}

:is(#Admin, #System) #Index #Contents .LogOut ul>li
{
	padding: 3em;
	width: 50%;
}

:is(#Admin, #System) #Index #Contents .LogOut a
{
	border-width: 1px;
}

:is(#Admin, #System) #Index #Contents .LogOut a:before
{
}

:is(#Admin, #System) #Index #Contents .LogOut a .Img
{
	width: 5em;
	margin-bottom: 0;
	padding: 1em;
	border-radius: 100em;
}

:is(#Admin, #System) #Index #Contents .LogOut a>b
{
	font-size: 1.6em;
}



:is(#Admin, #System) .Menu
{
	text-align: left;
}

:is(#Admin, #System) .Menu ul
{
	text-align: center;
}

:is(#Admin, #System) .Menu a
{
	font-size: 1.6em;
	font-weight: bold;
}

:is(#Admin, #System) .Menu .ColorBtn:before
{
}

:is(#Admin, #System) #Index #Footer
{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	dir_select1.php, ～2.php, ～3.php, dir_admin.php
*/
/* 凡例 */
.data_upload .hanrei
{
	font-size: 0.8em;
	text-align: right;
}

.data_upload .hanrei>*
{
	display: inline-flex;
	align-items: center;
	margin: 0;
	list-style: none;
}

.data_upload .hanrei>*>*
{
	margin: 0 0 0 1em;
}

.data_upload .hanrei>*>*>.Wrap
{
	display: flex;
	align-items: center;
}

.data_upload .hanrei .Img
{
	width: 2em;
}


.data_upload .hanrei
{
}
/* [230213]時間切れ
	position: sticky;
	top: 0;
	z-index: 200;
*/

.data_upload
{
}

.data_upload .Main
{
}

.data_upload .Main>.Wrap
{
}

.data_upload .Main>.Wrap>form
{
	height: 100%;
}
/*
	display: flex;
	flex-direction: column;
	align-content: space-between;
	width: 100%;
*/

.data_upload .Main>.Wrap>form>.Wrap
{
}
/*
*/

.dir_up
{
}

.folder_list
{
}

.folder_list>*
{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 2em;
	margin: 0;
	list-style: none;
	
}
/*
	justify-content: space-between;
	justify-content: space-around;
*/

.folder_list>*>*
{
	width: 100%;
	margin: 0;
}
/*
[230406-1000]　1段1件でいい
	width: 22em;

	width: 20em;
	width: 17em;
	width: 10em;
	margin-left: 3em;
	margin-top: 2em;
*/

/*
.folder_list>*>*>:before
{
	content: "";
	display: block;
	position: absolute;
	top: -1em;
	left: -1em;
	right: -1em;
	bottom: -1em;
	border-width: 1px;
	border-style: dashed;
	opacity: 0.5;
}
*/

.folder_list>*
{
	padding-bottom: 3em;
}

.folder_list li
{
	margin-top: 0;
	margin-bottom: 0;
}


/* [240201]　ドラッグアイコン追加 */
.dir_up .folder_list
{
}

.dir_up .folder_list div[class^="file_"]
{
}

.dir_up .folder_list div[class^="file_"] .dir_icon a
{
	display: block;
}

.dir_up .folder_list div[class^="file_"] .dir_icon a:after
{
	content: "";
	display: block;
	position: absolute;
	right: calc(100% - 1em);
	top: calc(100% - 1.5em);
	width: 1.5em;
	height: 1.5em;
	background-image: url(../img/ti-zoom-in.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
/*
[240201]見えない...
	background-image: url(../img/kkrn_icon_mushimegane_23.svg);
*/

.dir_up .folder_list div[class^="file_"] .item
{
}

.dir_up .folder_list div[class^="file_"] .item img
{
	background-color: rgba(255,255,255,1.0);
}

.dir_up .folder_list div[class^="file_"]:before
{
	content: "";
	display: block;
	position: absolute;
	right: 0;
	right: 1px;
	top: 0;
	top: 1px;
	width: 2.5em;
	height: calc(100% - 5em);
	height: calc(100% - (1px * 2));
	z-index: 1;
}
/*
	background-color: blue;
	width: 50%;
	width: 100%;
*/

.dir_up .folder_list div[class^="file_"]:after
{
	font-size: 2em;
	content: "";
	display: block;
	position: absolute;
	right: calc(1em / 8);
	right: calc(1em / 16);
	top: calc(1em / 8);
	top: 50%;
	width: 1em;
	height: 1em;
	width: 1.5em;
	height: 1.5em;
	transform: translateY(-50%);
	background-image: url(../img/ti-hand-point-up.svg);
	background-image: url(../img/kkrn_icon_click_5.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: calc(1em * 0.8);
	background-size: calc(1.5em * 0.8);
	z-index: 2;
}

.dir_up .folder_list .data .file_data:before,
.dir_up .folder_list .data .file_data:after,
.dir_up .folder_list .data .file_id:before,
.dir_up .folder_list .data .file_id:after
{
	content: none;
}


.folder_list .dir_folde
{
	display: flex;
	align-items: center;
	gap: 0.5em;
	padding: 0.75em 0.5em;
}
/*
	flex-direction: column;

	align-items: flex-start;
*/
.folder_list .dir_folde:before
{
	content: "";
	display: block;
	position: absolute;
	top: 0em;
	left: 0em;
	right: 0em;
	bottom: 0em;
	border-width: 1px;
	border-style: dashed;
	opacity: 0.5;
}

.folder_list .dir_icon
{
	width: 2.5em;
}
/*
	width: 100%;
	margin-bottom: 0.5em;
	display: block;
*/

.folder_list .Img
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/*
	width: 80%;
	width: 2.5em;
*/

.folder_list .Img:before
{
	content: none;
	position: absolute;
	top: 0;
	right: 100%;
}

.folder_list .data
{
	display: flex;
	align-items: center;
	gap: 0.5em;
	width: calc(100% - 2.5em);
	width: calc(100% - (2.5em + 3em));
}

.folder_list div[class^="file_"] .data
{
}
/*
[240201]　ドラッグアイコン追加した分、右を開ける
	width: calc(100% - 2.5em);



	flex-direction: column;
	gap: 0.5em;
	margin-left: 0.5em;
*/

.folder_list .data input[type="text"]
{
	border-width: 0;
}
/*
[230406-1000]　テキスト入力領域の枠削除
*/

.folder_list .data .data_icon
{
	display: flex;
	gap: 0.25em;
}
/*
	gap: 0.5em 2em;
*/

.folder_list .data .Img
{
}

.folder_list .data .icon
{
	width: 2em;
}
/*
	margin-left: 0.5em;
	width: 2.5em;
*/

.folder_list .data .icon .Img
{
	width: 2em;
}
/*
	width: 100%;
	width: 2.5em;
*/

.upload_area
{
}

.upload_area:before
{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-width: 2px;
	border-style: dashed;
}

.upload_area>*
{
	font-size: 2em;
	height: 100%;
}

.upload_area #upFileWrap
{
	padding: 10px;
}

.upload_area input,
.upload_area :is(#btnInputFile, #btnChangeFile),
.upload_area :is(#btnInputFile, #btnChangeFile) *
{
	cursor: pointer;
}


.upload_area #inputFile
{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1em;
	height: 100%;
	padding: 0;
}
/*
*/

.upload_area #inputFile>*
{
}
/*
[240201]　やり直し
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;


	height: 100%;
	align-items: center;
*/

.upload_area #dropArea
{
	position: absolute;
	font-size: 0.8em;
	line-height: 1.5;
	border-width: 0;
	letter-spacing: normal;
}
/*
[240201]　やり直し
	top: initial;
	left: initial;
	right: initial;
	bottom: initial;
	height: initial;
	padding: 0;
	border-width: 0;
	font-size: 0.8em;
	line-height: 1.5;
	letter-spacing: normal;



	position: relative;
	padding-top: 25vh;
	height: inherit;
	
	top: 50%;
	left: 50%;
	right: initial;
	bottom: initial;
	height: inherit;
	transform: translateX(-50%) translateY(-50%);
	padding: 0;
*/

.upload_area #inputFileWrap
{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
/*
[240201]　やり直し
	display: flex;


	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
*/

.upload_area #uploadFile,
.upload_area :is(#btnInputFile, #btnChangeFile),
.upload_area :is(#btnInputFile, #btnChangeFile) span
{
	width: 100%;
}

.upload_area :is(#btnInputFile, #btnChangeFile)
{
}

.upload_area :is(#btnInputFile, #btnChangeFile) span
{
	font-size: inherit;
	height: inherit;
	padding: 0.5em 0;
}

.upload_area #uploadFile
{
	height: 6em;
}

/* [sp] */
@media only screen and (max-width: 30rem) {
.folder_list>*>*
{
	width: 100%;
}
/*
	width: calc((100% - 1em) / 2);
*/

.upload_area>*
{
	font-size: 4vw;
}

.upload_area #inputFile
{
	gap: 1em;
}

.upload_area #inputFile>*
{
	display: block;
}

.upload_area #inputFile #dropArea
{
	padding: 0;
}

.upload_area #inputFile #inputFileWrap
{
	position: relative;
	top: inherit;
	transform: none;
	padding-top: calc(4em - 0.5em);
	padding-bottom: 0.5em;
}

}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	dir_admin.php
*/
.DirAdmin
{
}

.DirAdmin .folder_list
{
}

/*
.DirAdmin .folder_list a
{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}
.DirAdmin .folder_list .title
{
	margin-left: 0.5em;
}
*/