
.base {
   background-color: #ffffff;
   padding: 32px 56px;
   margin: 20px 23% 20px 7%;
   color: rgb(51, 51, 51);
   font-family: "YakuHanJPs","-apple-system","BlinkMacSystemFont","Segoe UI","Hiragino Sans","Hiragino Kaku Gothic ProN","Meiryo",sans-serif;
   font-size: 16px;
   line-height: 30.4px;
   border-radius: 8px;
}

a {
   color: rgb(74, 172, 0);
   text-decoration: none;
}

a:hover {
   -webkit-text-decoration: underline currentColor;
   text-decoration: underline currentColor;
}

a:visited {
   color: #6200ac;
}

h1 {
   font-size: 28px;
   color: rgba(0, 0, 0, 0.87);
   margin: 8px 0px 0px 0px;
   padding: 0px;
   line-height: 1.4;
   font-weight: 600;
}

h2 {
   font-size: 1.53em;
   margin: 56px 0px 24px 0px;
   padding: 0px 0px 4px 0px;
   border-bottom-color: rgb(0 0 0 / 12%);
   border-bottom-style: solid;
   border-bottom-width: 1px;
   line-height: 1.4;
}

h3 {
   font-size: 22.4px;
   margin: 49px 0px 24px 0px;
   padding: 0;
   line-height: 33.6px;
}

h4 {
   font-size: 19.2px;
   margin: 42px 0px 16px 0px;
   padding: 0;
   line-height: 28.8px;
}

p.reference {
   margin-left: 1rem;
   transform:skewX(-15deg);
   display:block;
}

div.reference {
   margin-left: 1rem;
   margin-bottom: 2em;
   transform:skewX(-15deg);
   display:block;
}

div.ai {
   background-color: #f8f8f8;
   padding: 1rem;
   margin: 1rem;
   border-radius:8px;
}

div.ai h1 {
   font-size: 1.6em;
   padding: 0px;
   margin: 0px 0px 8px 0px;
}

div.ai h2 {
   font-size: 1.4em;
   border-bottom: none;
   padding: 0;
   margin: 16px 0px 4px 0px;
}

div.ai h3 {
   font-size: 1.2em;
   border-bottom: none;
   padding: 0;
   margin: 16px 0px 4px 0px;
}

div.ai hr {
   border: 0.1px solid rgb(0 0 0 / 12%);
   height: 0.1px;
   margin-top: 2em;
   margin-bottom: 2em;
}

div.ai div.reference {
   margin-top: -0.5em;
   margin-bottom: 1em;
   transform:skewX(-15deg);
   display:block;
}

img {
   margin: 24px 0px 24px 0px;
   max-width: 100%;
}

img#fc2analyzerimg_ {
   margin: 0;
}

p > code {
/*   box-sizing: border-box;*/
   background-color: rgb(238, 238, 238);
   color: rgb(51, 51, 51);
   font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
   font-size: 16px;
   line-height: 30.4px;
/*   overflow-wrap: break-word;*/
   padding: 1.6px 4px 1.6px 4px;
   margin: 0px 2px 0px 2px;
   border-radius: 4px;
}

ul.tag {
   display: flex;
   list-style: none;
   gap: 4px;
   padding: 0px;
   margin: 16px 0 0 0;
}

ul.tag > li {
   background-color: rgb(237, 238, 238);
   border-radius: 4px;
   color: rgba(0, 0, 0, 0.6);
   font-family: "YakuHanJPs","-apple-system","BlinkMacSystemFont","Segoe UI","Hiragino Sans","Hiragino Kaku Gothic ProN","Meiryo",sans-serif;
   font-size: 14px;
   line-height: 1.5;
   padding: 0px 6px;
   margin: 0;
}

pre.directory {
   border: 0px;
   background-color: rgb(54,69,73);
   color: #e3e3e3;
   margin: 21px -32px 21px -32px;
   padding: 1.8em 0px 1.8em 35px;
   overflow-x: auto;
   line-height: 1.18em;
   font-family: /*"SFMono-Regular",*/ Consolas, "Liberation Mono", Menlo, Courier, monospace;
   font-size: 16px;
}

pre.directory > img {
   vertical-align: middle;
   height: 16px;
   padding: 0;
   margin: 0 2px 0 2px;
}

pre.command {
   border: 0px;
   background-color: rgb(54,69,73);
   color: #e3e3e3;
   margin: 21px -32px 21px -32px;
   padding: 1.8em 0px 1.8em 35px;
   overflow-x: auto;
   line-height: 1.2em;
   font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
   font-size: 14.4px;
}

pre.bat {
   border: none;
   color: #e3e3e3;
   margin: 0;
   padding: 0;
   overflow-x: auto;
   line-height: 1.2em;
   font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
   font-size: 14.4px;
   scrollbar-width: thin;
   scrollbar-color: rgb(80,90,90) rgba(0,0,0,0);
}

span.caption {
   display: inline-block;
   _position: relative;
   transform: translateY(-8px);
   margin: 0px;
   padding: 2px 8px;
   _font-size: 1.2em;
   line-height: 1.7;
   background-color: rgb(119,119,119);
   color: rgb(238,238,238);
   border-radius: 0 0 4px 4px;
}

pre.bat > span.caption {
   position: relative;
   top: -9px;
   padding: 2px 4px 2px 4px;
   margin: 0px;
   background-color: rgb(119,119,119);
   color: rgb(238,238,238);
}
/*
li span.caption {
   position: relative;
   top: -4px;
   margin: 0px;
   padding: 2px 4px 2px 4px;
   background-color: rgb(119,119,119);
   color: rgb(238,238,238);
}
*/

table {
   border-collapse: collapse;
   border: 1px solid rgb(221, 221, 221);
   font-size: 16px;
   margin: 24px 0px 24px 0px;
}

tr {
   margin: 0px;
   padding: 0px;
}

th, td {
   border: 1px solid rgb(221, 221, 221);
   padding: 4px 12px;
}

hr.slash-3 {
   border: 0;
   height: 10px;
   background-image: linear-gradient(45deg,
      rgba(0,0,0,0),
      rgba(0,0,0,0) 33.33%,
      #55aaff 33.33%,
      #55aaff 66.67%,
      rgba(0,0,0,0) 66.67%,
      rgba(0,0,0,0) 100%
   );
   background-size: 10px 100%;
   margin: 20px 0px 20px 0px;
}
