/* ---- テストコード ----*/
span.TestCode{
  display:none
}
html {
  height:100%;
}
body {
  /*background-color=#D7D7FF;*/
  background:url(../shared/image/common/bg_page.png) repeat-x 50% 0;
  background-color:#C9C9C9;
  padding-top:3px;
}
body.main {
  /*background-color=#D7D7FF;*/
  background:url(../shared/image/common/bg.png) repeat-x 50% 0;
  background-color:#C9C9C9;
  padding-top:0px;
}
body.dialog {
  /*background-color=#D7D7FF;*/
  background:url(../shared/image/common/bg_dialog.png) repeat-x 50% 0;
  background-color:#C9C9C9;
  margin-top:6px;
}
body.white {
  background-color: #FFFFFF;
  background-image: none;
  overflow-wrap: break-word;
}
table {
  border-collapse:collapse;
  border-spacing:0px;
  padding:0px;
  box-sizing:border-box;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
       -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}
td {
  line-height:1em;
  word-wrap: break-word;
  word-break : break-all;
}
div#sheet {
  /*background-color:#FFFFFF;*/
  padding:20px;
  width:790px;
}
div#header {
  /*background-color:#FFFFFE;*/
  border-collapse: collapse;
  border-color:#AAAAAA;
  border-style:none;
  overflow-x:hidden;
  overflow-y:hidden;
  border-width:1px;
}
div#header table {
  background-color:#4478A8;
  border-right-style:solid;
  border-right-width:1px;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-collapse: collapse;
  border-color:#AAAAAA;
  color:#FFFFFF;
}
div#header td {
  height:32px;
  border-left-style:solid;
  border-left-width:1px;
  border-top-style:solid;
  border-top-width:1px;
  border-collapse: collapse;
  border-color:#AAAAAA;
  padding-right:4px;
  padding-left:4px;
  color:#FFFFFF;
}
div#headerArea {
  position: fixed !important;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 75px;
  background-color: #FFFFFF;
  color: #000000;
  z-index:100;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-bottom-color:#CCCCCC;
}
div#headerAreaSub {
  position: fixed !important;
  position: absolute;
  top: 75px;
  left: 0px;
  width: 100%;
  height: 40px;
  background-color: #EEEEEE;
  color: #000000;
  z-index:100;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-bottom-color:#CCCCCC;
}
div#list {
  background-color:#FFFFFE;
  border-collapse: collapse;
  border-color:#AAAAAA;
  border-style:solid;
  overflow-y:scroll;
  border-width:1px;
  border-top-style:none;
}
div#list table {
  background-color:#FFFFFE;
  border-right-style:none;
  border-top-style:none;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-collapse: collapse;
  border-color:#AAAAAA;
}
div#list td {
  height:32px;
  border-left-style:solid;
  border-left-width:1px;
  border-top-style:solid;
  border-top-width:1px;
  border-collapse: collapse;
  border-color:#AAAAAA;
  padding-right:4px;
  padding-left:4px;
}

/*----- リスト -----*/
div.listHeader{
  width:695px;
  overflow-y:hidden;
  overflow-x:hidden;
  background-color:#4478A8;
  border:solid 1px #AAAAAA;
  margin-left:10px;
}
div.listHeader table{
  width:100%;
}
div.listHeader td{
  border:solid 1px #AAAAAA;
  border-left-style:none;
  border-top-style:none;
  font-size:12px;
  height:30px;
  padding-left:4px;
  padding-right:4px;
  color:#FFFFFF;
}
div.list {
  width:695px;
  overflow-y:scroll;
  overflow-x:hidden;
  background-color:#888888;
  border:solid 1px #AAAAAA;
  margin-left:10px;
  margin-top:-1px;
}
div.list table{
  border-top-style:none;
  border-left-style:none;
  border-right-style:none;
  width:100%;
}
div.list td{
  background-color:#FFFFFE;
  border:solid 1px #AAAAAA;
  border-left-style:none;
  border-top-style:none;
  font-size:12px;
  height:30px;
  padding-left:4px;
  padding-right:4px;
}


table#tableA {
  border-right-style:solid;
  border-right-width:1px;
  border-bottom-style:solid;
  border-bottom-width:1px;

  border-collapse: collapse;
  border-color:#AAAAAA;

  background-color:#FFFFFE;
}
table#tableA.bts-none { border-top-style: none }
table#tableA.brs-none { border-right-style: none }
table#tableA.bbs-none { border-bottom-style: none }
table#tableA.bls-none { border-left-style: none }
table#tableA td {
  border-left-style:solid;
  border-left-width:1px;
  border-top-style:solid;
  border-top-width:1px;

  border-collapse: collapse;
  border-color:#AAAAAA;

  /* F2 */
  font-family:"Meiryo", "MS Gothic", sans-serif;
  font-size:10pt;
  font-weight:normal;
  word-break:break-all;
}
table#tableA td.bts-none { border-top-style: none !important }
table#tableA td.brs-none { border-right-style: none !important }
table#tableA td.bbs-none { border-bottom-style: none !important }
table#tableA td.bls-none { border-left-style: none !important }
table#tableA td.bts-solid { border-top-style: solid !important }
table#tableA td.brs-solid { border-right-style: solid !important }
table#tableA td.bbs-solid { border-bottom-style: solid !important }
table#tableA td.bls-solid { border-left-style: solid !important }
table#tableA td.bts-dotted { border-top-style: dotted !important }
table#tableA td.brs-dotted { border-right-style: dotted !important }
table#tableA td.bbs-dotted { border-bottom-style: dotted !important }
table#tableA td.bls-dotted { border-left-style: dotted !important }

table#tableB {
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-width: 1px;
  border-collapse: collapse;
  border-color:#AAAAAA;
}
table#tableB td {
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-width: 1px;

  /* F2 */
  font-family:"Meiryo", "MS Gothic", sans-serif;
  font-size:10pt;
  font-weight:normal;
  word-break:break-all;
}
table#tableB td.bts-none { border-top-style: none !important }
table#tableB td.brs-none { border-right-style: none !important }
table#tableB td.bbs-none { border-bottom-style: none !important }
table#tableB td.bls-none { border-left-style: none !important }
table#tableB td.bts-solid { border-top-style: solid !important }
table#tableB td.brs-solid { border-right-style: solid !important }
table#tableB td.bbs-solid { border-bottom-style: solid !important }
table#tableB td.bls-solid { border-left-style: solid !important }
table#tableB td.bts-dotted { border-top-style: dotted !important }
table#tableB td.brs-dotted { border-right-style: dotted !important }
table#tableB td.bbs-dotted { border-bottom-style: dotted !important }
table#tableB td.bls-dotted { border-left-style: dotted !important }

table.table-borderless,
table.bs-none {
  border-style: none !important ;
  background-color: initial;
}

table.table-borderless th,
table.bs-none th,
table.table-borderless td,
table.bs-none td {
  border-style: none !important;
  background-color: initial;
}

td.header {
  background-color: #4478A8;
  color:#FFFFFF;
}

.pos-rel {
  position: relative;
}
.pos-abs {
  position: absolute;
}

