body {
	background-color: #585858;
	color: #ffffff; 
    font-family: sans-serif;
	margin: 0;
}
a:link { color: #fff; }
a:visited { color: #fff; }
a:hover { color: #FE2EF7; }
a:active { color: #ffffff; }

header {
width: 100%; max-width: 1000px;
margin: 0 auto;
padding: 10px;
color: #F5D0A9; 
background-color: #000;
font-size: 150%; 
font-family: "Yu Mincho","Hiragino Mincho Pro",serif;
}
.icon { width: 60px; height: 60px; }
.f { text-align:center; }
.manga { padding: 3px;
 position:relative; bottom: 20px; 
}
.logo { width:334px; height: 50px;}
.namae{ width:141px; height: 40px; border: 0; padding: 3px;}
.pict {
margin: 20px auto;
padding: 20px;
background-color: #fff;
border-radius: 7px;
text-align:center;
}
.pict  img{ width: 100%; height:auto;}
.main
	{
	width: 100%;  max-width: 1000px;
	margin: 20px auto;
	padding: 20px;
	line-height: 1.7;
	}
 div.subtitle,  div.subtitle2{
              width:50%;  padding:2px;
	     flex-start;
 }
 .under{  clear: both;
    padding: 5px;  
    max-width: 1000px;
    margin: 0 auto;
	}
 
ul
	{
	display: flex;
  	color: #ffffff; 
	  margin: 0px 5px;
}
ul li {
  list-style-type: none;
}


.arasuji 
	{
	width: 80%;
	margin: 20px auto;
	padding: 10px;
	line-height: 1.7;
	border-radius: 8px; 
	background-color: #FFF;
	color: #000; 
	font-family: serif;
	}

footer {
	display: flex;
	justify-content: center;
	font-size: 120%; 
	}
#x { background-color: #000; } 

/*スマホ対応*/
@media screen and (max-width: 768px){
.main
	{
	max-width: 90%;
	margin: 20px auto;
	padding: 20px;
	}
body{
	font-size: 1em; margin:0;
	}
header {
    flex-direction: column;
    align-items: center;
    width: 100%; 
  }
header table { max-width: 100%; margin: 0;}
	.icon { max-width: 45px; height: auto;
	margin: 0; padding: 0px;}
	.manga { position:relative; bottom: 0px; 
	}
.logo { width: 90%; height auto; }
.namae {max-width: 120px; height: auto;}

.pict {
	padding: 5px;
	margin: 5px auto;
	}
}
@media screen and (max-width: 500px)
	 {
.main {
    width: 100%;
    margin: 10px 2px;
	padding: 0;
}
}