span.highlight {
    font-weight: bolder;
    background-color: rgb(254 240 138);
}
span.highlight:where(.dark,.dark *) {
    font-weight: bolder;
    background-color: #7E3AF2;
}
a span.highlight {
    color: black;
}
a span.highlight:where(.dark,.dark *) {
    color: #76A9FA;
}
h2 span.highlight {
    border-radius: 16px;
}

/* tabulator */
.tabulator.bg-transparent .tabulator-header {
    background-color: transparent;
    border-bottom-width: 0px;
}
.bg-transparent.tabulator .tabulator-header .tabulator-col-content {
	background-color: rgb(249 250 251);
	color: rgb(55 65 81);
}
:where(.dark, .dark *) .bg-transparent.tabulator .tabulator-header .tabulator-col-content {
	background-color: rgb(55 65 81);
	color: rgb(156 163 175);
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-content .tabulator-col-sorter .tabulator-arrow
,
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow
{
	border-style: none;
	background: rgb(55 65 81);
	height: 16px;
	width: 12px;
	clip-path: polygon(0% 40%, 50% 0%,  100% 40%, 50% 30%, 0% 40%, 0% 60%, 50% 100%, 100% 60%, 50% 70%, 0% 60% );
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow
{
	border-style: none;
	height: 8px;
	clip-path: polygon(50% 0, 100% 100%, 0 100%);
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow
{
	border-style: none;
	height: 8px;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
}
:where(.dark, .dark *) .tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-content .tabulator-col-sorter .tabulator-arrow
,
:where(.dark, .dark *) .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow
,
:where(.dark, .dark *) .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=ascending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow
,
:where(.dark, .dark *) .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=descending] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow
{
	background: rgb(156 163 175);
}


/* span.separator */
span.separator { position: relative; }
span.separator:before, span.separator:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
span.separator:before { border-left: 1px solid #c0c0c0; }
span.separator:after { border-right: 1px solid #c0c0c0; }

.AccordionExpand :first-of-type.NextClose ~ :nth-child(2) {
	display: none;
}
.AccordionExpand .openclose {
  transition: transform 0.8s;
}
.AccordionExpand :first-of-type.NextClose .openclose {
  transform: rotate(180deg);
}

/* loading */
.sk-chase { width: 60px; height: 60px; position: relative; animation: sk-chase 2.5s infinite linear both; }
.sk-chase-dot { width: 100%; height: 100%; position: absolute; left: 0; top: 0; animation: sk-chase-dot 2.0s infinite ease-in-out both; }
.sk-chase-dot:before { content: ''; display: block; width: 25%; height: 25%; background-color: blueviolet; border-radius: 100%; animation: sk-chase-dot-before 2.0s infinite ease-in-out both; }
.sk-chase-dot:nth-child(1) { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2) { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3) { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4) { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5) { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6) { animation-delay: -0.6s; }
.sk-chase-dot:nth-child(1):before { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2):before { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3):before { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4):before { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5):before { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6):before { animation-delay: -0.6s; }
@keyframes sk-chase {
  100% { transform: rotate(360deg); } 
}
@keyframes sk-chase-dot {
  80%, 100% { transform: rotate(360deg); } 
}
@keyframes sk-chase-dot-before {
  50% {
    transform: scale(0.4); 
  } 100%, 0% {
    transform: scale(1.0); 
  } 
}


/* cookieSettings */
#cookieSettings details > summary::before {
    content: '▶';
    margin-right: 0.5rem;
    transition: transform 0.2s;
}
#cookieSettings details[open] > summary::before {
    transform: rotate(90deg);
}

/* slideinTop */
.slideinTop {
	animation: slideinTop 0.4s ease-out;
}
@keyframes slideinTop {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}

.sumituki-kakko::before {
  content: '【';
}
.sumituki-kakko::after {
  content: '】';
}

.kaku-kakko::before {
  content: '[';
}
.kaku-kakko::after {
  content: ']';
}
