@charset "utf-8";

/* --------------------------------------------------------
	top
--------------------------------------------------------- */

img.info {
  width: 350px; height: auto;
}


.info dt {
  width: 120px; float:left; display: block;
}
.info dd {
  width: 595px; padding-left: 10px; margin-bottom: 10px; float:left;
  border-left: 2px solid #FF6633; line-height: 1.6em;
}
.info img {
  width: 150px; height: 200px;
}
.info img.new {
  width: 28px; height: 14px;
}
.top-btn,
.main-btn {
  width: auto; margin-bottom: 10px;
}
.top-btn img {
  width: 230px; height: auto; margin: 5px;
}
.main-btn {
  width: auto; margin-bottom: 10px;
}
.main-btn img {
  width: 460px; height: auto; margin: 5px;
}

.twitter-tl {
  margin: 10px 0;
}

@media screen and (max-width: 500px){
  .info {
    width: auto; padding: 10px;
  }
  .info dt {
    width: auto; float: left; font-weight: bold;
  }
  .info dd {
    width: auto; float: left; padding-left: 5px;
  }
  .top-btn { margin: 0; }
  .top-btn img { width: 100vw; height: auto; margin: 0; margin-bottom: 10px; }
}

dl.sitemenu {
  width: 730px; margin-bottom: 10px; clear: both;
}
dl.sitemenu dt {
  line-height: 2.8em; padding-left: 25px; font-weight: bold; background-position: left;
  background-image: url(../../images/icon_letter.gif);
}
dl.sitemenu dt.letter {
  background-image: url(../../images/icon_chero.gif);
}
dl.sitemenu dd {
  display: block; float: left; margin-left: 25px;
}


.novelvt dt {
  float: left; width: 100%;
}
.novelvt dd {
  float: left; width: 610px; line-height: 1.4em;
}
.novelvt dd strong {
  font-size: 16px; font-weight: bold; color: #FE7B7C;
  display: block; margin: 10px 0;
}
.novelvt ul {
  clear: both;
}
.novelvt li {
  float: left; list-style-type: none; margin-right: 8px;
}
.novelvt p {
  clear: both; margin-left: 20px;
}

.novelvt ul.toplist li {
  float: none; clear: both; line-height: 1.0em;
}

.novelvt dl.toplist {
  clear: both;
}
.novelvt dl.toplist dt {
  float: left; font-weight: bold; display: bloack; width: 230px; margin: 3px 0;
}
.novelvt dl.toplist dd {
  float: left; font-weight: normal; display: bloack; margin-left: 20px;
}

.novelvt table {
   width: auto;
}
.novelvt table th {
  padding: 6px; text-align: left; vertical-align: top;
  color: #333; background-color: #eee; border: 1px solid #b9b9b9;
}
.novelvt table td {
  padding: 6px; background-color: #fff; border: 1px solid #b9b9b9;
}
@media screen and (max-width: 500px){
  .novelvt {
    width: auto; padding: 10px;
  }
  .novelvt dl {
    width: auto;
  }
  .novelvt dt {
    width: auto; float: left; text-align: center;
  }
  .novelvt dd {
    width: auto; float: left;
  }
  .novelvt p {
     margin: 0;
  }
}

.pagebtn ul {
  width: 280px;
}
.pagebtn li {
  width: 81px; margin-right: 50px; list-style: none;
}
.pagebtn li a {
  width: 81px; height: 30px; margin-top: -10px;
  font-size: 1px; text-indent: -9999px; display: block;
  text-decoration: none; overflow: hidden;
}
.pagebtn li.prev {
  background-image: url(../../images/btn_prev.gif); float: left;
}
.pagebtn li.next {
  background-image: url(../../images/btn_next.gif); float: right;
}


