/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 28 2026 | 04:47:47 */
body:not(.home).page #primary .entry-content ul.index-in-page {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin-left: -0.2rem;
    margin-right: -0.2rem;
    position: relative;
    border: solid 1px #aaa;
    border-radius: .4rem;
    padding: 1.5em 1em .8em;
    background: #f3f3f3;
}

@media only screen and (max-width: 767px) {
    body:not(.home).page #primary .entry-content ul.index-in-page {
		display:block;
        padding: 1.5em .8em .5em;
    }
}

body:not(.home).page #primary .entry-content ul.index-in-page:before {
    content: "目次";
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    width: 5em;
    height: 1.5em;
    background: #aaa;
    color: #fff;
    position: absolute;
    top: 0;
    left: -0.5em;
    font-size: .8em;
    transform: translateY(-50%);
}

body:not(.home).page #primary .entry-content ul.index-in-page li {
    list-style: none;
    margin: 0 0 .5rem;
    padding: 0;
    width: 100%;
    position: relative;
}

@media print, screen and (min-width: 768px) {
    body:not(.home).page #primary .entry-content ul.index-in-page li {
        width: 50%;
    }
}

@media print, screen and (min-width: 992px) {
    body:not(.home).page #primary .entry-content ul.index-in-page li {
        width: 33.3333%;
    }
}

@media print, screen and (min-width: 1200px) {
    body:not(.home).page #primary .entry-content ul.index-in-page li {
        width: 25%;
    }
}

body:not(.home).page #primary .entry-content ul.index-in-page li:before {
	display:none;
}

body:not(.home).page #primary .entry-content ul.index-in-page li a {
    display: block;
    color: #333;
    padding: .4rem 1rem .4rem 2rem;
    line-height: 1.3;
    transition: all .3s ease;
    transform: translateY(0);
    position: relative;
}

body:not(.home).page #primary .entry-content ul.index-in-page li a:hover {
    text-decoration: none;
    transform: translateY(0.3em);
}

body:not(.home).page #primary .entry-content ul.index-in-page li a:before {
    content: "";
    display: block;
    width: 1.1rem;
    height: 1.1rem;
    background-color: #0091e5;
    position: absolute;
    top: calc(50% - .55rem);
    left: .5rem;
    border-radius: 100%;
}

body:not(.home).page #primary .entry-content ul.index-in-page li a:after {
	content: "";
	position: absolute;
	left:.85rem;
	top: .8em;
	width: .4rem;
	height: .4rem;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
	transform-origin: center;
}