/*
プラグイン用のCSS
*/

/***********************************************************
                  Simple Booking Calendar
************************************************************/

  .wpsbc-calendars-wrapper {
	color: #000;
  }

  .wpsbc-container .wpsbc-calendars-wrapper {
	background-color: #fff;
	border: 1px solid #000;
	max-width: 418px;
	overflow: hidden;
	padding: 27px 25px 20px;
  }
  
  .wpsbc-calendar {
	margin: 0 auto;
	width: 100% !important;
	border: 1px solid #707070 !important;
  }
  
  /* カレンダー本体のラッパー */
  .wpsbc-container {
  }
  
  .wpsbc-container[data-columns] .wpsbc-calendars {
	margin-left: unset !important;
	margin-right: unset !important;
  }
  
  .wpsbc-container[data-columns] .wpsbc-calendars .wpsbc-calendar {
	float: none !important;
	margin: 0 auto !important;
	border: 0 !important;
	max-width: 418px !important;
	/* padding: 10px 20px 28px; */
	/* box-shadow: 3px 3px 6px rgb(0 0 0 / 10%); */
  }
  
  .wpsbc-container .wpsbc-calendars .wpsbc-calendar {
	background-color: #fff !important;
  }
  
  /* カレンダーの文字色を変更 */
  .wpsbc-container .wpsbc-calendars .wpsbc-calendar table th {
	font-weight: bold;
	text-align: center;
  }
  
  .wpsbc-container .wpsbc-calendars .wpsbc-calendar table td {
	color: #333 !important;
	font-weight: bold;
	text-align: center;
  }
  
  /* カレンダーの月を表示しているヘッダ部分 */
  .wpsbc-container .wpsbc-calendars .wpsbc-calendar .wpsbc-calendar-header {
	background-color: transparent !important;
	padding: 0 !important;
  }
  
  /* カレンダーの月送りのヘッダ部分 */
  .wpsbc-container
	.wpsbc-calendars
	.wpsbc-calendar
	.wpsbc-calendar-header
	.wpsbc-calendar-header-navigation {
	line-height: 40px !important;
	margin: 0 10px;
  }
  
  /* カレンダーの月移動の前ボタン */
  .wpsbc-container
	.wpsbc-calendars
	.wpsbc-calendar
	.wpsbc-calendar-header
	.wpsbc-calendar-header-navigation
	.wpsbc-prev {
	background-color: transparent !important;
	/* width: 13px;
	height: 13px; */
  }

  a.wpsbc-prev {
	cursor: pointer;
}

.wpsbc-container .wpsbc-calendars .wpsbc-calendar .wpsbc-calendar-header .wpsbc-calendar-header-navigation .wpsbc-next,
.wpsbc-container .wpsbc-calendars .wpsbc-calendar .wpsbc-calendar-header .wpsbc-calendar-header-navigation .wpsbc-prev {
	margin-top: -12px;
}

