/* CSS Document */
@charset "UTF-8";

#jscal-Container {font-size:1.5rem;line-height:3rem;width:24rem;padding:1.5rem;box-sizing:border-box;box-shadow:0 0 0.5rem #CCC;position:absolute;background:#FEFEFE;}
#jscal-Container .jscal-area01{display:flex;}
#jscal-Container .jscal-area01 .jscal-prev01,
#jscal-Container .jscal-area01 .jscal-next01,
#jscal-Container .jscal-area01 .jscal-prev02,
#jscal-Container .jscal-area01 .jscal-next02{font-size:1rem;cursor:pointer;}
#jscal-Container .jscal-area01 .jscal-year{display:flex;justify-content:space-between;width:9rem;align-items:center;margin-right:1rem;}
#jscal-Container .jscal-area01 .jscal-year .jscal-text01::after{content:"年";}
#jscal-Container .jscal-area01 .jscal-month{display:flex;justify-content:space-between;width:7rem;align-items:center;}
#jscal-Container .jscal-area01 .jscal-month .jscal-text02::after{content:"月";}
#jscal-Container .jscal-area02{}
#jscal-Container .jscal-area02 .jscal-week01{display:flex;border-top:1px solid #EEE;border-bottom:1px solid #EEE;}
#jscal-Container .jscal-area02 .jscal-week01 > *{width:3rem;text-align:center;}
#jscal-Container .jscal-area02 .jscal-week01 > *:nth-child(7n + 1){color:#FF80A0;}
#jscal-Container .jscal-area02 .jscal-week01 > *:nth-child(7n){color:#5070FF;}
#jscal-Container .jscal-area02 .jscal-week02{display:flex;flex-wrap:wrap;}
#jscal-Container .jscal-area02 .jscal-week02 > *{width:3rem;text-align:center;}
#jscal-Container .jscal-area02 .jscal-week02 > *:nth-child(7n + 1){color:#FF80A0;}
#jscal-Container .jscal-area02 .jscal-week02 > *:nth-child(7n){color:#5070FF;}
#jscal-Container .jscal-area02 .jscal-day{letter-spacing:0;cursor:pointer;}
#jscal-Container .jscal-area02 .jscal-day.active{font-weight:bold;color:#FFF;position:relative;z-index:2}
#jscal-Container .jscal-area02 .jscal-day.active::before{content:"";position:absolute;top:50%;left:50%;z-index:-1;transform:translate(-50%,-50%);width:85%;height:85%;background:#0068FF;border-radius:50%;}
/*#jscal-Container .jscal-area02 .jscal-day.off{opacity:0.5;pointer-events:none;}*/
#jscal-Container .jscal-cancel{display:block;width:2rem;position:absolute;top:1.5rem;right:1.5rem;cursor:pointer;font-weight:bold;z-index:2;text-align:center;letter-spacing:0;}
#jscal-Container .jscal-cancel::before{content:"";position:absolute;top:50%;left:50%;z-index:-1;transform:translate(-50%,-50%);width:2.5rem;height:2.5rem;background:#EEE;border-radius:50%;}

@media(max-width:899px){
	#jscal-Container {line-height:3rem;width:23rem;padding:1rem;}
	#jscal-Container .jscal-area01 .jscal-year{margin-right:2rem;}
	#jscal-Container .jscal-area02 .jscal-week01 > *{width:3rem;}
	#jscal-Container .jscal-area02 .jscal-week02 > *{width:3rem;}
	#jscal-Container .jscal-cancel{top:1rem;right:1rem;}
}