@charset "utf-8";
/* タブレット調整--------------------------------------------------------- */
/* @media screen and (max-width: 699px) and (min-width: 450px) {
  .index_t {
    font-size: 5.5vw;
    white-space: nowrap;
  }
}
@media screen and (max-width: 1200px) and (min-width: 700px) {
  .index_t {
    font-size: 5.5vw;
    white-space: nowrap;
    top: 4.4em;
  }
} */

/* wrap以下の調整 */
@media screen and (max-width: 1040px) and (min-width: 480px){

}

@media screen and (max-width: 1430px){
}



/* ============================================================================================================
header,
header *
{
	background-color: rgb(255 0 0 / 0.1);
}
.contents,
.contents *
{
	background-color: rgb(0 128 0 / 0.05);
}
footer,
footer *
{
	background-color: rgb(255 165 0 / 0.2);
}
============================================================================================================ */

:root
{
	--bk					: 132 118 122;
	
	--header_h				: 4.75em;
	/* [250908-0925]　<header>高さ削る */
	--header_h				: calc(4.75em / 1.5);
	/* [251017-0930/251022-1131]　<header>高さもっと削る */
	--header_h				: calc(4.75em / 2);
	--side_w				: 14.375em;
	--side_w				: calc(0.8em * 15);
	--main_h				: calc(100vh - (var(--header_h) + var(--gap) + (var(--gap) * 2)));
	--main_wrap_h			: calc(var(--main_h) - (var(--padding) * 2));

	--button_h				: 2.5em;

	--icon_cell_w			: 3.5em;
}



/* ------------------------------------------------------------------------------------------------------------
	<文字>
------------------------------------------------------------------------------------------------------------ */
main :is(h2, h2)
{
}

main :is(h2, h2)>b
{
	font-size: 1.2em;
}


/* ------------------------------------------------------------------------------------------------------------
	<a>
------------------------------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------------------------------
	<img>
------------------------------------------------------------------------------------------------------------ */
:is(main, .modalArea) *[class*="icon_"]
{
	aspect-ratio: 1;
	display: inline-block;
	width: 2em;

	vertical-align: middle;

	cursor: pointer;
}
:is(main, .modalArea) *[class*="icon_"] img
{
	aspect-ratio: 1;
	display: block;
	width: 100%;
}


/* [260217-1130/260218-1332]修正　ハンコ少し多く */
img:is(
	[src*="stamp-"],
	[src*="stamp_"]
)
{
	aspect-ratio: 1;
	min-width: 2.25em;
}


/* ------------------------------------------------------------------------------------------------------------
	<table>
	[251017-0930/251022-1332]　<table>スクロール見直し　※:before,:afterで線を引くと、セル内の<a>が触れなくなる
	[250807-1820]角丸しない
------------------------------------------------------------------------------------------------------------ */
/* reset */
table :is(thead, tbody, tfoot).fix_t
{
	position: relative;
	top: initial;
	left: initial;
	right: initial;
	bottom: initial;
}

main .sortable-container
{
	min-height: initial;
}


table
{
}
/* [251017-0930/251022-1332]　<table>スクロール見直し※:before,:after使わない */
/*
main table
{
	width: 100%;

	border-collapse: collapse;

	border-width: 0px;

	line-height: inherit;
}

main table :is(th, td)
{
	vertical-align: top;
	padding: var(--td_gap);
	
	border-width: 1px;
}

main table :is(thead, .thead) :is(th),
main table :is(tfoot, .tfoot) :is(th, td)
{
	background-color: rgb(var(--th));
}

main table :is(thead, .thead, tfoot, .tfoot) :is(td)
{
	font-weight: bold;
}

main table :is(thead, .thead) :is(th, td)
{
	font-size: 0.9em;

	padding: calc(var(--td_gap) / 2);
	text-align: center;
}
*/


/* ------------------------------------------------------------------------------------------------------------
	<form>
------------------------------------------------------------------------------------------------------------ */
nav label+label
{
	margin-left: 0;
}

/* ------------------------------------------------------------------------------------------------------------
	<item>
------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------
	開け閉め
*/
.accordion
{
}


/* ------------------------------------------------------
	モーダルウィンドウ
*/
#modalArea
{
}

#modalArea table thead :where(th, td)
{
	
	white-space: nowrap;
	font-size: 0.9em;
}

#modalArea table .icon
{
	text-align: center;
	width: var(--icon_cell_w);
	max-width: var(--icon_cell_w);
}


.list02-float02
{
	margin: initial;
}


/* [250826-0930/250827-1722]　タテスクロール 
#modalArea table
{
	max-height: 50vh;
	overflow: auto;
}
*/


/* ------------------------------------------------------
	ドロップダウン
*/
.dropdown
{
	width: 100%;
}

.dropdown button
{
	width: 100%;
}

.dropdown-content
{
	gap: 0;

	left: 0;
	width: fit-content;

	max-height: 70vh;
	max-height: 50vh;
	overflow: auto;
}

.dropdown:hover .dropdown-content
{
	display: grid;
}


.dropdown .dropdown-content a
{
	display: flex;
	gap: 0;

	padding: 0;
	padding: var(--gap);

}
/*
	flex-wrap: wrap;
*/
.dropdown .dropdown-content a:not(:first-child)
{
	border-top-width: 1px;
	border-color: rgb(var(--bk) / 0.5);
}

.dropdown .dropdown-content a>*
{
	white-space: nowrap;
	line-height: 1.5;
}

.dropdown .dropdown-content a .area
{
	min-width: 5em;
}

.dropdown .dropdown-content a .staff_name
{
	padding-left: 1em;
}
/*
	width: 100%;
	padding-left: 2.25em;
*/

.dropdown .dropdown-content a:hover
{
	background-color: rgb(var(--bk) / 0.2);
	opacity: initial;
}


.dropdown button
{
	text-align: center;

	display: flex;
	flex-wrap: wrap;
	justify-content: center;

	padding: 0.5em;

	line-height: 1.5;
}
.dropdown button .staff_name
{
	width: 100%;
}