#main #left #contents .new-novel {
  display: block; width: 350px; margin-left: 10px; float: left;
}
#main #left #contents .new-novel h3 {
  height: 20px; line-height: 20px; font-size: 14px; margin-bottom: 5px;
  background-image: none; padding: 3px 3px 4px 5px; text-decoration: none;
  background-color: #e5eef3; border-bottom: solid 1px #cccccc;
}
#main #left #contents .new-novel h3.novel1,
#main #left #contents .new-novel h3.novel1a {
  background-color: #ffa07a; border-bottom: solid 1px #888; color: #333;
  background-image: url(../../images/icon_comedy.png); background-position: left; padding-left: 30px;
}
#main #left #contents .new-novel h3.novel2a {
  background-color: #b0c4de; border-bottom: solid 1px #888; color: #333;
  background-image: url(../../images/icon_serious.png); background-position: left; padding-left: 43px;
}
#main #left #contents .new-novel h3.novel3 {
  background-color: #c1ffcc; border-bottom: solid 1px #888; color: #333;
  background-image: url(../../images/icon_2jiBK.png); background-position: left; padding-left: 35px;
}
#main #left #contents .new-novel h3.novel3a {
  background-color: #c7ffa2; border-bottom: solid 1px #888; color: #333;
  background-image: url(../../images/icon_2jiBK.png); background-position: left; padding-left: 35px;
}
#main #left #contents .new-novel h3.novel6 {
  background-color: #ffd700; border-bottom: solid 1px #888; color: #333;
  background-image: url(../../images/icon_fuzzy.png); background-position: left; padding-left: 28px;
}
#main #left #contents .new-novel h3.novel7 {
  background-color: #afeeee; border-bottom: solid 1px #888; color: #333;
  background-image: url(../../images/icon_2jiMV.png); background-position: left; padding-left: 33px;
}
#main #left #contents .new-novel h3 a {
  color: #005a84; text-decoration: none;
}
#main #left #contents .new-novel dl {
  margin: 10px 0;
}
#main #left #contents .new-novel dt {
  font-size: 13px; line-height: 1em;
}
#main #left #contents .new-novel dd {
  font-size: 10px; margin-bottom: 5px;
}



/* --------------------------------------------------------
	novel
--------------------------------------------------------- */

@media screen and (max-width: 500px){
  #novel-pc {
    display: none;
  }
}



/* --------------------------------------------------------
	works
--------------------------------------------------------- */

.works {
 padding: 10px; margin-bottom: 15px; border: solid 1px #CCCCCC;
}
.works h5 {
  font-size: 20px; display: block; margin-bottom: 5px;
}
.works UL {
  font-size: 12px; padding: 0; margin: 0;
}
.works LI {
  padding: 0; margin: 0; display: block; float: left; list-style: none; padding-right: 20px;
}
.works P {
  padding: 0; margin: 0; padding-top: 5px; clear: both; font-size: 14px; line-height: 1.4em;
}

.novel-cate {
  width: 145px; float: left; text-align: center; padding-left: 10px; margin-bottom: 15px:
}
.novel-cate P {
  width: 145px; text-align: center;
}

/* --------------------------------------------------------
	gallery
--------------------------------------------------------- */

.gallery {
  margin-left: 10px;
}

.gallery .thumb {
  width: 150px; height:175px; float: left; text-align: center;
  border: 1px solid #999; padding: 2px; margin: 0 10px; margin-bottom: 20px;
}

.thumb a{ 
  display:block;
  width:150px;
  height:150px;
  overflow:hidden; 
  position:relative; 
  z-index:1;
}

.gallery img {
  -ms-interpolation-mode: bicubic;
  width: auto; height: 160px !important;
}

.gallery p {
  padding-top: 5px;
}

/* --------------------------------------------------------
	entrie
--------------------------------------------------------- */

.entrie h4 {
  font-weight: bold; font-size: 14px; margin-bottom: 15px;
}
.entrie dt {
  color: #FF3300; margin-bottom: 10px; font-weight: bold;
}
.entrie dd {
  margin-bottom: 10px;
}

/* --------------------------------------------------------
	paragraph
--------------------------------------------------------- */

ul.paragraph {
  width: 670px; padding: 20px; margin: 10px 0;
  border: solid 1px #ffcc00; list-style-type: none;
}
ul.paragraph li{
  padding: 5px 0;
}

/* --------------------------------------------------------
	link
--------------------------------------------------------- */
.link IMG {
  padding-right: 10px; float: left;
}
.link P {
  padding: 0; margin: 0;
}
.link UL {
  width: 650px;
}
.link LI {
  list-style-type:none; padding-right: 15px;
  display: block; float: left;
}
.link LI A {
  font-size: 11px; font-weight: normal;
}

