@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Darumadrop+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Brygada+1918:ital,wght@0,400..700;1,400..700&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Roboto+Slab:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
#gr{
    display:inline;
    width:80mm;
}
#gr>label{
    display:inline-block;
    width:15mm;
}

.mb{
    font-size:150%;
}
.va_mi{
    vertical-align: middle;
}
.va_bt{ 
    vertical-align: bottom;
}
.va_bl{ 
    vertical-align: baseline;
}
.ptag{
    font-size:5.5mm;
    font-family:'UD Digi Kyokasho N','UD デジタル 教科書体 N-R','UD デジタル 教科書体 N';
}
.qsvg .digit{
    font-family:'Bodoni MT';
    font-style:italic;
    font-weight:normal;
}
.qsvg .variant{
    font-family:'Georgia';
    font-style:italic;
    font-weight:normal;
}

.qsvg .boldvar{
    font-family:'Cambria Math';
    font-style:italic;
    font-weight:bold;
}
.qsvg .decoration{
    font-family:'UD Digi Kyokasho N','UD デジタル 教科書体 N-R','UD デジタル 教科書体 N','UD Digi Kyokasho N',sans-serif;
    font-style:normal;
    font-weight:normal;
}
.qsvg .expr_oper{
    font-family:'UD Digi Kyokasho NP','UD デジタル 教科書体 NP-R','UD デジタル 教科書体 NP',sans-serif;
    font-style:normal;
    font-weight:normal;
}
.qsvg .slimnum{
    font-family:'UD Digi Kyokasho N','UD デジタル 教科書体 N-R','UD デジタル 教科書体 N',sans-serif;
    font-style:normal;
    font-weight:normal;
}

.qsvg .gl{
    stroke-linecap:round;
    stroke-width:0.15;
    stroke:black;
}
.gl{
    stroke-linecap:round;
    stroke-width:0.15;
    stroke:black;
    fill:none;
}
.stroke_thin{
    stroke-linecap:round;
    stroke-width:0.10;
    stroke:black;
    fill:none;
}
.stroke_thick{
    stroke-linecap:round;
    stroke:black;
    stroke-width:0.25;
    fill:none;
}
.stroke_boxborder{
    stroke-linecap:round;
    stroke-width:0.15;
    stroke:black;
    fill:none;
}
.stroke_groupnumber{
    stroke-linecap:round;
    stroke-width:0.4;
    stroke:black;
    fill:none;
}
.cvl{
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-width:0.3;
    fill:none;
}
.cvaxis{
    stroke-width:0.2;
    stroke:darkgray;
}
.cvd{
    stroke-width:0.2;
    stroke:black;
    fill:black;
}
.cva{
    stroke-width:0.2;
    fill:none;
}
.swth{
    stroke-width:0.2;
}
.swtk{
    stroke-width:0.35;
}
.swph{
    stroke-width:0.09;
}
.fn_UDNPR{
    font-family:'UD Digi Kyokasho NP','UD デジタル 教科書体 NP-R','UD デジタル 教科書体 NP','Yu Gothic',sans-serif;
}
.fn_UDNR{
    font-family:'UD Digi Kyokasho N','UD デジタル 教科書体 N-R','UD デジタル 教科書体 N','Yu Gothic',sans-serif;
}
.fn_notoserif{
    font-family: "Noto Serif",serif;
}
.fn_notosansjp{
    font-family: "Noto Sans JP",sans-serif;
}
.fn_robotoslab{
    font-family: "Roboto Slab",serif;
}
.fn_brygada1918{
    font-family: "Brygada 1918",serif;
}
.fn_darumadrop{
  font-family: "Darumadrop One", sans-serif;
  /*font-weight: 400;*/
  /*font-style: normal;*/
}
.fn_bodoni{
    font-family:'Bodoni MT',serif;
    font-weight:lighter;
}
.fn_timesnewroman{
    font-family:'Times New Roman',serif;
}
.fn_cambria{
    font-family:'Cambria',serif;
}
.fn_cambriaM{
    font-family:'Cambria Math',serif;
}
.fn_georgia{
    font-family:'Georgia',serif;
}
.fn_timesnewroman{
    font-family:'Times New Roman',serif;
}
.fn_curlzmt{
    font-family:'Curlz MT';
}
.fn_bellmt{
    font-family:'Bell MT',serif;
}
.fn_courier{
  font-family: 'Courier';
}
.fn_segoe{
  font-family:'Segoe Print';
}
.fn_jokerman{
  font-family:'Jokerman';
}
.fn_palatino{
  font-family:'Palatino Linotype';
}

.fs_i{
    font-style:italic;
}
.fw_br{
    font-weight:bolder;
}
.fw_b{
    font-weight:bold;
}
.fw_lr{
    font-weight:lighter;
}
.fw_l{
    font-weight:light;
}


.decocirc2{
    fill:cornflowerblue;
}
.decocirc1{
    fill:royalblue;
}
.fillnone{
    fill:white;
}
.fillgray{
    fill:gray;
}
.fillroyalblue{
    fill:royalblue;
}
.fillgreen{
    fill:yellowgreen;
}
.displaynone{
    display:none;
}
.underlineborder{
    border:none;
    border-bottom:solid 1px;
}
.boxborder{
    border:solid 1px;
}

/*toggle animation*/
.toggleswitch{
    display:inline-block;
    width:6em;
}
.switchpath{ 
    fill:none;
    stroke:gray;
    stroke-width:0.2;
}
.switchcircle{
    fill:gray;
    stroke:gray;
    stroke-width:0.2;
}
.togglesw{
    animation-name:toggleswonoff;
    animation-duration: 0.1s;
    animation-fill-mode:forwards;
    animation-play-state:paused;
}
.toggleswr{
    animation-name:toggleswonoffr;
    animation-duration: 0.1s;
    animation-fill-mode:forwards;
    animation-play-state:paused;
}
.anim_revrun{
    animation-direction:reverse;
    animation-play-state:running;
}
.anim_run{
    animation-direction:normal;
    animation-play-state:running;
}

@keyframes toggleswonoff{
    0% {
        transform:translate(0px,0px);
        fill:gainsboro;
        stroke:gray;
    }
    100% {
        transform:translate(10px,0px); 
        fill:white;
        stroke:gray;
    }
}
@keyframes toggleswonoffr{
    0% {
        transform:translate(10px,0px); 
        fill:white;
        stroke:gray;
    }
    100% {
        transform:translate(0px,0px);
        fill:gainsboro;
        stroke:gray;
    }
}

/* NameField */
/* b0==boxed b1==ul */
.nf_basic{
    width:9cm;
    height:2cm;
    position:relative;
line-height: 2em;
}
.nf_basic>.nf_p{
    display:inline-block;
    position:absolute;
}
.nf_b0{
    border-bottom:solid 1.5px ;
}
.nf_b0>.nf_p{
    bottom:1mm;left:2mm;
}
.nf_b1{
    border:solid 1.5px ;
}
.nf_b1>.nf_p{
    top:0;left:2mm;
}
.nf_b2{
    border:solid 1.5px ;
    border-radius:0.2cm;
}
.nf_b2>.nf_p{
    top:0;left:2mm;
}
.nf_p0{
    bottom:1mm;left:2mm;
}