/*ロゴ画像を変更したい場合は、以下のURLをロゴのURLに書き換えてください。*/

#atwiki-jp-bg1 {
-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	background: transparent url(https://img.atwikiimg.com/www65.atwiki.jp/suzukifuku810/pub/wiki_symbol.png) no-repeat scroll 0 0;
	/*padding-left: 130px;*/
	height: 100px;
}

#header a#atwiki-jp-bg1 {
-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	height: 100px;
	width: 100px;
}

#atwiki-jp-bg2{
    padding-top: 0px;
    max-width:1420px;
    min-width:980px;
    margin:0 auto;
    background:#fff;
}

/* ページ下部の編集メニューを表示したい場合はユーザCSSに以下の１行を追加してください。

 #toolbar{display:block;}

 */

/*ads*/

.gafc_on{
	background-color:#FEFF8F;
}
.gafc_domain{
	color:green;
}
a.atwiki-hedit{
    display: flex;
    justify-content: flex-end;
    text-align: right;
    width:100%;
    height: 0px;
}
a.atwiki-hedit::before {
    background: url(https://img.atwiki.jp/suzukifuku810/pub/Untitled2.png) no-repeat;
    background-size:  cover; 
    content: "";
    display: inline;
    height: 20px;
    image-rendering: pixelated;
    position: relative;
    margin-top:-15px;
    margin-right: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100px;
}
#menubar2 a.atwiki-hedit::before, blockquote a.atwiki-hedit::before{
    display: none;
}
body.original-cursor, body.original-cursor a, body.original-cursor input, body.original-cursor td.atwiki_plugin_region_button span{
  cursor: url(https://img.atwiki.jp/suzukifuku810/pub/cursor.png), url(https://img.atwiki.jp/suzukifuku810/pub/cursor.cur), url(https://img.atwiki.jp/suzukifuku810/pub/cursor.gif), auto;
}
body {
  background-image: url(https://img.atwikiimg.com/www65.atwiki.jp/suzukifuku810/pub/haikei.png);
  background-repeat: repeat;
  background-position: 0 0;
  -webkit-animation: bgroop 15s linear infinite;
    animation: bgroop 15s linear infinite;
  background-color: #464646;
	color:#666;
	font-family:arial,helvetica,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"MS Pゴシック",clean,sans-serif;
	font-size:13px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
}
@-webkit-keyframes bgroop {
    from {
        background-position: 0  0;
    }
    to {
        background-position: 0 -592px;
    }
}
@keyframes bgroop {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 0 -592px;
    }
}

/*body *{
	line-height:1.5;
}*/

#wrapper a:link,#wrapper a:visited{
　-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	color:#EE1A2F;
        background-color:none;
}

#wrapper a:hover,#wrapper a:active{
	color:#FFF;
        background-color:#EE1A2F;
}

#wrapper a.adark:link,#wrapper a.adark:visited{
　-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	color:blue;
        background-color:none;
}

#wrapper a.adark:hover,#wrapper a.adark:active{
	color:#FFF;
        background-color:blue;
}

.box:after {
	clear:both;
	content:".";
	display:block;
	height:0pt;
	visibility:hidden;
}
.box{
	zoom:100%;
}

/**/

#header{
-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	/* margin-top:25px; */
        padding:25px 45px 0px 45px;
	border-bottom:5px solid #EE1A2F;
	height:130px;
}
#header.road{
-webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -o-transition: all 0s ease;
    transition: all  0s ease;
}
#header a:link,#header a:visited{
        background-color:#FFF;
}

#header a:hover,#header a:active{
        background-color:#FFF;
}

#header a#atwiki-jp-bg1 {
	display:block;
	float:left;
	margin:0px 25px 20px 5px;
    margin-right:30px;
}

#header h1,
#header h2{
	margin:0;
	padding:0;
	line-height:1;
	border:none;
}

#header h1{
	padding-top:0px;
	padding-bottom:0px;
}


#header h1 a{
-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	color:#6c0;
	font-size:50px;
        font-weight:bold;
	text-decoration:none;
	line-height:1;
}

#header h2 a{
-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	color:#333;
	font-size:20px;
        font-weight:bold;
	text-decoration:none;
	line-height:1;
}

#container {
        width:100%;
	/* min-width: 1390px; */
        /* _width:1390px; */
	text-align:left;
}

