body{
  color:#ffffff;
  padding:0px;
  margin:0px;
  background:#0f2f47 url(top/bak.webp) fixed repeat-x center bottom 100px;
  border-left:1px dotted #fff;
  box-sizing: border-box;
}
a{
	color:#ffff00;
}
a:visited{
	color:gold;
}
a:hover{
	color:#000000;
	font-weight:bold;
	text-decoration:underline;
}

.update{
  color:skyblue;
  padding:10px;
}
@media screen and (min-width: 1024px) {
  .center{
    width:calc(90% - 200px);
    margin-left:230px;
  }

  .menu{
    position: fixed;
    top: 0px;
    left:0px;
    width:200px;
    height: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .menu{
    position: fixed;
    bottom: 0px;
    left:0px;
    width:100%;
    height:fit-content;
  }
}
/* .................................... Menu ... */
.menu{
    background:#082235;
    padding:10px;
    text-align: center;
  box-sizing: border-box;
  }
.menu h2{
  font-size:30px;
  padding:3px;
  text-align: center;
  color:silver;
  border-bottom:1px dotted silver;
  box-sizing: border-box;
}
.menu .sm{
  margin:3px;
  height:fit-content;
  width: fit-content;
}
a:hover .sm{
  border-bottom:1px solid lightgreen;
}
.menu a{
  color:skyblue;
}
/* .................................... Tops ... */
.serif{
  margin-top:30px;
  font-size:20px;
  line-height:200%;
}

.subject{
  border:1px solid #fff;
}

/* .................................... Detail ... */
h2{
  margin:10px;
  padding:20px;
  font-size:xx-large;
  font-weight:normal;
  text-align:left;
}
.serif2{
  margin:30px;
  font-size:20px;
  line-height:200%;
}

/* serif box */
.box{
  background-color:#000;
  padding:20px;
  text-align:left;
  width:350px;
  line-height:150%;
  margin: 10px auto;
  border: 3px double white;
}
td .box{
  border:0px;
}
/* image border */
.border{
  border:3px double #fff;
}
/* .................................... News ... */
.news{
	border-left:1px dotted #fff;
	margin:0px;
	padding:0px;
	width:600px;
  margin:10px auto;
}
.news_title{
	text-align:center;
	margin:0px;
	padding:30px;
	width:260px;
	float:left;
}
.news_box{
  padding:10px;
  text-align:left;
  width:350px;
  line-height:150%;
}
.news_box strong{
	display:block;
	border-bottom:1px solid #fff;
}
.clear{
	clear:left;
}

/* .................................... Chara ... */
h3{
  padding:10px;
  font-size:medium;
  font-weight:normal;
  border-bottom:1px solid #fff;
}
table{
	background-color:#000;
  border:1px solid #fff;
  margin:10px auto;
}
td{
		padding:10px;
}
/* chara image */
img.port{
  border:3px double #fff;
}
/* .................................... Schedule ... */
.box3{
  background-color:#000;
  padding:100px 10px;
  text-align:center;
  width:350px;
  font-size:large;
  line-height:500%;
  border:3px double #fff;
}
/* .................................... Sample ... */
.sample{
	width:600px;
	line-height:150%;
	color:lightblue;
  margin:10px auto;

}
/* .................................... Get ... */
.get{
	line-height:150%;
	color:lightblue;
	text-align:left;
	width:600px;
  margin:10px auto;
}
.get .set{
	color:#D8BB00;
}
/* .................................... Copy ,link ... */
.copy,.link{
  background-color:#0F2F47;
  font-size:x-small;
  padding:10px;
}
.link{
  text-align: left;
  border-bottom:1px dotted #fff;
  margin-bottom:100px;
}
.copy{
	margin-top:20px;
  border-top:1px dotted #fff;
}