/* 基礎要素 */
header{
  padding: 1% ; /* ラインから表示までの幅 */
  width: 98%;
  text-align: center;
  top: 0px;
}
div.body {
  line-height: 200%; /* 行間の幅 */
  text-align: center; /* 要素の配置 */
  padding: 1% 0px 1% 0px;
  margin: 0px 2% 0px 2%;
  width: 94%;
}
footer {
  width:auto;
}
.index {
  border-color: rgb(100, 100, 100);
  border-width: 3px;
  border-style: solid;
}
h1, h2, h3, h4, h5, h6 {
  border-style: solid;
  border-width: 0 0 3px 13px;
  border-color: lime;
  text-align: left;
  color: floralwhite;
  padding: 0.6% 1%;
  width: 98%;
}
h1 {
  font-size: 1.9em;
}
h2 {
  font-size: 1.6em;
}
h3 {
  font-size: 1.3em;
}
h4 {
  font-size: 1.1em;
}
h5 {
  font-size: 1em;
}
pre {
  padding: 5px;
  margin: 2px;
  border-radius: 5px;
  background-color: slategray;
  font-family: monospace;
  font-weight: bold;
  color: black;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
pre::-webkit-scrollbar{
  display:none;
}
code {
  padding: 5px;
  margin: 2px;
  border-radius: 5px;
  background-color: slategray;
  font-family: monospace;
  font-weight: bold;
  color: black;
}
ul.links {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  list-style-type: square;
  list-style-position: inside;
  justify-content: flex-start;
  width: auto;
  height: auto;
}
ul.links li {
  list-style-position: inside;
  padding: 1%;
  margin: 0px;
  width: auto;
  height: auto;
}
ul {
  list-style-type: disc;
}
/*ul.links>*/li::marker {
  color: floralwhite;
}
/* 基礎要素 終了 */
/* 文字の装飾等 */
.big {
  font-size: 105%;
  font-weight: bold;
}
.small {
  font-size: 80%;
  line-height: 120%;
  margin: 2% 0px;
}
.middle {
  text-align: center;
  padding: 0px;
}
img.small {
  width: 10em;
}
img.midium {
  width: 20em;
}
/* 文字の装飾等 終了 */
/* サイト内の設定 */
.nospace {
  line-height: 200%; /* 行間の幅 */
  text-align: left; /* 要素の配置 */
  display: inline;
  margin: 0px;
  padding: 0px;
}
body {
  font-family: Hiragino Maru Gothic Pro W6, Hiragino Sans, Meiryo UI, Meiryo;
  margin: 0px;
  font-size: 105%;
  background-color: rgb(50, 50, 50);
}
@font-face {
  font-family: 'nicomoji-plus';
  src: url('/Fonts/nicomoji-plus.ttf');
  font-display: swap;
}
.body::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.body::-webkit-scrollbar-track {
  background-color: cornflowerblue;
  border-radius: 2.5px;
}
.body::-webkit-scrollbar-thumb {
  background-color: rgb(0 0 0 / 0%);
}
h2>a, h3>a, h4>a, h5>a, h6>a, p, span {
  text-align: left;
  width: fit-content;
  height: fit-content;
  color: floralwhite;
}
a {
  width: fit-content;
  height: fit-content;
  color: cornflowerblue;
}
/* サイト内の設定 終了 */
/* 没 */
div.placement > div {
  border-radius: 5px; /* 角の丸まり */
  background: rgb(248,255,117); /* 背景色 */
  border: 2px solid rgb(0,255,0); /* 線の色 */
  padding: 1em; /* ラインから表示までの幅 */
}
div.placement {
  display: grid; 
  grid-template-columns: 2 3 2; /* 分割 */
  grid-gap: 10px; /* ラインの外の空間 */
  margin-bottom: 20px; /* ライン端から表示場所までの幅 */
}
div.left {
  grid-row: 1 / 10 ; /* 縦 */
  grid-column: 1 / 3 ; /* 横 */
}
div.middle {
  grid-row: 1 / 10 ; /* 縦 */
  grid-column: 3 / 6 ; /* 横 */
}
div.right {
  grid-row: 1 / 10 ; /* 縦 */
  grid-column: 6 / 8 ; /* 横 */
}
/* 没 終了 */
ul.blogs-articles {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  width: auto;
  height: auto;
}
ul.blogs-articles li {
  list-style-type: none;
  padding: 1%;
  margin: 1%;
  width: auto;
  min-width: 48%;
  max-width: 100%;
  height: auto;
}
ul.bigcontent {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0px;
  width: auto;
  height: auto;
  padding: 0px;
}
ul.bigcontent li {
  list-style-type: none;
  padding: 1%;
  margin: 0px;
  width: 300px;
  height: 150px;
  
}
iframe.iframe {
  overflow: hidden;
  border: none;
  width: 100%;
  margin: 0px;
  padding: 0px;
}
.discord {
  background-image: url(/Images/discord-logo.gif);
  background-size: contain;
}
.github {
  background-image: url(/Images/github-logo.png);
  background-size: contain;
}
.instagram {
  background-image: url(/Images/instagram-logo.jpg);
  background-size: contain;
}
.pixiv {
  background: black url(/Images/pixiv-logo.png) no-repeat;
  background-size: contain;
}
.spotify {
  background: black url(/Images/spotify-logo.png) no-repeat;
  background-size: contain;
}
.youtube {
  background-image: url(/Images/youtube-logo.png);
  background-size: contain;
}
.account {
  border-radius: 5px;
  text-align: center;
  position: absolute;
  padding: 0px;
  margin: auto;
  max-width: 98%;
}
span.tpscemsae:hover {
  cursor: pointer;
}