body{
	padding:0;
	margin:0;
	background-color:#000;
	color:#fff;
}
a{
	color:#94817B;
	text-decoration:none;
}
a:visited{
	color:#AC9BB9;
	text-decoration:none;
}
a:hover{
	color:#B9B79B;
	text-decoration:underline;
}
/**********************************************************/
h1{
	text-align:left;
	color:#fff;
	border-bottom:1px solid white;
	margin-left:10px;
	margin-right:auto;
}
h2{
	margin-left:30px;
}
h4{
	margin-left:50px;
	margin-right:auto;
}
/**********************************************************/
/* menu */
@media screen and (min-width:640px) {
  .all{
    padding:0;
    margin:0;
    width:100%;
  }
  /* 1 */
  .main{
    margin:0;
    padding:0;
    float:right;
    width:80%;
  }
  .sidebar_right{
    margin:0;
    padding:0;
    width:20%;
    float:left;
  }
  /* 2 */
  .main_contents{
    margin:0;
    padding:0;
    width:calc(100% - 220px);
    float:left;
  }
  .sidebar_left{
    margin:0;
    padding:0;
    width:200px;
    float:left;
  }
  /* submenu */
  .submenu{
    padding:10px;
    width: fit-content;
    max-width: 200px;
  }
  .submenu .pm{
    display: block;
    margin:5px;
  }
  /* main menu */
  .box{
    max-width: fit-content;
    margin:10px auto;
  }
  contents create_status{
    margin-left:auto;
    margin-right:10px;
  }
}
@media screen and (max-width:639px) {
  .box{
    width: fit-content;
    max-width: 215px;
    margin:10px auto;
    padding:10px;
    background-color: #333;
  }
  .box img{
    display:block;
    border:1px solid white;
  }
  .main,
  .main_contents{
    padding:0;
    margin:0;
  }
  br.clear{
    display:none;
  }
  .pm_box{
    margin:10px;
    padding:10px;
  }
  contents create_status{
    margin:10px auto;
  }
}
/**********************************************************/
.submenu h3{
  background-color: #333;
  margin:5px;
  padding:5px;
}
.submenu h4{
  background-color: #555;
  border-radius: 10px;
  margin:5px;
  padding:5px;
}
.submenu h4 img{
  border-radius: 10px;
  margin:5px auto;
  display: block;
}
.pager{
  max-width: fit-content;
  margin:10px auto;
  border-top:1px solid gray;
}
.choice{
  color:skyblue;
}
h1{
  text-align: center;
}
h3, h2{
  text-align: center;
  
}
/**********************************************************/
/* page - image */
contents h1{
  font-size:medium;
  text-align: right;
  border-bottom:1px dotted gray;
  padding:10px 20px;
}
contents create_status{
  display: block;
  width:fit-content;
  border:1px dotted gray;
  padding:10px;
  text-align: center;
}
contents create_status h1{
  font-size:medium;
  text-align: center;
  border-bottom:1px dotted gray;
  margin:0;
}
contents h2{
  font-size:medium;
  text-align: center;
  border-bottom:1px dotted gray;
  padding:5px;
  margin:3px;
  color:gray;
}
contents .page_pager,
contents .tools, contents .tag, contents .series{
  display: block;
  width:fit-content;
  text-align: center;
  border:1px dotted gray;
  padding:10px;
  margin:10px;
  margin-left:auto;
  margin-right:10px;
  float:right;
}
contents .page_pager{
  clear:both;
  float:none;
}

.imgAll{
  text-align:center;
  margin:auto;
}

@media screen and (min-width:1200px) {
  .imgAll picture, .imgAll img{
    margin-bottom:30px;
    max-width: 100vw;
    max-height: 100vh;
    width: auto;
    height: auto;
  }
  .img_count{
    display:block;
    padding:4px;
    margin: 50px;
    margin-left: auto;
    margin-right: 10px;
    text-align: right;
    width:100px;
    border-top:1px solid gray;
    border-right:1px solid gray;
  }
}
.image_count{
	color:gray;
	font-size:90%;
}
.img_now{
  color:#ccc;
}
.img_pager{
  width:80%;
  max-width:1100px;
  margin:10px auto;
}
.img_pager div{
  width:30%;
  float:left;
}
/**********************************************************/
.status, create_status{
  text-align:right;
  border-top:1px solid gray;
  max-width: fit-content;
}
/**********************************************************/
.link,.copyright{
	padding:10px;
}
.footer_link{
  border-top:1px solid gray;
}