/*bj回転アニメーション*/
#bj-ring .mainimg {animation: bj-rotation 8s linear infinite;}
@keyframes bj-rotation {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}


body{background-color:#151d28;}
/*本文*/
.content{color:white}
/*リンク*/
.memberlist a:link {color:white;text-decoration:none}
.memberlist a:visited{color:white;text-decoration:none}
.memberlist a:hover {color:white;text-decoration:underline}
.memberlist a:active {color:white;text-decoration:underline}

/*タブ切り替え*/
/*スマホでの表示*/
@media (max-width: 600px) {.tab-switches{position:fixed;right:15px;bottom:2.5em;opacity:0.75} .tab-button{margin-bottom:0.5em}}
/*pcでの表示*/
@media (min-width: 768px) {
  .tab-switches {display:flex;gap: 1em;/*スイッチ間の隙間*/;justify-content: center;margin-bottom:1em}}
.tab-button {
  font-size: 0.8em;
  border: solid 2px #0f73ff;
  padding: 0.2em;
  width: 100px;
  text-align: center;
  cursor: pointer;background-color:black}
.tab-button.active {
  font-weight: bold;
  text-decoration: underline;}
.tab-content {display: none;}
.tab-content.active {display: block;}

.headerintro{margin-bottom:1.5em}
.webringtitle{font-weight:bold;font-size:2em;}
/*スマホ*/
@media only screen and (max-width:767px){
  .webringtitle{text-align:center;}}

.title{border-bottom:solid 1px white;margin-bottom:0.5em}

/*pc*/
@media (min-width: 768px) {
  .yokonarabe{display:flex;flex-direction:row-reverse;gap:1em}
  .yokonarabe .left{width:70%}
}

.showcode{max-width:100%;overflow-x:auto;white-space:pre-wrap;word-break:break-word;box-sizing:border-box;}

.newmemberlist{display:flex;justify-content:space-between;margin-bottom:0.5em;border-bottom:solid 1px #abb8c8;padding-bottom:1em;}
.newmemberlist:last-child{margin-bottom:0;border-bottom:none;padding-bottom:0;}
.newmember-registered-date{color:#abb8c8}

.site-description{padding:0.5em;background:#282a36}

.white-box{border:solid 4px white;padding:0.5em;margin-bottom:2.5em}
.info>div{margin-bottom:1.5em;}
.info>div:last-child{margin-bottom:0;}
.memberlist{border-bottom:solid 1px #abb8c8;padding:1em 0;margin-bottom:0.5em}
.memberlist:first-child{padding-top:0;}
.memberlist:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
.img88-31{width:88px;height:31px;image-rendering:pixelated}
.sitename{display:flex;gap:1.3em;align-items:flex-end;}
.sitename div{font-weight:bold;font-size:1.1em}
.siteurl{width:100%;border:solid 1px #abb8c8;padding:3px 5px;overflow:auto;margin:10px 0 0.5em 0;}

.webringform{width:100%;height:280px;border:solid 1px #abb8c8;margin:0px;overflow:auto;}

.registered-date{text-align:right;font-size:0.8em;color:#abb8c8;margin-bottom:0.5em}