.update-title{color:#ff7f26; font-weight:bold;margin-bottom:0.15em}

.white-box-title{color:white;border-bottom:solid 1px white;margin-bottom:0.5em;text-shadow:2px 2px black}
.white-box{border:solid 4px white;padding:0.5em;margin-bottom:2.5em;box-shadow:5px 5px black}
.about-notice{padding:0.5em;background:black;}

.sitemap-link1{margin-bottom:1.5em}
.sitemap-link1:last-child{margin-bottom:0}
.sitemap-link2{margin-left:1.5em}

.thinbox{border:solid 1px #abb8c8;padding:0.4em;text-align:center;margin:1em 0;}
.webringlist{display:flex;flex-wrap:wrap;justify-content:center;gap:0.8em 0.5em}
.webringlist img{vertical-align: bottom;image-rendering:pixelated}
.img88-31 img{width:88px;height:31px;margin:0 auto;image-rendering:pixelated}


body{background-image: url("https://file.garden/aPG0F9g4jk-62-d8/images/dororo");background-position: bottom right;background-repeat:no-repeat;}

html {scroll-behavior:smooth;color:#fff;background-color:#151d28}

/*リンク*/
.content a:link {color:#32d560;text-shadow:1px 1px black;text-decoration:none}
.content a:visited{color:#32d560;text-shadow:1px 1px black;text-decoration:none}/*#09ab6b*//*#22b14c*/

/*グリッド線*/
.gridbox{background-image:linear-gradient(0deg,transparent calc(100% - 1px),#22b14c calc(100% - 1px)),linear-gradient(90deg,transparent calc(100% - 1px),#22b14c calc(100% - 1px));background-size:28px 28px;background-repeat:repeat;background-position:center center;padding:1em}

/*▽▽レスポンシブ2列横並び▽▽*/
@media (min-width:751px){
  .yokonarabe{display:flex;justify-content:space-between;align-items: flex-start;gap:1em}
  .yokonarabe>.left{width:32%;box-sizing:border-box; position:relative}
  .yokonarabe>.right{width:64%;box-sizing:border-box}

  /*スマホでのみ表示*/
  .sm-only {display: none}     
}
/*△△レスポンシブ2列横並び△△*/


/*（）内の文字をグレーにする*/
.brackets{color:#aaa}

/*▽▽スクロール編集▽▽*/
.update-scroll-box {
  font-size: 0.8em;  padding: 0.3em 0.7em; border: solid 5px;aspect-ratio: 5 / 2;
  overflow-x: hidden;
  overflow-y: scroll;}
.update-scroll-box::-webkit-scrollbar {
  background: #000;}
.update-scroll-box::-webkit-scrollbar-thumb {
  background-color: white;
  border: 2px solid white;}
　/*カーソル当てたとき*/
.update-scroll-box::-webkit-scrollbar-thumb:hover {
  background-color: red;}
/*△△スクロール編集△△*/

/*タイプライター*/
.typing-animation {font-size:2em;text-align:center;font-weight:bold;text-shadow:3px 3px black}
.typing-animation::after {
  content: '';
  border-right: 2.5px solid #fff;
  margin-left: 2px;
  box-shadow:3px 3px black;
  animation: flashing 1s linear infinite;
  opacity: 0;}
@keyframes flashing {
  0%, 100% {opacity: 0;}
  50% {opacity: 1;}}
  
/*横自動スクロール文字*/
.marquee {
width: 100%;
overflow: hidden;}
.marquee > span {
display: inline-block;
white-space: nowrap;
padding-left: 100%;
animation-name: MarqueeScroll;
animation-timing-function: linear;
animation-duration: 25s; /* 1周するのにかかる時間 */
animation-iteration-count: infinite; /* 繰り返す回数 */}
@keyframes MarqueeScroll {
from { transform: translateX(0);}
to { transform: translateX(-120%);}
}

/*回転アニメーション*/
.rotate {
  animation: rotation 6s linear infinite;}
@keyframes rotation {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}}
  
/*有償依頼バナー*/  
.artbanner{border:solid 1px white;display:block;margin:0 auto;width:90%;text-align:center}
.artbanner>img{width:100%; height:auto; display:block}  

.q{font-weight:bold}     
.a{padding-left:0.7em;padding-bottom:1em;border-bottom:dashed 0.7px #aaa;margin-bottom:1em} 
.a:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0;}
  
.lightbox img, .prohibited {
  pointer-events: none;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
  touch-callout:none;
  user-select:none;
}

/*タブ切り替え*/
.tab-switches {display:flex;gap:0.5em;margin-bottom:1em;color:#ff7f26}
.tab-button {font-size:0.8em;border: solid 2px #ff7f26;padding:0.2em;width:100px;text-align:center;cursor:pointer;background:none;margin-bottom:1.5em}
.tab-button.active {font-weight:bold;text-decoration:underline}
.tab-content {display:none}
.tab-content.active {display: block}

/********************************
以下、リストの設定
*********************************/
/* リストアイテムのマーカーを＊に変更 */
.list {
  list-style: none; /* デフォルトのリストスタイルを無効化 */
  padding: 0;
  display: inline;}
.list li {
  position: relative;
  padding-left: 1.5em; /* マーカーとテキストの間にスペースを確保 */
  margin-bottom: 1em; /*リストごとの間隔*/}
.list li:last-child {
  margin-bottom: 0; /*最後のリスト項目の間隔を0にする*/}
.list li::before {
  content: "＊"; /* マーカーを＊に設定 */
  position: absolute;
  left: 0;
  font-weight: bold;}