#wrapper {
 width:100%;
 float:left;
 padding-top:15px;
 padding-bottom:15px;
 margin-right:-190px;
 background-color: #464646;
 animation: bg-color 60s infinite;
  -webkit-animation: bg-color 60s infinite;
}
@-webkit-keyframes bg-color {
    0%{background-color:#008c68;}
    25%{background-color:#6700ac;}
    50%{background-color:#a30072;}
    75%{background-color:#ac7300;}
    100%{background-color:#008c68;}
}
@keyframes bg-color {
    0%{background-color:#008c68;}
    25%{background-color:#6700ac;}
    50%{background-color:#a30072;}
    75%{background-color:#ac7300;}
    100%{background-color:#008c68;}
}
#footer,
#toolbar {
 clear:left;
}

#footer {
 padding:0px;
 background:#000;
 color:#FFF;
}

#footer a {
 color:#FFF;
 text-decoration:none;
}

#footer hr {
 display:none;
}

#toolbar{
	display:none;
}

#contents {
　-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
        background:#FFF;
	margin: 0 210px 0px 242px;
	border:3px solid #EE1A2F;
        border-radius: 10px;
	padding:15px;
	overflow:hidden;
        max-width: 900px;
}
#contents #welcomeback{
  background-image: url(https://img.atwikiimg.com/www65.atwiki.jp/suzukifuku810/pub/2661280i.jfif);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-color: #464646;
        border:3px solid gray;
        border-radius: 10px;
        overflow:hidden;
}
#contents #welcomeback #welcome{
        background:rgba(0, 140, 104, .5);
       animation: wb-color 60s infinite;
       -webkit-animation: wb-color 60s infinite;
        padding:40px 0px;
	text-align:center;
        color:#FFF;
        text-shadow: 1px 1px 1px #999999;
}
@-webkit-keyframes wb-color {
    0%{background-color:rgba(0, 140, 104, .5);}
    25%{background-color:rgba(103, 0, 172, .5);}
    50%{background-color:rgba(163, 0, 114, .5);}
    75%{background-color:rgba(172, 115, 0, .5);}
    100%{background-color:rgba(0, 140, 104, .5);}
}
@keyframes wb-color {
    0%{background-color:rgba(0, 140, 104, .5);}
    25%{background-color:rgba(103, 0, 172, .5);}
    50%{background-color:rgba(163, 0, 114, .5);}
    75%{background-color:rgba(172, 115, 0, .5);}
    100%{background-color:rgba(0, 140, 104, .5);}
}
#contents #welcomeback #welcome a{
        color:#FFF;
	text-decoration:none;
}

#contents #newpageframe{
        width:472px;
        height:42px;
        margin:0 auto;
        margin-top:3px;
        margin-bottom:5px;
        overflow:hidden;
}
#contents #newpage{
        width:700px;
        float:right;
	text-align:right;
}
#contents #newpage input[type="text"] {
　　　　　　　-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
  margin-left:20px;
  width: 380px;
  height: 36px;
  background: #eee;
  border: 1px solid #bebebe;
  font-size: 14px;
  text-indent: 13px;
}
#contents #newpage input[type="text"]:hover {
  border: 1px solid gray;
}
#contents #newpage input[type="text"]:focus {
  background: #edf4ff;
  border: 1px solid #4881d9;
}
#contents #newpage input[type="submit"] {
　　　　　　　-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
  margin-top:0px;
  margin-left:5px;
  padding:0px;
  width:80px;
  height: 40px;
  background: #4881d9;
  color:#FFF;
  font-weight:bold;
  border: 2px solid #3b5fcc;
  font-size: 14px;
  text-shadow: 1px 1px 1px #999999;
}
#contents #newpage input[type="submit"]:hover {
  background: #5498ff;
  color:#ffff54;
  border: 2px solid #4881d9;
}

#contents_inner {
}

#menubar_wrapper{
	padding-left:20px;
}

