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

/*キーカラー：004025*/
#jscal-Container {font-size:15px;line-height:40px;width:310px;padding:15px;box-sizing:border-box;box-shadow:0 0 5px #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:10px;cursor:pointer;}
#jscal-Container .jscal-area01 .jscal-year{display:flex;justify-content:space-between;width:90px;align-items:center;margin-right:50px;}
#jscal-Container .jscal-area01 .jscal-year .jscal-text01{padding:0 10px;}
#jscal-Container .jscal-area01 .jscal-year .jscal-text01::after{content:"年";}
#jscal-Container .jscal-area01 .jscal-month{display:flex;justify-content:space-between;width:70px;align-items:center;}
#jscal-Container .jscal-area01 .jscal-month .jscal-text02{padding:0 10px;}
#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:40px;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:40px;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:#004025;border-radius:50%;}
#jscal-Container .jscal-cancel{display:block;width:20px;position:absolute;top:15px;right:15px;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:25px;height:25px;background:#EEE;border-radius:50%;}