* { 
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
/**********************************************************/
body{
	padding:0;
	margin:0;
	background:#fff url(/top/back_sketchbook_white.webp) repeat fixed top left;
	color:#000;
}
a{
	color:#009;
	text-decoration:none;
}
a:visited{
	color:#008;
	text-decoration:none;
}
a:hover{
	color:#ccc;
	text-decoration:none;
}
h1{
	text-align:left;
	padding:15px;
	margin:0;
	background:#fff url(/top/back_sketchbook_dark.webp) repeat fixed top left;
}
/**********************************************************/
/* MENU */
/**********************************************************/
.menu_list .box .sm{
	border:5px solid #ccc;
	margin:10px;
}
.menu_list .date{
	color:#999999;
}
.menu_list h2{
	border-bottom:1px solid skyblue;
	margin:5px;
	margin-left:30px;
	padding:10px;
	width:300px;
}
.menu_list h3{
	border-bottom:1px solid blue;
	margin:5px;
	margin-left:50px;
	padding:10px;
	width:300px;
}
.menu_list h4{
	border-bottom:1px solid darkblue;
	margin:5px;
	margin-left:60px;
	padding:10px;
	width:300px;
}
.list{
	text-align:center;
	margin:0 auto;
	width:fit-content;
}
/* menu - list - box */
.list .box{
	background:#fff url(/top/back_sketchbook.webp) repeat fixed top left;
	width:600px;
	max-width: 90vw;
	margin:30px 10px;
	padding:10px;
}
.list .seedate{
	color:gray;
	display:block;
}
.list .seetime{
	color:#999;
	font-size:small;
}
.list .box_detail{
	display: block;
	max-width: fit-content;
	margin:10px auto;
}
.list a img{
	border:3px solid #eee7a6;
}
.list a:visited img{
	border:3px solid #c8b7bf;
}
.list a:hover img{
	border-width:3px;
	border-style:solid;
	border-color:#ccc;
}
/*-----------------------------*/
.submenu{
	max-width: fit-content;
	font-size:small;
	line-height:180%;
	padding:10px;
}
.pm_box h3{
	border-radius: 15px;
	margin:5px;
	padding:5px;
	padding-left: 16px;
	color:#5e1d37;
	background:#fff url(/top/back_sketchbook_dark.webp) repeat fixed top left;
}
.pm_box h4{
	padding:5px;
	color:#58404a;
	display: inline;
}
.pm_list{
	margin:5px;
	margin-left: 30px;
	padding:5px;
}
.pm_list .choice{
	background-color: #999;
	color:#fff;
}
/*-----------------------------*/
.pager {
	max-width: fit-content;
	margin:10px auto;
	padding: 10px;
	border:1px solid 58404a;
	color:gray;
}
.pager a{
	color:#5e1d37;
}
.pager a:visited{
	color:#7a0635;
}
.pager a:hover{
	background-color: white;
	color:pink;
}
.pager .choice{
	color:#999999;
	background-color:rgb(211, 211, 211);
}
.pager .page{
	margin:10px;
	padding:10px;
	border-top:1px dotted hotpink;
	border-bottom:1px dotted hotpink;
	margin-bottom:30px;
}
.pager .series, .pager .tag, .pager .shop{
	border-top:1px dotted pink;
	border-bottom:1px dotted pink;
	margin-top:5px;
	margin-bottom:5px;
	padding-top:5px;
	padding-bottom:5px;
}
/**********************************************************/
/* CONTENT PAGE DETAIL */
/**********************************************************/
@media screen and (min-width:1200px) {
	.detail{
		margin:30px auto 100px auto;
	}
	.detail .imgAll{
		margin:50px auto;
		padding:30px;
		background:#fff url(/top/back_sketchbook.webp) repeat fixed top left;
		width:fit-content;
	}
	.detail .imgAll img{
		border:1px solid #c8b7bf;
	}
	.create_status .title{
		font-size:x-large;
	}
}
@media screen and (max-width:1199px) {
	.detail{
		max-width: fit-content;
		margin:3px auto;
	}
	.detail .imgAll{
		padding:0;
		margin:0;
	}
	.detail .imgAll img{
		border:1px solid #c8b7bf;
	}
	.create_status .title{
		font-size: medium;
	}
	.create_status{
		font-size: x-small;
	}
}
.detail .comment{
	line-height:220%;
	text-align:left;
	padding:30px;
	margin:30px auto;
	width:700px;
	max-width: 90vw;
}
.detail .info{
	text-align:center;
}
.create_status{
	max-width: fit-content;
	padding:30px;
	margin:10px auto;
	width:fit-content;
	max-width: 90vw;
	background-color: #fff;
	border-left:1px solid #c8b7bf;
	border-bottom:1px solid #c8b7bf;
	color:#c8b7bf;
}
.create_status .title{
	color:gray;
}
.content h2{
	background:#fff url(/top/back_sketchbook_dark.webp) repeat fixed top left;
	border-radius: 10px;
	font-size:small;
	padding:10px;
	width:fit-content;
	margin:3px auto;
}
.content .page_status,
.content .tag,
.content .series,
.content .page_pager{
	background:#fff url(/top/back_sketchbook.webp) repeat fixed top left;
	border-radius: 10px;
	font-size:small;
	padding:10px;
	width:fit-content;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left:auto;
	margin-right: 10px;
}
/**********************************************************/
.page_status, .submenu, .copyright, .link{
	background:#fff url(/top/back_sketchbook.webp) repeat fixed top left;
	color:gray;
}
.copyright,
.link{
	margin:0;
	padding:5px;
	color:#9b8f94;
}
.copyright{
	text-align:right;
}
.link{
	text-align:left;
}