/* ------------------------------------------------------------------------------------------------------------
	[layout]
------------------------------------------------------------------------------------------------------------ */
body
{
	overflow: hidden;

	display: grid;
	grid-template-areas:
		"header header"
		"nav main"
	;
	grid-template-columns: var(--side_w) 1fr;
	grid-template-rows: var(--header_h) var(--main_h);

	width: 100%;

	padding: var(--gap);

	background-color: rgb(var(--theme_w));
}
body>header
{
	grid-area: header;
}
body>nav
{
	grid-area: nav;
}
body>main
{
	grid-area: main;
	padding: var(--padding);
}
body>main>.wrap
{
	width: calc(100vw - ((var(--gap) * 2) + var(--side_w) + var(--gap) + (var(--gap) * 2)));
	height: 100%;

	overflow: auto;
}
body>footer
{
	position: absolute;
	left: var(--gap);
	bottom: var(--gap);

	width: var(--side_w);

	opacity: 0;
}

body>*
{
}
body>*::before
{
	content: "";
	display: block;

	position: fixed;
	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;

	width: 100%;
	height: 100%;

	background-color: rgb(var(--w));
	border-width: 1px;
	border-radius: var(--border_r);
}
/*
	width: calc(100% + (1px * 2));
	height: calc(100% + (1px * 2));
*/


/* ------------------------------------------------------------------------------------------------------------
	<header>
------------------------------------------------------------------------------------------------------------ */
.header-navi
{
	position: relative;
	left: initial;
	right: initial;
	top: initial;
	bottom: initial;

	background-color: transparent;

}


body>header
{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: var(--gap);

	padding: 0 calc(var(--gap) * 2);
}


body>header h1
{
	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;

	font-size: 1.8em;
	font-size: 1.7em;
	/* [251017-0930/251022-1131]　<header>高さもっと削る */
	font-size: calc(var(--header_h) * 0.6);
	font-weight: normal;
	line-height: 1;
}


body>header .logo_img img
{
	height: calc(var(--header_h) * 0.5);
	/* [250908-0925]　<header>高さ削った微調整 */
	height: calc(var(--header_h) * 0.65);
}


body>header ul
{
	display: flex;
	align-items: center;
	gap: calc(var(--gap) * 2);
}

body>header ul>li
{
	aspect-ratio: 1;

	width: 1.5em;
	/* [251017-0930/251022-1131]　<header>高さもっと削る */
	width: calc(var(--header_h) * 0.6);
}

body>header ul img
{
	aspect-ratio: 1;

	width: 100%;

	filter: invert(1);
}


/* ------------------------------------------------------------------------------------------------------------
	<side>
------------------------------------------------------------------------------------------------------------ */
body>nav
{
}
/*
	display: flex;
	flex-direction: column;
	gap: calc(var(--gap) * 2);

	padding-top: var(--gap);
	padding-bottom: var(--gap);
*/


body>nav>*
{
	padding: var(--padding);
}
/*
	width:  calc(100% - var(--gap) * 2);
	margin-left: auto;
	margin-right: auto;
*/

body>nav>*:not(:first-child)
{
	border-top-width: 1px;
}


body>nav div[class*="icon_"] img
{
	filter: brightness(0);
}


body>nav>form
{
}

body>nav>form select
{
	font-size: 0.9em;

	width: 100%;
}


body>nav
{

	font-size: 0.8em;
}
/*
	display: grid;
	align-content: space-between;
	
	height: 100%;

	overflow: auto;
	overflow-x: hidden;
*/

body>nav>.side
{
	display: grid;
	padding-bottom: 0;
}
body>nav>.side>*
{
	overflow: auto;
}


body>nav .footer
{
	position: sticky;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;

	border-width: 0;
}
/*
	left: var(--gap);
	bottom: var(--gap);
	align-self: flex-end;

	background-color: rgb(var(--r) / 0.2);
*/
body>nav .footer::before
{
	content: "";
	display: block;

	position: absolute;
	left: 1px;
	right: 1px;
	top: 0;
	bottom: 1px;
}
/*

	background-color: rgb(var(--w));
	border-radius: var(--border_r);
*/


body>nav input[type="date"]
{
	width: 100%;
}


body>nav div[class*="sub"]
{
}
body>nav div[class*="sub"]:not(.sub1)
{
	margin-top: var(--gap);
}
body>nav .sub_title
{
	display: block;
	font-size: 0.8em;
}


/* ------------------------------------------------------------------------------------------------------------
	<main>
------------------------------------------------------------------------------------------------------------ */
body>main
{
}

body>main form[name="frm"]
{
	display: grid;
	align-items: start;
	gap: var(--gap);
}
/*
*/

/* ------------------------------------------------------------------------------------------------------------
	<footer>
------------------------------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------------------------------
	ボタン
------------------------------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------------------------------
	plug In
------------------------------------------------------------------------------------------------------------ */
.lightboxOverlay
{
}
.lightboxOverlay::before
{
	background-color: rgb(0 0 0);
	border-width: 0;
}


#lightbox
{
}
#lightbox::before
{
	background-color: transparent;
	border-width: 0;
}

/* ------------------------------------------------------------------------------------------------------------
	ログイン
	index.php
------------------------------------------------------------------------------------------------------------ */
.Login
{
	grid-template-areas: none;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;

	padding: 0;
}

.Login>*::before
{
	opacity: 0;
}

/* [250826-0930/250827-1517]　pcは幅要らない */
.Login header+form
{
	width: auto;
	min-width: 35vw;
}


/* ------------------------------------------------------------------------------------------------------------
	■訪問スケジュール
	visit_schedule.php
------------------------------------------------------------------------------------------------------------ */
.visit_schedule
{
	--cell_w					: 13em;
	--cell_w					: 7em;
	/* [251017-0930/251022-1138]　高さもっと削って、1日分を1画面に収めたい */
	--cell_w					: 6em;
}

.visit_schedule main
{
}


.visit_schedule main .sortable_list
{
	display: flex;
	flex-wrap: wrap;
	align-content: start;
	align-items: center;
	gap: var(--gap);

	height: var(--button_h);

	background-color: rgb(var(--w));
}

.visit_schedule main .sortable_list .sortable-container
{
	cursor: pointer;
}
.visit_schedule main .sortable_list .sortable-container p
{
	padding: 0 0.5em;
}


/* [251017-0930/251022-1138]　高さもっと削って、1日分を1画面に収めたい */
.visit_schedule main>.wrap>form
{
	gap: calc(var(--gap) / 2);
}


.visit_schedule main table
{
	font-size: 0.75em;
	table-layout: fixed;
}
/*
	min-width: 10vw;
	min-width: calc(var(--cell_w) * 7);
*/

