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

/*キーカラー：004025*/
#jsclock-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;}
#jsclock-Container .jsclock-main01{display:flex;justify-content:space-between;flex-wrap:wrap;}
#jsclock-Container .jsclock-area01{display:flex;flex-direction:column;text-align:center;width:80px;}
#jsclock-Container .jsclock-area01 .jsclock-prev01,
#jsclock-Container .jsclock-area01 .jsclock-next01{font-size:10px;cursor:pointer;}
#jsclock-Container .jsclock-area01 .jsclock-hourswrap{height:110px;overflow:hidden scroll;border:1px solid #CCC;scrollbar-width: none;cursor:pointer;}
#jsclock-Container .jsclock-area01 .jsclock-hourswrap::-webkit-scrollbar{display: none;}
#jsclock-Container .jsclock-area01 .jsclock-hours .jsclock-hour + .jsclock-hour{border-top:1px solid #CCC;}
#jsclock-Container .jsclock-area01 .jsclock-hours .jsclock-hour.active{color:#FFF;background:#004025;}
#jsclock-Container .jsclock-area01 .jsclock-hours .jsclock-hour.noselect{display:none;}
#jsclock-Container .jsclock-area02{display:flex;flex-direction:column;text-align:center;width:80px;}
#jsclock-Container .jsclock-area02 .jsclock-prev02,
#jsclock-Container .jsclock-area02 .jsclock-next02{font-size:10px;cursor:pointer;}
#jsclock-Container .jsclock-area02 .jsclock-minuteswrap{height:110px;overflow:hidden scroll;border:1px solid #CCC;scrollbar-width: none;cursor:pointer;}
#jsclock-Container .jsclock-area02 .jsclock-minuteswrap::-webkit-scrollbar{display: none;}
#jsclock-Container .jsclock-area02 .jsclock-minutes .jsclock-minute + .jsclock-minute{border-top:1px solid #CCC;}
#jsclock-Container .jsclock-area02 .jsclock-minutes .jsclock-minute.active{color:#FFF;background:#004025;}
#jsclock-Container .jsclock-area02 .jsclock-minutes .jsclock-minute.noselect{display:none;}
	
#jsclock-Container .jsclock-area03 {width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
#jsclock-Container .jsclock-area03 .jsclock-decide01{display:block;border:1px solid #CCC;text-align:center;width:80px;box-sizing:border-box;cursor:pointer;}
#jsclock-Container .jsclock-area03 .jsclock-clear01{display:block;border:1px solid #CCC;text-align:center;width:80px;box-sizing:border-box;cursor:pointer;}
#jsclock-Container .jsclock-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;}
#jsclock-Container .jsclock-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%;}