#menubar {
        margin-left: 20px;
        /* _margin-left: 10px; */
	width:200px;
	float:left;
	overflow:hidden;
}
#menubar #mainmenu {
        margin-top:10px;
        width:100%;
}
#menubar #mainmenu ul {
        padding-left:0px;
        margin-left:0px;
        width:100%;
}
#menubar #mainmenu ul li {
	list-style-image: none;
        list-style: none;
}
#menubar #mainmenu ul li a:link,#menubar #mainmenu ul li a:visited {
　-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
  display: block;
  font-size:120%;
  padding: 2px 5px;
  margin-bottom:5px;
  border-radius: 5px ;
  background-color: #fff;
  color: #EE1A2F;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  width:190px;
  animation: ft-color 60s infinite;
  -webkit-animation: ft-color 60s infinite;
}
#menubar #mainmenu ul li a:hover,#menubar #mainmenu ul li a:active {
  background-color: yellow;
  color:#EE1A2F;
  animation: ft-color 60s infinite;
  -webkit-animation: ft-color 60s infinite;
}
#menubar #mainmenu ul li a.adark:link,#menubar #mainmenu ul li a.adark:visited {
　-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
  display: block;
  font-size:120%;
  padding: 2px 5px;
  margin-bottom:5px;
  border-radius: 5px ;
  background-color: #000;
  color: #EE1A2F;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  width:190px;
  animation: ft-color 60s infinite;
  -webkit-animation: ft-color 60s infinite;
}
#menubar #mainmenu ul li a.adark:hover,#menubar #mainmenu ul li a.adark:active {
  background-color: yellow;
  color:#EE1A2F;
  animation: ft-color 60s infinite;
  -webkit-animation: ft-color 60s infinite;
}
@-webkit-keyframes ft-color {
    0%{color:#008c68;}
    25%{color:#6700ac;}
    50%{color:#a30072;}
    75%{color:#ac7300;}
    100%{color:#008c68;}
}
@keyframes ft-color {
    0%{color:#008c68;}
    25%{color:#6700ac;}
    50%{color:#a30072;}
    75%{color:#ac7300;}
    100%{color:#008c68;}
}
#menubar #border{
        width:100%;
        height:1px;
        border-bottom:1px dotted gray;
        margin-top:6px;
        margin-bottom:7px;
}
#menubar #menubox1 {
　-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    font-size:140%;
    padding:2px 10px;
    background:#EE1A2F;
    color:#FFF;
    font-weight:bold;
    text-align:left;
    border-radius: 5px 5px 0px 0px;
}
#menubar #menubox2 {
　-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    background:#FFF;
    padding:5px;
    border-left:2px solid #EE1A2F;
    border-right:2px solid #EE1A2F;
    border-bottom:2px solid #EE1A2F;
    border-radius: 0px 0px 5px 5px;
}
#menubar #searchframe{
  background-image: url(https://img.atwikiimg.com/www65.atwiki.jp/suzukifuku810/pub/img.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-color: #464646;
        border:2px solid gray;
        border-radius: 5px;
        overflow:hidden;
}
#menubar #searchframe #searchbox{
  background:rgba(0, 140, 104, .3);
        padding:5px;
        color:#FFF;
        font-weight:bold;
        text-shadow: 1px 1px 1px #999999;
       animation: sb-color 60s infinite;
       -webkit-animation: sb-color 60s infinite;
}
@-webkit-keyframes sb-color {
    0%{background-color:rgba(0, 140, 104, .3);}
    25%{background-color:rgba(103, 0, 172, .3);}
    50%{background-color:rgba(163, 0, 114, .3);}
    75%{background-color:rgba(172, 115, 0, .3);}
    100%{background-color:rgba(0, 140, 104, .3);}
}
@keyframes sb-color {
    0%{background-color:rgba(0, 140, 104, .3);}
    25%{background-color:rgba(103, 0, 172, .3);}
    50%{background-color:rgba(163, 0, 114, .3);}
    75%{background-color:rgba(172, 115, 0, .3);}
    100%{background-color:rgba(0, 140, 104, .3);}
}
#menubar #searchframe #searchbox a{
	text-decoration:none;
        color:#FFF;
}
#menubar #searchframe #searchbox input[type="text"] {
　　　　　　　-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
  width: 130px;
  height: 20px;
  background: rgba(238, 238, 238, .7);
  border: 1px solid #bebebe;
  font-size: 13px;
  text-indent: 2px;
}
#menubar #searchframe #searchbox input[type="text"]:hover {
  border: 1px solid gray;
}
#menubar #searchframe #searchbox input[type="text"]:focus {
  background: rgba(237, 244, 255, .7);
  border: 1px solid #4881d9;
}
#menubar #searchframe #searchbox input[type="submit"] {
　　　　　　　-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
  margin-top:0px;
  margin-left:0px;
  padding:0px;
  width:40px;
  height: 22px;
  background: #4881d9;
  color:#FFF;
  font-weight:bold;
  border: 1px solid #3b5fcc;
  text-shadow: 1px 1px 1px #999999;
}
#menubar #searchframe #searchbox input[type="submit"]:hover {
  background: #5498ff;
  color:#ffff54;
  border: 1px solid #4881d9;
}