.visit_schedule main table :is(th, td)
{
}

.visit_schedule main :is(.scroll_table, .scroll_area)
{
	max-height: calc(var(--main_wrap_h) - (var(--gap) + var(--button_h)));
	/* [251017-0930/251022-1138]　高さもっと削って、1日分を1画面に収めたい */
	max-height: calc(var(--main_wrap_h) - ((var(--gap) / 2) + var(--button_h)));

	max-height: calc(var(--main_wrap_h) - (((var(--gap) / 2) + var(--button_h)) * 2));
}


.visit_schedule main :is(.scroll_table, .scroll_area) table
{
	--tbody_th_w			: 2.5em;
}

/* ------------------------------------------------------
	[訪問スケジュール]　<thead>
*/
.visit_schedule main :is(.scroll_table, .scroll_area) table colgroup
{
}
.visit_schedule main :is(.scroll_table, .scroll_area) table colgroup .th
{
	width: var(--tbody_th_w);
}

.visit_schedule main :is(.scroll_table, .scroll_area) table :is(thead, .thead) :is(th, td)
{
	height: 1.5em;
	min-height: 1.5em;
	max-height: 1.5em;
	padding: 0;

	line-height: 1.5;
/* [251017-0930/251022-1138]　高さもっと削って、1日分を1画面に収めたい */
	white-space: nowrap;
}
.visit_schedule main :is(.scroll_table, .scroll_area) table :is(thead, .thead) tr:first-child :is(th, td):first-child
{
	position: sticky;
	left: 0;
	top: 0;

	background-color: rgb(var(--w));
	z-index: 10;
}

.visit_schedule main :is(.scroll_table, .scroll_area) table :is(thead, .thead) :is(th)
{
}
/*
	width: calc((var(--tbody_th_w) + 1px) * 3);
	width: calc(var(--tbody_th_w) * 3);
*/

.visit_schedule main :is(.scroll_table, .scroll_area) table .thead
{
	top: 1.5em
}
.visit_schedule main :is(.scroll_table, .scroll_area) table .thead :is(th, td)
{
	line-height: 1.25;
}
.visit_schedule main :is(.scroll_table, .scroll_area) table .thead :is(th, td):first-child
{
	background-color: rgb(var(--w));
}


/* ------------------------------------------------------
	[訪問スケジュール]　<tbody>
*/
.visit_schedule main table tbody :is(th, td)
{
	vertical-align: middle;
}

.visit_schedule main table tbody th
{
	text-align: center;
	
	width: var(--tbody_th_w);
	min-width: var(--tbody_th_w);
	max-width: var(--tbody_th_w);
}

.visit_schedule main table tbody :is(.week_name, .one_day, .am, .pm)
{
	position: sticky;
	top: 0;
	z-index: 5;
}
.visit_schedule main table tbody :is(.week_name)
{
	left: var(--tbody_th_w);
}
.visit_schedule main table tbody :is(.one_day, .am, .pm)
{
	left: calc(var(--tbody_th_w) * 2);
}

.visit_schedule main table tbody :is(.am, .pm)
{
	border-left-width: 0;
	font-size: smaller;
}

/* [260217-1130/260218-1332]修正　1日の中は破線 */
.visit_schedule main table tbody :is(.one_day, .am),
.visit_schedule main table tbody :is(.one_day, .am) ~ td
{
	border-bottom-style: dotted;
}


/* ------------------------------------------------------

*/
.visit_schedule main table .DragArea
{
	min-width: var(--cell_w);
	/* [251017-0930/251022-1138]　高さもっと削って、1日分を1画面に収めたい */
	padding: 2px;
}

.visit_schedule main table .sortable-container
{
	display: grid;
	gap: var(--td_gap);
	/* [251017-0930/251022-1138]　高さもっと削って、1日分を1画面に収めたい */
	gap: 1px;
}

.visit_schedule main table .sortable-container [class*="name"]
{
	display: grid;
	grid-template-columns: repeat(2, auto);
	justify-content: space-between;
	align-items: center;
	align-content: center;
	gap: 0 0.5em;

	height: calc(2em * 2);

	margin: 0;
	padding: 0 0.5em;

	border-width: 1px;
	border-color: transparent;

	white-space: nowrap;

	/* [251017-0930/251022-1138]　高さもっと削って、1日分を1画面に収めたい */
	font-size: 0.9em;
	height: calc(2em * 1.5);
	line-height: 1.5;
}
/*
[250903-1055/250917-1705]　1人分の高さ削る
	height: calc((0.5em * 2) + (2em * 2));

[250829-1326]　レイアウトが変わった
	display: grid;
	grid-template-columns: 1fr 1em;
	align-items: center;
	align-content: center;
	gap: 0 0.5em;

	height: calc((0.5em * 2) + (2em * 2));

	margin: 0;
	padding: 0 0.5em;

	border-width: 1px;
	border-color: transparent;
*/

/* [250826-0930/250827-1722]　枠が白の人は、線で囲む */
.visit_schedule main .name[style*="ffffff"]
{
	border-color: rgb(var(--bk));
}

.visit_schedule main .name a
{
	display: grid;
	align-items: start;
	gap: 0;
	
}

/* 名前ボタン */
.visit_schedule main .name a[onclick*="RouteYotei"]
{
	grid-column: span 2;
}

/* 「予定データ登録」ボタン */
.visit_schedule main .name a[onclick*="NohinYotei"]
{
}
/*
	position: absolute;
	right: 0.5em;
	top: 0.5em;
*/


/* [250826-0930/250827-1722]追加　「得意先追加」ボタン */
.visit_schedule main .name a[onclick*="nohin_yotei_customer.php"]
{
}
/*
[250829-1326]　レイアウトが変わった
.visit_schedule main .name a[onclick*="nohin_yotei_customer.php"]
{
	grid-column: span 2;
	justify-self: end;
}
*/
.visit_schedule main .icon
{
	width: 1em;
}


/* [訪問スケジュール]　modal */
.visit_schedule .modalArea
{
}

.visit_schedule .modalArea table
{
	font-size: 0.9em;
	background-color: rgb(var(--w));
}
/*

	width: initial;
	margin-left: auto;
	margin-right: auto;
*/

.visit_schedule .modalArea table tbody :is(th, td)
{
	padding-left: 0.5em;
	padding-right: 0.5em;
}

