/*===========================================*/
/*	DESKTOP LAYOUT 
/*===========================================*/


/*@media (min-width: 1200px) {
	

}
@media (min-width: 992px) and (max-width: 1199px) {
	
}

@media (min-width: 992px) {
		
}*/

/*===========================================*/
/*	MOBILE & TABLET COMMON
/*===========================================*/
/*@media (min-width: 200px) and (max-width: 991px) {
	
}*/


/*===========================================*/
/*	TABLET
/*===========================================*/
/*@media (min-width: 768px) and (max-width: 991px) {

}*/


/*===========================================*/
/*	MOBILE
/*===========================================*/
/*@media (min-width: 200px) and (max-width: 767px) {
	
}
@media (min-width: 600px) and (max-width: 767px) {
}
@media (min-width: 480px) and (max-width: 599px) {

}
@media (min-width: 200px) and (max-width: 479px) {

}*/


/* 親を基準にする */
.clients-section .height-px-500{
  position: relative !important;
}

/* 上に被ってるレイヤーを「マウス貫通」させる */
.clients-section .height-px-500 b[data-bgholder="overlay"],
.clients-section .height-px-500 .ckav-shap{
  pointer-events: none !important;
}

/* クリックできる透明レイヤーを最前面に */
.clients-section .height-px-500 .calendar-bg-popup{
  position: absolute !important;
  top: 0; left: 0;
  width: 100%; height: 100%;
  display: block !important;
  z-index: 999999 !important;
}

/* ホバー文字 */
.clients-section .height-px-500 .calendar-bg-tip{
  position: absolute;
  left: 50%; top: 50%;
  transform: translate(-50%, -50%);
  padding: 10px 16px;
  border-radius: 6px;

  color: #fff;
  font-size: 14px;
background: rgba(14, 227, 25, 0.85); /* #0ee319 を少し透明に */
  font-weight: 700;         

  letter-spacing: .12em;
  opacity: 0;
  transition: opacity .25s ease;
  pointer-events: none;
}

.clients-section .height-px-500 .calendar-bg-popup:hover .calendar-bg-tip{
  opacity: 1;
}