/* Styles definition here */

/* ひな形　非表示 */
#field_1-0,
#field_1-9{
		display:none;
}
/* 固有のページ番号(post番号)４けたを用い、ひな形や各fieldを非表示に（以下はサンプル） */
#post-7302 #field_1-0{
		display:none;
}

/* dropdown教科選択が１教科のみの場合に非表示 */
body:not(.wp-admin) div.fieldCalendarService{
	display:none;
}
.wp-admin select.ahbfield_service{
	display:none;
}


/* 2024-11 修正　人数の選択　非表示　※ブロック時の人数オープン用 
div.ahbfield_quantity_div{
	display:none;
}
*/

/* 年月バー */
#fbuilder .ui-datepicker-header{
  	background:#8acaeb !important;
	font-size:1.3em !important;
  color: #FFF !important;
}
/* dropdown教科選択の代わりにラベルで見出し表示（固有のfieldname番号が必要） */
#field_1-5 label,
#field_1-7 label,
#field_1-9 label{
  margin:30px 0px 0px 0px
  font-weight:bold;
  font-size:1.3em;
}

/* 2024-11 追加　カレンダー色の独立　試したもの↓
#fbuilder .slots .currentSelection a{background:#999999;color:#000 !important}
#fbuilder .slots .htmlUsed a{text-decoration: line-through;background:#ddd;color:#ccc !important}
#fbuilder .slots div a:hover{background:#a3d773 !important;}　*/

/* 2024-11 追加　カレンダー色の独立　*/
#field_1-5 .ui-datepicker-header{
  background:#a3d773 !important;}
#field_1-5 H5{
	color:#4EA72E !important;}
#field_1-7 .ui-datepicker-header{
  background:#f8b330 !important;}
#field_1-7 H5{
	color:#CC9B00 !important;}
#field_1-9 .ui-datepicker-header{
  background:#8acaeb !important;}
#field_1-9 H5{
	color:#0F9ED5 !important;}

/* 2024-11 追加　カレンダー教科の見出し */
#fbuilder H5{
	font-size:1.0em !important;
}
/* 2024-11 追加　カレンダー教科の注釈 */
#fbuilder H6{
  line-height:1.2;
  font-size:0.8em;
}

/* 時間コマ表示枠内の時間 */
#fbuilder .slots div a:before{
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  content: "\f017";
}
/* 選択済み日時表示 背景黄色など　*/
#fbuilder .ahb_list{
  line-height:1.5;
  padding:0px 0px 0px 2px;
  font-weight:bold;
  font-size:1em;
  background:#eded36;
}
/* 選択済み日時表示 【教科】 
#fbuilder .ahb_list_service:before{
  content:"【";
}
#fbuilder .ahb_list_service:after{
  content:"】";
}
*/
/* 選択済み日時表示 日付icon */
#fbuilder .ahb_list .d:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  content: "\f073";
  font-size: .8em;
  vertical-align:5%;
  margin-right: .3em;
  color: #7c786c;
}
#fbuilder .ahb_list .t {
  margin-right: -.5em;
}

#fbuilder .ahb_list .t:after {
	content: "　";
}

/* 選択済み日時表示 時間icon */
#fbuilder .ahb_list .t:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  content: "\f017";
  font-size: .8em;
  vertical-align:5%;
  color: #7c786c;
}

/* 2023-02 修正　１ヘッダーにかぶらない　２案内文言追加 */
#fbuilder .ui-datepicker{ z-index:0 !important;}
.slotsCalendar .slots span::after{content: " の予約可能時間";}