.visit_schedule .modalArea table tbody tr
{
}
.visit_schedule .modalArea table tbody tr:nth-of-type(odd) :is(th, td)::before
{
}
.visit_schedule .modalArea table tbody tr:nth-of-type(even) :is(th, td)::before
{
	background-color: rgb(var(--bk) / 0.1);
}


.visit_schedule .modalArea table tbody :is(th, td) .btn
{
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}


.visit_schedule #modalArea .modal_detail
{
	padding: var(--padding);
}

.visit_schedule #modalArea .modal_detail>*
{
}
/*
[251017-0930/251022-1138]　モーダルの　スクロール<table>の頭が見えていない
	display: flex;
	justify-content: center;
	align-items: center;
	gap: var(--gap);

*/


/* ------------------------------------------------------------------------------------------------------------
	■訪問スケジュール　―modal「得意先追加」ボタンの先
	nippo_customer.php
------------------------------------------------------------------------------------------------------------ */
.nippo_customer
{
	--header_h					: 0;
	--main_h					: calc(100vh - (var(--gap) * 2));
	--side_w					: 0;

	gap: 0;
}

.nippo_customer main
{
}

.nippo_customer main form[name="frm"]
{
	max-height: 100%;
}

.nippo_customer main :is(.scroll_table, .scroll_area)
{
	max-height: calc(var(--main_h) - (var(--select_panel_h) + var(--gap) + (var(--padding) * 2)));
}



/* ------------------------------------------------------------------------------------------------------------
	■納品予定データインポート
	nohin_shohin_import.php
------------------------------------------------------------------------------------------------------------ */
.nohin_shohin_import
{
}


.nohin_shohin_import .select_panel
{
}

.nohin_shohin_import .select_panel th
{
	width: auto;
}


/* ------------------------------------------------------------------------------------------------------------
	■担当者カレンダー
	staff_calendar.php
------------------------------------------------------------------------------------------------------------ */
.staff_calendar
{
}


.staff_calendar main
{
}


.staff_calendar main .select_panel
{
	position: sticky;
	left: 0;
	right: 0;
	top: 0;

	z-index: 5;
}

.staff_calendar main form>.Btn08
{
	position: sticky;
	left: 0;
	right: 0;
	bottom: 0;

	z-index: 5;
}
/*
	margin-top: var(--gap);

*/
.staff_calendar main form>.Btn08::before
{
	content: "";
	display: block;

	position: absolute;
	left: 50%;
	bottom: 0%;
	translate: -50% -0%;

	width: calc(100vw - (
		 (var(--gap) * 2) + var(--side_w) + var(--gap) + (var(--padding) * 2)
	));
	height: calc(100% + var(--gap));

	background-color: rgb(var(--w));
}


/* ------------------------------------------------------------------------------------------------------------
	納品予定データ登録
	nohin_yotei_add.php
------------------------------------------------------------------------------------------------------------ */
.nohin_yotei_add
{
}

.nohin_yotei_add main>.wrap>form
{
	display: grid;
	gap: var(--gap);
}


.nohin_yotei_add :is(.scroll_table, .scroll_area)
{
	max-height: calc(var(--main_wrap_h) - (var(--gap) + var(--button_h)));
}

/* [250908-0925]　文字小さく */
.nohin_yotei_add table
{
	font-size: 0.8em;

	line-height: 1.5;
}

.nohin_yotei_add table :is(thead, .thead)
{
	line-height: 1;
}
.nohin_yotei_add table :is(thead, .thead) :is(th, td)
{
	width: 4em;

	padding-top: var(--td_gap);
	padding-bottom: var(--td_gap);
}

.nohin_yotei_add table :is(thead, .thead) :is(th)
{
	vertical-align: middle;
}

/* [250826-0930/250827-1722]　<thead>商品名　小さく */
.nohin_yotei_add table :is(thead, .thead) :is(td)
{
	font-size: 0.8em;
}

.nohin_yotei_add table :is(thead, .thead) :is(th, td) .tate
{
	height: 10em;
	text-align: left;
}

.nohin_yotei_add table :is(thead, .thead) :is(td):first-child
{
	border-left-width: 0;
}

.nohin_yotei_add table tbody :is(th, td)
{
	vertical-align: middle;
}

.nohin_yotei_add table tbody :is(td)
{
	min-width: 3.5em;
}

/* [250826-0930/250827-1722]　得意先名　大きく */
.nohin_yotei_add table tbody .fix_l02
{
	min-width: 15em;
}


/* ------------------------------------------------------------------------------------------------------------
	小窓
	------------------------------------------------------------------------------------------------------------
		訪問スケジュール / 得意先追加
		nohin_yotei_customer.php
		------------------------------------------------------
		納品予定データ登録 / 商品参照
		nohin_yotei_customer.php
------------------------------------------------------------------------------------------------------------ */
:is(.nohin_yotei_customer, .nohin_yotei_shohin)
{
	display: block;
}

:is(.nohin_yotei_customer, .nohin_yotei_shohin) main>form
{
	display: grid;
	gap: var(--gap);
}


:is(.nohin_yotei_customer, .nohin_yotei_shohin) main .select_panel
{
	margin-bottom: 0;
}


:is(.nohin_yotei_customer, .nohin_yotei_shohin) main :is(.scroll_table, .scroll_area)
{
	max-height: calc(100vh - ((var(--padding) * 2) + (var(--padding) * 2) + var(--gap) + var(--select_panel_h)));
}


/* ------------------------------------------------------------------------------------------------------------
	未ルートマップ
	no_route_map.php
	[260213-0920]追加
------------------------------------------------------------------------------------------------------------ */
.no_route_map
{
}


.no_route_map main
{
}

.no_route_map main>.wrap
{
	overflow: hidden;
}

.no_route_map main .select_panel
{
}

.no_route_map main .select_panel + div
{
	max-height: calc(var(--main_h) - (var(--select_panel_h) + var(--gap) + (var(--padding) * 2)));
	overflow: hidden;
}


/* ------------------------------------------------------------------------------------------------------------
	訪問状況マップ
	nohin_map.php
------------------------------------------------------------------------------------------------------------ */
.nohin_map
{
}