#menubar2 {
    margin-right: 20px;
    padding-left:22px;
    /* _margin-right: 10px; */
    width:200px;
    float:right;
    overflow:hidden;
/*  border:2px dotted #FFA500; */
}	
#menubar2 #menubox1 {
　-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    padding:0px 5px;
    background:#FFF;
    border-radius: 5px;
    border:2px solid gray;
}
#menubar2 #databox1 {
　-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    font-size:110%;
    padding:5px;
    background:#EE1A2F;
    color:#FFF;
    font-weight:bold;
    text-align:center;
    border-radius: 10px 10px 0px 0px;
}
#menubar2 #databox2 {
    display:none;
　-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    font-size:90%;
    background:#FFF;
    padding:5px;
    border-left:2px solid #EE1A2F;
    border-right:2px solid #EE1A2F;
}
#menubar2 #databox2 #pagename{
　-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    margin:-5px -5px 5px -5px;
    padding:1px 3px;
    background:#000;
    color:#FFF;
    font-weight:bold;
    text-align:center;
}
#menubar2 #databox2 #sub2{
    float:right;
}
#menubar2 #databox3 {
　-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    font-size:75%;
    padding:2px;
    background:#EE1A2F;
    color:#FFF;
    font-weight:bold;
    text-align:center;
    border-radius: 0px 0px 10px 10px;
}
#menubar2 h3{
　-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    border-left:10px solid #EE1A2F;
    background:gray;
    color:#FFF;
    padding-left:8px;
}

#menubar2 .plugin_recent p{
　-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    margin:-6px 0px;
    padding:2px 5px;
    font-weight:bold;
    color:#FFF;
    background:linear-gradient(90deg,#000,#FFF);
}

#menubar_inner,
#menubar_inner2{
	padding:10px;
}


.menu fieldset{
	width:135px;
	overflow:hidden;
}

.menu select{
	max-width:135px;
}
.menu input{
	max-width:135px;
}
.menu textarea{
	max-width:135px;
	background:#fff;
}

#footer_inner{
	padding:10px 25px;
}
#toolbar_inner{
	padding:10px 25px 0 25px;
}

.attach{
        display:none;
}

/* General Rules */


p,
dl,
multicol{
	display: block;
	margin: 1em 0;
}
dd{
	display: block;
	margin-left: 20px;
}
blockquote{
	display: block;
	margin: 1em;
}
address{
	display: block;
	font-style: italic;
}
center{
	display: block;
	text-align: center;
}
h1{
	margin: 13px 0;
	font-size:167%;
	font-weight:bold;
}
h2{
　-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	margin: 13px 0;
        padding-left:10px;
	font-size:152%;
	font-weight:bold;
	border-left:12px solid #EE1A2F;
	border-bottom:2px solid #EE1A2F;
}
h3{
	margin: 13px 0;
	font-size:144%;
	font-weight:bold;
}
h4{
	margin: 13px 0;
	font-size:129%;
	font-weight:bold;
}
h5{
	margin: 13px 0;
	font-size:114%;
	font-weight:bold;
}
h6{
	margin: 13px 0;
	font-size:100%;
	font-weight:bold;
}

xmp, 
pre, 
plaintext{
	display: block;
	font-family: fixed;
	white-space: pre;
	margin: 1em 0;
}

table{
	display: table;
	border-spacing: 2px;
	border-collapse: collapse;
	margin-top: 1em;
	margin-bottom: 1em;
	-moz-box-sizing: border-box;
	text-indent: 0;
	border:1px solid #aaa;
}

caption{
	display: table-caption;
	text-align: center;
}

tr{
	display: table-row;
	vertical-align: inherit;
}
col{
	display: table-column;
}
colgroup{
	display: table-column-group;
}
tbody{
	display: table-row-group;
	vertical-align: middle;
}
thead{
	display: table-header-group;
	vertical-align: middle;
}

