@charset "utf-8"; /*文字コード指定*/


/* ----- 超時空イデオポリス----- */

html{
    scroll-behavior: smooth;    /* スクロール・スムーズ */
}

.list_contents-wrap {
    list-style:  none;          /* デフォルトのアイコンを消す */
    margin:  0;                 /* デフォルト指定上書き */
    padding: 0;                 /* デフォルト指定上書き */
    counter-reset: li_count;    /* カウンタをセット */
}

.list_contents {
    padding:  0px;             /* 余白指定 */
    margin-bottom: 0px;         /* 要素と要素の間指定 */
    font-size:  0.9em;           /* 文字サイズ指定 */
    color: #333333;
    font-weight:  500; 
}

.list_contents:before  {
  counter-increment: li_count;  /* カウンタの値を計算していく */
  content: counter(li_count)"."; /* 数字出力 */
  color: #393939;               /* 文字色指定 */
  margin-right: 6px;            /* 余白指定 */
}

.novel_contents a { 
	color: #333939; 
}

.novel_contents a:hover { 
	color: #777777; 
        background-color: #ffffcc;
        text-decoration:none;
}

.novel_contents a:active { color:#aaaaaa; text-decoration:none;}

.background-color {
	background-color: #f3f3f3;
	border-radius: 6px;
	font-size: 1.0em; 
	line-height: 20px; 
	padding-top: 1px; 
	padding-bottom: 1px; 
	padding-left: 20px; 
	padding-right: 12px; 
	margin-top: 20px; 
	margin-bottom: 40px; 
	color: #393939; 
}

.background-color2 {
	background-color: #efefef;
	border-radius: 4px;
	padding-top: 2px; 
	padding-bottom: 2px; 
	padding-left: 2px; 
	padding-right: 2px; 
	color: #363636; 
}

#novel {
	font-size: 1.0em; 
	line-height: 25px; 
	color: #333333;
}

#novel h1 {
	padding-left: 0px;
	font-size: 1.4em; 
	line-height: 26px; 
	margin-left: -12px; 
	margin-top: 21px; 
	margin-bottom: 12px; 
	color: #393939; 
	text-align: left;
	letter-spacing: 1px;
}

#novel h2 {
	padding-left: 0px;
	font-size: 1.3em; 
	line-height: 10px; 
	margin-left: -12px; 
	margin-top: 16px; 
	margin-bottom: 13px; 
	color: #393939; 
	text-align: left;
	letter-spacing: 1px;
	border-bottom: none;
}

#novel h3 {
	padding-left: 0px;
	font-size: 1.1em; 
	line-height: 10px; 
	margin-left: -12px; 
	margin-top: 28px; 
	margin-bottom: 12px; 
	color: #393939; 
	text-align: left;
	letter-spacing: 1px;
	border-bottom: none;
	font-weight:  600; 
}

#novel h4 {
	padding-left: 0px;
	font-size: 1.1em; 
	line-height: 10px; 
	margin-left: -12px; 
	margin-top: 14px; 
	margin-bottom: 12px; 
	color: #393939; 
	text-align: left;
	letter-spacing: 1px;
	border-bottom: none;
	font-weight:  400; 
}

#novel p {
	margin-top: 11px; 
	margin-bottom: 11px;  
}


.list_novel-wrap {
    list-style:  none;          /* デフォルトのアイコンを消す */
    margin:  0;                 /* デフォルト指定上書き */
    padding: 0;                 /* デフォルト指定上書き */
    counter-reset: li_count;    /* カウンタをセット */
}

.list_novel {
    padding:  0px;             /* 余白指定 */
    margin-bottom: 0px;         /* 要素と要素の間指定 */
    font-size:  0.9em;           /* 文字サイズ指定 */
    color: #333333;
    font-weight:  500; 
}

.list_novel:before  {
  counter-increment: li_count;  /* カウンタの値を計算していく */
  content: counter(li_count)"."; /* 数字出力 */
  color: #393939;               /* 文字色指定 */
  margin-right: 6px;            /* 余白指定 */
}

.line-left {
    border-left: 5px solid #dddddd;
    padding:0px 8px; /*余白の設定*/
}


tr {
  border-bottom: 2px solid #efefef;
}

table {
    border-collapse:  collapse; /* セルの線を重ねる */
    width:  100%;               /* 幅指定 */
    table-layout: fixed;        /* セルの幅計算指定 */
}



/* ----- AIポエトリー----- */

#poetry h1 {
	padding-left: 0px;
	font-size: 1.2em; 
	line-height: 10px; 
	margin-top: 32px; 
	margin-bottom: 16px; 
	color: #393939; 
	text-align: left;
	letter-spacing: 1px;
}

#poetry ul li {
	background-color: #efefef;
	border-radius: 6px;
	font-size: 1.0em; 
	line-height: 19px; 
	padding-top: 10px; 
	padding-bottom: 10px; 
	padding-left: 20px; 
	margin-top: 16px; 
	margin-bottom: 16px; 
	color: #333333; 
}