@charset "utf-8";
/* CSS Document */

#contents{
	width:100%;
	background-color:#fff;
}

h2{
	width:900px;
	margin:0 auto;
	font-size:16px;
	font-weight:bold;
	margin-bottom:20px;
	background: linear-gradient(transparent 60%, #bec688 60%);
}

h3{
	width:900px;
	margin:0 auto;
	font-size:14px;
	font-weight:bold;
	margin-bottom:20px;
	
	color: #F63;
	background: #FC9;
	border-radius: 10px;
	padding:5px;
}

.illust-nav{
	width:900px;
	margin:0 auto;
	margin-bottom:30px;
	text-align:center;
}

.illust-nav ul li{
	display: inline-block;
}

.illust-nav ul li a{
	position: relative;
	text-align:center;
	display: block;
	padding: 5px 10px;
	font-weight: bold;
	text-decoration: none;
	color: #555;
	background-color:#eee;
	
}

.illust-nav ul li a:hover{
	background-color:#0CC;
	color:#fff;
}

.illust-box {
	margin-bottom:30px;
}

.illust-box img{
	margin-bottom:10px;
}


.illust-box p{
	margin:0 auto;
	width:850px;
	padding-bottom:20px;
}

.illust-box ul{
	margin:0 auto;
	width:850px;
	padding-bottom:20px;
	list-style: square;
	padding-left:20px;
}


.comic-box{
	text-align:center;
	padding-bottom:20px;
	border-bottom: 1px dotted #ccc;
	margin-bottom:40px;
}

.comic-box h3{
	text-align:left;
}

.comic-box p{
	margin:0 auto;
	width:850px;
	padding-bottom:20px;
	text-align:left;
}

.plot{
	border:1px solid #ccc;
	width:850px;
	margin:0 auto;
	padding:10px;
}


.illust-box p.warning{
	text-align:center;
	font-weight:bold;
	background:#eee;
	padding:10px 0;
	border-bottom:none;
	width:900px;
	margin-bottom:20px;
}

.love{
	background: linear-gradient(to right,#e60000,#f39800,#fff100,#009944,#0068b7,#1d2088,#920783);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    display: inline-block;
}