tfoot{
	display: table-footer-group;
	vertical-align: middle;
}
table > tr{
	vertical-align: middle;
}
td{ 
	display: table-cell;
	vertical-align: inherit;
	text-align: inherit; 
	padding: 3px;
	border:1px solid #333;
}
th{
	display: table-cell;
	vertical-align: inherit;
	font-weight: bold;
	padding: 3px;
	border:1px solid #333;
        background:#b3e0ff;
}
q:before{
	content: open-quote;
}
q:after{
	content: close-quote;
}

b, 
strong{
	font-weight: bolder;
}

i, 
cite, 
em, 
var, 
dfn{
	font-style: italic;
}

u, 
ins{
	text-decoration: underline;
}

s, 
strike, 
del{
	text-decoration: line-through;
}

sub{
	vertical-align: sub;
	font-size: smaller;
	line-height: normal;
}

sup{
	vertical-align: super;
	font-size: smaller;
	line-height: normal;
}

nobr{
	white-space: nowrap;
}

ul{
	display: block;
	list-style-type: disc;
	margin: 1em 0;
	padding-left: 25px;
}

ol{
	display: block;
	list-style-type: decimal;
	margin: 1em 0;
	padding-left: 25px;
}

 li{
	display: list-item;
}

 ul ul,
 ul ol,
 ul dl,
 ol ul,
 ol ol,
 ol dl,
 dl ul,
 dl ol,
 dl dl {
	margin-top: 0;
	margin-bottom: 0;
}

 ol ul,
 ul ul{
	list-style-type: circle;
}

 ol ol ul,
 ol ul ul,
 ul ol ul,
 ul ul ul{
	list-style-type: square;
}

hr{
	display: block;
	height: 1px;
	border: 1px 0;
	margin: 0.5em auto 0.5em auto;
    border-width: 1px 0px 0px 0px; /* 太さ */
    border-style: solid; /* 線種 */
    height: 1px; /* 高さ */
}


/**/

ul {
	list-style-image: url(https://img.atwikiimg.com/www65.atwiki.jp/suzukifuku810/pub/li.gif);
}

pre{
　-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	background:#ffc0cb;
	padding:10px;
	color:#333;
        border-radius:5px;
}

blockquote{
　-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	border-left:5px solid #EE1A2F;
        background:#f5f5f5;
	padding:5px;
}

blockquote blockquote{
　-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	border-left:5px solid gray;
        background:#fff;
	padding:5px;
}

dt{
	font-weight:bold;
}

input[type="text"] {
　　　　　　　-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
  background: #eee;
  border: 1px solid #bebebe;
}

input[type="text"]:hover {
  border: 1px solid gray;
}

input[type="text"]:focus {
  background: #edf4ff;
  border: 1px solid #4881d9;
}

textarea {
　　　　　　　-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
  background: #eee;
  border: 1px solid #bebebe;
  padding:2px;
}

textarea:hover {
  border: 1px solid gray;
}

textarea:focus {
  background: #edf4ff;
  border: 1px solid #4881d9;
}

input[type="submit"] {
　-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
  padding:1px 5px;
  background: #4881d9;
  color:#FFF;
  font-weight:bold;
  border: 1px solid #3b5fcc;
  text-shadow: 1px 1px 1px #999999;
}

input[type="submit"]:hover {
  background: #5498ff;
  color:#ffff54;
  border: 1px solid #4881d9;
}

#pagetop {
  display: none;
  transition: transform 0.4s;
  z-index: 998;
  position: fixed;
  border-radius: 10px 0px 0px 10px ;
  bottom: 10px;
  right: -165px;
  background:gray;
  padding:10px 30px 30px 50px;
  font-weight: bold;
  color: #fff;
  background-image: url(https://img.atwikiimg.com/www65.atwiki.jp/suzukifuku810/pub/pagetop.png);
  background-repeat:  no-repeat;
  background-position: 8px 10px;
}

#pagetop:hover {
  transform: translateX(-165px);
}

#pagetop a:link,#pagetop a:visited  {
　-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
  display: block;
  z-index: 998;
  padding: 1px 5px;
  margin-bottom:-12px;
  border-radius: 5px ;
  background-color: #fff;
  color: gray;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

#pagetop a:hover,#pagetop a:active {
  background-color: yellow;
  color: gray;
}

