#page.site {
top:40px;
}
.breadcrumb_box {
position: relative;
z-index: 999;
background: #f5f5f5;
}
.navigation-top.site-navigation-fixed {
height: 46px;
}
.custom-header,
.site-branding {
display: none;
}
.navigation-top {
position:fixed;
top: 0;
}
.top_nav_logo {
opacity: 1;
visibility: visible;
}
.entry-meta,
.entry-footer {
display: none;
} .open_toc button {
font-size: 11px;
height: 32px;
left:6px;
margin: 0;
padding:0;
position: fixed;
top: 3px;
visibility: visible;
width: 2em;
width: 32px;
z-index: 1001;
} .site-navigation-fixed .top_nav_logo {
left: 44px;
} #toc_area {
background: #f8f8f8;
background: linear-gradient(#f8f8f8 98%, #ffffff 100%);
box-sizing: border-box;
display: block;
display: flex;
flex-direction: column;
font-size: 12px;
height: 100vh;
left:-400px;
max-width: 400px;
min-width: 220px;
padding: 80px 1em 1em 1em;
position: fixed;
top: 0;
width: 75%;
z-index: 2;
} article {
font-size: .9rem;
}
.single .entry-title {
font-size: 20px;
}
.single .entry-content h2,
.single .entry-content h3,
.single .entry-content h4,
.single .entry-content h5 {
font-weight: 600;	
}
.single .entry-content h2 {
font-size:18px;
}
.single .entry-content h3 {
font-size: 17px;
}
.single .entry-content h4 {
font-size: 15px;
}
.single .entry-content h5 {
font-size: 14px;
} .entry-content #ez-toc-container {
display: none;
} .toc_container ul,
#toc_area ul {
list-style: none;
font-size: 13px;
margin:0 0 0 1em ;
padding: 0;
}
.toc_container ul li a,
#toc_area a {
color: #333;
padding: 2px 3px;
display: block;
}
.toc_container ul li a:hover,
#toc_area a:hover {
color: var(--txt-a,#13395a);
background: rgba(var(--rgb-softblue), .1 );
}
.dashicons {
vertical-align:middle;
font-size: 16px;
color: #bbb;
width: 18px;
height: 18px;
}
.toc_container ul li a:before,
.rtoc-mokuji-content ul li a:before {
content:"⚓︎";
font-size:13px;
padding-right:2px;
color:#ccc;
height: 13px;
}
ul.parent {
margin-left: 0;
}
ul.child > li,
ul.parent > li {
border-top: 1px solid #ccc;
}
li.current > a {
font-weight: 600;
}
li.current div {
background:inherit;
} .toc_content {
overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none;	
} .toc_content::-webkit-scrollbar{
display:none;
}
.toc_content::before {
content: "目次" ;
font-size: 16px; 
text-align: center;
color: #bbb;
padding-bottom: 1em;
}
.help .entry-header + div.post-thumbnail {
width: 40px;
height: 16px;
margin-bottom: 2em;
opacity: 0;
display: none;
}
.help .entry-header + div.post-thumbnail {
padding-bottom: 1rem;
} #toc_area:not(.open) + #primary { } @media screen and  (min-width: 601px) { .navigation-top.site-navigation-fixed {
height: 40px;
}
.open_toc button,
#toc_area {
visibility: visible;
}
.navi-fixed  #toc_area,
.navi-fixed .open_toc button {
visibility: visible;
}
#toc_area {
left:0;
width: 30%;
z-index: 1;
}
#primary {
opacity: 0;
transition: opacity .3s;
}
#toc_area.open + #primary {
margin: 0 2% 0 auto;
width: 65%;
max-width: 740px;
}
#toc_area:not(.open) + #primary {
margin: 0 auto ;
width: calc(100% - 4rem);
max-width: 740px;
}
.admin-bar .open_toc button {
top: 48px;
}
.admin-bar #toc_area {
top:46px;
}
}
@media screen and  (min-width: 783px) { .wrap.help_type {
display: flex;
justify-content: space-evenly;
flex-wrap: nowrap;
align-items: stretch;
position: relative;
}
.navigation-top.site-navigation-fixed {
height: 40px;
top: 0;
}
.navigation-top {
height: 40px;
top: 0;
} #secondary {
display: none;
position: fixed;
}
.secondary-open #secondary {
display: initial;
}
.secondary-open #secondary {
width: 33%;
right: 0;
}
#secondary {
position: fixed;
} #toc_area {
height: 100vh;
top: 40px;
left: 0;
bottom: 0;
float: left;
display: flex;
flex-direction: column;
}
#toc_area .toc_content {
position: sticky;
position: -webkit-sticky;
top: 80px;
display: flex;
flex-direction: column;
} .admin-bar .open_toc button {
top: 34px;
}
.admin-bar #toc_area {
top:12px;
}
}