@charset "UTF-8";



/* ------------------------------------------------------------------ 	
  モーダルダイアログ（JQuery） 
------------------------------------------------------------------- */

/*-- モーダルオーバレイ（背景）  --*/
.ui-widget-overlay {
	background: #808080;
	opacity: .6;
}

.ui-dialog {
	padding: 0;
	z-index: 9999999;
}

/*-- メッセージは初期非表示  --*/
.modal_confirm {
	display: none;
}

/*-- ダイアログプロパティ（初期設定を強制上書き）  --*/
.jq_modal_confirm {
	position: fixed !important;
	top: 30% !important;
	left: 0 !important;
	right: 0 !important;
	margin: 0 auto !important;
	background: #d3f3cc !important;
	width: 90vw !important;
	max-width: 54rem !important;
	border: solid 2px #a0cf97 !important;
}

/*-- メッセージとボタンの境界線  --*/
.jq_modal_confirm .ui-widget-content {
	border: none;
}

/*-- タイトルバー（非表示）  --*/
.jq_modal_confirm .ui-dialog-titlebar {
	display: none;
}

/*-- メッセージエリア  --*/
.jq_modal_confirm .ui-dialog-content {			
	padding: 1.2rem 0;
	color: #198503; 
	background:#d3f3cc;
	font-family: var(--font-family-main);
	font-size: 1.4rem;
	line-height: 1.6;
	min-height: min-content !important;;
}

/*-- メッセージエリア FontAwesome  --*/
.jq_modal_confirm .ui-dialog-content i {			
	font-size: 1.15em;
}

/*-- ボタンエリア  --*/
.jq_modal_confirm .ui-dialog-buttonpane {
	margin: 0;
	padding: 1.6rem 0;
}

/*-- ボタンエリア  --*/
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float:none;
	display: flex;
	flex-direction: row ;
	justify-content: center;
}

/*-- ボタンデフォルト  --*/
.ui-dialog .ui-dialog-buttonpane button {
	margin: 0 1rem;
	font-family: var(--font-family-main);
	width: 10rem;
	font-size: 1.1rem;
	font-weight: 400;
	background:#ffffff;
	color: #949494; 
	outline: none;
	border: 1px solid #d1d1d1;
}

/*-- ボタンフォーカス  --*/
.ui-dialog .ui-dialog-buttonpane button:focus {
	background:#d3f3cc !important;
	color: #198503; 
	border: 1.5px solid #a0cf97 !important;
}

/*-- ボタンホバー  --*/
.ui-dialog .ui-dialog-buttonpane button:hover {
	border: 1.5px solid #a0cf97 !important;
}


/* ４．パソコン
-----------------------------------------------------------------------*/
@media all and (min-width: 1250px) {

	/*-- モーダルオーバレイ（背景）  --*/
	.ui-widget-overlay {
		background: #808080;
		opacity: .6;
	}

	.ui-dialog {
		padding: 0;
	}

	/*-- メッセージは初期非表示  --*/
	.modal_confirm {
		display: none;
	}

	/*-- ダイアログプロパティ（初期設定を強制上書き）  --*/
	.jq_modal_confirm {
		top: 30% !important;
		left: 0 !important;
		right: 0 !important;
		margin: 0 auto !important;
		background: #d3f3cc !important;
		border: solid 2px #a0cf97 !important;
	}

	/*-- メッセージとボタンの境界線  --*/
	.jq_modal_confirm .ui-widget-content {
		border: none;
	}

	/*-- タイトルバー（非表示）  --*/
	.jq_modal_confirm .ui-dialog-titlebar {
		display: none;
	}

	/*-- メッセージエリア  --*/
	.jq_modal_confirm .ui-dialog-content {			
		padding: 1.2rem 0;
		color: #198503; 
		background:#d3f3cc;
		font-family: var(--font-family-main);
		font-size: 1.2rem;
	}

	/*-- ボタンエリア  --*/
	.jq_modal_confirm .ui-dialog-buttonpane {
		margin: 0;
		padding: 1.6rem 0;
	}

	/*-- ボタンエリア  --*/
	.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
		float:none;
		display: flex;
		flex-direction: row ;
		justify-content: center;
	}

	/*-- ボタンデフォルト  --*/
	.ui-dialog .ui-dialog-buttonpane button {
		margin: 0 1rem;
		font-family: var(--font-family-main);
		width: 180px;
		font-size: 1.1rem;
		font-weight: 400;
		background:#ffffff;
		color: #949494; 
		outline: none;
		border: 1px solid #d1d1d1;
	}

	/*-- ボタンフォーカス  --*/
	.ui-dialog .ui-dialog-buttonpane button:focus {
		background:#d3f3cc !important;
		color: #198503; 
		border: 1.5px solid #a0cf97 !important;
	}

	/*-- ボタンホバー  --*/
	.ui-dialog .ui-dialog-buttonpane button:hover {
		border: 1.5px solid #a0cf97 !important;
	}
		
}


/* ------------------------------------------------------------------
  Datepicker JQuery UI （カレンダー）
 --------------------------------------------------------------------*/