.nohin_map main .fix_l
{
	display: grid;
	grid-template-areas:
		"NohinList Map"
	;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--gap);
}
.nohin_map main .fix_l>*
{
	height: var(--main_wrap_h);
	overflow: auto;
}
.nohin_map main .fix_l>.Map
{
	grid-area: Map;
}
.nohin_map main .fix_l>.NohinList
{
	grid-area: NohinList;
}


.nohin_map main .Map
{
}
.nohin_map main .Map #view_map
{
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	
	height: var(--main_wrap_h);
	max-height: var(--main_wrap_h);
	min-height: var(--main_wrap_h);
}


.nohin_map main .NohinList
{
	display: grid;
	align-content: start;
	gap: var(--gap);
}

.nohin_map main .NohinList>div[class*="id_"]
{
}

.nohin_map main .NohinList :is(.scroll_table, .scroll_area)
{
}
/*
	max-height: 80vh;
*/
.nohin_map main .NohinList table
{
	font-size: 0.9em;
	line-height: 1.5;
}
.nohin_map main .NohinList table :is(th, td)
{
	padding-top: calc(var(--td_gap) / 2);
	padding-bottom: calc(var(--td_gap) / 2);
}


/* ------------------------------------------------------------------------------------------------------------
	フリールート生成
	free_route_set.php
------------------------------------------------------------------------------------------------------------ */
.free_route_set
{
}


.free_route_set main
{
}

.free_route_set main .Map
{
	height: 100%;
}


.free_route_set main .scroll_table
{
	display: grid;
	align-content: start;
	gap: var(--gap);
}


/* ------------------------------------------------------------------------------------------------------------
	ルートカード
	route_card.php
------------------------------------------------------------------------------------------------------------ */
.route_card
{
	--cell_w					: 3.5em;
}


.route_card main
{
}

.route_card main table
{
}

.route_card main table thead
{
}

.route_card main table thead td
{
	vertical-align: top;
	padding-top: var(--td_gap);
	padding-bottom: var(--td_gap);
}

.route_card main table tbody
{
}
.route_card main table tbody :is(th, td)
{
	vertical-align: middle;
}

.route_card main .slash_cell
{
	width: var(--cell_w);
	height: var(--cell_w);
}


/* ------------------------------------------------------------------------------------------------------------
	売上一覧
	nohin_list.php
------------------------------------------------------------------------------------------------------------ */
.nohin_list
{
}

.nohin_list .scroll_table
{
	max-height: var(--main_wrap_h);
}

.nohin_list table
{
}

.nohin_list table .Staff
{
}
.nohin_list table .Staff :is(th, td)
{
	border-top-width: 3px;
}


/* ------------------------------------------------------------------------------------------------------------
	■訪問先変更
	route_change.php
------------------------------------------------------------------------------------------------------------ */
.route_change
{
}

.route_change main
{
}

.route_change main :is(.scroll_table, .scroll_area)
{
	max-height: calc(var(--main_wrap_h) - (var(--gap) + var(--select_panel_h) + var(--gap) + var(--button_h)));
}

.route_change main .schedule_item
{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--gapL);
}

.route_change main .connectedSortable
{
	padding: 0;
}


.route_change main .schedule_item .grid2
{
	padding: 0.25em 0.5em;

	display: grid;
	grid-template-columns: 4em 1fr;
	gap: 1em;
}

.route_change main .schedule_item .grid2::before
{
	content: "";
	display: block;

	position: absolute;
	left: 0;
	right: 0;

	width: 100%;

	border-top-width: 1px;
}

/* ------------------------------------------------------
	[ルート変更]　scroll area
	[251016-0941]　右左ドラッグで移動する際の、ヨコスクロールが邪魔
------------------------------------------------------ */
.route_change main .scroll
{
}

.route_change main .scroll>*[class*="item"]
{
	display: grid;
	align-content: start;
	gap: var(--gap);
}


.route_change main .scroll .select_panel,
.route_change main .scroll+.Btn08
{
	position: sticky;
	left: 0;
	right: 0;

	z-index: 5;
}

.route_change main .scroll .select_panel
{
	top: 0;
	z-index: 10;
}

.route_change main .scroll table
{
}
/*
	font-size: 0.9em;
*/

.route_change main .scroll .select_panel .Btn08
{
	width: 100%;
	line-height: 1;
}

/* bgが透けているので、もう一度ベタでbg入れる 
.route_change main .scroll .select_panel::before
{
	content: "";
	display: block;

	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;

	width: 100%;
	height: 100%;

	background-color: rgb(233 232 238);

	border-radius: var(--border_r);
}
*/
.route_change main .scroll+.Btn08
{
	bottom: 0;
}
.route_change main .scroll+.Btn08::before
{
	content: "";
	display: block;

	position: absolute;
	left: 50%;
	bottom: 0%;
	translate: -50% -0%;

	width: calc(100vw - (
		 (var(--gap) * 2) + var(--side_w) + var(--gap) + (var(--padding) * 2)
	));
	height: calc(100% + var(--gap));

	background-color: rgb(var(--w));
}
/*
[251016-0941]　右左ドラッグで移動する際の、ヨコスクロールが邪魔
.route_change main :is(.scroll_table, .scroll_area)
{
	max-height: calc(
		(var(--main_wrap_h) - (
			(var(--gap) + var(--select_panel_h) + var(--gap) + var(--button_h)))
		)
	);
}
*/


/* ------------------------------------------------------------------------------------------------------------
	■訪問先カード
	visit_card_list.php
------------------------------------------------------------------------------------------------------------ */
.visit_card_list
{
}


.visit_card_list main
{
}


.visit_card_list main :is(.scroll_table, .scroll_area)
{
	max-height: calc(var(--main_wrap_h) - (var(--gap) + var(--select_panel_h)));
}

.visit_card_list main table
{
}

.visit_card_list main table :is(th, td)
{
	vertical-align: middle;
}

.visit_card_list main table colgroup .customer_name
{
	min-width: 15em;
}

.visit_card_list main table thead :is(th, td)
{
	white-space: nowrap;
	min-width: 3em;
}

/* [260217-1130/260218-1332]修正　max-height 3行分 */
.visit_card_list main table tbody :is(th, td)>div
{
	max-height: calc(2em * 3);
	overflow: hidden;
}

.visit_card_list main table .btn a
{
	white-space: nowrap;
}


/* ------------------------------------------------------------------------------------------------------------
	■施工顧客リスト
	nippo_list.php
------------------------------------------------------------------------------------------------------------ */
.nippo_list
{
}


