@charset "utf-8";
html {
 overflow-x: auto;
 overflow-y: auto;
}
body {
   line-height: 1.25rem;   

}
.hero {
    align-items: center;
    justify-content: center;
}
.navbar {
        padding: 0 2rem;
}
.box {
    border-radius: 10px;
}

.table th {
    border: 1px solid #333333;
    vertical-align: middle;
    padding: 5px;
}
.table td {
    border: 1px solid #333333;
    vertical-align: middle;
    text-align: center;
    padding: 5px;
}
.modal-card {width: 70%;}

#cp-set .columns {
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 30px;
}
.square {
    border-radius: 3px;
    border: 2px solid #cecece;
}
.is-borderless th {
    border: 0px;
}
.is-borderless td {
    border: 0px;
}
.add-row {width:20px;height:26px;}
.modal-small {width: 420px;}
.bg-new {background: #4CC88D;}
.bg-edit {background: #FFDD8E;}
.bg-edit-part {background: #00FFFF;}
.bg-delete {background: #F24466;}
.select-checked {
    background-color: aqua;
}
.handle:hover {
    cursor: pointer;
}
.table-container {
 height: 70vh;
 overflow-x: auto;
 overflow-y: auto;
}
.sticky-table {
    border-collapse:separate;
    font-size: 14px;
    margin-right: 1px;
}
.sticky-table thead {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  white-space: nowrap;
  background: #dbdbdb;
  z-index: 3;
}
.sticky-table tbody td:nth-child(1){
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 2;
  background: #fff;
}
.sticky-table tbody td:nth-child(2){
  position: -webkit-sticky;
  position: sticky;
  left: 80px;
  z-index: 2;
  background: #fff;
}
.sticky-table tbody td:nth-child(3){
  position: -webkit-sticky;
  position: sticky;
  left: 392px;
  z-index: 2;
  background: #fff;
}

/* .th:nth-child(2){
  position: -webkit-sticky;
  position: sticky;
  left: 80px;
  z-index: 2;
}
.th:nth-child(3){
  position: -webkit-sticky;
  position: sticky;
  left: 392px;
  z-index: 2;
} */


.sticky-table thead .fixed01 {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 80px;
  z-index: 9;
  background: #dbdbdb;
}
.sticky-table td {min-width: 80px;}
.sticky-table tbody {
  min-width: 340px;
}
.sticky-table thead .fixed02 {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 391px;
  z-index: 9;
  background: #dbdbdb;
}
.sticky-table input[type=text] {
    width: 200px;
}
.sticky-table .half-size textarea {
    width: 150px;
}
.sticky-table .wide-size textarea {
    width: 600px;
}
.sticky-table textarea {
    width: 300px;
}
.sticky-table .half-size textarea {
    width: 150px;
}

textarea.regulations_relation{
  width:200px;
  height:44px;
  resize:vertical;
}

.keyword4 {
  width: 150px !important;
}
.co {
  width: 500px !important;
}
.name_change {
  width: 250px !important;
}
.sticky-table-CN {
    border-collapse:separate;
    font-size: 14px;
    margin-right: 1px;
}
.sticky-table-CN thead {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  white-space: nowrap;
  background: #dbdbdb;
  z-index: 3;
}
.sticky-table-CN tbody td:nth-child(1){
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 2;
  background: #fff;
} 
.sticky-table-CN tbody td:nth-child(2){
  position: -webkit-sticky;
  position: sticky;
  left: 340px;
  z-index: 2;
  background: #fff;
}
.sticky-table-CN thead .fixed01 {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 9;
  background: #dbdbdb;
}
.sticky-table-CN thead .fixed02 {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 340px;
  z-index: 9;
  background: #dbdbdb;
}
.sticky-table-CN td {min-width: 150px;}
.sticky-table-CN tbody td:nth-of-type(1){
  min-width: 340px;
}
.sticky-table-CN input[type=text] {
    width: 300px;
}
.sticky-table-CN textarea {
    width: 300px;
}
.sticky-table-CN .half-size textarea {
    width: 150px;
}
.sticky-table-CN .wide-size textarea {
    width: 600px;
}





td.jp-en > p:first-child:before {
  content: "JP";
  position: relative;
  top: 0px;
  left: 0px;
  font-size: 13px;
  color: #fff;
  background-color: #000;
  border-radius: 30%;
  padding: 1px 5px;
  margin-right: 5px;
}

  
td.jp-en > p:last-child:before {
  content: "EN";
  position: relative;
  top: 0px;
  left: 0px;
  font-size: 13px;
  color: #fff;
  background-color: #000;
  border-radius: 30%;
  padding: 1px 5px;
  margin-right: 5px;
}
.index1 {
  width: 298px;
  position: sticky;
  z-index: 9;
}

ins {
  background-color: #ffb6c1;
  text-decoration: none;
}

del {
  background-color: #d3d3d3;
  /* text-decoration: none; */
}

.sinki {
  background: #4CC88D !important ;
}
.henkou {
  background: #FFDD8E !important ;
}
.sakuzyo {
  background: #F24466 !important ;
}
.white {
  background: #FFF;

}

.blank {
  margin-left: 10px;
}



.comment1 {
  border: 1px solid black;

}
.comment2 {
  border: 1px solid black;
  width: 400px;
}

.legal-list {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size:0.8em;
}

.legal-list li {
  display: flex;
  align-items: center;
  line-height: 1.5em;
}

.legal-list li .lg-number {
  margin-right: 10px;
  font-weight: bold;
}

ul.other-text{
  display: flex;
  justify-content: space-between;
  padding: 5px;
  background: #fefefe;
}
ul.other-text>li{
  border: 1px solid #999;
  padding: 10px 30px;
  margin: 0;
  list-style: none;
  background: #FFF;
  text-align: left;
}

.other-comment-text {
  border: 1px solid #999;
  padding: 10px 30px;
  margin: 0;
  list-style: none;
  background: #FFF;
  text-align: left;

}

#cp_edit_form_save {
  margin-bottom: 100px;
}

.ws {
  position: sticky;
  top: 0;
  left: 0px;
  z-index: 9;
  background: #dbdbdb;
}


td.changetype .is-info {
  background-color: #3e8ed0;
  border-color: transparent;
  color: #fff;
  border-radius: 2px;
  font-size: 20px;
  border-width: 1px;
  justify-content: center;
  padding-bottom: calc(0.5em - 1px);
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-top: calc(0.5em - 1px);
  text-align: center;
}


td.changetype .is-primary {
  background-color: #00d1b2;
  border-color: transparent;
  color: #fff;
  border-radius: 2px;
  font-size: 20px;
  border-width: 1px;
  justify-content: center;
  padding-bottom: calc(0.5em - 1px);
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-top: calc(0.5em - 1px);
  text-align: center;
}


td.changetype .is-danger {
  background-color: #f14668;
  border-color: transparent;
  color: #fff;
  border-radius: 2px;
  font-size: 20px;
  border-width: 1px;
  justify-content: center;
  padding-bottom: calc(0.5em - 1px);
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-top: calc(0.5em - 1px);
  text-align: center;
}