@media (prefers-color-scheme: dark) {
  body {
    background-color: #000;
    color: #fff;
  }
  a{color:lime;}
}

body{font-family:MS Gothic !important;background:cyan;}

.light-theme {
background: cyan;
color: #000;
}
.dark-theme {
background: #000;
color: #fff !important;
}
.dark-theme a{
color: lime;
}
.dark-theme center{
color: #fff;
}
.dark-theme p,.dark-theme blink,.dark-theme label,.dark-theme td{
color: #fff;
}

/* 本来のチェックボックスを非表示 */
.app_checkbox input[type="checkbox"]{
    display: none;
}
.app_checkbox input[type="checkbox"]+label{
    cursor: pointer;
    display: inline-block;
    box-sizing: content-box;
    position: relative;
    width: 60px;
    height: 30px;
    background-color: #FFF;
    border: 2px solid #CCC;
    border-radius: 30px;
}
.app_checkbox input[type="checkbox"]:checked+label{
    background-color: #78D376;
    border-color: #78D376;
}
.app_checkbox input[type="checkbox"]+label:before{
    content: "";
    position: absolute;
    display: block;
    width: 30px;
    height: 30px; /* widthと同じ 上のラベルの高さに揃える */
    left: 0;
    top: 0;
    border-radius: 50%;
    background-color: #FFF;
    box-shadow: 2px 2px 4px gray;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.app_checkbox input[type="checkbox"]:checked+label:before{
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    box-shadow: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
					
@media screen and (max-width:559px) {
	body{font-family:MS Gothic !important;width:94%;padding:1%;}
	img{width:90%;}
}

@media screen and (min-width: 600px) and (max-width: 959px) {
	body{font-family:MS Gothic !important;width:94%;padding:1%;}
	img{width:90%;}
	img{width:100%;}
}

@media screen and (min-width:960px) {
	body{font-family:MS Gothic !important;width:600px;margin:auto;}
}
	blink {
  -webkit-animation: 2s linear infinite condemned_blink_effect; /* for Safari 4.0 - 8.0 */
  animation: 2s linear infinite condemned_blink_effect;
}

html{cursor: url(img/mouse.png), pointer;}
a:hover,textarea,img{cursor: url(img/mouseh.png), pointer;}

.counternumber{background:#333;color:lime;padding:0.25em;font-weight:bold;border-top:2px solid #eee;border-left:2px solid #eee;border-bottom:2px solid #ccc;border-right:2px solid #ccc;}
table.release{background:#d4d0c8;table-collapse:collapse;border-top:2px solid #eee;border-left:2px solid #eee;border-bottom:2px solid #555;border-right:2px solid #555;}
table.release th{font-weight:bold;background: linear-gradient(to right, #10295e, #9db9d5);color:#fff;text-align:left;}

@-webkit-keyframes condemned_blink_effect { 
  0% {visibility: hidden;}
  50% {visibility: hidden;}
  100% {visibility: visible;}
}
@keyframes condemned_blink_effect {
  0% {visibility: hidden;}
  50% {visibility: hidden;}
  100% {visibility: visible;}
}