/*	===============================================================
	● COMMON
	---------------------------------------------------------------
	Release 2024.09.13                                Powerd by TDR
	=============================================================== */

	/****************************
	 * ベース設定
	 ****************************/
	:root
	{
		/** 書式： 分類−項目（−挙動）−内容 ***/

		/** サイトの配色 ***/
		--site-base-color				: white;
		--site-main-color				: #1b435d;
		--site-main-sub-color			: #061d2c;
		--site-accesnt-color			: #6fb3e0;
		--site-accesnt-hover-color		: #f99f48;
		--site-accesnt-sub-color		: #2b7eb4;
		--site-nav-line-color			: #a3c5e0;

		/** サイトのフォント ***/
		--site-font-size				: 14px;
		--site-font-color				: #444;
		--site-font-lineheight			: 160%;
		--site-font-spacing				: calc( var( --site-font-size ) * 0.07 );

		/** ページタイトル ***/
		--page-title-size				: calc( var( --site-font-size ) * 1.15 );
		--page-menu-color				: #256aaa;
		--page-menu-back-color			: #f5f5f5;

		/** メインメニュー ***/
		--menu-fav-color				: #ccc;
		--menu-title-color				: white;
		--menu-content-color			: white;
		--menu-logout-color				: #ccc;
		--menu-logout-hover-color		: white;
		--menu-footer-color				: white;

		/** セクション ***/
		--section-title-size			: calc( var( --site-font-size ) * 1.1 );
		--section-title-color			: #438eb9;

		/** リストタイトル ***/
		--list-title-size				: calc( var( --site-font-size ) * 0.9 );
		--list-title-color				: #333;
		--list-title-border-color		: #ccc;
		--list-title-bg-color			: #eaeaea;
		--list-title-main-bg-color		: #dcdcdc;
		--list-switcher-color			: #bbb;
		--list-switcher-hover-color		: #708c9e;
		--list-switcher-active-color	: #708c9e;
		--list-pager-color				: #6490cd;
		--list-pager-count-color		: gray;
		--list-pager-hover-color		: #eee;
		--list-pager-active-color		: #ccc;

		/** リスト ***/
		--list-main-color				: #eaf2f9;
		--list-main-hover-color			: #cde4f6;
		--list-hover-color				: #eaf2f9;
		--list-insert-color				: #e9f7be;
		--list-insert-hover-color		: #def2a2;
		--list-insert-main-color		: #def2a2;
		--list-insert-main-hover-color	: #cee782;
		--list-border-color				: #ccc;
		--list-mark-color				: orange;

		/** 詳細 ***/
		--edit-title-color				: #f1f1f1;
		--edit-title-main-color			: #e6e6e6;
		--edit-title-border-color		: #bfd8ee;
		--edit-title-border-main-color	: #6fb3e0;
		--edit-title-focus-color		: #dcedf6;
		--edit-title-border-focus-color	: #bfd8ee;
		--edit-title-border-main-focus-color : #2988bc;
		--edit-main-color				: #edf2f7;
		--edit-main-focus-color			: #d8e9f7;
		--edit-focus-color				: #edf2f7;

		/** 検索 ***/
		--list-search-border-color		: #ccc;
		--list-search-bg-color			: #eee;
		--list-search-bg-hover-color	: #e5e5e5;
		--list-search-select2-border	: #9ecdf1;

		/** フォーム ***/
		--form-line-color				: #bbb;
		--form-edit-focus-color			: #7b96cd;
		--form-insert-focus-color		: #62b735;
		--form-aside-color				: gray;

		/** フォームのファイル選択 ***/
		--form-fselect-color			: #ffdfed;
		--form-fselect-hover-color		: #ff9ec9;

		/** ボタン ***/
		--button_bg_color				: #f1f1f1;
		--button_text_color				: #666;

		/** メッセージ ***/
		--message-error_color			: #cc0000;
		--message-success_color			: #cbe26f;
		--message-confirm_color			: orange;
		--message-form-text-size		: calc( var( --site-font-size ) * 0.9 );

		/** リンク ***/
		--link-color					: #2f6abc;
		--link-hover-color				: #db082f;
		--link-hover-scolor				: #cc0000;
		--link-sub-color				: #256aaa;
		--link-sub-hover-color			: #db082f;

		/** ファイルリスト ***/
		--flist-main-color				: #f7f7f7;
		--flist-main-hover-color		: #eaf2f7;
		--flist-hover-color				: #f4f9fc;
		--flist-select-color			: #fcf7f4;
		--flist-select-hover-color		: #fcf3ed;
		--flist-select-main-color		: #f7edea;
		--flist-select-main-hover-color	: #f6e4df;
		--flist-context-color			: #f4f7ea;
		--flist-context-main-color		: #e9eec9;

		/** ファイルリストの詳細 ***/
		--finfo-text-color				: black;
		--finfo-bg-color				: #f1f1f1;
		--finfo-border-color			: orange;
		--finfo-thumb-border-color		: white;
		--finfo-thumb-bg-color			: #fcfcfc;
		--finfo-cmb-bg-color			: #fcfcfc;
		--finfo-cmb-icon-color			: #89b7f4;
		--finfo-path-text-color			: gray;
		--finfo-path-icon-color			: #bbb;
		--finfo-path-text-hover-color	: black;

		/** ドラッグ＆ドロップ ***/
		--dd-upload-bg-color			: rgba( 86, 86, 86, 0.4 );
		--dd-upload-text-color			: white;
		--dd-upload-text-shadow-color	: orange;
		--dd-upload-progres-color		: white;
		--dd-upload-icon-color			: white;
		--dd-helper-bg-color			: var( --flist-select-hover-color );
		--dd-helper-main-bg-color		: var( --flist-select-main-hover-color );

		/** ダイアログ ***/
		--dialog-filelabel-color		: #ddeeaa;
		--dialog-filelabel-select-color	: #99c419;

		/** コンテキストメニュー ***/
		--contmenu-border-color			: #b1b1b1;
		--contmenu-hr-color				: #e1e1e1;
		--contmenu-menu-color			: #333;
		--contmenu-menu-hover-color		: white;
		--contmenu-menu-bg-hover-color	: #92b372;
	}

	/****************************
	 * タグの初期化
	 ****************************/
	html, body
	{
		width:100%;
		height:100vh;
		margin:0px;
		padding:0px;
		font-size:var( --site-font-sizes );
		color:var( --site-font-color );
		line-height:var( --site-font-lineheight );
		letter-spacing:var( --site-font-spacing );
		background:var( --site-base-color );
	}

	*, *:before, *:after
	{
		box-sizing:border-box;
		outline:none !important;
	}

	h1, h2, h3, h4, h5, h6, div, p, ul, ol, li, dt, dd, table, form, img
	{
		margin:0px;
		padding:0px;
		font-size:var( --site-font-size );
		font-weight:normal;
	}

	ul,ol
	{
		list-style-type:none;
	}

	dt
	{
		font-weight:bold;
	}

	dd
	{
		margin-left:20px;
	}

	table
	{
		border-collapse:collapse;
		border-spacing:0px;
	}

	th
	{
		text-align:center;
		vertical-align:top;
	}

	td
	{
		padding:8px 5px;
	}

	img
	{
		border:0px;
	}

	hr
	{
		margin:10px 0px;
		border:none; 
		border-bottom:1px solid gray; 
	}

	hr.dot
	{
		border-style:dotted; 
	}

	/****************************
	 * サイズ
	 ****************************/
	.w5   {  width:5%   !important; }
	.w10  {  width:10%  !important; }
	.w15  {  width:15%  !important; }
	.w20  {  width:20%  !important; }
	.w25  {  width:25%  !important; }
	.w30  {  width:30%  !important; }
	.w35  {  width:35%  !important; }
	.w40  {  width:40%  !important; }
	.w45  {  width:45%  !important; }
	.w50  {  width:50%  !important; }
	.w55  {  width:55%  !important; }
	.w60  {  width:60%  !important; }
	.w65  {  width:65%  !important; }
	.w70  {  width:70%  !important; }
	.w75  {  width:75%  !important; }
	.w80  {  width:80%  !important; }
	.w85  {  width:85%  !important; }
	.w90  {  width:90%  !important; }
	.w95  {  width:95%  !important; }
	.w100 {  width:100% !important; }

	.h50  { height:50px  !important; }
	.h55  { height:55px  !important; }
	.h100 { height:100px !important; }
	.h150 { height:150px !important; }
	.h200 { height:200px !important; }
	.h250 { height:250px !important; }
	.h300 { height:300px !important; }
	.h400 { height:400px !important; }
	.h500 { height:500px !important; }
	.h600 { height:600px !important; }

	.vh50  { height:50vh  !important; }
	.vh55  { height:55vh  !important; }
	.vh60  { height:60vh  !important; }
	.vh65  { height:65vh  !important; }
	.vh70  { height:70vh  !important; }
	.vh75  { height:75vh  !important; }
	.vh80  { height:80vh  !important; }
	.vh85  { height:85vh  !important; }
	.vh90  { height:90vh  !important; }
	.vh95  { height:95vh  !important; }
	.vh100 { height:100vh !important; }

	.min100  { min-width:100px  !important; }
	.min150  { min-width:150px  !important; }
	.min200  { min-width:200px  !important; }
	.min250  { min-width:250px  !important; }
	.min300  { min-width:300px  !important; }
	.min350  { min-width:350px  !important; }
	.min400  { min-width:400px  !important; }
	.min450  { min-width:450px  !important; }
	.min500  { min-width:500px  !important; }
	.min550  { min-width:550px  !important; }
	.min600  { min-width:600px  !important; }
	.min650  { min-width:650px  !important; }
	.min700  { min-width:700px  !important; }
	.min750  { min-width:750px  !important; }
	.min800  { min-width:800px  !important; }
	.min850  { min-width:850px  !important; }
	.min900  { min-width:900px  !important; }
	.min950  { min-width:950px  !important; }
	.min1000 { min-width:1000px !important; }

	.max100  { max-width:100px  !important; }
	.max150  { max-width:150px  !important; }
	.max200  { max-width:200px  !important; }
	.max250  { max-width:250px  !important; }
	.max300  { max-width:300px  !important; }
	.max350  { max-width:350px  !important; }
	.max400  { max-width:400px  !important; }
	.max450  { max-width:450px  !important; }
	.max500  { max-width:500px  !important; }
	.max550  { max-width:550px  !important; }
	.max600  { max-width:600px  !important; }
	.max650  { max-width:650px  !important; }
	.max700  { max-width:700px  !important; }
	.max750  { max-width:750px  !important; }
	.max800  { max-width:800px  !important; }
	.max850  { max-width:850px  !important; }
	.max900  { max-width:900px  !important; }
	.max950  { max-width:900px  !important; }
	.max1000 { max-width:1000px !important; }

	/****************************
	 * マージンとパディング
	 ****************************/
	/** 全体マージン ***/
	.m3   { margin:3px  !important; }
	.m5   { margin:5px  !important; }
	.m8   { margin:8px  !important; }
	.m10  { margin:10px !important; }
	.m15  { margin:15px !important; }
	.m20  { margin:20px !important; }
	.m25  { margin:25px !important; }
	.m30  { margin:30px !important; }
	.m35  { margin:35px !important; }
	.m40  { margin:40px !important; }
	.m45  { margin:45px !important; }
	.m50  { margin:50px !important; }

	/** 全体マージン（調整） ***/
	.mm3  { margin:2px 3px   !important; }
	.mm5  { margin:3px 5px   !important; }
	.mm8  { margin:5px 8px   !important; }
	.mm10 { margin:8px 10px  !important; }
	.mm15 { margin:10px 15px !important; }
	.mm20 { margin:15px 20px !important; }
	.mm25 { margin:20px 25px !important; }
	.mm30 { margin:25px 30px !important; }
	.mm35 { margin:30px 35px !important; }
	.mm40 { margin:35px 40px !important; }
	.mm45 { margin:40px 45px !important; }
	.mm50 { margin:45px 50px !important; }

	/** 個別マージン ***/
	.mt-10 { margin-top:   -10px !important; }
	.mb-10 { margin-bottom:-10px !important; }
	.ml-10 { margin-left:  -10px !important; }
	.mr-10 { margin-right: -10px !important; }
	.mt-20 { margin-top:   -20px !important; }
	.mb-20 { margin-bottom:-20px !important; }
	.ml-20 { margin-left:  -20px !important; }
	.mr-20 { margin-right: -20px !important; }
	.mt0   { margin-top:     0px !important; }
	.mb0   { margin-bottom:  0px !important; }
	.ml0   { margin-left:    0px !important; }
	.mr0   { margin-right:   0px !important; }
	.mt3   { margin-top:     3px !important; }
	.mb3   { margin-bottom:  3px !important; }
	.ml3   { margin-left:    3px !important; }
	.mr3   { margin-right:   3px !important; }
	.mt5   { margin-top:     5px !important; }
	.mb5   { margin-bottom:  5px !important; }
	.ml5   { margin-left:    5px !important; }
	.mr5   { margin-right:   5px !important; }
	.mt8   { margin-top:     8px !important; }
	.mb8   { margin-bottom:  8px !important; }
	.ml8   { margin-left:    8px !important; }
	.mr8   { margin-right:   8px !important; }
	.mt10  { margin-top:    10px !important; }
	.mb10  { margin-bottom: 10px !important; }
	.ml10  { margin-left:   10px !important; }
	.mr10  { margin-right:  10px !important; }
	.mt15  { margin-top:    15px !important; }
	.mb15  { margin-bottom: 15px !important; }
	.ml15  { margin-left:   15px !important; }
	.mr15  { margin-right:  15px !important; }
	.mt20  { margin-top:    20px !important; }
	.mb20  { margin-bottom: 20px !important; }
	.ml20  { margin-left:   20px !important; }
	.mr20  { margin-right:  20px !important; }
	.mt25  { margin-top:    25px !important; }
	.mb25  { margin-bottom: 25px !important; }
	.ml25  { margin-left:   25px !important; }
	.mr25  { margin-right:  25px !important; }
	.mt30  { margin-top:    30px !important; }
	.mb30  { margin-bottom: 30px !important; }
	.ml30  { margin-left:   30px !important; }
	.mr30  { margin-right:  30px !important; }
	.mt35  { margin-top:    35px !important; }
	.mb35  { margin-bottom: 35px !important; }
	.ml35  { margin-left:   35px !important; }
	.mr35  { margin-right:  35px !important; }
	.mt40  { margin-top:    40px !important; }
	.mb40  { margin-bottom: 40px !important; }
	.ml40  { margin-left:   40px !important; }
	.mr40  { margin-right:  40px !important; }
	.mt45  { margin-top:    45px !important; }
	.mb45  { margin-bottom: 45px !important; }
	.ml45  { margin-left:   45px !important; }
	.mr45  { margin-right:  45px !important; }
	.mt50  { margin-top:    50px !important; }
	.mb50  { margin-bottom: 50px !important; }
	.ml50  { margin-left:   50px !important; }
	.mr50  { margin-right:  50px !important; }

	/** 全体パディング ***/
	.p3   { padding:3px  !important; }
	.p5   { padding:5px  !important; }
	.p8   { padding:8px  !important; }
	.p10  { padding:10px !important; }
	.p15  { padding:15px !important; }
	.p20  { padding:20px !important; }
	.p25  { padding:25px !important; }
	.p30  { padding:30px !important; }
	.p35  { padding:35px !important; }
	.p40  { padding:40px !important; }
	.p45  { padding:45px !important; }
	.p50  { padding:50px !important; }

	/** 全体パディング（調整）***/
	.pp3  { padding:2px 3px   !important; }
	.pp5  { padding:3px 5px   !important; }
	.pp8  { padding:5px 8px   !important; }
	.pp10 { padding:8px 10px  !important; }
	.pp15 { padding:10px 15px !important; }
	.pp20 { padding:15px 20px !important; }
	.pp25 { padding:20px 25px !important; }
	.pp30 { padding:25px 30px !important; }
	.pp35 { padding:30px 35px !important; }
	.pp40 { padding:35px 40px !important; }
	.pp45 { padding:40px 45px !important; }
	.pp50 { padding:45px 50px !important; }

	/** 個別パディング ***/
	.pt3  { padding-top:   3px  !important;  }
	.pb3  { padding-bottom:3px  !important;  }
	.pl3  { padding-left:  3px  !important;  }
	.pr3  { padding-right: 3px  !important;  }
	.pt5  { padding-top:   5px  !important;  }
	.pb5  { padding-bottom:5px  !important;  }
	.pl5  { padding-left:  5px  !important;  }
	.pr5  { padding-right: 5px  !important;  }
	.pt8  { padding-top:   8px  !important;  }
	.pb8  { padding-bottom:8px  !important;  }
	.pl8  { padding-left:  8px  !important;  }
	.pr8  { padding-right: 8px  !important;  }
	.pt10 { padding-top:   10px !important; }
	.pb10 { padding-bottom:10px !important; }
	.pl10 { padding-left:  10px !important; }
	.pr10 { padding-right: 10px !important; }
	.pt15 { padding-top:   15px !important; }
	.pb15 { padding-bottom:15px !important; }
	.pl15 { padding-left:  15px !important; }
	.pr15 { padding-right: 15px !important; }
	.pt20 { padding-top:   20px !important; }
	.pb20 { padding-bottom:20px !important; }
	.pl20 { padding-left:  20px !important; }
	.pr20 { padding-right: 20px !important; }
	.pt25 { padding-top:   25px !important; }
	.pb25 { padding-bottom:25px !important; }
	.pl25 { padding-left:  25px !important; }
	.pr25 { padding-right: 25px !important; }
	.pt30 { padding-top:   30px !important; }
	.pb30 { padding-bottom:30px !important; }
	.pl30 { padding-left:  30px !important; }
	.pr30 { padding-right: 30px !important; }
	.pt35 { padding-top:   35px !important; }
	.pb35 { padding-bottom:35px !important; }
	.pl35 { padding-left:  35px !important; }
	.pr35 { padding-right: 35px !important; }
	.pt40 { padding-top:   40px !important; }
	.pb40 { padding-bottom:40px !important; }
	.pl40 { padding-left:  40px !important; }
	.pr40 { padding-right: 40px !important; }
	.pt45 { padding-top:   45px !important; }
	.pb45 { padding-bottom:45px !important; }
	.pl45 { padding-left:  45px !important; }
	.pr45 { padding-right: 45px !important; }
	.pt50 { padding-top:   50px !important; }
	.pb50 { padding-bottom:50px !important; }
	.pl50 { padding-left:  50px !important; }
	.pr50 { padding-right: 50px !important; }

	/** 固定余白 ***/
	.top5  { top:5%  !important; }
	.top10 { top:10% !important; }
	.top15 { top:15% !important; }
	.top20 { top:20% !important; }
	.top25 { top:25% !important; }
	.top30 { top:30% !important; }
	.top35 { top:35% !important; }
	.top45 { top:45% !important; }
	.top47 { top:47% !important; }
	.top48 { top:48% !important; }
	.top50 { top:50% !important; }

	/****************************
	 * フォント
	 ****************************/
	/** フォントサイズ ***/
	.f50   { font-size:calc( var( --site-font-size ) * 0.5 ); letter-spacing:calc( var( --site-font-size ) * 0.07 ); }
	.f60   { font-size:calc( var( --site-font-size ) * 0.6 ); letter-spacing:calc( var( --site-font-size ) * 0.07 ); }
	.f70   { font-size:calc( var( --site-font-size ) * 0.7 ); letter-spacing:calc( var( --site-font-size ) * 0.07 ); }
	.f80   { font-size:calc( var( --site-font-size ) * 0.8 ); letter-spacing:calc( var( --site-font-size ) * 0.07 ); }
	.f90   { font-size:calc( var( --site-font-size ) * 0.9 ); letter-spacing:calc( var( --site-font-size ) * 0.07 ); }
	.f100  { font-size:calc( var( --site-font-size ) * 1.0 ); letter-spacing:calc( var( --site-font-size ) * 0.07 ); }
	.f110  { font-size:calc( var( --site-font-size ) * 1.1 ); letter-spacing:calc( var( --site-font-size ) * 0.1  ); }
	.f120  { font-size:calc( var( --site-font-size ) * 1.2 ); letter-spacing:calc( var( --site-font-size ) * 0.1  ); }
	.f130  { font-size:calc( var( --site-font-size ) * 1.3 ); letter-spacing:calc( var( --site-font-size ) * 0.1  ); }
	.f140  { font-size:calc( var( --site-font-size ) * 1.4 ); letter-spacing:calc( var( --site-font-size ) * 0.1  ); }
	.f150  { font-size:calc( var( --site-font-size ) * 1.5 ); letter-spacing:calc( var( --site-font-size ) * 0.1  ); }
	.f160  { font-size:calc( var( --site-font-size ) * 1.6 ); letter-spacing:calc( var( --site-font-size ) * 0.1  ); }
	.f170  { font-size:calc( var( --site-font-size ) * 1.7 ); letter-spacing:calc( var( --site-font-size ) * 0.1  ); }
	.f180  { font-size:calc( var( --site-font-size ) * 1.8 ); letter-spacing:calc( var( --site-font-size ) * 0.1  ); }
	.f190  { font-size:calc( var( --site-font-size ) * 1.9 ); letter-spacing:calc( var( --site-font-size ) * 0.1  ); }
	.f200  { font-size:calc( var( --site-font-size ) * 2.0 ); letter-spacing:calc( var( --site-font-size ) * 0.1  ); }

	/** 行間 *************/
	.l100 { line-height:100%; }
	.l120 { line-height:120%; }
	.l130 { line-height:130%; }
	.l140 { line-height:140%; }
	.l150 { line-height:150%; }
	.l160 { line-height:160%; }
	.l170 { line-height:170%; }
	.l180 { line-height:180%; }
	.l190 { line-height:190%; }
	.l200 { line-height:200%; }
	.l220 { line-height:220%; }
	.l240 { line-height:240%; }
	.l260 { line-height:260%; }
	.l280 { line-height:280%; }
	.l300 { line-height:300%; }

	/** 太さ・文字間 *************/
	.normal { font-weight:100; }
	.bold   { font-weight:900; }
	.mono   { font-family:monospace; }

	/****************************
	 * カラー 
	 ****************************/
	.black  { color:#000000; }
	.white  { color:#ffffff; }
	.gray   { color:#666666; }
	.lgray  { color:#cccccc; }
	.red    { color:#ff0000; }
	.brown  { color:#cc0000; }
	.green  { color:#4bb20d; }
	.lgreen { color:#cbe26f; }
	.orange { color:#ff9900; }
	.blue   { color:#3784c6; }
	.blue2  { color:blue;    }
	.sky    { color:#0066cc; }
	.yellow { color:#ffff00; }

	/****************************
	 * 文章
	 ****************************/
	.indent
	{
		padding-left:1em;
		text-indent:-1em;
	}

	/****************************
	 * 揃え
	 ****************************/
	.center  { text-align:center; }
	.left    { text-align:left;   }
	.right   { text-align:right;  }
	.mcenter { margin:auto;       }

	/****************************
	 * フレックス
	 ****************************/
	*[ class^='flex' ]							{ display:flex; }
	*[ class^='flex' ][ class*='-fit' ]			{ justify-content:space-between; }
	*[ class^='flex' ][ class*='-wrap' ]		{ flex-wrap:wrap; }
	*[ class^='flex' ][ class*='-auto' ] > * 	{ width:100%; margin-right:20px; }
	*[ class^='flex' ][ class*='-normal' ] > *	{ margin-right:20px; }
	*[ class^='flex' ][ class*='-center' ]		{ justify-content:center; }
	*[ class^='flex' ][ class*='-center' ] > *	{ margin:0px 20px; }
	*[ class^='flex' ][ class*='-2' ] > * 		{ width:calc( ( 100% / 2 ) - 20px ); margin-right:20px; }
	*[ class^='flex' ][ class*='-4' ] > *		{ width:calc( ( 100% / 4 ) - 20px ); margin-right:20px; }
	*[ class^='flex' ][ class*='-3' ] > *		{ width:calc( ( 100% / 3 ) - 20px ); margin-right:20px; }
	*[ class^='flex' ][ class*='-5' ] > *		{ width:calc( ( 100% / 5 ) - 20px ); margin-right:20px; }
	*[ class^='flex' ][ class*='-week' ]		{ flex-wrap:wrap; }
	*[ class^='flex' ][ class*='-week' ] > *	{ width:calc( 100% / 7 ); padding:5px 10px; }
	*[ class^='flex' ] > *:last-child   		{ margin-right:10px; }
	*[ class^='flex' ][ class*='-range' ] > *:nth-child(1), *[ class^='flex' ][ class*='-range' ] > *:nth-child(3) { width:15%; }
	*[ class^='flex' ][ class*='-range' ] > *:nth-child(2) { width:5%; padding:8px; text-align:center; }

	/****************************
	 * フォーム
	 ****************************/
	input[ type='text' ], input[ type='password' ], textarea, select
	{
		padding:5px 8px;
		background:white;
		border-radius:5px;
		border:1px solid var( --form-line-color );
		font-size:var( --site-font-size );
		color:var( --site-font-color );
	}

	textarea
	{
		margin-bottom:-5px;
		line-height:150%;
	}

	select
	{
		padding:5px;
	}

	/*** フォーカス時（通常）***/
	input[ type='text' ]:focus, input[ type='password' ]:focus, textarea:focus, select:focus
	{ 		
		border-color:var( --form-edit-focus-color );
		box-shadow:0px 0px 3px #7b96cd, 0px 0px 4px var( --form-edit-focus-color );
		color:black;
		outline:0;
	}

	/*** フォーカス時（新規） ***/
	.insert input[ type='text' ]:focus, .insert input[ type='password' ]:focus, .insert textarea:focus, .insert select:focus
	{ 		
		border-color:var( --form-insert-focus-color );
		box-shadow:0px 0px 3px #62b735, 0px 0px 4px var( --form-insert-focus-color );
		color:black;
		outline:0;
	}

	/*** メイン ***/
	.main input { color:black; }

	/*** プレースホルダー ***/
	input::placeholder { color:#bbb; }

	/*** select2のマルチセレクトコンボボックス ***/
	.select2-container .select2-selection--multiple li.select2-selection__choice
	{ background:var( --list-hover-color ); border-color:var( --list-search-select2-border ); color:black; font-size:calc( var( --site-font-size ) * 0.9 ); }

	/*** 行の長さによるテキストエリアの自動調整 ***/
	.auto_row { field-sizing:content; min-height:6em; }

	/****************************
	 * フォーム内のオブジェクト表示（アイコンなど）
	 ****************************/
	label.in_form
	{
		position:relative;
	}

	label.in_form i
	{
		font-size:calc( var( --site-font-size ) * 1.4 );
		color:#aaa;
		position:absolute;
		top:-3px;
		left:15px;
		z-index:1;
	}

	/****************************
	 * リンク 
	 ****************************/
	a
	{
		color:var( --link-color );
		text-decoration:none;
	}

	a:hover
	{
		color:var( --link-hover-color );
		text-decoration:underline;
	}

	/****************************
	 * その他
	 ****************************/
	.show   { display:block; }
	.hidden { display:none; }
	.nowrap { white-space:nowrap; }