.wpsbc-container
	.wpsbc-calendars
	.wpsbc-calendar
	.wpsbc-calendar-header
	.wpsbc-calendar-header-navigation
	.wpsbc-prev
	.wpsbc-arrow {
	border-width: 0 !important;
  }
  
  .wpsbc-container
	.wpsbc-calendars
	.wpsbc-calendar
	.wpsbc-calendar-header
	.wpsbc-calendar-header-navigation
	.wpsbc-next {
	background-color: transparent !important;
	/* width: 13px;
	height: 13px; */
  }
  
  .wpsbc-container
	.wpsbc-calendars
	.wpsbc-calendar
	.wpsbc-calendar-header
	.wpsbc-calendar-header-navigation
	.wpsbc-next
	.wpsbc-arrow {
	border-width: 0 !important;
  }
  
  .wpsbc-container
	.wpsbc-calendars
	.wpsbc-calendar
	.wpsbc-calendar-header
	.wpsbc-calendar-header-navigation
	.wpsbc-prev::after {
	/* content: url("../images/svg/arrow-l.svg"); */
	content: '';
	display: inline-block;
	width: 13px;
	height: 13px;
	background: url(../images/svg/arrow-l.svg) no-repeat;
	background-size: contain;
	vertical-align: middle;
  }
  
  .wpsbc-container
	.wpsbc-calendars
	.wpsbc-calendar
	.wpsbc-calendar-header
	.wpsbc-calendar-header-navigation
	.wpsbc-next::after {
	/* content: url("../images/svg/arrow-r.svg"); */
	content: '';
	display: inline-block;
	width: 13px;
	height: 13px;
	background: url(../images/svg/arrow-r.svg) no-repeat;
	background-size: contain;
	vertical-align: middle;
  }
  
  /* カレンダーの月を表示しているヘッダ部分の後ろに画像を追加 */
  .wpsbc-container
	.wpsbc-calendars
	.wpsbc-calendar
	.wpsbc-calendar-header::after {
	content: url("../images/svg/calendar-day.svg");
	float: right;
	margin-right: 20px;
	position: relative;
	top: -5px;
  }
  
  .wpsbc-container .wpsbc-calendars .wpsbc-calendar-wrapper {
	position: relative;
	top: 0px;
	margin-bottom: 0px;
  }
  
  /* カレンダーの該当なし日付の背景を変更 */
  .wpsbc-container
	.wpsbc-calendars
	.wpsbc-calendar
	table
	tr
	td
	.wpsbc-date.wpsbc-gap {
	background-color: transparent !important;
  }
  
  /* カレンダーの通常の背景を変更 */
  .wpsbc-container.wpsbc-calendar-1 .wpsbc-legend-item-icon-1 div:first-of-type {
	background-color: transparent !important;
  }
  
  /* カレンダーの定休日の背景を変更 */
  .wpsbc-container.wpsbc-calendar-1 .wpsbc-legend-item-icon-2 div:first-of-type {
	background-color: #C1ECD4 !important;
    border-radius: 100%;
    width: 28px;
    height: 28px;
    position: relative;
    display: block;
    margin: 0 auto;
  }
  
  /* カレンダーの営業日でも定休日でもない時の背景色を変更 */
  .wpsbc-container.wpsbc-calendar-1 .wpsbc-legend-item-icon-3 div:first-of-type {
	background-color: transparent !important;
  }
  
  .wpsbc-date-inner {
	height: 35px !important;
	line-height: 35px !important;
  }
  
  /* カレンダーの日付のフォントサイズ */
  .wpsbc-container
	.wpsbc-calendars
	.wpsbc-calendar
	table
	tr
	td
	.wpsbc-date-inner
	.wpsbc-date-number {
	font-size: 16px !important;
	font-family: 'Shippori Mincho B1', serif;
    line-height: 32px;
    font-weight: 400;
    font-style: normal;
	line-height: 1.7;
  }
  
  /* カレンダーのプルダウンの非表示 */
  .wpsbc-calendars-wrapper .wpsbc-select-container select {
	display: none;
  }
  
  /* カレンダーのプルダウンの代わりに月の数字を表示する */
  .wpsbc-container .wpsbc-select-container::before {
	font-size: 35px;
    color: #000 !important;
    display: block;
    position: relative;
    font-family: 'Shippori Mincho B1', serif;
    line-height: 49px;
	font-weight: 400;
    font-style: normal;
  }
  
  .wpsbc-container .wpsbc-select-container::after {
	font-size: 18px;
	display: block;
	color: #6e594f !important;
  }
  
  .wpsbc-container[data-current_month="1"] .wpsbc-select-container::before {
	content: "1";
  }
  
  .wpsbc-container[data-current_month="2"] .wpsbc-select-container::before {
	content: "2";
  }
  
  .wpsbc-container[data-current_month="3"] .wpsbc-select-container::before {
	content: "3";
  }
  
  .wpsbc-container[data-current_month="4"] .wpsbc-select-container::before {
	content: "4";
  }
  
  .wpsbc-container[data-current_month="5"] .wpsbc-select-container::before {
	content: "5";
  }
  
  .wpsbc-container[data-current_month="6"] .wpsbc-select-container::before {
	content: "6";
  }
  
  .wpsbc-container[data-current_month="7"] .wpsbc-select-container::before {
	content: "7";
  }
  
  .wpsbc-container[data-current_month="8"] .wpsbc-select-container::before {
	content: "8";
  }
  
  .wpsbc-container[data-current_month="9"] .wpsbc-select-container::before {
	content: "9";
  }
  
  .wpsbc-container[data-current_month="10"] .wpsbc-select-container::before {
	content: "10";
  }
  
  .wpsbc-container[data-current_month="11"] .wpsbc-select-container::before {
	content: "11";
  }
  
  .wpsbc-container[data-current_month="12"] .wpsbc-select-container::before {
	content: "12";
  }
  
  /* デフォルトの曜日表記を非表示にして英語表記の曜日に変更 */
  #main_contents .wpsbc-calendar-wrapper thead {
	border-bottom: 1px solid rgb(000 000 000 / 100%) !important;
	margin-bottom: 100px !important;
	padding-bottom: 100px !important;
  }

  .wpsbc-calendar-wrapper th {
	font-family: 'Shippori Mincho B1', serif; !important;
  }

  /* 昼のみ営業 */
  #index_page .wpsbc-container.wpsbc-calendar-1 .wpsbc-legend-item-icon-3 div:first-of-type {
    background-color: #ffffff !important;
	border: solid 1px #000000;
	border-radius: 100%;
    width: 28px;
    height: 28px;
    position: relative;
    display: block;
    margin: 0 auto;
 }

  
  /* .wpsbc-calendar-wrapper th {
	font-size: 0 !important;
  } */
  
  /* .wpsbc-calendar-wrapper th::after {
	font-size: 14px;
    font-family: "adobe-garamond-pro",serif;
    line-height: 24px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.05em;po
  } */
  
  /* .wpsbc-calendar-wrapper th:nth-child(1)::after {
	content: "mon";
  }
  
  .wpsbc-calendar-wrapper th:nth-child(2)::after {
	content: "tue";
  }
  
  .wpsbc-calendar-wrapper th:nth-child(3)::after {
	content: "wed";
  }
  
  .wpsbc-calendar-wrapper th:nth-child(4)::after {
	content: "thu";
  }
  
  .wpsbc-calendar-wrapper th:nth-child(5)::after {
	content: "fri";
  }
  
  .wpsbc-calendar-wrapper th:nth-child(6)::after {
	content: "sat";
  }
  
  .wpsbc-calendar-wrapper th:nth-child(7)::after {
	content: "sun";
  } */
  /* .wpsbc-container .wpsbc-calendars .wpsbc-calendar table thead tr th {
    padding-bottom: 0px!important;
} */