.nippo_list main .select_panel
{
	height: auto;
	min-height: var(--select_panel_h);
}

.nippo_list main .select_panel .flex
{
}
.nippo_list main .select_panel .flex label
{
	line-height: 1.5;
}

.nippo_list main .select_panel select
{
	max-width: 10em;
}


.nippo_list main :is(.scroll_table, .scroll_area)
{
	max-height: calc(var(--main_wrap_h) - (var(--gap) + var(--select_panel_h)));
}


/* [260217-1130/260218-1332]修正　得意先名の<a>は通常のリンク */
.nippo_list main :is(.scroll_table) table
{
}
.nippo_list main :is(.scroll_table) table td
{
}
.nippo_list main :is(.scroll_table) table td a[onclick*="Customer"]
{
	aspect-ratio: unset;
	display: block;

	width: fit-content;
	height: auto;

	background: transparent;
	color: inherit;

	text-align: justify;
	text-decoration-line: underline;
}


/* ------------------------------------------------------------------------------------------------------------
	■未施工顧客リスト
	no_nippo_list.php
------------------------------------------------------------------------------------------------------------ */
.no_nippo_list
{
}


/* ------------------------------------------------------------------------------------------------------------
	■契約更新確認リスト
	customer_keiyaku_list.php
------------------------------------------------------------------------------------------------------------ */
.customer_keiyaku_list
{
}


.customer_keiyaku_list main
{
}


.customer_keiyaku_list main :is(.scroll_table, .scroll_area)
{
	max-height: calc(var(--main_wrap_h) - (var(--gap) + var(--select_panel_h)));
}

.customer_keiyaku_list main table
{
}

.customer_keiyaku_list main table thead :is(th, td)
{
	white-space: nowrap;
	min-width: 3em;
}


/* ============================================================================================================
	[マスタ管理]
============================================================================================================ */


/* ------------------------------------------------------------------------------------------------------------
	[マスタ管理]　エリアマスタ
	master/m_area.php
------------------------------------------------------------------------------------------------------------ */
.m_area
{
}


.m_area main
{
}

.m_area main>.wrap
{
}

.m_area main>.wrap>form
{
	display: grid;
	gap: var(--gap);
}

.m_area main .select_panel
{
	margin-bottom: 0;
}

.m_area main :is(.scroll_table, .scroll_area)
{
	max-height: calc(var(--main_wrap_h) - (var(--gap) + var(--select_panel_h) + var(--gap) + var(--button_h)));
}

.m_area main :is(.scroll_table, .scroll_area) table
{
}

.m_area main :is(.scroll_table, .scroll_area) table .icon
{
	text-align: center;
	width: var(--icon_cell_w);
	max-width: var(--icon_cell_w);
}


/* ------------------------------------------------------------------------------------------------------------
	■[マスタ管理]　顧客マスタ
	master/m_customer.php
------------------------------------------------------------------------------------------------------------ */
.m_customer
{
}


.m_customer :is(.scroll_table, .scroll_area)
{
	max-height: calc(var(--main_wrap_h) - (var(--gap) + var(--select_panel_h)));
}
/*
	max-height: var(--main_wrap_h);
*/

.m_customer :is(.scroll_table, .scroll_area) table
{
	font-size: 0.9em;
	line-height: 1.5;
}

.m_customer :is(.scroll_table, .scroll_area) :is(th, td)
{
	min-width: 9em;

	vertical-align: middle;
}

.m_customer :is(.scroll_table, .scroll_area) .hensyuu
{
	min-width: initial;
}
.m_customer :is(.scroll_table, .scroll_area) .code
{
	font-size: 0.8em;
	min-width: 8em;
	text-align: center;
}
.m_customer :is(.scroll_table, .scroll_area) .customer_name
{
	min-width: 15em;
}
.m_customer :is(.scroll_table, .scroll_area) .address
{
	min-width: 15em;
}
.m_customer :is(.scroll_table, .scroll_area) tbody .address
{
	font-size: 0.9em;
}
/*
.tel
.fax
.rental_week
.staff_name
*/
.m_customer :is(.scroll_table, .scroll_area) .tanto_name
{
	min-width: 10em;
}
.m_customer :is(.scroll_table, .scroll_area) .delete
{
	min-width: initial;
}


/* ------------------------------------------------------------------------------------------------------------
	■[マスタ管理]　支払方法マスタ
	master/m_payment.php
------------------------------------------------------------------------------------------------------------ */
.m_payment
{
}


/* ------------------------------------------------------------------------------------------------------------
	■[マスタ管理]　【PC】契約内容マスタ
	master/m_keiyaku.php
------------------------------------------------------------------------------------------------------------ */
.m_keiyaku
{
}


/* ------------------------------------------------------------------------------------------------------------
	[マスタ管理]　顧客マスタ / 詳細
	master/m_customer_add.php
------------------------------------------------------------------------------------------------------------ */
.m_customer_add
{
}

.m_customer_add main
{
}

.m_customer_add main>.wrap
{
}

.m_customer_add main>.wrap>form
{
	display: grid;
	gap: var(--gap);
}


.m_customer_add main table
{
	table-layout: fixed;
}

.m_customer_add main td .th
{
	font-size: 0.9em;
	font-weight: bold;
}

/* [マスタ管理]　顧客マスタ / 詳細　個別・ペット有無 */
.m_customer_add main table .pet
{
}
.m_customer_add main table .pet .flex
{
}
.m_customer_add main table .pet .flex .flex.gap0
{
}


.m_customer_add main .photo a
{
	width: auto;
	padding: var(--padding);
}

.m_customer_add main .list
{
	margin-top: var(--gap);

	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--gap);
}


.m_customer_add main .Btn08
{
	position: sticky;
	left: 0;
	right: 0;
	bottom: 0;

	width: 100%;

	background-color: rgb(var(--w));
}
.m_customer_add main .Btn08::before
{
	content: "";
	display: block;

	position: absolute;
	left: 0;
	right: 0;
	bottom: 100%;

	height: 1em;
	background-color: inherit;
}
.m_customer_add main .Btn08 a
{
	width: 12em;
	
	margin-left: auto;
	margin-right: auto;
}


/* ------------------------------------------------------------------------------------------------------------
	[マスタ管理]　顧客マスタインポート
	master/m_customer_import.php
------------------------------------------------------------------------------------------------------------ */
.m_customer_import
{
}


