.btn-checkin-cf{display:block;width:450px;height:100px;background-color:#c7a956;text-align:center;color:#fff;font-size:20px;border-radius:45px;margin:85px auto;font-family:"Noto Serif JP",serif;position:relative;display:grid;grid-template-columns:105px 1fr 65px;align-items:center;justify-content:center}.btn-checkin-cf::after{content:'';width:98%;height:92%;border:solid 1px #fff;border-radius:45px;display:block;position:absolute;pointer-events:none;top:0;bottom:0;left:0;right:0;margin:auto}.icon-checkin-cf{width:72px;margin:0 0 0 auto}.btn-checkin-cf-arrow{position:relative;display:inline-block;width:18px;height:2px;margin:6.7px 0;border-radius:9999px;background-color:#fff;top:3px}.btn-checkin-cf-arrow::before,.btn-checkin-cf-arrow::after{content:"";position:absolute;top:calc(50% - 1px);width:12px;height:2px;border-radius:9999px;background-color:#fff;right:0;transform-origin:calc(100% - 1px) 50%}.btn-checkin-cf-arrow::before{transform:rotate(45deg)}.btn-checkin-cf-arrow::after{transform:rotate(-45deg)}.checkin-cf-inner{position:relative;max-width:580px;width:100%;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.2)}.checkin-cf-head{font-size:26px;font-weight:700;color:#947f28;text-align:center}.checkin-cf-dateArea{display:grid;grid-template-columns:60px 1fr 60px;align-items:center;margin-bottom:20px}.checkin-cf-content{-webkit-transition:.3s;transition:.3s;opacity:0}.checkin-cf-dateWrap{text-align:center}.checkin-cf-dateArea .year{font-size:17px;font-family:'Inter'}.checkin-cf-dateWrap .day{font-size:20px;vertical-align:baseline}.checkin-cf-dateWrap .day span{font-size:26px}.checkin-cf-dateItems li,.checkin-cf-graph-items li{width:100%;list-style:none}.checkin-cf-dateItems li{cursor:pointer}.checkin-cf-graph-items li{height:320px}.checkin-cf-btn-dateCarryove{color:#947f28;background-color:unset;border-radius:0;padding:0;border:none;font-size:14px;cursor:pointer;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;width:auto;display:block;margin:0}.checkin-cf-btn-dateCarryove:hover{background-color:unset;color:#947f28;opacity:.8;-moz-border-radius:0;-webkit-border-radius:0;-khtml-border-radius:0;border-radius:0;padding:0;border:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;box-shadow:none;font-size:14px;width:auto;display:block;margin:0}.checkin-cf-btn-dateCarryove span{border-bottom:solid 1px #947f28;padding-bottom:8px;font-size:14px}.checkin-cf-btn-dateCarryove.prev span{margin-left:10px}.checkin-cf-btn-dateCarryove.next span{margin-right:10px}.checkin-cf-btn-dateCarryove .arrowicon{position:relative;display:inline-block;width:16px;height:2px;margin:6.7px 0;border-radius:9999px;background-color:#947f28;top:3px}.checkin-cf-btn-dateCarryove .arrowicon::before,.checkin-cf-btn-dateCarryove .arrowicon::after{content:"";position:absolute;top:calc(50% - 1px);width:12px;height:2px;border-radius:9999px;background-color:#947f28}.checkin-cf-btn-dateCarryove .arrowicon::before{transform:rotate(45deg)}.checkin-cf-btn-dateCarryove .arrowicon::after{transform:rotate(-45deg)}.checkin-cf-btn-dateCarryove.prev .arrowicon::before,.checkin-cf-btn-dateCarryove.prev .arrowicon::after{left:0;transform-origin:1px 50%}.checkin-cf-btn-dateCarryove.next .arrowicon::before,.checkin-cf-btn-dateCarryove.next .arrowicon::after{right:0;transform-origin:calc(100% - 1px) 50%}.checkin-cf-note{font-size:13px;margin-top:20px}.checkin-cf-freeTextWrap{font-size:14px;margin:20px 0 0 0;background-color:rgb(199 169 86 / .1);padding:20px;display:block}.checkin-cf-title{font-size:15px;color:#947f28;line-height:1.1;margin-bottom:15px}.checkin-cf-freeText{margin-top:15px;font-size:12px;line-height:1.6}.modal-container{position:fixed;top:0;left:0;width:100%;height:100vh;text-align:center;background:rgba(0,0,0,.6);padding:40px 20px;overflow:auto;opacity:0;visibility:hidden;-webkit-transition:.3s;transition:.3s;-webkit-box-sizing:border-box;box-sizing:border-box;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container.active{opacity:1;visibility:visible}.modal-container:before{content:"";display:inline-block;vertical-align:middle;height:100%}.modal-body{position:relative;max-height:90vh;overflow-y:auto;width:100%;padding:20px}.modal-close{position:absolute;top:-20px;right:-21px;width:40px;height:40px;font-size:28px;color:#fff;cursor:pointer;background-color:#947f28;border-radius:50%;font-weight:700;line-height:1;padding:6px 0;z-index:10;opacity:1}.modal-content{background:#fff;text-align:left;padding:30px}.modal-content .inner{font-family:'Noto Sans Japanese',serif;line-height:1}canvas{width:100%!important;height:100%!important}.checkin-cf-selectcalendar{max-width:480px;font-family:sans-serif;margin:auto;text-align:center;display:none;position:absolute;background-color:#fff;height:85%;left:0;right:0;top:77px;z-index:3;padding:26px 20px 50px}.checkin-cf-selectcalendar.active{display:block}.checkin-cf-selectcalendar-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.checkin-cf-selectcalendar-head .month-year{font-size:22px}.checkin-cf-selectcalendar-head button{border-radius:30px;border:none;background-color:#c7a956;font-size:10px;width:30px!important;height:30px;margin:unset!important;padding:unset;padding:unset;color:#fff;cursor:pointer}.checkin-cf-selectcalendar-head button:disabled{visibility:hidden;cursor:none}.checkin-cf-selectcalendar-main{width:100%;border-collapse:collapse}.checkin-cf-selectcalendar-main thead{border-bottom:1px solid #ccc;font-weight:400}.checkin-cf-selectcalendar-main th,.checkin-cf-selectcalendar-main td{padding:8px;height:50px;vertical-align:middle}.checkin-cf-selectcalendar-main td.selected-date{background-color:#f1ead8;border-radius:5px;text-align:center;margin:auto}.checkin-cf-selectcalendar-main td.disabled{color:#aaa;pointer-events:none}.checkin-cf-selectcalendar-main td.clickable{cursor:pointer}.checkin-cf-selectcalendar-main td:not(.disabled).sunday{color:red}.checkin-cf-selectcalendar-main td:not(.disabled).saturday{color:blue}@media all and (max-width:800px){.btn-checkin-cf{width:100%;height:70px;font-size:17px;display:flex;grid-template-columns:70px 1fr 47px;max-width:500px}.btn-checkin-cf::after{width:98%}.icon-checkin-cf{width:60px;margin:0 10px 0 0}.btn-checkin-cf-arrow{top:2px;width:12px;margin-left:20px}.btn-checkin-cf-arrow::before,.btn-checkin-cf-arrow::after{width:8px}.checkin-cf-inner{width:95%}.modal-container{padding:20px}.modal-content{padding:30px 0 20px}.modal-body{max-height:90vh;overflow:scroll}.checkin-cf-head{font-size:20px}.checkin-cf-dateArea{grid-template-columns:45px 1fr 45px}.checkin-cf-btn-dateCarryove .arrowicon{width:12px}.checkin-cf-btn-dateCarryove .arrowicon::before,.checkin-cf-btn-dateCarryove .arrowicon::after{width:8px}.checkin-cf-btn-dateCarryove span{font-size:13px;padding-bottom:3px}.checkin-cf-btn-dateCarryove.prev span{margin-left:5px}.checkin-cf-btn-dateCarryove.next span{margin-right:5px}.checkin-cf-dateArea .year{font-size:14px}.checkin-cf-dateWrap .day{font-size:15px}.checkin-cf-dateWrap .day span{font-size:18px}.checkin-cf-graph-items li{height:200px}.checkin-cf-freeTextWrap{margin:10px 0 0 0;padding:15px 10px}.checkin-cf-title{font-size:13px}.checkin-cf-selectcalendar{top:70px;padding:20px}.checkin-cf-selectcalendar-head .month-year{font-size:18px}.checkin-cf-selectcalendar-main th,.checkin-cf-selectcalendar-main td{font-size:13px}.checkin-cf-selectcalendar-main td{height:60px}}