@charset "utf-8";

/*=Information==================================================

  File Name:default.css
	1.common
	2.novel top
	3.novel story
	4.novel illustraion
	
	Author:Kuroneko
	LastUpdate:2014.1.26


==============================================Information END=*/



/*=1.[common]
===========================================================*/



li {
display: inline-block;
}

/*=2.[novel top]
===========================================================*/



#novel-title img {
margin-left: 1rem;
width: 15%;
}

#novel-title img:first-child {
margin-left: 0;
width: 50%;
}

ol li {
width: 25px;
margin: 0 5px 10px 0;
background: #fff;
line-height: 25px;
text-align: center;
}

ol li a {
display: block;
text-decoration: none;
color: #E4007F;
border: 1px solid #E4007F;
}

ol li a:hover {
background: #E4007F;
color: #fff;
}

ol li a:visited {
border-color: #F4B4D0;
color: #F4B4D0;
}

.dl {
text-align: right;
}

.newmark {
margin-left: 8px;
font-size: 10px;
color: #c00;
}

#novel-charactor {
margin-bottom: 1em;
text-align: center;
}

#novel-charactor li {
position: relative;
list-style: none;
margin: 0 5px;
border: 3px solid #E4007F;
}

#novel-charactor li:hover {
z-index: 5;
}

#novel-charactor li:hover:after {
position: absolute;
content: attr(title);
left: 0;
bottom: 0;
line-height: 23px;
width: 100%;
background: #E4007F;
color: #fff;
}

/*=3.[ novel story ]
===========================================================*/
 


#novel-story, #novel-story p {
font-size: 1.6rem;
line-height: 1.6;
}

.novel-end {
text-align: right;
}

.shiori {
text-align: right;
}

.shiori:before {
content: '\73';
margin-right: 5px;
font-family: "fontello";
color: #E4007F;
}

#impression-area, #novel-after {
padding: 20px;
text-align: center;
background: rgba(0,0,0,0.05);
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}

#impression-area #message {
width: 500px;
}

#novel-after p {
margin: 0;
text-align: left;
}

/*=4.[ novel illustraion ]
===========================================================*/
 


.charactor-image {
margin: 0 20px 20px 0;
border: 3px double #E4007F;
float: left;
}

.charactor-profile {
float: left;
width: auto;
}

.charactor-profile th {
color: #E4007F;
}

.valentineImage {
text-align: center;
}