.m_customer_import .select_panel
{
}
.m_customer_import .select_panel th
{
	width: auto;
}


/* ------------------------------------------------------------------------------------------------------------
	[マスタ管理]　銀行マスタ
	master/m_bank.php
------------------------------------------------------------------------------------------------------------ */
.m_bank
{
}

.m_bank main
{
}

.m_arm_bankea main>.wrap
{
}

.m_bank main>.wrap>form
{
	display: grid;
	gap: var(--gap);
}

.m_bank main :is(.scroll_table, .scroll_area)
{
	max-height: calc(var(--main_wrap_h) - var(--select_panel_h));
}

.m_bank main :is(.scroll_table, .scroll_area) table
{
}

.m_bank main :is(.scroll_table, .scroll_area) table .icon
{
	text-align: center;
	width: var(--icon_cell_w);
	max-width: var(--icon_cell_w);
}


/* ------------------------------------------------------------------------------------------------------------
	[マスタ管理]　顧客業種マスタ
	master/m_customer_type.php
------------------------------------------------------------------------------------------------------------ */
.m_customer_type
{
}

.m_customer_type main
{
}

.m_customer_type main>.wrap
{
}

.m_customer_type main>.wrap>form
{
	display: grid;
	gap: var(--gap);
}

.m_customer_type main :is(.scroll_table, .scroll_area)
{
	max-height: calc(var(--main_wrap_h) - var(--select_panel_h));
}

.m_customer_type main :is(.scroll_table, .scroll_area) table
{
}

.m_customer_type main :is(.scroll_table, .scroll_area) table td.icon
{
	text-align: center;
	width: var(--icon_cell_w);
	max-width: var(--icon_cell_w);
}


/* ------------------------------------------------------------------------------------------------------------
	[マスタ管理]　機械マスタ
	master/m_machine.php
------------------------------------------------------------------------------------------------------------ */
.m_machine
{
}

.m_machine main
{
}

.m_machine main>.wrap
{
}

.m_machine main>.wrap>form
{
	display: grid;
	gap: var(--gap);
}

.m_machine main :is(.scroll_table, .scroll_area)
{
	max-height: calc(var(--main_wrap_h) - var(--select_panel_h));
}

.m_machine main :is(.scroll_table, .scroll_area) table
{
}

.m_machine main :is(.scroll_table, .scroll_area) table .icon
{
	text-align: center;
	width: var(--icon_cell_w);
	max-width: var(--icon_cell_w);
}


/* ------------------------------------------------------------------------------------------------------------
	■[マスタ管理]　ルートマスタ
	master/m_route.php
------------------------------------------------------------------------------------------------------------ */
.m_route
{
}

.m_route main
{
}


.m_route main .select_panel
{
	margin-bottom: 0;
}

.m_route main :is(.scroll_table, .scroll_area)
{
	max-height: calc(var(--main_wrap_h) - (var(--gap) + var(--button_h)));
}

.m_route main :is(.scroll_table, .scroll_area) table
{
}

.m_route main :is(.scroll_table, .scroll_area) table tbody :is(th, td)
{
}
/*
	padding-top: calc(var(--td_gap) / 2);
	padding-bottom: calc(var(--td_gap) / 2);

*/

.m_route main :is(.scroll_table, .scroll_area) table .icon
{
	text-align: center;
	width: var(--icon_cell_w);
	max-width: var(--icon_cell_w);
}

.m_route main :is(.scroll_table, .scroll_area) table tbody .icon
{
	border-left-width: 1px;
}

.m_route main :is(.scroll_table, .scroll_area) table .route_id,
.m_route main :is(.scroll_table, .scroll_area) table .route_id input
{
	width: 6em;
}

.m_route main :is(.scroll_table, .scroll_area) table .route_name,
.m_route main :is(.scroll_table, .scroll_area) table .route_name input
{
	width: 10em;
}


/* ------------------------------------------------------------------------------------------------------------
	■[マスタ管理]　ルートマスタ / 詳細
	master/m_route_set.php
------------------------------------------------------------------------------------------------------------ */
.m_route_set
{
}

.m_route_set main :is(.scroll_table, .scroll_area)
{
	max-height: calc(var(--main_wrap_h) - (var(--gap) + var(--select_panel_h) + var(--gap) + var(--button_h)));
}

.m_route_set main table
{
}

.m_route_set main table td
{
	padding: 0;
}

.m_route_set main table .sortable-container
{
	grid-template-columns: 3em 6em 1fr;
	gap: var(--gap);

	cursor: pointer;
}
.m_route_set main table .sortable-container:not(:first-child)
{
	border-top-width: 1px;
}
.m_route_set main table .sortable-container:hover
{
	background-color: rgb(var(--or) / 0.2);
}

.m_route_set main table .sortable-container>*
{
	padding: var(--td_gap);
}


/* ------------------------------------------------------------------------------------------------------------
	[マスタ管理]　商品分類マスタ
	master/m_shohin_type.php
------------------------------------------------------------------------------------------------------------ */
.m_shohin_type
{
}

.m_shohin_type main
{
}

.m_m_shohin_typeroute main>.wrap
{
}

.m_shohin_type main>.wrap>form
{
	display: grid;
	gap: var(--gap);
}

.m_shohin_type main .select_panel
{
	margin-bottom: 0;
}

.m_shohin_type main :is(.scroll_table, .scroll_area)
{
	max-height: calc(var(--main_wrap_h) - var(--select_panel_h));
}

.m_shohin_type main :is(.scroll_table, .scroll_area) table
{
}

.m_shohin_type main :is(.scroll_table, .scroll_area) table .icon
{
	text-align: center;
	width: var(--icon_cell_w);
	max-width: var(--icon_cell_w);
}


/* ------------------------------------------------------------------------------------------------------------
	[マスタ管理]　商品マスタ
	master/m_shohin.php
------------------------------------------------------------------------------------------------------------ */
.m_shohin
{
}

.m_shohin main
{
}

.m_shohin main>.wrap
{
}

.m_shohin main>.wrap>form
{
	display: grid;
	gap: var(--gap);
}

.m_shohin main .select_panel
{
	margin-bottom: 0;
}

.m_shohin main :is(.scroll_table, .scroll_area)
{
	max-height: calc(var(--main_wrap_h) - (var(--gap) + var(--select_panel_h) + var(--gap) + var(--button_h)));
}


