@charset "UTF-8";

/*!
Theme Name: Alier theme Classic
Author:     SureDesigns
Template:   twentytwentyone
Version:    1.0.0
*/

:root{
  --global--font-size-base: 1rem;
	--global--font-size-xs: 1rem;
	--global--font-size-sm: 1.1rem;
	--global--font-size-md: 1.15rem;
	--global--font-size-lg: 1.2rem;
	--global--font-size-xl: 2rem;
	--global--font-size-xxl: 3rem;
	--global--font-size-xxxl: 4rem;
	--global--font-size-page-title: var(--global--font-size-xl);
	--global--letter-spacing: normal;

  --global--key-color: #C8D6D6;
  --global--key-color-light: #F0F5F5;
  --global--key-color-dark: #466C84;

  --global--color-font-gray: #404444;
  --global--color-background-gray: #404444;
  --global--color-background-white: #f7fafc;
  --global--color-background-fff: #fff;
  --global--code-background: #EEE;
  --global--highlight-vivid: rgb(255, 235, 56);

  --global--secondary-color-light: #D6D2C7;
  --global--secondary-color: #d1b39f;
  --global--secondary-dark: #565047;

  --global--always-dark: #354a57;

  --global--font-tt-code: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace;
  --global--font-heading: "Red Hat Text", sans-serif;

  --global--font-article: "Zen Kaku Gothic", sans-serif;
  --global--font-article-antique: "Zen Kaku Gothic Antique", sans-serif;
  --global--font-jp-serif: "Noto Serif JP", serif;
  --global--font-serif: "Ysabeau Office", serif;
}
body{
  background: var(--global--key-color);
}
p{
  font-family: var(--global--font-article);
}
h1{
  margin-bottom: 0.5em;
}

.site-content{
  margin: 0 0em;
  background: var(--global--color-background-fff);
  overflow-wrap: normal;

}
hr{
  border-bottom-color: var(--global--key-color);
}
code {
  font-family: var(--global--font-tt-code);
  font-size: 1em;
  letter-spacing: -1px;
  background-color: var(--global--code-background);
  font-style: normal;
}
pre{
  padding: 1em;
}
.navi{
  font-family: var(--global--font-heading), sans-serif;
  font-weight: 700;
}
a{
  text-decoration: none;
}
a:hover{
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--global--key-color-dark);
}
a:active, button:active, button:focus, a:focus, a:focus img{
	background: transparent !important;
	background-color: inherit !important;
	outline: none !important;
  text-decoration: none !important;
}
span.symbol{
    font-family: "Material Symbols Outlined" !important;
    font-size: 1.3em;
    vertical-align: middle;
}

/*1023px以下*/
@media screen and (max-width: 1023px){
}

/*834px以下*/
@media (max-width: 768px){
  body {
    font-size: 85%;  
    overflow-x: hidden;
  }
}


/* theme */

:root[theme="dark"]{
  --global--color-primary: #EEE;
  --global--key-color-dark: #a1e4c7;
  --global--key-color-light: #3f4d4d;
  --global--color-background-white: #333;
  --global--color-font-gray: #ececec;
  --global--key-color: #515f5f;
  --global--color-background-fff: #333;
  --global--code-background: #555;

}
[theme="dark"] table tr:nth-child(even) {
  background: #333;
}
[theme="dark"] pre{
    scrollbar-color: var(--global--key-color) var(--global--color-background-gray);
}

/* footer */
[theme="dark"] .footer-external-links > a > svg{
	fill: white;
}