/* Styles definition here */

/* カレンダー部分を全幅にしてレスポンシブ化 */
#fbuilder .ui-datepicker-inline {max-width:none !important; }

/* 送信ボタン */
div.pbSubmit{
	color: white; 
	background: black;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(0,0,0);
}

/* 送信ボタンのホバーエフェクト */
.pbSubmit:hover { 
	background-color: white; 
	color: black; 
	border-style: solid;
	border-width: 1px;
	border-color: rgb(0,0,0);
}

/* 必須項目の星印 */
.r{color: red;}

/* [取消]ボタンの色 */
a.cancel{color: red;}

/* 「日」のフォントカラー */
.ui-datepicker-week-end:first-child{color: red;}

/* 「土」のフォントカラー */
.ui-datepicker-week-end:last-child{color: blue;}

/* 入力欄 */
input,textarea{font-style: initial;}

/* プレースホルダー */
::placeholder{
	font-style: italic;
	opacity: 0.6;
}

/* サービスの非表示 */
.ahbfield_service { display : none;}

#field_1-0.fields {padding-bottom : 10px;}
.uh {padding-top : 5px;}
/* .ui-datepicker-calendar {margin-bottom : 0px;} */

.usedSlotsfieldname1_1 {font-family: sans-serif;}
.usedSlotsfieldname1_1{ padding-top: 10px;}

/* 選択済みリスト */
.ahb_list:first-child{padding-top: 10px;}

/* 選択済みリストのサービスを非表示 */
.ahb_list_service{display: none;}

.ahb_list_time{padding-right: 10px;}

/* 時間スロット */
.slots {
	font-family: sans-serif;
	text-align: center;
}
/* 年月日 */
.slots span{
	font-size: 2rem;
	
}

/* 選択できるスロット */
.availableslot{ 
	width: 45%;
	background-color:#ededed;
}
.availableslot a { 
	width:100%;
	background-color: #ededed;
}
/* 選択済みスロット */
.htmlUsed{
	width: 45%;
	background-color:#ededed;
}
.htmlUsed a{
	width: 100%;
	background-color:#ededed;
}