/* ============================================================================================================
	[設定]
============================================================================================================ */


/* ------------------------------------------------------------------------------------------------------------
	■[設定]　カレンダー
	setting/calendar.php
------------------------------------------------------------------------------------------------------------ */
.setting_calendar
{
	--cell_size					: 3em;
}


.setting_calendar main
{
}

.setting_calendar main .select_panel
{
	justify-content: center;
}

.setting_calendar main .select_panel+.flex
{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(calc(var(--cell_size) * 7), 1fr));
	align-items: start;
	gap: var(--gapL);
}



.setting_calendar .cl-section
{
	width: auto;
}

.setting_calendar .cl-section table
{
	line-height: 1.2;
	font-size: 0.9em;
}

.setting_calendar .cl-section table :is(th, td)
{

	padding: 0.25em;
	text-align: center;
}

.setting_calendar .cl-section table tbody
{
}
.setting_calendar .cl-section table tbody th
{
	width: 2em;
}
.setting_calendar .cl-section table tbody td
{
	width: var(--cell_size);
	height: calc(var(--cell_size) * 1.5);
}

.setting_calendar .cl-section table p[style*="font-size"]
{
}
/*
	writing-mode: vertical-rl;

	display: inline-block;
	height: 4em;
	text-align: left;
*/


/* ------------------------------------------------------------------------------------------------------------
	■[設定]　スタッフ管理
	setting/m_staff.php
------------------------------------------------------------------------------------------------------------ */
.m_staff
{
}

.m_staff main
{
}


.m_staff main .select_panel
{
	margin-bottom: 0;
}

.m_staff main :is(.scroll_table, .scroll_area)
{
	max-height: calc(var(--main_wrap_h) - var(--select_panel_h));
}

.m_staff main :is(.scroll_table, .scroll_area) :is(th, td)
{
	min-width: 5em;
}

.m_staff main :is(.scroll_table, .scroll_area) thead :is(th, td)
{
	white-space: nowrap;
	word-break: keep-all;
	overflow-wrap: break-word;

	vertical-align: middle;
}


.m_staff main table :is(thead, tbody) .icon
{
	text-align: center;

	width: var(--icon_cell_w);
	max-width: var(--icon_cell_w);
	min-width: initial;
}

.m_staff main :is(.scroll_table, .scroll_area) .th_id
{
}
.m_staff main :is(.scroll_table, .scroll_area) .th_id input
{
	width: 100%;
}

.m_staff main table :is(thead, tbody) .th_name
{
	min-width: 12em;
}

.m_staff main table :is(thead, tbody) .th_type
{
	min-width: 7em;
}


/* ------------------------------------------------------------------------------------------------------------
	■[設定]　営業所管理
	setting/m_tenpo.php
------------------------------------------------------------------------------------------------------------ */
.m_tenpo
{
}

.m_tenpo main
{
}


.m_tenpo main .select_panel
{
	margin-bottom: 0;
}

.m_tenpo main :is(.scroll_table, .scroll_area)
{
	max-height: calc(var(--main_wrap_h) - var(--select_panel_h));
}

.m_tenpo main table :is(thead, tbody) :is(th, td)
{
	min-width: 10em;
}

.m_tenpo main table :is(thead) :is(th, td)
{
	word-break: keep-all;
	overflow-wrap: break-word;
}

.m_tenpo main table :is(thead, tbody) .icon
{
	text-align: center;
	width: var(--icon_cell_w);
	max-width: var(--icon_cell_w);
	min-width: initial;
}

.m_tenpo main table :is(thead, tbody) .invoice
{
	width: 12em;
}


/* ------------------------------------------------------------------------------------------------------------
	[設定]　レポート管理
	setting/m_report.php
------------------------------------------------------------------------------------------------------------ */
.m_report
{
}

.m_report main
{
}

.m_report main>.wrap
{
}

.m_report main>.wrap>form
{
	display: grid;
	gap: var(--gap);
}

.m_tm_reportenpo main .select_panel
{
	margin-bottom: 0;
}

.m_report main :is(.scroll_table, .scroll_area)
{
	max-height: calc(var(--main_wrap_h) - var(--select_panel_h));
}

.m_report main table :is(thead, tbody) .icon
{
	text-align: center;
	width: var(--icon_cell_w);
	max-width: var(--icon_cell_w);
	min-width: initial;
}


/* ============================================================================================================
	============================================================================================================
============================================================================================================ */


/* ------------------------------------------------------------------------------------------------------------
	【シロアリ】
	訪問スケジュール
	tc_visit_schedule.php
	[260611-0935/260616-0952]新規
------------------------------------------------------------------------------------------------------------ */
.tc_visit_schedule main
{
	form
	{
		table
		{
			:is(th, td)
			{
				vertical-align: top;
			}

			.DragArea
			{
				>*:not(:first-child)
				{
					margin-top: 0.5em;
				}
			}

			div:has([style*="background-color"])
			{
				align-items: center;

				>*
				{
					min-height: 100%;
				}
			}

			.icon_delete
			{
				width: 1.5em;
				
				img
				{
					width: 100%;
				}
			}
		}
	}
}



/* ------------------------------------------------------------------------------------------------------------
	【シロアリ】
	施工顧客リスト / 訪問先カード
	tc_visit_card.php
	[260617-0950]新規
------------------------------------------------------------------------------------------------------------ */
main:has(form[action*="tc_visit_card.php"])
{
	form
	{
		table
		{
			table-layout: fixed;

			tr>*:first-child
			{
				width: 4em !important;
			}

			thead
			{
				a
				{
					aspect-ratio: unset !important;
					width: 100% !important;
					height: auto !important;

					padding: 0.25em !important;

					white-space: pre-line;
					overflow-wrap: break-word;
					word-break: break-all;
				}
			}

			tbody>tr:last-child>*:nth-child(2)
			{
				font-size: smaller;
				line-height: 1.5;
			}

		}
	}
}


/* ------------------------------------------------------------------------------------------------------------
	【シロアリ】
	施工顧客リスト / 訪問先カード / 施工報告書
	tc_visit_report.php
	[260617-0950]新規
------------------------------------------------------------------------------------------------------------ */
main:has(form[action*="tc_visit_report.php"])
{
	.main
	{
		.list
		{
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			gap: var(--gap);

			.report_comment
			{
				grid-column: span 2;
			}
		}
	}
}