/* --------------------------------------------------------
	novelgp
--------------------------------------------------------- */
.novelgp h3 {
  margin: 20px 0;
}
.novelgp hr {
  background-image: url(../../images/bar_ruffle.gif); background-position: left; background-repeat: no-repeat;
  visibility: visible; height: 42px;
}
.novelgp ul.btn {
  margin: 20px 0;
}
.novelgp ul.btn li.prev {
  height: 75px; float: left;
}
.novelgp ul.btn li.next {
  height: 77px; float: right;
}



ul.novelgp {
  list-style-type: none; padding-bottom: 30px;
}
ul.novelgp li{
  padding-top: 10px; font-weight: bold; color: #666;
  background-position: left; background-repeat: no-repeat;
}
.novelgp .crown1{
  font-size: 16px; background-image: url(../../images/icon_crown1.jpg);
  padding-left: 40px;
}
.novelgp li.crown2{
  font-size: 14px; background-image: url(../../images/icon_crown2.jpg);
  padding-left: 40px;
}
.novelgp li.crown3{
  font-size: 14px; background-image: url(../../images/icon_crown3.jpg);
  padding-left: 40px;
}

dl.novelgp {
  padding-top: 10px; padding-left: 40px; font-weight: bold; color: #666;
}
dl.novelgp dt{
  font-weight: bold; margin-top: 15px; margin-bottom: 5px;
}
dl.novelgp dd{
  font-weight: normal; margin-bottom: 5px;
}


/* --------------------------------------------------------
	archive
--------------------------------------------------------- */
table.archive th,
table.archive td {
  text-align: left; vertical-align: top; padding: 5px; font-size: 14px;
}
table.archive td em {
  font-weight: nomal; font-size: 12px;
}

#arc_preview em {
  font-size: 14px; font-weight: normal; color: #333;
}
#arc_preview p {
  padding: 10px; border: solid 1px #aca899; background-color: #ece9d8; clear: both;
  line-height: 1.4em;
}
#arc_preview p.attention {
  border: solid 1px #fc0019; color: #ff0000; background-color: #fff;
}

#arc_preview .about {
  padding: 10px;
}
#arc_preview .about strong {
  font-size: 20px; 
}
#arc_preview .about em {
  font-size: 11px; font-weight: normal; color: #555;
}
#archive em {
  font-size: 14px; font-weight: normal; color: #FF3333;
}
dl.inp_form dt {
  font-weight: bold;
}
dl.inp_form dd {
  padding-bottom: 5px;
}
input {
  padding: 3px;
}
input: focus, select: focus, textarea: focus {
  border: 2px solid #FF9E06 !important;
  background-color: #fefcf6;
}

.from-btn {
  float: left;
}
.from-btn input {
  ime-mode: disabled;
}

form, fieldset {
  display: inline;
  border: none;
  margin: 0px;
  padding: 0px;
}

#archive dl {
  margin-bottom: 20px;
  border: 1px solid #dedede; padding: 10px;
}
#archive dd.name {
  color: #009933; font-size: 12px; line-height: 2em;
}
#archive dd.tag {
  font-size: 12px; line-height: 1.4em;
}
#archive dd.tag a {
  color: #1122cc;
}
#archive input[type="botton"],
#archive input[type="submit"] {
  margin: 10px 0;
}

#pagenum {
  width: 100%; text-align: center;
}
#pagenum strong{
  font-size: 20px; font-weight: bold;
}
#search_tag {
  font-size: 20px;
}



/* --------------------------------------------------------
	profiles
--------------------------------------------------------- */
span.name,
span.name A {
  font-size: 20px; color: #000000;
}

span.count {
  line-height: 1.6em;
}

#profiles ul.tag {
  padding: 0px;
}
#profiles ul.tag li {
  padding: 3px 10px; background: #DDD; border-radius: 3px; font-size: 12px; display: inline-block; margin: 3px 0;
}
#profiles ul.tag li A {
  color: #555; text-decoration: none; list-style-type: circle;
}



