/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 07 2025 | 04:00:54 */
/*------------------------------------------------------------
目次
--------------------------------------------------------------*/
.toc{
   position: relative;
}
.toc-title {
   position: relative;
   font-size: 20px;
   font-weight: bold;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 40px 0 5px!important;
   text-align: left;
   min-width: 100%;
}
.toc-title::after {
   content: '';
   width: calc(100% - 65px);
   height: 1.5px;
   background-color: #bdc2d2;
   margin-left: 23px;
}
.toc::after {
    content: '';
    position: absolute;
    width: 100%;
    height: .5px;
    bottom: 0;
    left: 0;
    background-color: #bdc2d2;
}
.toc-container a{
    color: rgb(52 113 209);
 	font-size:1rem;
}
.toc-container ol li {
  position:relative;
  counter-increment : FirstNode;
  line-height:1.8em;
  padding-left: 1.5ch!important;
}
.toc-container li li {
  counter-increment : SecondNode;
}
.toc-container li:nth-child( -n + 9)::before {
    color: rgb(105 163 201);
    content : counter(FirstNode);
    position: absolute;
    left: -6px;
    font-size:1.1em;
}
.toc-container li:nth-child( n + 10)::before{
   color: rgb(27, 97, 201);
   content : counter(FirstNode);
   position: absolute;
   left: -14px;
   font-size:1.1em;
}
.toc-container li:nth-child( n + 10) li:nth-child( -n + 9)::before{
   left: -35px!important;
}
.toc-container li li:nth-child( -n + 9)::before {
  content : counter(FirstNode) '. ' counter(SecondNode);
  position: absolute;
  left: -25px;
}
.toc-container li li:nth-child( n + 10)::before {
   content : counter(FirstNode) '. ' counter(SecondNode);
   position: absolute;
   left: -34px;
 }
.toc-container li:nth-child( n + 10) li:nth-child( n + 10)::before {
left: -45px;
} 
.toc-container {
  margin: 0 10px 30px 10px;
  padding: 0 36px 28px 17px;
}
.toc-container ol {
   list-style-type: none!important;
}
.toc-container>ol {
  padding: 12px 0 12px 36px!important;
  margin: 0;
}
.toc-container ol ol {
   padding: 0 0 0 1em;
}
.toc>li:not(:last-of-type) {
   padding: 8px 0 5px;
   border-bottom: 1px solid #dce8eb;
}
.toc>li:last-of-type {
   padding: 8px 0 5px;
}
#article h2{
   font-size: 26px;
   text-align: left;
   padding: 10px 20px;
   background-color: #fcfcb0;
   border-bottom: 2px solid #ffd6b3;
   border-left: 5px solid #ffd6b3;
}
#article h2::after{
   content: none;
}
#article mark {
    background-color: transparent !important;
    background: linear-gradient(transparent 60%, #faffbd 0%);
}
#article h3{
	margin: 10px 0 30px 5px;
    font-size: 22px!important;
    padding: 10px 20px!important;
	border-bottom: 1px solid #f5dfc5;
	background-color: #fcfcb0!important;
}
#article h3::before {
    content: '\2605';
    margin-right: 10px;
}
.std ::marker{
	color: #ff9200;
}
#article{
	padding: 0px 5px!important;
}
.eye-catch img{
	aspect-ratio: 22/13;
	object-fit: cover;
}
/*********************************************************************************
480px
**********************************************************************************/
@media screen and (max-width: 480px){
.toc-container {
    margin: 0 10px 30px 10px;
    padding: 0 0px 28px 0px;
}
#article .uagb-column__inner-wrap {
    padding: 0px!important;
}
.toc-container>ol {
    padding: 12px 0 12px 15px !important;
    margin: 0;
}
}