@charset "UTF-8";

/* To Top () */
.page-top {display:none;float:right;color:var(--pagetop-icon-color);margin-top:0.8rem;}
.page-top:hover {color:var(--pagetop-hover-color);}
.page-top::after {content:'PAGE TOP';font-size:8px;}
#story::after {contet:"";clear:both;}


/* Display Mobile Menu */
.mobile-menu button {position:relative;z-index:100;}
.mobile-menu-container {display:none;position:relative;width:256px;max-height:calc(100vh - 70px);margin-left:-5px;padding-top:0.6rem;padding-bottom:3rem;background:var(--toc-bgcolor);overflow-y:auto;z-index:200;}
.mobile-menu-container li {padding:0.5rem 0.9rem 0.5rem 1.1rem;}
.mobile-menu-container li.toc-heading {font-size:1rem;line-height:1.4;color:var(--toc-text-color);padding-bottom:2px;border-bottom:solid 2px var(--toc-border-color);}
.mobile-menu-container li.toc1 {font-size:0.9rem;line-height:1.3;color:var(--toc-text-color);border-bottom:solid 1px var(--toc-border-color);}
.mobile-menu-background {display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,0.3);z-index:150;}
.fa-times {display:none;}


/* <H2> Content Folding */
h1 {margin-right:40px;}
h2:after {content:'\f103';font-family:'Font Awesome 5 Free';font-weight:900;color:var(--double-arrow-color);padding-left:8px;}
.h2-open:after {content:'\f102';font-family:'Font Awesome 5 Free';font-weight:900;color:var(--double-arrow-color);padding-left:8px;}
.h2-container {display:none;}
.h2-close {display:block;color:var(--double-arrow-color);text-align:right;}
#h2-all-open-close {position:sticky;width:34px;height:0;top:0;margin-left:auto;}
#h2-all-open-close button {width:34px;height:30px;margin-left:1px;padding:1px;border:1px solid var(--button-border-color);border-radius:3px;}
#h2-all-open-close button {
  background: -webkit-gradient(linear, left top, left bottom, from(var(--button-upper-color)), to(var(--button-lower-color)));
  background: -moz-linear-gradient(top, var(--button-upper-color) 30%, var(--button-lower-color) 90%);
  background: linear-gradient(to bottom, var(--button-upper-color) 30%, var(--button-lower-color) 90%);
}
.fa-plus, .fa-minus {font-size:1.4em;vertical-align:-.15em;color:var(--header-text-color);}
.fa-minus {display:none;}
h2 {margin-top:1.5rem;}

/* 各要素の個別設定(タブレット、スマホ) */
@media screen and (max-width: 960px) {
  #h2-all-open-close {position:fixed;width:34px;height:0;top:78px;right:16px;}
}

#h2-all-open-close {display:none;}


/* Internal Search */
.internal-search button {position:relative;z-index:100;}
.isearch-dialog {display:none;position:absolute;top:41px;right:0;width:210px;height:40px;padding:0 7px;background:var(--header-color);z-index:200;}
input[name="q"] {position:absolute;top:7px;width:167px;height:26px;padding-left:13px;padding-bottom:1px;font-size:14px;border:1px solid var(--button-border-color);border-radius:13px 0 0 13px;}
.isearch-dialog .textclear {}
.isearch-dialog .fa-times-circle {position:absolute;top:13px;left:156px;font-size:12px;color:#a8a8a8;}
.isearch-dialog .fa-search {color:var(--header-color);}
.isearch-dialog button {position:absolute;top:7px;left:174px;width:30px;height:26px;padding-left:0px;background:var(--button-border-color);border-radius:0 13px 13px 0;}
.isearch-background {display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,0.3);z-index:150;}
#search-result {padding-bottom:1.5rem;}
#search-result-heading {display:block;font-size:120%;font-weight:bold;}