.button {
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 6px 20px;
    padding-bottom: 10px;
    margin: 0;
    cursor: pointer;
    border: 1px solid #503420;
    overflow: visible;
    font: bold 13px arial, helvetica, sans-serif;
    text-decoration: none;
    white-space: nowrap;
    color: #333;
    background-color: #ecdda4;
    background-image: linear-gradient(top, rgba(255,255,255,1),
                                rgba(255,255,255,0)),
                                url(data:image/png;base64,iVBORw0KGg[...]QmCC);
    transition: background-color .2s ease-out;
    background-clip: padding-box; /* Fix bleeding */
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
                            0 2px 2px -1px rgba(0, 0, 0, .5),
                            0 1px 0 rgba(255, 255, 255, .3) inset;
    text-shadow: 0 1px 0 rgba(255,255,255, .9);
}
 
.button:hover {
    background-color: #eee;
    color: #555;
}
 
.button:active {
    background: #e9e9e9;
    position: relative;
    top: 1px;
    text-shadow: none;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
    outline: none;
}


/* --------------------------------------------------------
  search-50on
--------------------------------------------------------- */

#search-50on {
    margin: 15px 0;
}
/*
#search-50on a{
    padding: 20px; display: block; float: left; margin-left: 10px;
    background-color: #FCC; border-color: #F69;
}
#search-50on a:hover {
    background-color: #eee;
    color: #555;
}
*/

#search-50on .index a{
	font-size:80%;
	position:relative;
	display:block;
	padding:10px;
	color:#fff;
	border-radius:5px;
	text-align:center;
	text-decoration: none;
	text-shadow:1px 1px 0 rgba(255,255,255,0.3);

	background:#00acee;
	box-shadow:0 3px 0 #0092ca;
    width:100px; margin:0 2% 3% 0; float:left;
}
#search-50on .index a:hover {
	-webkit-transform: translate3d(0px, 3px, 0px);
	-moz-transform: translate3d(0px, 3px, 0px);
	transform: translate3d(0px, 3px, 0px);
	box-shadow:none;

	background:#0092ca;
}
#search-50on .novel-list {
    margin-bottom: 10px;
}
#search-50on ul {
    margin: 10px 0;
}
#search-50on dd {
    margin-bottom: 10px;
}


/* --------------------------------------------------------
  img-button
--------------------------------------------------------- */
.img-button:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}


/* --------------------------------------------------------
  prev_page
--------------------------------------------------------- */
#prev_page {
  text-align: center; padding: 0px; margin: 0px; width: 730px;
}
#prev_page STRONG {
  width: 18px; font-weight: bold; padding: 2px 3px;
  display: block; float: left; margin: 0 3px 3px 0;
  color: #333333; border: #DDDDDD solid 1px; background-color: #EEEEEE;
}
#prev_page A {
  width: 18px; font-weight: normal; padding: 2px 3px;
  display: block; float: left; margin: 0 3px 3px 0;
  color: #333333; border: #DDDDDD solid 1px;
}
#prev_page A:hover {
  color: #FFFFFF; background-color: #003399; border: #0000DD solid 1px;
}
#prev_page A:active {
  color: #FFFFFF; background-color: #003399; border: #0000DD solid 1px;
}
#prev_page .block {
  display: block; float: left; padding: 2px 10px; width: 62px;
}
@media screen and (max-width: 500px){
  #prev_page {
    width: 100%; margin: 0;
  }
  #prev_page STRONG,
  #prev_page A {
    width: 45px; line-height: 45px; padding: 0;
  }
  #prev_page .block {
    width: 45px; line-height: 45px; padding: 0; font-size: 50%;
  }
}


/* --------------------------------------------------------
	小説図書館
--------------------------------------------------------- */
.novel-navi {
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
  border-top: 1px solid #8F643C;
  border-bottom: 1px solid #8F643C;
  background: #fff;
}
.novel-navi ul {
  display: flex;
  align-items: center;
  width: 100%;
}
.novel-navi li {
  display: block;
  width: calc(33.3%);
}
.novel-navi a {
  margin: auto;
  font-size: 1px; text-indent: -9999px; display: block;
  text-decoration: none; overflow: hidden;
}

a.navi-prev {
  width: 75px; height: 100px;
  background-image: url(../../images/btn_prev.png);
}
a.navi-next {
  width: 75px; height: 100px;
  background-image: url(../../images/btn_next.png);
}
a.navi-index {
  width: 90px; height: 100px;
  background-image: url(../../images/btn_menu.png);
}