#login {
  transition: transform 0.4s;
  display: block;
  z-index: 998;
  position: fixed;
  border-radius: 0px 10px 10px 0px ;
  top: 80px;
  left: -180px;
  background:blue;
  padding:10px 50px 30px 30px;
  font-weight: bold;
  color: #fff;
  background-image: url(https://img.atwikiimg.com/www65.atwiki.jp/suzukifuku810/pub/login.png);
  background-repeat:  no-repeat;
  background-position: 185px 20px;
}

#login:hover {
  transform: translateX(180px);
}

#login a:link,#login a:visited {
　-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
  display: block;
  z-index: 998;
  padding: 1px 5px;
  margin-bottom:-12px;
  border-radius: 5px ;
  background-color: #fff;
  color: blue;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

#login a:hover,#login a:active {
  background-color: yellow;
  color: blue;
}

#darkmode {
  transition: transform 0.4s;
  display: none;
  z-index: 998;
  position: fixed;
  border-radius: 10px 0px 0px 10px ;
  top: 80px;
  right: -177px;
  background:orange;
  padding:10px 30px 30px 50px;
  font-weight: bold;
  color: #fff;
  background-image: url(https://img.atwikiimg.com/www65.atwiki.jp/suzukifuku810/pub/normalmode.png);
  background-repeat:  no-repeat;
  background-position: 8px 10px;
}

#darkmode:hover {
  transform: translateX(-177px);
}

#darkmode a:link,#darkmode a:visited {
　-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
  display: block;
  z-index: 998;
  padding: 1px 5px;
  margin-bottom:-12px;
  border-radius: 5px ;
  background-color: #fff;
  color: orange;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

#darkmode a:hover,#darkmode a:active {
  background-color: yellow;
  color: orange;
}

#normalmode {
  transition: transform 0.4s;
  display: none;
  z-index: 998;
  position: fixed;
  border-radius: 10px 0px 0px 10px ;
  top: 80px;
  right: -190px;
  background:purple;
  padding:10px 30px 30px 50px;
  font-weight: bold;
  color: #fff;
  background-image: url(https://img.atwikiimg.com/www65.atwiki.jp/suzukifuku810/pub/darkmode.png);
  background-repeat:  no-repeat;
  background-position: 8px 10px;
}

#normalmode:hover {
  transform: translateX(-190px);
}

#normalmode a:link,#normalmode a:visited {
　-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
  display: block;
  z-index: 998;
  padding: 1px 5px;
  margin-bottom:-12px;
  border-radius: 5px ;
  background-color: #fff;
  color:purple;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

#normalmode a:hover,#normalmode a:active {
  background-color: yellow;
  color: purple;
}

