@charset "UTF-8";

::placeholder {
	color: #ADB4B6 !important;
}

input::placeholder {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5rem;
}
input.login_input,
input.login_input::placeholder {
	font-size: 18px;
	font-weight: 400;
	line-height: 21.6px;
}

textarea {
	font-size: 14px;
	font-weight: 500;
	color: #838B8D !important;
	border-radius: 2px;
	overflow-y: overlay;
}

textarea.input-s {
	font-size: 12px;
}

.form-control:focus {
	border-color: #2BA2BC;
	box-shadow: 0 0 0 0;
}

/* コントロール全般 */

.non-border {
	border: 0 !important;
}

.text, 
.select, 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="search"], 
.location, 
.member,
.info {
	border: 1px solid;
	border-radius: 2px;
	border-color: #D6D6D6;
	outline: none;
	width: 100%;
}

.text.input-s, 
.select.input-s, 
input[type="date"].input-s, 
input[type="month"].input-s, 
input[type="time"].input-s, 
input[type="search"].input-s, 
.location.input-s, 
.member.input-s,
.info.input-s {
	font-size: 12px;
	font-weight: 500;
	padding-left: 8px;
	padding-right:20px;
	height: 24px;
}

.text, 
.select, 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="search"], 
.location, 
.member,
.info {
	font-size: 14px;
	font-weight: 500;
	padding-left: 8px;
	height: 32px;
}

.text, 
.select, 
input[type="date"], 
input[type="month"], 
input[type="time"], 
.location, 
.member,
.info {
	padding-right: 8px;
}

.location, 
.info {
	padding-right: 32px;
}

.info-tooltip {
	padding-right: 26px !important;
}

.input_add-icn-tooltip_box {
	position: relative;
}

.input_add-icn-tooltip_box .input_add-icn-tooltip {
	position: absolute;
	top: 8px;
	right: 8px;
}

input[type="search"] {
	padding-right: 52px;
}

.hint.hint-icon {
  display: flex; /* hint-icon クラスに display: flex を追加 */
  align-items: center; /* 垂直方向の中央揃えを追加 */
}

.hint.hint-icon:before {
  content: url("../img/icon_google/info.svg");
  margin-right: 5px; /* アイコンとテキストの間隔を設定 */
  display: inline-block;
}

.container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}


/* select,member */
.select, 
.member {
	align-items: center;
	appearance: none;
	background-position: right 8px center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	display: inline-flex;
	position: relative;
}

select option, 
member option {
	color: black;
}

select:invalid, 
member:invalid {
	color: #838B8D !important;
}

select:invalid {
	background-image: url("../img/icon_google/arrow_drop_down-secondary.svg") !important;
}

.select:placeholder, 
.member:placeholder {
	color: #838B8D !important;
}

/* calendar */
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="search"], 
input[type="password"] {
	content: none;
	position: relative;
	width: 100%;
}

input[type="date"]::-webkit-calendar-picker-indicator {
	background: transparent;
	bottom: 0;
	height: auto;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: auto;
	z-index: 1;
}

input[type="date"].calender {
	background-image: url("../img/icon_google/today-secondary.svg") !important;
	background-position:  right .4rem center;
	background-repeat: no-repeat;
	background-size: 22px 22px;
	content: '';
	display: inline-block;
}

input[type="date"].icn_calendar::after, 
input.calender::after {
	background-image: url("../img/icon_google/today-secondary.svg") !important;
	background-position: right;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	content: '';
	height: 16px;
	width: 16px;
}

/* month */
input[type="month"]::-webkit-calendar-picker-indicator {
	background: transparent;
	bottom: 0;
	height: auto;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: auto;
	z-index: 1;
}

input[type="month"].icn_calendar::after, 
input.calender::after {
	background-image: url("../img/icon_google/today-secondary.svg") !important;
	background-position: right;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	content: '';
	height: 16px;
	width: 16px;
}