a:link{
  color: #0000FF;
  text-decoration:underline;
}
a:visited {
  color: #0000FF;
  text-decoration:underline;
}
a:active{
  color: #0000FF;
  text-decoration:underline;
}
a:hover{
  color: #0000FF;
  text-decoration:underline;
}
span.F0{
  font-size: 7pt;
  word-break:break-all;
  line-height: 110%;
}
.F1{
  font-family:"Meiryo", "MS Gothic", sans-serif;
  font-size: 7pt;
  font-weight:normal;
  word-break:break-all;
  line-height: 110%;
}
.F1_NS{
  font-family:"Meiryo", "MS Gothic", sans-serif;
  font-size: 7pt;
  font-weight:normal;
  word-break:break-all;
  line-height: 110%;
}
.F1b{
  font-family:"Meiryo", "MS Gothic", sans-serif;
  font-size: 7pt;
  font-weight:bold;
  word-break:break-all;
  line-height: 110%;
}
.F2{
  font-family:"Meiryo", "MS Gothic", sans-serif;
  font-size:10pt;
  font-weight:normal;
  word-break:break-all;
  line-height: 110%;
}
.F2_NS{
  font-family:"Meiryo", "MS Gothic", sans-serif;
  font-size: 10pt;
  font-weight:normal;
  word-break:break-all;
  line-height: 110%;
}
.F2b{
  font-family:"Meiryo", "MS Gothic", sans-serif;
  font-size:10pt;
  font-weight:bold;
  word-break:break-all;
  line-height: 110%;
}
.F3{
  font-family:"Meiryo", "MS Gothic", sans-serif;
  font-size:12pt;
  font-weight:normal;
  word-break:break-all;
  line-height: 110%;
}
.F3b{
  font-family:"Meiryo", "MS Gothic", sans-serif;
  font-size:12pt;
  font-weight:bold;
  word-break:break-all;
  line-height: 110%;
}
.F4{
  font-family:"Meiryo", "MS Gothic", sans-serif;
  font-size:14pt;
  font-weight:normal;
  word-break:break-all;
  line-height: 110%;
}
.F4b{
  font-family:"Meiryo", "MS Gothic", sans-serif;
  font-size:14pt;
  font-weight:bold;
  word-break:break-all;
  line-height: 110%;
}
.F11{
  font-family:"Meiryo", "MS Gothic", sans-serif;
  font-size:9pt;
  font-weight:normal;
  word-break:break-all;
  line-height: 110%;
}
.F12{
  font-family:"Meiryo", "MS Gothic", sans-serif;
  font-size:8pt;
  font-weight:normal;
  word-break:break-all;
  line-height: 110%;
}
span.ScStrong{
  font-size:9pt;
  color:#FF0000;
}
span.ScOnly{
  font-size:10pt;
}
span.F2bSO{
  font-size:10pt;
  font-weight:bold;
  word-break:break-all;
}
input[type="radio"] {
  margin-top: -2px;
}
input[type="text"],
input[type="password"] {
  font-family: "MS Gothic";
  padding-left:2px;
  padding-right:2px;
  border-style:solid;
  border-width:1px;
  border-color:#AAAAAA;
}
input[type="text"]:disabled,
input[type="password"] {
  background-color:#eeeeee;
}
input:focus,
textarea:focus,
select:focus,
button:focus,
input:active,
textarea:active,
select:active,
button:active {
  outline: 0 !important;
  box-shadow: 0 0 0.15rem 0.15rem rgba(0, 123, 255, 0.375) !important;
}
a:focus {
  outline: 1px dotted rgba(0, 123, 255, 0.75) !important;
}
input.inpS{
  text-align:left;
  font-size: 10pt;
  line-height:10pt;
  ime-mode:inactive;
  height:17px;
}
input.inpSS{
  text-align:left;
  font-size: 8.5pt;
  line-height:8.5pt;
  ime-mode:inactive;
  height:13px;
}
input.inpN{
  text-align:right;
  font-size: 10pt;
  line-height:10pt;
  ime-mode:disabled;
  width:90px;
  height:17px;
}
input.inpNS{
  text-align:right;
  font-size: 8.5pt;
  line-height:8.5pt;
  ime-mode:disabled;
  width:80px;
  height:13px;
}
input.inpN_NS{
  text-align:right;
  font-size: 10pt;
  line-height:10pt;
  ime-mode:disabled;
  height:15px;
}
input.inpD{
  text-align:right;
  font-size: 10pt;
  line-height:10pt;
  ime-mode:disabled;
  height:19px;
}
input.inpB{
  font-size: 10pt;
  line-height:10pt;
  ime-mode:disabled;
  height:19px;
}
input.inpK{
  font-size: 10pt;
  line-height:10pt;
  ime-mode:active;
  height:17px;
}
input.inpKS{
  font-size: 8.5pt;
  line-height:8.5pt;
  ime-mode:active;
  height:13px;
}
textarea.inpK{
  border-style:solid;
  border-width:1px;
  border-color:#AAAAAA;
  font-size: 10pt;
  line-height:100%;
  ime-mode:active;
  resize: none;
}
textarea.inpKS{
  border-style:solid;
  border-width:1px;
  border-color:#AAAAAA;
  font-size: 8pt;
  line-height:100%;
  ime-mode:active;
  resize: none;
}
input.disp{
  border-style:solid;
  border-width:1px;
  border-color:#AAAAAA;
  font-size: 10pt;
  line-height:10px;
  ime-mode:inactive;
  color: #000000;
}


input.radioS{
  width:12px;
  height:12px;
  position:relative;
  top:2px;
}
input.radio{
  width:14px;
  height:14px;
  position:relative;
  top:2px;
}
input.chk{
  width:14px;
  height:14px;
  position:relative;
  top:2px;
}
input.chkS{
  width:12px;
  height:12px;
  position:relative;
  top:2px;
}


/* Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  input.radioS{
    margin-bottom:0px;
  }
  input.radio{
    margin-bottom:0px;
  }
  input.chk{
    margin-bottom:0px;
  }
  input.chkS{
    margin-bottom:0px;
  }
}

input.label{
  font-family:"Meiryo", "MS Gothic", sans-serif;
  border:0px none #FEFEFF;
  background-color:#FEFEFF;
  text-align:left;
  padding:0;
  width:55px;
}
input.labelC{
  font-family:"Meiryo", "MS Gothic", sans-serif;
  border:0px none #FEFEFF;
  background-color:#FEFEFF;
  text-align:center;
  padding:0;
  width:55px;
}
input.labelR{
  font-family:"Meiryo", "MS Gothic", sans-serif;
  border:0px none #FEFEFF;
  background-color:#FEFEFF;
  text-align:right;
  padding:0;
  width:55px;
}

input[type="button"],
button {
  font-family:"Meiryo", "MS Gothic", sans-serif;
  font-size: 10pt;
  width: 50px;
  height: 25px;
  text-align:center;
  padding-left:0px;
  padding-right:0px;
  padding-top:1px;
  padding-bottom:0px;
  border-style: solid;
  border-width: 1px;
  border-color: #AAAAAA;
  border-radius: 3px;
  background-color: #EEEEEE;
}
input[type="button"]:hover,
button:hover {
  border-color: #BBBBBB;
  background-color: #F9F9F9;
  cursor: pointer;
}
input[type="button"][disabled],
button[disabled] {
  color: #AAAAAA;
  border-color: #CCCCCC;
  background-color: #E0E0E0;
}
input[type="button"][disabled]:hover,
button[disabled]:hover {
  color: #AAAAAA;
  border-color: #CCCCCC;
  background-color: #E0E0E0;
  cursor: auto;
}
input.btn{
}
input.btnS {
  font-size: 8pt;
  width: 40px;
  height: 23px;
}
input.btnR{
  color:#FF0000;
}
input.btnB{
  color: #6666FF;
}

/*bootstrapを使う場合はclass名「btn」が重複するため別の名前に変更*/
input.btn_old{
  font-family:"Meiryo", "MS Gothic", sans-serif;
  font-size: 10pt;
  width: 50px;
  height: 25px;
  text-align:center;
  padding-left:0px;
  padding-right:0px;
  border-style: solid;
  border-width: 1px;
  border-color: #AAA;
  background-color: #EEE;
}
input.btnR_old{
  font-family:"Meiryo", "MS Gothic", sans-serif;
  font-size: 10pt;
  width: 50px;
  height: 25px;
  text-align:center;
  color:#FF0000;
  padding-left:0px;
  padding-right:0px;
  border-style: solid;
  border-width: 1px;
  border-color: #AAA;
  background-color: #EEE;
}
input.btnB_old{
  font-family:"Meiryo", "MS Gothic", sans-serif;
  font-size: 10pt;
  width: 50px;
  height: 25px;
  color: #6666FF;
  padding-left:0px;
  padding-right:0px;
  border-color: #AAA;
  background-color: #EEE;
}
input.btnMenu{
  font-family:"Meiryo", "MS Gothic", sans-serif;
  text-align:left;
  border-width:1;
  border-style:ridge;
  font-size: 10pt;
  width: 200px;
  height: 23px;
}
input.dummy,
input[name="dummy"] {
  border-style: none;
  border-color: #fff;
  background-color: transparent;
  position: relative;
  width: 0px;
  height: 0px;
  z-index: -1;
}
input.dummy:focus,
input[name="dummy"]:focus {
  outline: 0;
  box-shadow: none;
}
select.ScreenOnly{
}
select.sel{
  font-family:"MS Gothic", sans-serif;
  font-size:10pt;
  height:21px;
}
select.selS{
  font-family:"MS Gothic", sans-serif;
  font-size:9pt;
  height:17px;
}
select.selL{
  font-family:"MS Gothic", sans-serif;
  font-size:11pt;
  height:25px;
}
select {
  font-family:"MS Gothic", sans-serif;
  height:21px;
}