.marquee-anim {
　-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
  overflow: hidden;
  border-radius: 5px ;
  padding: 2px 0px;
  font-size: 102%;
  font-weight: bold;
  background-color: #000; /* 背景色, 不要ならこの一行削除 */
  color:#FFF; /* 文字色 */
  animation: mft-color 60s infinite;
  -webkit-animation: mft-color 60s infinite;
}
@-webkit-keyframes mft-color {
    0%{color:#00d7a0;}
    25%{color:#9800ff;}
    50%{color:#ff00b2;}
    75%{color:#ffab00;}
    100%{color:#00d7a0;}
}
@keyframes mft-color {
    0%{color:#00d7a0;}
    25%{color:#9800ff;}
    50%{color:#ff00b2;}
    75%{color:#ffab00;}
    100%{color:#00d7a0;}
}
.marquee-anim span {
  display: inline-block;
  padding-left: 100%;
  white-space: nowrap;
  animation: marquee 50s linear infinite;
}

@keyframes marquee {
  from {
    transform: translate(0);
  }
  to {
    transform: translate(-100%);
  }
}

#loading {
  display: none;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0px;
  left: 0px;
  background: #FFF;
  z-index: 999;
}
#loading-nowdate {
  position: absolute;
  top: 50px;
  right: 50px;
   color:gray;
   font-weight: bold;
   font-size:200%;
}
#loading-inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width:100%;
  height:120px;
  margin:auto;
}

#loading-inner-logo1 {
　-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all  1s ease;
  margin:0 auto;
  width: 640px;
  height: 80px;  
  background: gray;
  display: none;
}

#loading-inner-logo2 {
  margin:0 auto;
  width: 640px;
  height: 80px;  
  background:#00d7a0;
  animation: ld-color 1.5s infinite;
  -webkit-animation: ld-color 1.5s infinite;
}

@-webkit-keyframes ld-color {
    0%{background:#00d7a0;}
    25%{background:#9800ff;}
    50%{background:#ff00b2;}
    75%{background:#ffab00;}
    100%{background:#00d7a0;}
}
@keyframes ld-color {
    0%{background:#00d7a0;}
    25%{background:#9800ff;}
    50%{background:#ff00b2;}
    75%{background:#ffab00;}
    100%{background:#00d7a0;}
}

#loading-inner-logo3 {
  background-image: url(https://img.atwikiimg.com/www65.atwiki.jp/suzukifuku810/pub/wiki_logo3_loading.png);
  width: 640px;
  height: 80px;  
}

#loading-bar-box {
　-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all  1s ease;
   margin-top:15px;
   width: 100%;
   height: 5px;
   background: gray;
   position: relative;
}
#loading-bar {
   animation: pg-bar 1s linear infinite;
   width: 100%;
   height: 5px;
   position: absolute;
   left: 0;
   top: 0;
}
#loading-bar-bg {
   width: 100%;
   height: 5px;
   background: #00d7a0;
   animation: ld-color 1.5s infinite;
   -webkit-animation: ld-color 1.5s infinite;
   position: relative;
   left: 0;
   top: 0;
}
@keyframes pg-bar {
  from {
    transform: translate(-100%);
  }
  to {
    transform: translate(100%);
  }
}
#nowloading {
   display: block;
   text-align: center;
   color:gray;
   font-weight: bold;
   position: relative;
   margin-top:20px;
   font-size:200%;
   -webkit-animation: lodanimetion 1s ease-out forwards infinite;
   animation: lodanimetion 1s ease-out forwards infinite;
}
@keyframes lodanimetion {
  from,to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
#complete {
　-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all  1s ease;
   display: none;
   text-align: center;
   color:gray;
   font-weight: bold;
   position: relative;
   margin-top:20px;
   font-size:200%;
}
#preview {
    width:400px;
    height:100px;
    display:none;
    position:fixed;
    overflow:hidden;
    border-radius:15px;
    border:3px solid #222;
    background:#222;
    color:#FFF;
    z-index:900;
    background-image: url(https://img.atwikiimg.com/www65.atwiki.jp/suzukifuku810/pub/ness.png);
    background-repeat:  no-repeat;
    background-position: 280px -20px;
}
#preview #preview-sub {
    margin-top:10px;
    padding-left:15px;
    font-weight: bold;
    font-size:120%;
    color:white;
    width:280px;
}
#preview p {
    margin-top:-15px;
    padding-left:15px;
    font-weight: bold;
    color:orange;
    font-size:90%;
}
#notpage {
    width:400px;
    height:100px;
    display:none;
    position:fixed;
    overflow:hidden;
    border-radius:15px;
    border:3px solid #222;
    background:#222;
    color:#FFF;
    z-index:900;
    background-image: url(https://img.atwikiimg.com/www65.atwiki.jp/suzukifuku810/pub/3936783.png);
    background-repeat:  no-repeat;
    background-position: 280px -20px;
}
#notpage #notpage-sub {
    margin-top:10px;
    padding-left:15px;
    font-weight: bold;
    font-size:150%;
    color:yellow;
}
#notpage p {
    margin-top:-15px;
    padding-left:15px;
    font-weight: bold;
    font-size:105%;
}
#caution {
    width:400px;
    height:100px;
    display:none;
    position:fixed;
    overflow:hidden;
    border-radius:15px;
    border:3px solid #222;
    background:#222;
    color:#FFF;
    z-index:900;
    background-image: url(https://img.atwikiimg.com/www65.atwiki.jp/suzukifuku810/pub/goisnotgod.png);
    background-repeat:  no-repeat;
    background-position: 280px -5px;
}
#caution #caution-sub {
    margin-top:10px;
    padding-left:15px;
    font-weight: bold;
    font-size:150%;
    color:red;
}
#caution #caution-url {
    max-width:280px;
    margin-top:-15px;
    padding-left:15px;
    font-weight: bold;
    font-size:105%;
}
#admin-notice {
    padding:10px;
    border-radius:5px;
    border:2px solid gray;
    border-left:12px solid gray;
    border-right:12px solid gray;
    margin-bottom:10px;
}
#admin-notice #admin-notice {
    margin-bottom:0px;
}