.ui-datepicker{
 font-family: inherit;
 font-size: 1.8rem;
 z-index: 1000 !important;
 width: 17.5em;
}
.ui-state-hover{
	cursor: pointer;
}
.ui-state-default, .ui-widget-content .ui-state-default{
	color: #494949;
	background: #eeeeee;
}
.ui-priority-primary, .ui-widget-content .ui-priority-primary, 
.ui-widget-header .ui-priority-primary{
	font-weight: 400;
}
/* ヘッダ部 */
.ui-widget-header{
	border: 1px solid #d3d3d3;
	background: #f5f5f5;
}
/* ヘッダ部 */
.ui-widget-header, .ui-widget-content{
	color: #494949;
	font-weight: 500;
}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary
,.ui-widget-header .ui-priority-secondary{
	opacity: 1;
}
.ui-widget input, .ui-widget select, 
.ui-widget textarea, .ui-widget button{
	font-family: inherit;
}
/*-- デフォルト前月翌月アイコン無効  --*/
.ui-widget-header .ui-icon{
	background-image: none;
}
/*-- デフォルト前月翌月アイコンホバー無効  --*/
.ui-datepicker .ui-datepicker-next-hover
,.ui-datepicker .ui-datepicker-prev-hover{
	border: none;
	background: none;
	font-weight: inherit;
	font-size: inherit;
}
/*-- 前月アイコン位置  --*/
.ui-datepicker .ui-datepicker-prev{
	left: 0.5em;
}
/*-- 翌月アイコン位置  --*/
.ui-datepicker .ui-datepicker-next{
	right: 0.5em;
}
/*-- 前月翌月アイコン共通  --*/
.ui-datepicker .ui-datepicker-prev::before
,.ui-datepicker .ui-datepicker-next::before{
	position: absolute;
	top: 0.35em;
	left: 0;
	right: 0;
	margin: auto;
	font-family: "Font Awesome 6 Pro";
	font-size: 1.3em;
	font-weight: 900;
	color: #585858;
}
/*-- 前月アイコン  --*/
.ui-datepicker .ui-datepicker-prev::before{
	content: '\f137';
}
/*-- 翌月アイコン  --*/
.ui-datepicker .ui-datepicker-next::before{
	content: '\f138';
}
/*-- 前月翌月アイコンホバー  --*/
.ui-datepicker .ui-datepicker-next.ui-datepicker-next-hover::before
,.ui-datepicker .ui-datepicker-prev.ui-datepicker-prev-hover::before{
	color: #0061cf;
	transition: all 0.2s;
}

/* 日付ホバー */
.ui-datepicker-calendar .ui-state-hover
,.ui-widget-content .ui-state-active{
	border: 1px solid #2174c2;
}

/* 日曜日のカラー設定 */
td.ui-datepicker-week-end:last-child a.ui-state-default{
  background: #ffecec;   /* 背景色を設定 */
  color: #f00!important;       /* 文字色を設定 */
}
/* 土曜日のカラー設定 */
td.ui-datepicker-week-end a.ui-state-default{
  background: #eaeaff;   /* 背景色を設定 */
  color: #00f!important;       /* 文字色を設定 */
}
/* ホバー時の動作 */
td.ui-datepicker-week-end a.ui-state-hover{
  opacity: 0.8;
}
/* 当日を示す色はそのまま */
td.ui-datepicker-week-end a.ui-state-highlight,
a.ui-state-highlight{
	background: #f8f55b!important;
}
.ui-datepicker td {
	font-size: 1.5em;
}
/* 削除ボタン */
.btn_del_date {
	position: relative;
}
.btn_del_date > input{
	position: relative;
	z-index: 1;
}
.btn_del_date > i {
	position: absolute;
	bottom: 0.1em;
	right: 0.1em;
	font-size: 1.85em;
	color: #3b629c;
	line-height: 1.2;
	cursor: pointer;
	z-index: 100;
}


/* 削除ボタン（明細用） */
.btn_del_date_list {
	position: relative;
}
.btn_del_date_list > i {
	position: absolute;
	bottom: 0.3em;
	right: 0em;
	font-size: 1.25em;
	color: var(--color-search-list-sub);
	line-height: 1.2;
	cursor: pointer;
	z-index: 1;
}

.datepicker {
	border: none;
}

/* 削除ボタン（営業対象用） */
.btn_del_tokuisaki {
	position: relative;
}
.btn_del_tokuisaki > i {
	position: absolute;
	bottom: 0.3em;
	right: 0.2em;
	font-size: 2.2em;
	color: #3b629c;
	line-height: 1.2;
	cursor: pointer;
	z-index: 1;
}

.btn_del_tokuisaki {
	border: none;
}


/* ４．パソコン
-----------------------------------------------------------------------*/
@media all and (min-width: 1250px) {
	.ui-datepicker{
		width: 17em;
		font-size: 1.3rem;
	 }
	 
	.ui-datepicker td {
		font-size: 1.0em;
	}

	.btn_del_date > i {
		right: 0em;
		font-size: 1.25em;
	}

	.btn_del_tokuisaki > i {
		bottom: 0.3em;
		right: 0em;
		font-size: 1.25em;
		line-height: 1.2;
	}

}