td.none {
  border-color:#CCC;
  border-style:none;
  background-color:#CCC;
}
td.under{
  border-bottom: 1px solid #000000;
}
td.itemTitle{
  background-color:#FFFFCC;
}
td.itemData{
  background-color:#FFFFE8;
}
DIV.Flame{
  overflow-y:scroll;
}
div.hidden{
  visibility:hidden;
}
td.header {
  color:#FFFFFF;
  background-color:#4478A8;
}

.fc-grey { color:#888888 !important; }
.fc-black { color:#000000 !important; }
.fc-white { color:#ffffff !important; }
.fc-red { color:red !important; }

.fw-normal { font-weight: normal !important; }
.fw-bold { font-weight: bold !important; }
.fw-bolder { font-weight: bolder !important; }

.bc-blue, .bc-header {
  background-color: #CFDDFF !important;
}
.bc-yellow, .bc-import {
  background-color: #FFFFC4 !important;
}
.bc-green, .bc-autocalc {
  background-color: #DDFFDD !important;
}
.bc-lightgrey, .bc-none {
  background-color: #EEEEEE !important;
}
.bc-transparent, .bc-trans {
  background-color: transparent !important;
}
.bc-inherit {
  background-color: inherit !important;
}
table.bc-transparent > tbody > tr > td,
table.bc-transparent > tbody > tr > th,
table.bc-transparent > tr > td,
table.bc-transparent > tr > th,
table.bc-trans > tbody > tr > td,
table.bc-trans > tbody > tr > th,
table.bc-trans > tr > td,
table.bc-trans > tr > th {
  background-color: transparent !important;
}

a.btnUpper {
  height:27px;
  width:44px;
  background : url('../shared/image/sub2/blue_button_1.png') no-repeat left 0px;
  cursor:hand;
  text-decoration:none;
}

a.btnUpper:hover{
  background : url('../shared/image/sub2/blue_button_1.png') no-repeat left -29px;
  text-decoration:none;
}

a.btnUpper span {
  width:44px;
  padding-right:9px;
  line-height:29px;
  font-size:10pt;
  color:#FFFFFF;
  font-family:'メイリオ';
}

a.btnGoto {
  height:27px;
  width:48px;
  background : url('../shared/image/sub2/blue_button_2.png') no-repeat left 0px;
  cursor:hand;
  text-decoration:none;
}

a.btnGoto:hover{
  background : url('../shared/image/sub2/blue_button_2.png') no-repeat left -29px;
  text-decoration:none;
}

a.btnGoto span {
  width:48px;
  padding-left:8px;
  line-height:29px;
  font-size:10pt;
  color:#FFFFFF;
  font-family:'メイリオ';
}

a.btnCalc {
  height:27px;
  width:56px;
  background : url('../shared/image/sub2/blue_button_3.png') no-repeat left 0px;
  cursor:hand;
  text-decoration:none;
}

a.btnCalc:hover{
  background : url('../shared/image/sub2/blue_button_3.png') no-repeat left -29px;
  text-decoration:none;
}

a.btnCalc span {
  width:56px;
  padding-left:8px;
  line-height:29px;
  font-size:10pt;
  color:#FFFFFF;
  font-family:'メイリオ';
}

a.btnPage {
  height:27px;
  width:74px;
  background : url('../shared/image/sub2/blue_button_4.png') no-repeat left 0px;
  cursor:hand;
  text-decoration:none;
}

a.btnPage:hover{
  background : url('../shared/image/sub2/blue_button_4.png') no-repeat left -29px;
  text-decoration:none;
}

a.btnPage span {
  width:74px;
  padding-right:4px;
  line-height:29px;
  font-size:10pt;
  color:#FFFFFF;
  font-family:'メイリオ';
}

a.btnEtc {
  height:27px;
  width:120px;
  background : url('../shared/image/sub2/blue_button_5.png') no-repeat left 0px;
  cursor:hand;
  text-decoration:none;
}

a.btnEtc:hover{
  background : url('../shared/image/sub2/blue_button_5.png') no-repeat left -29px;
  text-decoration:none;
}

a.btnEtc span {
  width:120px;
  padding-right:20px;
  line-height:29px;
  font-size:10pt;
  color:#FFFFFF;
  font-family:'メイリオ';
}

a.btnPageCalc {
  height:27px;
  width:150px;
  background : url('../shared/image/sub2/blue_button_6.png') no-repeat left 0px;
  cursor:hand;
  text-decoration:none;
}

a.btnPageCalc:hover{
  background : url('../shared/image/sub2/blue_button_6.png') no-repeat left -29px;
  text-decoration:none;
}

a.btnPageCalc span {
  width:150px;
  padding-left:15px;
  line-height:29px;
  font-size:10pt;
  color:#FFFFFF;
  font-family:'メイリオ';
}


a.btnUpperR {
  height:27px;
  width:44px;
  background : url('../shared/image/sub2/red_button_1.png') no-repeat left 0px;
  cursor:hand;
  text-decoration:none;
}

a.btnUpperR:hover{
  background : url('../shared/image/sub2/red_button_1.png') no-repeat left -29px;
  text-decoration:none;
}

a.btnUpperR span {
  width:44px;
  padding-right:10px;
  line-height:29px;
  font-size:10pt;
  color:#FFFFFF;
  font-family:'メイリオ';
}


a.btnUpperG {
  height:27px;
  width:44px;
  background : url('../shared/image/sub2/gray_button_1.png') no-repeat left 0px;
  text-decoration:none;
}

a.btnUpperG span {
  width:44px;
  padding-right:10px;
  line-height:29px;
  font-size:10pt;
  color:#EEEEEE;
  font-family:'メイリオ';
}

a.btnCalcG {
  height:27px;
  width:56px;
  background : url('../shared/image/sub2/gray_button_3.png') no-repeat left 0px;
  text-decoration:none;
}

a.btnCalcG span {
  width:56px;
  padding-left:8px;
  line-height:29px;
  font-size:10pt;
  color:#EEEEEE;
  font-family:'メイリオ';
}
a.btnPageG {
  height:27px;
  width:74px;
  background : url('../shared/image/sub2/gray_button_4.png') no-repeat left 0px;
  text-decoration:none;
}

a.btnPageG span {
  width:74px;
  padding-right:4px;
  line-height:29px;
  font-size:10pt;
  color:#EEEEEE;
  font-family:'メイリオ';
}
a.btnPageCalcG {
  height:27px;
  width:150px;
  background : url('../shared/image/sub2/gray_button_6.png') no-repeat left 0px;
  text-decoration:none;
}

a.btnPageCalcG span {
  width:150px;
  padding-left:15px;
  line-height:29px;
  font-size:10pt;
  color:#EEEEEE;
  font-family:'メイリオ';
}
/*hrefなしでリンクのように*/
a.onclick-link {
  color:#0000FF;
}
a.onclick-link:hover {
  cursor : pointer;
}

#loading{
    border:0px dashed #999;
    position: fixed;
    padding-top:10px;
    width:110px;
    height:125px;
    background-color:#FFF;
    filter: alpha(opacity=70);
    -moz-opacity:0.70;
    opacity:0.70;
    z-index: 1;
    transform: none;
}

#loading .loadingMsg{
    text-align:center;
    padding-top:90px;
    position: fixed;
    width:110px;
    background-image:url('../shared/image/common/gif-load.gif');
    background-size:80px;
    background-position: center top;
    background-repeat: no-repeat;
    font-family:"Meiryo", "MS Gothic", sans-serif;
    font-size:10pt;
    z-index: 2;
    transform: none;
}

/* 丸カッコ */
.kakko-maru {
  position: relative;
  width: 100%;
  height:100%;
  padding: 0px 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.kakko-maru::before,
.kakko-maru::after {
  position: absolute;
  top: 0;
  content: '';
  width: 10px;
  height:100%;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.kakko-maru::before {
  left: 0;
  border-left: 1px solid #000;
}
.kakko-maru::after {
  right: 0;
  border-right: 1px solid #000;
}

/* 角丸カッコ */
.kakko-kadomaru {
  position: relative;
  width: 100%;
  height:100%;
  padding: 0px 7px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.kakko-kadomaru::before,
.kakko-kadomaru::after {
  position: absolute;
  top: 0;
  content: '';
  width: 5px;
  height: 100%;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.kakko-kadomaru::before {
  left: 0;
  border-left: 1px solid #000;
  border-radius: 5px 0 0 5px;
}
.kakko-kadomaru::after {
  right: 0;
  border-right: 1px solid #000;
  border-radius: 0 5px 5px 0;
}

/* DLフレーム */
.dl-frame {
  width: 0px;
  height: 0px;
  background-color: transparent;
  border-style: none;
  display: none;
}

/* 共通 */

.inner-text {
  margin: auto;
  width: fit-content;
  width: -moz-fit-content;
}

div.list-item {
  width: fit-content;
  width: -moz-fit-content;
  padding: 0 4px;
}

.w-full-item {
  width: calc(100% - 14px);
  margin-left: auto;
  margin-right: auto;
}

/* width */
.w-1r, .w-1rem { width:      1rem !important }
.w-2r, .w-2rem { width:      2rem !important }
.w-3r, .w-3rem { width:      3rem !important }
.w-4r, .w-4rem { width:      4rem !important }
.w-5r, .w-5rem { width:      5rem !important }
.w-6r, .w-6rem { width:      6rem !important }
.w-7r, .w-7rem { width:      7rem !important }
.w-8r, .w-8rem { width:      8rem !important }
.w-9r, .w-9rem { width:      9rem !important }
.w-10r, .w-10rem { width:   10rem !important }
.w-11r, .w-11rem { width:   11rem !important }
.w-12r, .w-12rem { width:   12rem !important }
.w-13r, .w-13rem { width:   13rem !important }
.w-14r, .w-14rem { width:   14rem !important }
.w-15r, .w-15rem { width:   15rem !important }
.w-16r, .w-16rem { width:   16rem !important }
.w-17r, .w-17rem { width:   17rem !important }
.w-18r, .w-18rem { width:   18rem !important }
.w-19r, .w-19rem { width:   19rem !important }
.w-20r, .w-20rem { width:   20rem !important }
.w-0_25r, .w-0_25rem { width:  0.25rem !important }
.w-0_5r, .w-0_5rem { width:  0.5rem !important }
.w-0_75r, .w-0_75rem { width:  0.75rem !important }
.w-1_25r, .w-1_25rem { width:  1.25rem !important }
.w-1_5r, .w-1_5rem { width:  1.5rem !important }
.w-2_5r, .w-2_5rem { width:  2.5rem !important }
.w-3_5r, .w-3_5rem { width:  3.5rem !important }
.w-4_5r, .w-4_5rem { width:  4.5rem !important }
.w-5_5r, .w-5_5rem { width:  5.5rem !important }
.w-6_5r, .w-6_5rem { width:  6.5rem !important }
.w-7_5r, .w-7_5rem { width:  7.5rem !important }
.w-8_5r, .w-8_5rem { width:  8.5rem !important }
.w-9_5r, .w-9_5rem { width:  9.5rem !important }
.w-10_5r, .w-10_5rem { width: 10.5rem !important }
.w-11_5r, .w-11_5rem { width: 11.5rem !important }
.w-12_5r, .w-12_5rem { width: 12.5rem !important }
.w-13_5r, .w-13_5rem { width: 13.5rem !important }
.w-14_5r, .w-14_5rem { width: 14.5rem !important }
.w-15_5r, .w-15_5rem { width: 15.5rem !important }
.w-16_5r, .w-16_5rem { width: 16.5rem !important }
.w-17_5r, .w-17_5rem { width: 17.5rem !important }
.w-18_5r, .w-18_5rem { width: 18.5rem !important }
.w-19_5r, .w-19_5rem { width: 19.5rem !important }
.w-0 { width: 0px !important }
.w-100, .w-full { width: 100% !important }

/* height */
.h-1r, .h-1rem { height:     1rem !important }
.h-2r, .h-2rem { height:     2rem !important }
.h-3r, .h-3rem { height:     3rem !important }
.h-4r, .h-4rem { height:     4rem !important }
.h-5r, .h-5rem { height:     5rem !important }
.h-0_25r, .h-0_25rem { height:  0.25rem !important }
.h-0_5r, .h-0_5rem { height: 0.5rem !important }
.h-0_75r, .h-0_75rem { height:  0.75rem !important }
.h-1_25r, .h-1_25rem { height:  1.25rem !important }
.h-1_5r, .h-1_5rem { height: 1.5rem !important }
.h-2_5r, .h-2_5rem { height: 2.5rem !important }
.h-3_5r, .h-3_5rem { height: 3.5rem !important }
.h-4_5r, .h-4_5rem { height: 4.5rem !important }
.h-0 { height: 0px !important }
.h-100, .h-full { height: 100% !important }

.full { width: 100% !important;
        height: 100% !important }

/* padding */
.pt-0,  .pt-0px  { padding-top: 0px !important }
.pt-1,  .pt-1px  { padding-top: 1px !important }
.pt-2,  .pt-2px  { padding-top: 2px !important }
.pt-3,  .pt-3px  { padding-top: 3px !important }
.pt-4,  .pt-4px  { padding-top: 4px !important }
.pt-5,  .pt-5px  { padding-top: 5px !important }
.pt-6,  .pt-6px  { padding-top: 6px !important }
.pt-8,  .pt-8px  { padding-top: 8px !important }
.pt-10, .pt-10px { padding-top: 10px !important }
.pt-20, .pt-20px { padding-top: 20px !important }
.pr-0,  .pr-0px  { padding-right: 0px !important }
.pr-1,  .pr-1px  { padding-right: 1px !important }
.pr-2,  .pr-2px  { padding-right: 2px !important }
.pr-3,  .pr-3px  { padding-right: 3px !important }
.pr-4,  .pr-4px  { padding-right: 4px !important }
.pr-5,  .pr-5px  { padding-right: 5px !important }
.pr-6,  .pr-6px  { padding-right: 6px !important }
.pr-8,  .pr-8px  { padding-right: 8px !important }
.pr-10, .pr-10px { padding-right: 10px !important }
.pr-20, .pr-20px { padding-right: 20px !important }
.pb-0,  .pb-0px  { padding-bottom: 0px !important }
.pb-1,  .pb-1px  { padding-bottom: 1px !important }
.pb-2,  .pb-2px  { padding-bottom: 2px !important }
.pb-3,  .pb-3px  { padding-bottom: 3px !important }
.pb-4,  .pb-4px  { padding-bottom: 4px !important }
.pb-5,  .pb-5px  { padding-bottom: 5px !important }
.pb-6,  .pb-6px  { padding-bottom: 6px !important }
.pb-8,  .pb-8px  { padding-bottom: 8px !important }
.pb-10, .pb-10px { padding-bottom: 10px !important }
.pb-20, .pb-20px { padding-bottom: 20px !important }
.pl-0,  .pl-0px  { padding-left: 0px !important }
.pl-1,  .pl-1px  { padding-left: 1px !important }
.pl-2,  .pl-2px  { padding-left: 2px !important }
.pl-3,  .pl-3px  { padding-left: 3px !important }
.pl-4,  .pl-4px  { padding-left: 4px !important }
.pl-5,  .pl-5px  { padding-left: 5px !important }
.pl-6,  .pl-6px  { padding-left: 6px !important }
.pl-8,  .pl-8px  { padding-left: 8px !important }
.pl-10, .pl-10px { padding-left: 10px !important }
.pl-20, .pl-20px { padding-left: 20px !important }
.ptpb-0  { padding-top:    0px !important;
           padding-bottom: 0px !important }
.ptpb-1  { padding-top:    1px !important;
           padding-bottom: 1px !important }
.ptpb-2  { padding-top:    2px !important;
           padding-bottom: 2px !important }
.ptpb-3  { padding-top:    3px !important;
           padding-bottom: 3px !important }
.ptpb-4  { padding-top:    4px !important;
           padding-bottom: 4px !important }
.ptpb-5  { padding-top:    5px !important;
           padding-bottom: 5px !important }
.ptpb-6  { padding-top:    6px !important;
           padding-bottom: 6px !important }
.ptpb-8  { padding-top:    8px !important;
           padding-bottom: 8px !important }
.ptpb-10 { padding-top:   10px !important;
           padding-bottom:10px !important }
.ptpb-20 { padding-top:   20px !important;
           padding-bottom:20px !important }
.py-0,  .py-0px  { padding-top:    0px !important;
                   padding-bottom: 0px !important }
.py-1,  .py-1px  { padding-top:    1px !important;
                   padding-bottom: 1px !important }
.py-2,  .py-2px  { padding-top:    2px !important;
                   padding-bottom: 2px !important }
.py-3,  .py-3px  { padding-top:    3px !important;
                   padding-bottom: 3px !important }
.py-4,  .py-4px  { padding-top:    4px !important;
                   padding-bottom: 4px !important }
.py-5,  .py-5px  { padding-top:    5px !important;
                   padding-bottom: 5px !important }
.py-6,  .py-6px  { padding-top:    6px !important;
                   padding-bottom: 6px !important }
.py-8,  .py-8px  { padding-top:    8px !important;
                   padding-bottom: 8px !important }
.py-10, .py-10px { padding-top:   10px !important;
                   padding-bottom:10px !important }
.py-20, .py-20px { padding-top:   20px !important;
                   padding-bottom:20px !important }
.plpr-0  { padding-left: 0px !important;
           padding-right:0px !important }
.plpr-1  { padding-left: 1px !important;
           padding-right:1px !important }
.plpr-2  { padding-left: 2px !important;
           padding-right:2px !important }
.plpr-3  { padding-left: 3px !important;
           padding-right:3px !important }
.plpr-4  { padding-left: 4px !important;
           padding-right:4px !important }
.plpr-5  { padding-left: 5px !important;
           padding-right:5px !important }
.plpr-6  { padding-left: 6px !important;
           padding-right:6px !important }
.plpr-8  { padding-left: 8px !important;
           padding-right:8px !important }
.plpr-10 { padding-left: 10px !important;
           padding-right:10px !important }
.plpr-20 { padding-left: 20px !important;
           padding-right:20px !important }
.px-0,  .px-0px  { padding-left: 0px !important;
                   padding-right:0px !important }
.px-1,  .px-1px  { padding-left: 1px !important;
                   padding-right:1px !important }
.px-2,  .px-2px  { padding-left: 2px !important;
                   padding-right:2px !important }
.px-3,  .px-3px  { padding-left: 3px !important;
                   padding-right:3px !important }
.px-4,  .px-4px  { padding-left: 4px !important;
                   padding-right:4px !important }
.px-5,  .px-5px  { padding-left: 5px !important;
                   padding-right:5px !important }
.px-6,  .px-6px  { padding-left: 6px !important;
                   padding-right:6px !important }
.px-8,  .px-8px  { padding-left: 8px !important;
                   padding-right:8px !important }
.px-10, .px-10px { padding-left: 10px !important;
                   padding-right:10px !important }
.px-20, .px-20px { padding-left: 20px !important;
                   padding-right:20px !important }
.p-0, .p-0px { padding: 0 !important }
.p-1, .p-1px { padding: 1px !important }
.p-2, .p-2px { padding: 2px !important }
.p-3, .p-3px { padding: 3px !important }
.p-4, .p-4px { padding: 4px !important }
.p-5, .p-5px { padding: 5px !important }
.p-6, .p-6px { padding: 6px !important }
.p-8, .p-8px { padding: 8px !important }
.p-10, .p-10 { padding: 10px !important }
.p-20, .p-20 { padding: 20px !important }

tr.p-0 > td { padding: 0 !important }
table.p-0 > tbody > tr > td,
table.p-0 > tbody > tr > th,
table.p-0 > tr > td,
table.p-0 > tr > th { padding: 0 !important }

.pt-1r, .pt-1rem { padding-top:        1rem !important }
.pr-1r, .pr-1rem { padding-right:      1rem !important }
.pb-1r, .pb-1rem { padding-bottom:     1rem !important }
.pl-1r, .pl-1rem { padding-left:       1rem !important }
.pt-2r, .pt-2rem { padding-top:        2rem !important }
.pr-2r, .pr-2rem { padding-right:      2rem !important }
.pb-2r, .pb-2rem { padding-bottom:     2rem !important }
.pl-2r, .pl-2rem { padding-left:       2rem !important }
.pt-3r, .pt-3rem { padding-top:        3rem !important }
.pr-3r, .pr-3rem { padding-right:      3rem !important }
.pb-3r, .pb-3rem { padding-bottom:     3rem !important }
.pl-3r, .pl-3rem { padding-left:       3rem !important }
.pt-4r, .pt-4rem { padding-top:        4rem !important }
.pr-4r, .pr-4rem { padding-right:      4rem !important }
.pb-4r, .pb-4rem { padding-bottom:     4rem !important }
.pl-4r, .pl-4rem { padding-left:       4rem !important }
.pt-5r, .pt-5rem { padding-top:        5rem !important }
.pr-5r, .pr-5rem { padding-right:      5rem !important }
.pb-5r, .pb-5rem { padding-bottom:     5rem !important }
.pl-5r, .pl-5rem { padding-left:       5rem !important }
.pt-0_5r, .pt-0_5rem { padding-top:    0.5rem !important }
.pr-0_5r, .pr-0_5rem { padding-right:  0.5rem !important }
.pb-0_5r, .pb-0_5rem { padding-bottom: 0.5rem !important }
.pl-0_5r, .pl-0_5rem { padding-left:   0.5rem !important }
.pt-1_5r, .pt-1_5rem { padding-top:    1.5rem !important }
.pr-1_5r, .pr-1_5rem { padding-right:  1.5rem !important }
.pb-1_5r, .pb-1_5rem { padding-bottom: 1.5rem !important }
.pl-1_5r, .pl-1_5rem { padding-left:   1.5rem !important }
.pt-2_5r, .pt-2_5rem { padding-top:    2.5rem !important }
.pr-2_5r, .pr-2_5rem { padding-right:  2.5rem !important }
.pb-2_5r, .pb-2_5rem { padding-bottom: 2.5rem !important }
.pl-2_5r, .pl-2_5rem { padding-left:   2.5rem !important }
.pt-3_5r, .pt-3_5rem { padding-top:    3.5rem !important }
.pr-3_5r, .pr-3_5rem { padding-right:  3.5rem !important }
.pb-3_5r, .pb-3_5rem { padding-bottom: 3.5rem !important }
.pl-3_5r, .pl-3_5rem { padding-left:   3.5rem !important }
.pt-4_5r, .pt-4_5rem { padding-top:    4.5rem !important }
.pr-4_5r, .pr-4_5rem { padding-right:  4.5rem !important }
.pb-4_5r, .pb-4_5rem { padding-bottom: 4.5rem !important }
.pl-4_5r, .pl-4_5rem { padding-left:   4.5rem !important }
.px-1r, .px-1rem { padding-left:       1rem !important;
                   padding-right:      1rem !important }
.py-1r, .py-1rem { padding-top:        1rem !important;
                   padding-bottom:     1rem !important }
.px-2r, .px-2rem { padding-left:       2rem !important;
                   padding-right:      2rem !important }
.py-2r, .py-2rem { padding-top:        2rem !important;
                   padding-bottom:     2rem !important }
.px-3r, .px-3rem { padding-left:       3rem !important;
                   padding-right:      3rem !important }
.py-3r, .py-3rem { padding-top:        3rem !important;
                   padding-bottom:     3rem !important }
.px-4r, .px-4rem { padding-left:       4rem !important;
                   padding-right:      4rem !important }
.py-4r, .py-4rem { padding-top:        4rem !important;
                   padding-bottom:     4rem !important }
.px-5r, .px-5rem { padding-left:       5rem !important;
                   padding-right:      5rem !important }
.py-5r, .py-5rem { padding-top:        5rem !important;
                   padding-bottom:     5rem !important }
.px-0_5r, .px-0_5rem { padding-left:   0.5rem !important;
                       padding-right:  0.5rem !important }
.py-0_5r, .py-0_5rem { padding-top:    0.5rem !important;
                       padding-bottom: 0.5rem !important }
.px-1_5r, .px-1_5rem { padding-left:   1.5rem !important;
                       padding-right:  1.5rem !important }
.py-1_5r, .py-1_5rem { padding-top:    1.5rem !important;
                       padding-bottom: 1.5rem !important }
.px-2_5r, .px-2_5rem { padding-left:   2.5rem !important;
                       padding-right:  2.5rem !important }
.py-2_5r, .py-2_5rem { padding-top:    2.5rem !important;
                       padding-bottom: 2.5rem !important }
.px-3_5r, .px-3_5rem { padding-left:   3.5rem !important;
                       padding-right:  3.5rem !important }
.py-3_5r, .py-3_5rem { padding-top:    3.5rem !important;
                       padding-bottom: 3.5rem !important }
.px-4_5r, .px-4_5rem { padding-left:   4.5rem !important;
                       padding-right:  4.5rem !important }
.py-4_5r, .py-4_5rem { padding-top:    4.5rem !important;
                       padding-bottom: 4.5rem !important }
.p-0_5r, .p-0_5rem { padding: 0.5rem !important }
.p-1r,   .p-1rem   { padding:   1rem !important }
.p-1_5r, .p-1_5rem { padding: 1.5rem !important }
.p-2r,   .p-2rem   { padding:   2rem !important }
.p-2_5r, .p-2_5rem { padding: 2.5rem !important }
.p-3r,   .p-3rem   { padding:   3rem !important }
.p-3_5r, .p-3_5rem { padding: 3.5rem !important }
.p-4r,   .p-4rem   { padding:   4rem !important }
.p-4_5r, .p-4_5rem { padding: 4.5rem !important }

/* margin */
.mt-0,  .mt-0px  { margin-top: 0px !important }
.mt-1,  .mt-1px  { margin-top: 1px !important }
.mt-2,  .mt-2px  { margin-top: 2px !important }
.mt-3,  .mt-3px  { margin-top: 3px !important }
.mt-4,  .mt-4px  { margin-top: 4px !important }
.mt-5,  .mt-5px  { margin-top: 5px !important }
.mt-6,  .mt-6px  { margin-top: 6px !important }
.mt-8,  .mt-8px  { margin-top: 8px !important }
.mt-10, .mt-10px { margin-top: 10px !important }
.mt-20, .mt-20px { margin-top: 20px !important }
.mt-m1, .mt-n1, .mt-m1px, .mt-n1px { margin-top: -1px !important }
.mt-m2, .mt-n2, .mt-m2px, .mt-n2px { margin-top: -2px !important }
.mt-m3, .mt-n3, .mt-m3px, .mt-n3px { margin-top: -3px !important }
.mt-m4, .mt-n4, .mt-m4px, .mt-n4px { margin-top: -4px !important }
.mt-m5, .mt-n5, .mt-m5px, .mt-n5px { margin-top: -5px !important }
.mt-auto { margin-top: auto !important }
.mr-0,  .mr-0px  { margin-right: 0px !important }
.mr-1,  .mr-1px  { margin-right: 1px !important }
.mr-2,  .mr-2px  { margin-right: 2px !important }
.mr-3,  .mr-3px  { margin-right: 3px !important }
.mr-4,  .mr-4px  { margin-right: 4px !important }
.mr-5,  .mr-5px  { margin-right: 5px !important }
.mr-6,  .mr-6px  { margin-right: 6px !important }
.mr-8,  .mr-8px  { margin-right: 8px !important }
.mr-10, .mr-10px { margin-right: 10px !important }
.mr-20, .mr-20px { margin-right: 20px !important }
.mr-m1, .mr-n1, .mr-m1px, .mr-n1px { margin-right: -1px !important }
.mr-m2, .mr-n2, .mr-m2px, .mr-n2px { margin-right: -2px !important }
.mr-m3, .mr-n3, .mr-m3px, .mr-n3px { margin-right: -3px !important }
.mr-m4, .mr-n4, .mr-m4px, .mr-n4px { margin-right: -4px !important }
.mr-m5, .mr-n5, .mr-m5px, .mr-n5px { margin-right: -5px !important }
.mr-auto { margin-right: auto !important }
.mb-0,  .mb-0px  { margin-bottom: 0px !important }
.mb-1,  .mb-1px  { margin-bottom: 1px !important }
.mb-2,  .mb-2px  { margin-bottom: 2px !important }
.mb-3,  .mb-3px  { margin-bottom: 3px !important }
.mb-4,  .mb-4px  { margin-bottom: 4px !important }
.mb-5,  .mb-5px  { margin-bottom: 5px !important }
.mb-6,  .mb-6px  { margin-bottom: 6px !important }
.mb-8,  .mb-8px  { margin-bottom: 8px !important }
.mb-m1, .mb-n1, .mb-m1px, .mb-n1px { margin-bottom: -1px !important }
.mb-m2, .mb-n2, .mb-m2px, .mb-n2px { margin-bottom: -2px !important }
.mb-m3, .mb-n3, .mb-m3px, .mb-n3px { margin-bottom: -3px !important }
.mb-m4, .mb-n4, .mb-m4px, .mb-n4px { margin-bottom: -4px !important }
.mb-m5, .mb-n5, .mb-m5px, .mb-n5px { margin-bottom: -5px !important }
.mb-auto { margin-bottom: auto !important }
.mb-10, .mb-10px { margin-bottom: 10px !important }
.mb-20, .mb-20px { margin-bottom: 20px !important }
.ml-0,  .ml-0px  { margin-left: 0px !important }
.ml-1,  .ml-1px  { margin-left: 1px !important }
.ml-2,  .ml-2px  { margin-left: 2px !important }
.ml-3,  .ml-3px  { margin-left: 3px !important }
.ml-4,  .ml-4px  { margin-left: 4px !important }
.ml-5,  .ml-5px  { margin-left: 5px !important }
.ml-6,  .ml-6px  { margin-left: 6px !important }
.ml-8,  .ml-8px  { margin-left: 8px !important }
.ml-10, .ml-10px { margin-left: 10px !important }
.ml-20, .ml-20px { margin-left: 20px !important }
.ml-m1, .ml-n1, .ml-m1px, .ml-n1px { margin-left: -1px !important }
.ml-m2, .ml-n2, .ml-m2px, .ml-n2px { margin-left: -2px !important }
.ml-m3, .ml-n3, .ml-m3px, .ml-n3px { margin-left: -3px !important }
.ml-m4, .ml-n4, .ml-m4px, .ml-n4px { margin-left: -4px !important }
.ml-m5, .ml-n5, .ml-m5px, .ml-n5px { margin-left: -5px !important }
.ml-auto { margin-left: auto !important }
.mx-0, .mlmr-0 {
         margin-left:  0px !important;
         margin-right: 0px !important }
.mx-1  { margin-left:  1px !important;
         margin-right: 1px !important }
.mx-2  { margin-left:  2px !important;
         margin-right: 2px !important }
.mx-3  { margin-left:  3px !important;
         margin-right: 3px !important }
.mx-4  { margin-left:  4px !important;
         margin-right: 4px !important }
.mx-5  { margin-left:  5px !important;
         margin-right: 5px !important }
.mx-6  { margin-left:  6px !important;
         margin-right: 6px !important }
.mx-8  { margin-left:  8px !important;
         margin-right: 8px !important }
.mx-10 { margin-left:  10px !important;
         margin-right: 10px !important }
.mx-20 { margin-left:  20px !important;
         margin-right: 20px !important }
.mx-auto, .mlmr-auto {
         margin-left:  auto !important;
         margin-right: auto !important }
.my-0, .mtmb-0 {
         margin-top:      0px !important;
         margin-bottom:   0px !important }
.my-1  { margin-top:      1px !important;
         margin-bottom:   1px !important }
.my-2  { margin-top:      2px !important;
         margin-bottom:   2px !important }
.my-3  { margin-top:      3px !important;
         margin-bottom:   3px !important }
.my-4  { margin-top:      4px !important;
         margin-bottom:   4px !important }
.my-5  { margin-top:      5px !important;
         margin-bottom:   5px !important }
.my-6  { margin-top:      6px !important;
         margin-bottom:   6px !important }
.my-8  { margin-top:      8px !important;
         margin-bottom:   8px !important }
.my-10 { margin-top:    10px !important;
         margin-bottom: 10px !important }
.my-20 { margin-top:    20px !important;
         margin-bottom: 20px !important }
.my-auto, .mtmb-auto {
         margin-top :   auto !important;
         margin-bottom: auto !important }
.m-0 { margin: 0 !important }
.m-auto { margin: auto !important }

.mt-1r, .mt-1rem { margin-top:        1rem !important }
.mr-1r, .mr-1rem { margin-right:      1rem !important }
.mb-1r, .mb-1rem { margin-bottom:     1rem !important }
.ml-1r, .ml-1rem { margin-left:       1rem !important }
.mt-2r, .mt-2rem { margin-top:        2rem !important }
.mr-2r, .mr-2rem { margin-right:      2rem !important }
.mb-2r, .mb-2rem { margin-bottom:     2rem !important }
.ml-2r, .ml-2rem { margin-left:       2rem !important }
.mt-3r, .mt-3rem { margin-top:        3rem !important }
.mr-3r, .mr-3rem { margin-right:      3rem !important }
.mb-3r, .mb-3rem { margin-bottom:     3rem !important }
.ml-3r, .ml-3rem { margin-left:       3rem !important }
.mt-4r, .mt-4rem { margin-top:        4rem !important }
.mr-4r, .mr-4rem { margin-right:      4rem !important }
.mb-4r, .mb-4rem { margin-bottom:     4rem !important }
.ml-4r, .ml-4rem { margin-left:       4rem !important }
.mt-5r, .mt-5rem { margin-top:        5rem !important }
.mr-5r, .mr-5rem { margin-right:      5rem !important }
.mb-5r, .mb-5rem { margin-bottom:     5rem !important }
.ml-5r, .ml-5rem { margin-left:       5rem !important }
.mt-0_5r, .mt-0_5rem { margin-top:    0.5rem !important }
.mr-0_5r, .mr-0_5rem { margin-right:  0.5rem !important }
.mb-0_5r, .mb-0_5rem { margin-bottom: 0.5rem !important }
.ml-0_5r, .ml-0_5rem { margin-left:   0.5rem !important }
.mt-1_5r, .mt-1_5rem { margin-top:    1.5rem !important }
.mr-1_5r, .mr-1_5rem { margin-right:  1.5rem !important }
.mb-1_5r, .mb-1_5rem { margin-bottom: 1.5rem !important }
.ml-1_5r, .ml-1_5rem { margin-left:   1.5rem !important }
.mt-2_5r, .mt-2_5rem { margin-top:    2.5rem !important }
.mr-2_5r, .mr-2_5rem { margin-right:  2.5rem !important }
.mb-2_5r, .mb-2_5rem { margin-bottom: 2.5rem !important }
.ml-2_5r, .ml-2_5rem { margin-left:   2.5rem !important }
.mt-3_5r, .mt-3_5rem { margin-top:    3.5rem !important }
.mr-3_5r, .mr-3_5rem { margin-right:  3.5rem !important }
.mb-3_5r, .mb-3_5rem { margin-bottom: 3.5rem !important }
.ml-3_5r, .ml-3_5rem { margin-left:   3.5rem !important }
.mt-4_5r, .mt-4_5rem { margin-top:    4.5rem !important }
.mr-4_5r, .mr-4_5rem { margin-right:  4.5rem !important }
.mb-4_5r, .mb-4_5rem { margin-bottom: 4.5rem !important }
.ml-4_5r, .ml-4_5rem { margin-left:   4.5rem !important }
.mt-0_25r, .mt-0_25rem { margin-top:    0.25rem !important }
.mr-0_25r, .mr-0_25rem { margin-right:  0.25rem !important }
.mb-0_25r, .mb-0_25rem { margin-bottom: 0.25rem !important }
.ml-0_25r, .ml-0_25rem { margin-left:   0.25rem !important }
.mt-0_75r, .mt-0_75rem { margin-top:    0.75rem !important }
.mr-0_75r, .mr-0_75rem { margin-right:  0.75rem !important }
.mb-0_75r, .mb-0_75rem { margin-bottom: 0.75rem !important }
.ml-0_75r, .ml-0_75rem { margin-left:   0.75rem !important }
.mx-1r, .mx-1rem { margin-left:       1rem !important;
                   margin-right:      1rem !important }
.my-1r, .my-1rem { margin-top:        1rem !important;
                   margin-bottom:     1rem !important }
.mx-2r, .mx-2rem { margin-left:       2rem !important;
                   margin-right:      2rem !important }
.my-2r, .my-2rem { margin-top:        2rem !important;
                   margin-bottom:     2rem !important }
.mx-3r, .mx-3rem { margin-left:       3rem !important;
                   margin-right:      3rem !important }
.my-3r, .my-3rem { margin-top:        3rem !important;
                   margin-bottom:     3rem !important }
.mx-4r, .mx-4rem { margin-left:       4rem !important;
                   margin-right:      4rem !important }
.my-4r, .my-4rem { margin-top:        4rem !important;
                   margin-bottom:     4rem !important }
.mx-5r, .mx-5rem { margin-left:       5rem !important;
                   margin-right:      5rem !important }
.my-5r, .my-5rem { margin-top:        5rem !important;
                   margin-bottom:     5rem !important }
.mx-0_5r, .mx-0_5rem { margin-left:   0.5rem !important;
                       margin-right:  0.5rem !important }
.my-0_5r, .my-0_5rem { margin-top:    0.5rem !important;
                       margin-bottom: 0.5rem !important }
.mx-1_5r, .mx-1_5rem { margin-left:   1.5rem !important;
                       margin-right:  1.5rem !important }
.my-1_5r, .my-1_5rem { margin-top:    1.5rem !important;
                       margin-bottom: 1.5rem !important }
.mx-2_5r, .mx-2_5rem { margin-left:   2.5rem !important;
                       margin-right:  2.5rem !important }
.my-2_5r, .my-2_5rem { margin-top:    2.5rem !important;
                       margin-bottom: 2.5rem !important }
.mx-3_5r, .mx-3_5rem { margin-left:   3.5rem !important;
                       margin-right:  3.5rem !important }
.my-3_5r, .my-3_5rem { margin-top:    3.5rem !important;
                       margin-bottom: 3.5rem !important }
.mx-4_5r, .mx-4_5rem { margin-left:   4.5rem !important;
                       margin-right:  4.5rem !important }
.my-4_5r, .my-4_5rem { margin-top:    4.5rem !important;
                       margin-bottom: 4.5rem !important }
.mx-0_25r, .mx-0_25rem { margin-left:   0.25rem !important;
                         margin-right:  0.25rem !important }
.my-0_25r, .my-0_25rem { margin-top:    0.25rem !important;
                         margin-bottom: 0.25rem !important }
.mx-0_75r, .mx-0_75rem { margin-left:   0.75rem !important;
                         margin-right:  0.75rem !important }
.my-0_75r, .my-0_75rem { margin-top:    0.75rem !important;
                         margin-bottom: 0.75rem !important }

/* font-size */
.fs-8    { font-size: 8px !important }
.fs-9    { font-size: 9px !important }
.fs-10   { font-size: 10px !important }
.fs-10_5 { font-size: 10.5px !important }
.fs-11   { font-size: 11px !important }
.fs-11_5 { font-size: 11.5px !important }
.fs-12   { font-size: 12px !important }
.fs-13   { font-size: 13px !important }
.fs-14   { font-size: 14px !important }
.fs-15   { font-size: 15px !important }
.fs-16   { font-size: 16px !important }
.fs-18   { font-size: 18px !important }
.fs-20   { font-size: 20px !important }
.fs-8pt    { font-size: 8pt !important }
.fs-9pt    { font-size: 9pt !important }
.fs-10pt   { font-size: 10pt !important }
.fs-10_5pt { font-size: 10.5pt !important }
.fs-11pt   { font-size: 11pt !important }
.fs-11_5pt { font-size: 11.5pt !important }
.fs-12pt   { font-size: 12pt !important }
.fs-13pt   { font-size: 13pt !important }
.fs-14pt   { font-size: 14pt !important }
.fs-15pt   { font-size: 15pt !important }
.fs-16pt   { font-size: 16pt !important }
.fs-18pt   { font-size: 18pt !important }
.fs-20pt   { font-size: 20pt !important }
.fs-0_5r, .fs-0_5rem { font-size:     0.5rem !important }
.fs-0_625r, .fs-0_625rem { font-size: 0.625rem !important }
.fs-0_75r, .fs-0_75rem { font-size:   0.75rem !important }
.fs-0_875r, .fs-0_875rem { font-size: 0.875rem !important }
.fs-1r, .fs-1rem { font-size:         1rem !important }
.fs-1_125r, .fs-1_125rem { font-size: 1.125rem !important }
.fs-1_25r, .fs-1_25rem { font-size:   1.25rem !important }
.fs-1_375r, .fs-1_375rem { font-size: 1.375rem !important }
.fs-1_5r, .fs-1_5rem { font-size:     1.5rem !important }
.fs-1_625r, .fs-1_625rem { font-size: 1.625rem !important }
.fs-1_75r, .fs-1_75rem { font-size:   1.75rem !important }
.fs-1_875r, .fs-1_875rem { font-size: 1.875rem !important }
.fs-2r, .fs-2rem { font-size:         2rem !important }

/* line-height */
.lh-0_5r, .lh-0_5rem { line-height:     0.5rem !important }
.lh-0_625r, .lh-0_625rem { line-height: 0.625rem !important }
.lh-0_75r, .lh-0_75rem { line-height:   0.75rem !important }
.lh-0_875r, .lh-0_875rem { line-height: 0.875rem !important }
.lh-1r, .lh-1rem { line-height:         1rem !important }
.lh-1_125r, .lh-1_125rem { line-height: 1.125rem !important }
.lh-1_25r, .lh-1_25rem { line-height:   1.25rem !important }
.lh-1_375r, .lh-1_375rem { line-height: 1.375rem !important }
.lh-1_5r, .lh-1_5rem { line-height:     1.5rem !important }
.lh-1_625r, .lh-1_625rem { line-height: 1.625rem !important }
.lh-1_75r, .lh-1_75rem { line-height:   1.75rem !important }
.lh-1_875r, .lh-1_875rem { line-height: 1.875rem !important }
.lh-2r, .lh-2rem { line-height:         2rem !important }

/* text-align */
.ta-right, .al-right   { text-align: right !important }
.ta-center, .al-center { text-align: center !important }
.ta-left, .al-left     { text-align: left !important }

/* vertical-align */
.val-top    { vertical-align: top !important }
.val-middle { vertical-align: middle !important }
.val-bottom { vertical-align: bottom !important }

/* border-style */
.bs-none { border-style: none !important }
.bts-none { border-top-style: none !important }
.brs-none { border-right-style: none !important }
.bbs-none { border-bottom-style: none !important }
.bls-none { border-left-style: none !important }
.bts-solid { border-top-style: solid !important }
.brs-solid { border-right-style: solid !important }
.bbs-solid { border-bottom-style: solid !important }
.bls-solid { border-left-style: solid !important }
.bts-dotted { border-top-style: dotted !important }
.brs-dotted { border-right-style: dotted !important }
.bbs-dotted { border-bottom-style: dotted !important }
.bls-dotted { border-left-style: dotted !important }
tr.bs-none > td { border-style: none !important }
tr.bts-none > td { border-top-style: none !important }
tr.brs-none > td { border-right-style: none !important }
tr.bbs-none > td { border-bottom-style: none !important }
tr.bls-none > td { border-left-style: none !important }
tr.bts-solid > td { border-top-style: solid !important }
tr.brs-solid > td { border-right-style: solid !important }
tr.bbs-solid > td { border-bottom-style: solid !important }
tr.bls-solid > td { border-left-style: solid !important }
tr.bts-dotted > td { border-top-style: dotted !important }
tr.brs-dotted > td { border-right-style: dotted !important }
tr.bbs-dotted > td { border-bottom-style: dotted !important }
tr.bls-dotted > td { border-left-style: dotted !important }
table.bts-none > tr:first-child > td,
table.bts-none > tbody > tr:first-child > td { border-top-style: none !important }
table.brs-none > tr > td:last-child,
table.brs-none > tbody > tr > td:last-child { border-right-style: none !important }
table.bbs-none > tr:last-child > td,
table.bbs-none > tbody > tr:last-child > td { border-bottom-style: none !important }
table.bls-none > tr > td:first-child,
table.bls-none > tbody > tr > td:first-child { border-left-style: none !important }
table.bts-solid > tr:first-child > td,
table.bts-solid > tbody > tr:first-child > td { border-top-style: solid !important }
table.brs-solid > tr > td:last-child,
table.brs-solid > tbody > tr > td:last-child { border-right-style: solid !important }
table.bbs-solid > tr:last-child > td,
table.bbs-solid > tbody > tr:last-child > td { border-bottom-style: solid !important }
table.bls-solid > tr > td:first-child,
table.bls-solid > tbody > tr > td:first-child { border-left-style: solid !important }

.bs-table {
  border-width: 1px !important;
  border-color: #aaaaaa !important;
  border-collapse: collapse !important;
  border-spacing: 0px !important;
}

.bw-1 { border-width: 1px !important }

.w-fit, .w-fit-content {
  width: fit-content !important;
  width: -moz-fit-content !important;
}

div.row, div.hor {
  display: flex;
}

div.label {
  width: fit-content !important;
  width: -moz-fit-content !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: -2px;
}

table.sheet {
  border-collapse: collapse;
  width: 100%;
}

table.sheet td {
  border: 1px solid #aaaaaa;
  background-color: #ffffff;
  word-break: break-all;
  padding: 4px 4px;
  font-weight: normal;
  font-size: 10pt;
}

table.sheet th {
  border: 1px solid #aaaaaa;
  background-color: #cfddff;
  word-break: break-all;
  padding: 4px 8px;
  font-weight: normal;
  font-size: 10pt;
}

table.sheet td > table.bs-none th,
table.sheet td > table.bs-none td {
  background-color: #ffffff;
  border-style: none;
}

/* display */
.disp-flex, .row, .hor { display: flex }
.disp-inline { display: inline }
.disp-table-cell, .disp-cell, .cell { display: table-cell }
.disp-none { display: none }

.box { box-sizing: border-box }

input.readonly {
  border-style: none;
  background-color: transparent;
}
input.readonly:focus,
input.readonly:active {
  outline: 0 !important;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
}

.chk-group {
  display: flex;
  width: fit-content;
  width: -moz-fit-content;
}
.chk-group > .chk-item {
  margin-top: auto;
  margin-bottom: auto;
}
.chk-group > .chk-label {
  margin-left: 2px;
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 3px;
}