.wpsbc-container .wpsbc-calendars .wpsbc-calendar table tr td {
	padding-top: 5px !important;
}

  @media screen and (max-width: 950px) {
	.wpsbc-container
	.wpsbc-calendars
	.wpsbc-calendar
	.wpsbc-calendar-header::after {
		top: -8px;
		margin-right: 5px;
	}
  }

  @media screen and (max-width: 540px) {
	.wpsbc-calendars-wrapper {
	  padding-top: 0;
	}
  
	.wpsbc-date-inner {
	  height: 25px !important;
	  line-height: 25px !important;
	}
  
	.wpsbc-container .wpsbc-select-container::before {
	  font-size: 28px;
	  display: block;
	  position: relative;
	  top: 10px;
	}
  
	.wpsbc-container .wpsbc-select-container::after {
	  font-size: 15px;
	  display: block;
	}
  
	.wpsbc-container
	  .wpsbc-calendars
	  .wpsbc-calendar
	  .wpsbc-calendar-header
	  .wpsbc-calendar-header-navigation {
	  line-height: 28px !important;
	  position: relative;
	  top: -10px;
	}
  
	.wpsbc-container
	  .wpsbc-calendars
	  .wpsbc-calendar
	  table
	  tr
	  td
	  .wpsbc-date-inner
	  .wpsbc-date-number {
	  font-size: 13px !important;
	  font-weight: 400;
	}
  
	.wpsbc-container
	  .wpsbc-calendar-1
	  .wpsbc-legend-item-icon-1
	  div:first-of-type {
	  border-radius: 100%;
	  width: 20px;
	  height: 20px;
	  left: 28.5%;
	}
  
	.wpsbc-container.wpsbc-calendar-1
	  .wpsbc-legend-item-icon-2
	  div:first-of-type {
	  width: 22px;
	  height: 22px;
	}
  
	.wpsbc-container[data-columns] .wpsbc-calendars {
	  margin-left: initial !important;
	  margin-right: initial !important;
	}
  
	.wpsbc-container[data-columns] .wpsbc-calendars .wpsbc-calendar {
	  width: 90%;
	}

	.wpsbc-calendars .wpsbc-legend-item-icon {
		position: absolute;
		z-index: 0;
		/* top: 4px; */
		top: 1px;
		left: 0;
		display: inline-block;
		width: 100%;
		height: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		overflow: hidden;
	}

	#index_page .wpsbc-container.wpsbc-calendar-1 .wpsbc-legend-item-icon-3 div:first-of-type {
		width: 22px;
		height: 22px;
	}

}