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

/*キーカラー：004025*/
#jsdatem-Container {font-size:15px;line-height:30px;width:240px;padding:15px 30px ;box-sizing:border-box;box-shadow:0 0 5px #CCC;position:absolute;background:#FEFEFE;}
#jsdatem-Container .jsdatem-main01{display:flex;justify-content:space-between;flex-wrap:wrap;}
#jsdatem-Container .jsdatem-area01{display:flex;flex-direction:column;text-align:center;width:80px;}
#jsdatem-Container .jsdatem-area01 .jsdatem-prev01,
#jsdatem-Container .jsdatem-area01 .jsdatem-next01{font-size:10px;cursor:pointer;}
#jsdatem-Container .jsdatem-area01 .jsdatem-yearswrap{height:110px;overflow:hidden scroll;border:1px solid #CCC;scrollbar-width: none;cursor:pointer;}
#jsdatem-Container .jsdatem-area01 .jsdatem-yearswrap::-webkit-scrollbar{display: none;}
#jsdatem-Container .jsdatem-area01 .jsdatem-years .jsdatem-year + .jsdatem-year{border-top:1px solid #CCC;}
#jsdatem-Container .jsdatem-area01 .jsdatem-years .jsdatem-year.active{color:#FFF;background:#004025;}
#jsdatem-Container .jsdatem-area01 .jsdatem-years .jsdatem-year.noselect{display:none;}
#jsdatem-Container .jsdatem-area02{display:flex;flex-direction:column;text-align:center;width:80px;}
#jsdatem-Container .jsdatem-area02 .jsdatem-prev02,
#jsdatem-Container .jsdatem-area02 .jsdatem-next02{font-size:10px;cursor:pointer;}
#jsdatem-Container .jsdatem-area02 .jsdatem-monthswrap{height:110px;overflow:hidden scroll;border:1px solid #CCC;scrollbar-width: none;cursor:pointer;}
#jsdatem-Container .jsdatem-area02 .jsdatem-monthswrap::-webkit-scrollbar{display: none;}
#jsdatem-Container .jsdatem-area02 .jsdatem-months .jsdatem-month + .jsdatem-month{border-top:1px solid #CCC;}
#jsdatem-Container .jsdatem-area02 .jsdatem-months .jsdatem-month.active{color:#FFF;background:#004025;}
#jsdatem-Container .jsdatem-area02 .jsdatem-months .jsdatem-month.noselect{display:none;}
	
#jsdatem-Container .jsdatem-area03 {width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
#jsdatem-Container .jsdatem-area03 .jsdatem-decide01{display:block;border:1px solid #CCC;text-align:center;width:80px;box-sizing:border-box;cursor:pointer;}
#jsdatem-Container .jsdatem-area03 .jsdatem-clear01{display:block;border:1px solid #CCC;text-align:center;width:80px;box-sizing:border-box;cursor:pointer;}
#jsdatem-Container .jsdatem-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;}
#jsdatem-Container .jsdatem-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%;}