/* time */
input[type="time"] {
	content: none;
	height: 100%;
	position: relative;
	width: 100%;
}

input[type="time"]::-webkit-calendar-picker-indicator {
	background: transparent;
	bottom: 0;
	height: auto;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: auto;
	z-index: 1;
}

input[type="time"].icn_time::after, 
input.time::after {
	background-image: url("../img/icon_google/schedule-secondary.svg") !important;
	background-position: right;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	content: '';
	height: 16px;
	width: 16px;
}

input[type="time"].time {
	background-image: url("../img/icon_google/schedule-secondary.svg") !important;
	background-position:  right .4rem center;
	background-repeat: no-repeat;
	background-size: 22px 22px;
	content: '';
	display: inline-block;
}

/* search */
input[type="search"]::-webkit-search-cancel-button {
	margin-right: -30px;
}

/* location */
select {
	white-space: nowrap;
	text-overflow: ellipsis;
}

select.select {
	background-image: url("../img/icon_google/arrow_drop_down-primary.svg") ;
	padding-right: 20px;
}

input[type="search"].search {
	background-image: url("../img/icon_google/search-secondary.svg") !important;
	background-position:  right .4rem center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	content: '';
	display: inline-block;
	padding-right: 53px;
}

input[type="text"].location {
	background-image: url("../img/icon_google/place-secondary.svg") !important;
	background-position:  right .4rem center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	content: '';
	padding-right: 25px;
}

input[type="text"].info {
	background-image: url("../img/icon_google/info-secondary.svg") !important;
	background-position:  right .4rem center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	content: '';
	padding-right: 25px;
}
input[type="password"].login_input_password {
	background-image: url("../img/icon_google/visibility-disabled.svg") !important;
	background-position:  right 10px center;
	background-repeat: no-repeat;
	background-size: 20px;
	content: '';
	padding-right: 25px;
}

select.member {
	background-image: url(../img/icon_google/person_add-secondary.svg) !important;
}

/* form-control-error */
input.calender.form-control-error::after {
	background-image: url(../img/icon_google/today-error_main.svg) !important;
}

input.time.form-control-error::after {
	background-image: url(../img/icon_google/schedule-error_main.svg) !important;
}

input[type="search"].search.form-control-error {
	background-image: url("../img/icon_google/search-error_main.svg") !important;
}

input[type="text"].location.form-control-error {
	background-image: url("../img/icon_google/place-error_main.svg") !important;
}

input[type="text"].info.form-control-error {
	background-image: url("../img/icon_google/info-error_main.svg") !important;
}

/* form-select-error */
select.select.form-select-error {
	background-image: url("../img/icon_google/arrow_drop_down-error_main.svg") !important;
}

select.member.form-select-error {
	background-image: url(../img/icon_google/person_add-error_main.svg) !important;
}

/* disabled */
select.select:disabled {
	background-image: url("../img/icon_google/arrow_drop_down-disabled.svg") !important;
	background-color: #F4F4F4;
	color: #ADB4B6;
}

input.calender:disabled::after {
	background-image: url(../img/icon_google/today-disabled.svg) !important;
	background-position: right;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	content: '';
	height: 16px;
	width: 16px;
}

input.time:disabled::after {
	background-image: url(../img/icon_google/schedule-disabled.svg) !important;
	background-position: right;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	content: '';
	height: 16px;
	width: 16px;
}

input[type="search"].search:disabled {
	background-image: url("../img/icon_google/search-disabled.svg") !important;
	background-position:  right .4rem center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	content: '';
	display: inline-block;
}

input[type="text"].location:disabled {
	background-image: url("../img/icon_google/place-disabled.svg") !important;
	background-position:  right .4rem center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	content: '';
}

input[type="text"].info:disabled {
	background-image: url("../img/icon_google/info-disabled.svg") !important;
	background-position:  right .4rem center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	content: '';
}

