.table-of-contents-button {position: fixed; bottom: 86px; right: 15px; cursor: pointer; width: 52px; height: 52px; border: 2px solid #fff; border-radius: 8px; background-color: #26335e; color: #fff;
	text-align: center; z-index: 60; background-position: top; background-repeat: no-repeat; background-image: url(https://life-cdn.oricon.co.jp/img/common/table-of-contents-btn-01.png); opacity: 0.8; background-size: 32px;}
.table-of-contents-button:hover {background-color: #fff; color: #26335e; border: 2px solid #26335e; background-image: url(https://life-cdn.oricon.co.jp/img/common/table-of-contents-btn-02.png);}
.table-of-contents-button p.text {font-size: 11px; margin-top: 32px;}

.table-of-contents-container {width: 100%; height: 100%; position: fixed; top: 0; left: 0; text-align: center; background: rgba(0, 0, 0, 0.5); overflow: auto; opacity: 0; visibility: hidden; transition: .3s ease-out; z-index: 10010;}
.table-of-contents-container::before {content: ""; display: inline-block; vertical-align: middle; height: 100%;}
.table-of-contents-container.active {opacity: 1; visibility: visible;}
.table-of-contents-body {position: relative; display: inline-block; vertical-align: middle; max-width: 900px; width: 90%;}
.table-of-contents-close {position: absolute; top: -30px; right: 0; font-size: 14px; color: #fff; background: #18a; border: 3px solid #18a; padding: 4px 15px; cursor: pointer; border-radius: 5px 5px 0 0; font-weight: bold;}
.table-of-contents-content {background: #fff; border: 5px solid #18a; text-align: left; padding: 30px; font-size: 12px;}
.table-of-contents-content ul {display: flex; flex-wrap: wrap; padding-left: 20px; margin: 0 0 20px;}
.table-of-contents-content ul.navi {margin: 0 0 10px;}
.table-of-contents-content ul li {list-style: none; display: table;}
.table-of-contents-content ul.rankin li {width: 33%;}
.table-of-contents-content ul.other li {width: 33%;}
.table-of-contents-content ul.navi li {width: 25%;}
.table-of-contents-content li p {display: table-cell; padding-right: 10px;}
.table-of-contents-content li p.rank {width: 30px; text-align: right; padding-right: 2px;}
.table-of-contents-content div.navi {margin-left: 18px;}
.table-of-contents-content p.title {font-weight: bold; margin-bottom: 10px; font-size: 16px;}
.table-of-contents-content p.head {font-weight: bold; margin-bottom: 10px; font-size: 14px;}