:root {
	
	/* オレンジ*/ 
	--handle-color1: #ff8f04;
	--handle-color2: #ff7f04;
	--handle-shadow: #eee;
	--handle-icon-color: #fff;
	--memo-text-color: #555;

	--root-memo1: #feaa3a;
    --root-memo2: #feac30;
	--root-memo-border: #feab14;
	--root-memo-shadow: #cea010;
	--root-memo-color: #fefefd;

	--selected-memo: #636061;

	--selected-memo-border: #fefefd;
	--selected-memo-background: #f2f2f1;

	--tab-color: #505359;
	--sub-tab-icon: #a0a0a0;

	--sub-candidate-border: #c0c0c0;
	--sub-candidate: #343032;

	--divider: #ddd;
	--personalize-searching-memo: #888;

	--main-font: serif;
	--bar-shadow: 0px 0px 12px #3339;
}

.personalize-note-unit-handle-css{
	background: linear-gradient(300deg,  var(--handle-color1), var(--handle-color2));
	box-shadow: 1px 1px 2px var(--handle-shadow);
	opacity: 1;
}
.personalize-note-unit-handle-icon-css{
	color: var(--handle-icon-color) !important;
	text-shadow: 0.5px 0.5px 1px #c8d0d0;
    color: #fff !important;
}
.personalize-root-note-unit-handle-icon-css{
	color: var(--handle-icon-color) !important;
	text-shadow: 0.5px 0.5px 1px #485858;
}
.personalize-note-handle-layer0{
	/*background: linear-gradient(300deg,  #808080,#a0a0a0);*/
	opacity: 1;
}

.personalize-note-handle-layer1{
	/*background: linear-gradient(300deg,  #a0a0a0,#c0c0c0);*/
	opacity: 1;
}

.personalize-note-handle-layer2{
	/*background: linear-gradient(300deg,  #b0b0b0,#c0c0c0);*/
	opacity: 1;
}

.personalize-note-handle-layer3{
	/*background: linear-gradient(300deg,  #c0c0c0,#d0d0d0);*/
	opacity: 1;
}

.personalize-root-memo{
	background: linear-gradient(300deg,  var(--root-memo1), var(--root-memo2));
	border-color: var(--root-memo-border) !important;
	box-shadow: 1px 1px 3px 0px var(--root-memo-shadow);
	color: var(--root-memo-color);
}

.personalize-selected-memo{
	color: var(--selected-memo) !important;
	border-color: var(--selected-memo-border);
	background-color: var(--selected-memo-background);
}

.personalize-sub-tab-icon {
	color: var(--sub-tab-icon) !important;
}

.width-divider::before {
	/* background-image: linear-gradient(to bottom, var(--divider), var(--divider) 13px, transparent 13px, transparent 8px);
	*/
	background-image: linear-gradient(to bottom, #000a, #fffa 2px, transparent 2px, transparent 6px);
    background-image: linear-gradient(to bottom, #333, #fff 5px);
	background-size: 10px 5px;
}

.height-divider::after {
	/*background-image: linear-gradient(to right, var(--divider), var(--divider) 13px, transparent 13px, transparent 8px);
	*/
	background-image: linear-gradient(to right, #000a, #fffa 2px, transparent 2px, transparent 6px);
    background-image: linear-gradient(to right, #333, #fff 5px);
    background-size: 5px 10px;
  }

.personalize-selected-memo-close-circle {
	color: var(--sub-tab-icon);
}

.personalize-search-target-memo {

	/*color: var(--sub-tab-icon);*/
	color:#888;
	line-height: 1.2;
	border-style: solid;
	border-width: 1px;
	border-radius: 7px;;
}

.personalize-searching-memo {
	background: linear-gradient(90deg, #f8f8f8, #f8f8f8, #f8f8f8, var(--personalize-searching-memo));
}

.v-application a {
    color: var(--tab-color) !important;
}

.text-input-edit-note {
	color: var(--memo-text-color);
}

.sub-candidate-note {
	border-color: var(--sub-candidate-border);
	border-style:none;
	background-color: #ffffffc8;
	color:  var(--sub-candidate);
	line-height: 120%;
	display: inline-block;
	margin:4px;
	font-weight:500;
	padding: 8px;
	padding-left: 12px;
	padding-right: 10px;
	min-width: 100px;
	border-radius: 18px;
	font-size: 11px;
	user-select: none;
	overflow-wrap: anywhere;
	/*cursor: pointer;*/
	text-align: left;
}

.candidate-note-back {
	padding: 5px;
	padding-right: 20px;
	border-radius: 8px;;
	width: 100%;
	background-color: #00000010;
}

.v-application {
	font-family: var(--main-font);
}

.tab-support-text {
	display: inline-block;
	border-radius: 2px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	line-height: 1.2;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
	background-color: #00000062;
	color: #f0f0f0;
	font-size: 14px;
}