select.member:disabled {
	background-image: url(../img/icon_google/person_add-disabled.svg) !important;
}

/* ネストしたドロップダウンメニュー */
.dropdown-nest{
	width: fit-content;
}

.dropdown-item .parent {
	position: relative;
}

.dropdown-menu .parent {
	color:#051A26 !important;
	position: relative;
}
.dropdown-menu a:hover {
	background-color: #2291AA00 !important;
}
.dropdown-menu li:hover {
	background-color: #2291AA33 !important;
}

.dropdown-menu .dropdown-submenu {
	color:#051A26;
	display: none;
	left: 100%;
	margin: 5% auto;
	position: absolute;
	top: -9px;
	width: max-content;
}

.tag-dropdown{
	min-height: 32px;
	border-radius: 2px;
	align-items: center;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px;
}
.tag-dropdown.w-100{
	max-width: 100%;
}

.tag-dropdown-content{
	flex-wrap: wrap;
}
.tag-dropdown-content > span{
	max-width: -webkit-fill-available;
	height: 21px;
}
.tag-dropdown:disabled {
	background-color: #F3F3F3;
}

.label-dropdown{
	height: 32px;
	border-radius: 2px;
	font-weight: 500;
    font-size: 14px;
    align-items: center;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	padding-right: 8px;
}

.dropdown-menu .dropdown-submenu-left {
	left: auto;
	right: 100%;
}

.dropdown-menu > li {
	position: relative;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

.dropdown-menu * {
	font-weight: 500;
    font-size: 14px;
}

.dropdown-menu > li:hover > .dropdown-submenu {
	display: block;
}

.dropdownmenue-arrow {
	background-image: url("../img/icon_google/arrow_drop_down-primary.svg") ;
	padding-right: 20px;
}

/* メニューバー */
.menu-child {
	inset: 0px auto auto 0px;
	margin: 0px;
	transform: translate(50px, 0px);
	position: absolute;
}
.menu-child-close {
	inset: 0px auto auto 0px;
	margin: 0px;
	transform: translate(50px, 0px);
	position: absolute;
}

.menu-child-open {
	inset: 0px auto auto 0px;
	margin: 0px;
	transform: translate(226px, 0px);
	position: absolute;
}

/* サイズ全般 */
.text, 
.select, 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="search"] 
.location, 
.member {
	font-size: 14px;
	font-weight: 500;
	height: 32px;
	padding-left: 8px;
	padding-right:8px;
}

.input-s {
	border-radius: 2px;
	font-size: 12px!important;
	height: 24px!important;
}

.text:focus, 
.select:focus, 
input[type="date"]:focus, 
input[type="month"]:focus, 
input[type="time"]:focus, 
input[type="search"]:focus, 
.location:focus, 
.member:focus {
	border-color: #2BA2BC !important;
}

/* チェックボックス */
input[type="checkbox"]{
	accent-color: #2BA2BC !important;
	margin-right: 0.25rem;
	vertical-align: middle;
}

/* ラジオボタン */
input[type="radio"]{
	accent-color: #2BA2BC !important;
	margin-right: 0.25rem;
	vertical-align: middle;
}

/* error */
.form-control-error {
	border-color: #DC0D00 !important;
	background-color: #F8EAE7 !important;
	color: #DC0D00 !important;
}

.form-control-error::placeholder {
	color: #DC0D00 !important;
}

.form-select-error {
	border-color: #DC0D00 !important;
	background-color: #F8EAE7 !important;
	color: #DC0D00 !important;
}
.form-select-error::placeholder {
	color: #DC0D00 !important;
}

.label {
}

.required::after {
	content: "必須";
	color: #DC0D00 !important;
	padding-left: 0.5rem;
}

.any::after {
	content: "任意";
	color: #1F415F !important;
	padding-left: 0.5rem;
}

.select.f-20b {
	padding-right: 1.5rem;
}