@charset "utf-8";


#main {
   padding: 32px;
}

#content h1.entry-title {
   color: rgba(18,35,63,1.0);
   text-align: center;
   font-size: 2rem;
   font-family: "M PLUS Rounded 1c", "源泉丸ゴシック", "Sawarabi Mincho";
   font-weight: 500;
   line-height: 1em;
   padding-top: 0.5em;
   padding-right: 0;
   padding-bottom: 0.5em;
   padding-left: 5px;
   margin-top: 0em;
   margin-bottom: 0em;
   border-right: solid 8px rgba(136,228,220,1.00);
   border-left:  solid 8px rgba(136,228,220,1.00);
   border-top: none;
   border-bottom: none; 
   position: relative;
}

#content h1.entry-title::before{
   content:"";
   display:block;
   width:100%;
   height:1px;
   background-color: rgba(127,105,111,0.1);
   position:absolute;
   top:-0.5em;
   left:0px;
}
#content h1.entry-title::after{
   content:"";
   display:block;
   width:100%;
   height:1px;
   background-color: rgba(127,105,111,0.1);
   position:absolute;
   bottom:-0.5em;
   left:0px;
}

#content div.entry-content h2 {
   background-color: #FEf7cE;
   border-top: solid 1px #eFbC7C;
   padding: 2px 0 4px 5px;
   margin-top: 2rem;
   margin-bottom: 2rem;
   text-align: center;
   font-family: "M PLUS Rounded 1c", "源泉丸ゴシック";
   font-size: 1.6em;
   font-weight: 500;
}

#content h3 {
   font-weight: bold;
   color:#663333;
   margin-top: 2rem;
   margin-bottom: 1rem;
   font-size: 1.4em;
}

#content p{
   line-height: 1.9;
}

.kakomi {
   border-width: 1px;
   border-style: solid;
   border-color: #FF6666;
   padding: 3px;
   background-color: #FFEBEB;
}

#content .footer a {
   color: #000000;
   text-decoration: none;
}

#content .footer a:hover {
   color: #ffffff;
   background-color: #0f73b5;
}

#footer_bottom {
   background-color:#7F544F; padding: 3px 6px;
   margin: 0;
   color: #ffffff;
}

#content .kakomi2 {
   border-width: 1px;
   border-style: solid;
   border-color: #FF3333;
   padding:3px;
}

#content .h2x {
   background-color: #ffffff;
   border-top: double 3px #E7AA41;
   padding: 8px 5px 4px 5px;
   margin:12px 0 12px 0;
   text-align: center;
}

#content .h2y {
   background-color: #ffffff;
   border-top: double 3px #ffffff;
   padding: 8 0 4px 5px;
   margin:12px 0 12px 0;
   text-align: center;
}
.page{
   margin: 0;
}



/* TOC */

.sticky {
   position: -webkit-sticky;
   position: sticky;
   top: 10px;
}
#toc {
   overflow-y: auto;
   max-height: 100vh;
}
#toc a:hover {
   background-color: #e6e5e0;
   color: #333;
}
#toc .toc-active {
   background-color: #efefef;
   color: #333;
}
#toc a {
   display: block;
   padding: 4px 8px;
   color: #85837a;
   text-decoration: none;
   line-height: 1;
}
#toc li {
   margin: 4px 0;
}
#toc .toc-h3 {
   padding-left: 1em;
}