@import url(../../../webdoc/css/init.css);
@import url(font_1.css);
@import url(font_2.css);
@import url(font_mydigi_heavy.css);
@import url(font_mydigi_regular.css);
@import url(indus.css);
:root{
--calendar_w:45rem;
--week_w:21rem;
--date_w:calc(var(--week_w) / 7);
}
* {padding:0;margin:0;}
.font_mydigi_heavy,
.font_mydigi_regular {text-align:center;font-size:6rem;color:hsl(222,10%,20%);word-wrap:break-word;}
.font_mydigi_heavy {font-family:"mydigi_heavy";}
.font_mydigi_regular {font-family:"mydigi_regular";}
.indus {font-family:"indus";}
body {-webkit-text-size-adjust: none !important;font-family: "pingfang sc","Calibri","microsoft Yahei UI","Lucida Grande", "Lucida Sans Unicode", Helvetica,Verdana, sans-serif;font-size: 16px;
padding-top: env(safe-area-inset-top);
padding-bottom: env(safe-area-inset-bottom);}
.calendar {margin:.5rem;text-align:center;user-select:none;-webkit-user-select:none;color:hsl(222,10%,20%);}
.week {margin:calc(var(--date_w) * 1);padding:0;display:inline-block;vertical-align:top;outline:1px solid #d1d2d3;position:relative;background:#fdfeff;}
.week:after {content:attr(data-month);position:absolute;z-index:0;left:0;top:calc(var(--date_w) * 2.8);display:block;width:100%;font-size:calc(var(--week_w) / 1.3);font-weight:bold;line-height:1;color:hsl(212,15%,96%);font-family:"mydigi_heavy";letter-spacing:-1rem;text-indent:-1rem;}
.week li {list-style:none;font-size:0;line-height:1;z-index:1;position:relative;display:flex;}
.week i {font-style:normal;width:var(--date_w);height:var(--date_w);font-size:calc(var(--date_w) * .6);line-height:calc(var(--date_w) * 1);overflow:hidden;text-align:center;border:0;font-family:"indus";font-weight:normal;position:relative;}
.week i:last-child {border-right:0;}
.week i:first-child,
.week i:last-child {color:#d1d2d3;}
.week i:after {content:attr(data-name);font-size:calc(var(--date_w) * .75);text-align:center;display:block;width:400%;position:absolute;left:0;top:73%;transform:scale(.25,.25);transform-origin:0 0;font-family: "pingfang sc","Calibri","microsoft Yahei UI";}
.week i:before {content:"";display:block;width:200%;height:200%;transform:scale(.5);position:absolute;left:-50%;top:-50%;border:1pt solid hsla(212,15%,70%,50%);border-bottom:0;border-right:0;}
.week i:first-child:before {border-left:0;}
.week i.null {color:rgba(0,0,0,.0);}
.week i.fest {color:var(--color_calendar_festival);}
.week i.birth {color:var(--color_calendar_birthday);}
.week i.workday {color:var(--color_calendar_workday);}
.week i.holiday {color:var(--color_calendar_holiday);}
.week i.anniversary {color:var(--color_calendar_anniversary);}
.week i.vacation {color:var(--color_calendar_vacation);}
.week i.alarm {color:var(--color_calendar_alarm);}
.week i.today {z-index:999;position:relative;/*outline:2pt solid hsl(216,100%,50%);*/}
.week li:nth-child(2) i {font-size:calc(var(--date_w) * .35);}
.week li:last-child i {border-bottom:0;}
.week li:first-child p {width:100%;padding:0;margin:0;background:#f6f7f8;padding:calc(var(--date_w) * .3);font-size:calc(var(--date_w) * .75);line-height:1;border:0;font-family:"indus";}
.week li:first-child p img {width:calc(var(--date_w) * .65);margin-right:5%;}
.week li:first-child p * {display:inline-block;vertical-align:middle;font-weight:normal;}

.popbox {position:fixed;z-index:999;width:100%;left:0;bottom:10vw;text-align:center;opacity:0;transition:opacity 2s;}
.popbox.off {display:none;opacity:0;}
.popbox.on {display:block;opacity:1;}
.show_pop {display:inline-block;width:70%;max-width:20rem;position:relative;filter:opacity(0.9);}
.popcon {background:hsla(216,100%,30%,.9);color:#fff;padding:1.5rem;border-radius:1.25rem;padding-bottom:4rem}
.btnbox {display:block;text-align:center;margin-top:1rem;position:absolute;left:0;bottom:0;width:100%}
.btnbox button {display:inline-block;padding:.5rem 1.25rem;font-size:.75rem;font-weight:bold;background:hsla(60,100%,50%,.9);color:#000;border:0;border-radius:10rem;margin:0 auto;margin-bottom:1.25rem;}

@media screen and (min-width:0) and (max-width:567px) {
:root{
--week_w:90vmin;
.week {margin:3vmin;}
}
/*
.calendar {margin:0;}
.week {display:block;transform:scale(0.9);margin:0;}
.week i {box-sizing:border-box;width:var(--week_w);height:var(--week_w);font-size:calc(var(--week_w) * .5);line-height:calc(var(--week_w) * 1.1);}
.week i:after {font-size:9vmin;line-height:1;top:77%;}
.week li:nth-child(2) i {font-size:3.5vmin;line-height:1;height:auto;padding:2vmin 0;}
.week li:first-child p {padding:2.5vmin 0;font-size:8.5vmin;}
.week li:first-child p img {width:8vmin;}
.week:after {font-size:65vmin;top:28vmin;line-height:1;left:-8vmin;letter-spacing:-5vmin;text-indent:7vmin;}*/
}