@charset "UTF-8";
/*
 1.Basic Elements
 2.Generic Classes
 3.Basic Layout
 4.Content
*/
/***********************************************************
 1.Basic Elements
***********************************************************/
body {
	font-size: .9rem;
}
a {
	color: #337ab7;
}
a:hover {
  color: #0056b3;
  text-decoration: underline;
}
i.fas,
i.far {
  margin-right: 0.3rem;
}
img.link-logo {
  height: 20px;
  padding: 3px 0;
}
/* Search */
#searchbox input[type=text] {
  padding-left: 28px;
}
#searchbox {
  display: inline-block;
  position: relative;
}
#searchbox i {
  position: absolute;
  left: 10px;
  top: 8px;
  color: #9ba3b0;
}
#guest-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.markdown-body {
  font-size: 14px;
  padding: 1rem 0;
}
.markdown-body code {
  margin: 0 .25rem;
}
/* Acordion */
.markdown-body details summary {
  margin: 4px;
  outline: none;
  color: #0366d6;
}
.markdown-body details summary:hover {
  color: #0056b3;
}
.markdown-body h2 {
    font-size: 1.3em;
    margin-top: 3rem;
}
.markdown-body h3 {
    font-size: 1.1em;
}
.markdown-body h4 {
    margin-bottom: 8px;
    margin-top: 1rem;
}
.markdown-body hr {
    margin-top: 2.5rem;
}
.markdown-body li {
  line-height: 1.6;
}
/***********************************************************
 4.Content
***********************************************************/
#article table th {
  white-space: nowrap;
}
#article > ul {
	list-style-type: disc;
  margin: 8px 0 8px -8px;
}
#article > ul > li ul {
	list-style-type: circle;
	margin: .5rem 0;
}
#article ol {
  list-style-type: decimal;
  margin: 8px 0 8px -8px;
}
#article ol.alphabet-list {
  list-style-type: lower-alpha !important;
}
#article ol > li > ul,
#article ol > li > ul > li > ul {
	list-style-type: circle;
	margin: .5rem 0;
}
#article .badge {
  color: #fff;
  border-radius: 2px;
  font-size: 11px;
  font-weight: normal;
  padding: 1px 5px;
  margin-left: .5rem;
  vertical-align: 1px;
  white-space: nowrap;
}
#article .frame {
  font-size:13px;
  padding:15px;
  border:1px solid #c0c0c0;
  border-radius:4px;
  margin:5px 0 0;
}
#article .command-frame {
  background-color: #333;
  color: #fff;
  font-size:13px;
  padding:15px;
  border-radius:4px;
  margin:5px 0 0;
}
#article .fas,
#article .far {
  text-align: center;
	width: 24px;
}
#article .caution,
#article .memo {
  display: block;
	font-size: 0.8rem;
	color: #696969;
	padding: 2px;
}
#article .frame .memo,
#article .command-frame .memo {
  font-size: 95%;
}
#article .frame strong,
#article .command-frame strong {
  line-height: 2;
}
#article ul li.nodisc {
  list-style-type: none;
  margin-left: -15px;
}#article > ul > li.nodisc {
  margin-left: -25px;
}
/***********************************************************
 4.Content - textbook
***********************************************************/
p.count {
    padding: 5px 0;
}
/***********************************************************
 4.Content - Calendar
***********************************************************/
table#calendar td {
  border: 1px solid #e7e7e9;
  font-size: 14px;
  height: 70px;
  padding: 5px;
  text-align: left;
  vertical-align: top;
  width: 14.2%;
}
table#calendar th {
  font-size: .8rem;
  font-weight: normal;
  padding: 5px 10px;
  text-align: center;
}
table#calendar td:not(.cmonth) {
  opacity: .4;
}
table#calendar td.today {
  background-color: #fff0f5 !important;
}
table#calendar td.holiday {
background-color: rgba(218, 245, 211, 0.3);
}
table#calendar .cal-content {
  padding: 5px 0 0;
  text-align: center;
}
table#calendar td:not(.today) .cal-content img{
  opacity: 0.5;
}
table#calendar td:not(.today) .cal-content img:hover{
  opacity: 1;
}
#calendar .holiday-title {
  color: #808080;
  font-size: .75rem;
}
#calendar-link a,
#calendar-link a:hover  {
  color: #333;
}
.tt {
	font-size: .8rem;
  text-align: left;
}
.tt .name {
	font-size: .8rem;
	font-weight: 600;
	margin-bottom: 2px;
}
.tt .divider {
	height: 5px;
}
.tt .desc {
	border-top: 1px dotted #c0c0c0;
	padding: 4px 0;
	margin-top: 4px;
	font-size: .6rem;
}
.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity:0
}
.tooltip.show {
    opacity:.9
}
.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height:.4rem
}
.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style:solid
}
.bs-tooltip-auto[x-placement^=top], .bs-tooltip-top {
    padding:.4rem 0
}
.bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow {
    bottom:0
}
.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color:#000
}
.bs-tooltip-auto[x-placement^=right], .bs-tooltip-right {
    padding:0 .4rem
}
.bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow {
    left: 0;
    width: .4rem;
    height:.8rem
}
.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color:#000
}
.bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom {
    padding:.4rem 0
}
.bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow {
    top:0
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color:#000
}
.bs-tooltip-auto[x-placement^=left], .bs-tooltip-left {
    padding:0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-left .arrow {
    right: 0;
    width: .4rem;
    height:.8rem
}
.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color:#000
}
.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius:.25rem
}

/* Tool */
#skit-list td {
  vertical-align: top;
}
#skit-list details summary {
  cursor: pointer;
  font-size: 0.75rem;
  opacity: .75;
}
#skit-list details summary:hover {
  opacity: 1;
  text-decoration: underline;
}
#skit-list details .content table td  {
  font-size: 14px;
  padding: 2px 4px;
}
#skit-list details .content table td i.far {
  cursor: pointer;
  font-size: .7rem;
  margin-left: 4px;
  opacity: .4;
}
#skit-list details .content table td i.far:hover {
  opacity: 1;
}
#skit-list .highlight {
  background-color: yellow; /* ハイライトの色を変更したい場合はここで変更 */
}
#skit-list ol {
  list-style-type: decimal !important;
  margin: 0 0 0 24px;
}
#skit-list table.min-height {
  min-height: calc(100vh - 280px);
}