@charset "utf-8";

/* 全体の設定 */
body {
	font-family: 'Verdana',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif; /*フォント*/
	margin: 0; 
	padding: 0;
	font-size: 15px;  /*フォントサイズ*/
	color: #332010;  /*文字色*/
	background-color: #bc763c;  /*背景色*/
	line-height: 1.5em;  /*行高さ*/
	}

/*リンク部分設定*/
a {
	color: #664021;  /*文字色*/
	text-decoration: none;  /*下線無し*/
	}

/*装飾文字*/   
u {
	font-size: 10px;
	font-style: oblique;  /*フォントスタイル・斜体*/
	}
     
/*見出し設定*/
/*サイトタイトル*/
h1   {   
	color: #bc763c;  /*文字色*/
	font-size: 2em;  /*文字の大きさ*/
	margin: 0 auto;  /* 外側の余白量 */
	text-align: center;
      
	}
/*大見出し*/
h2 {
	width: 250px;
    position: relative;
    padding: .3em 0 .2em 1em;
    border-bottom: 3px solid #bc763c;
    color: #332010;
    font-size: 1.5em;
}

h2::before {
    position: absolute;
    top: 0;
    left: .3em;
    transform: rotate(55deg);
    height: 11px;
    width: 12px;
    background: #bc763c;
    content: '';
}

h2::after {
    position: absolute;
    transform: rotate(15deg);
    top: .6em;
    left: 0;
    height: 8px;
    width: 8px;
    background: #bc763c;
    content: '';
}
/*小見出し*/
h3 {
    color: #332010;
    margin: 0 1em;
    font-size: 1em;
}

h3:first-letter {
    color: #bc763c;
    font-size: 1.25em;
}
      
/*小説タイトル*/
h4 {
	margin: 1em;
	color: #bc763c;  /*文字色*/
	font-size: 1.25em;  /*文字の大きさ*/
	border-bottom: 1px solid #bc763c;  /*下線の設定*/
	}

/*小説ページジャンル名*/
h5 {
	padding: .5em .7em;
    background-image: linear-gradient(45deg, #bc763c12 25%, transparent 25%, transparent 50%, #bc763c12 50%, #bc763c12 75%, transparent 75%, transparent), linear-gradient(-45deg, #bc763c12 25%, transparent 25%, transparent 50%, #bc763c12 50%, #bc763c12 75%, transparent 75%, transparent);
    background-color: #bc763c0d;
    background-size: 20px 20px;
    color: #bc763c;
    font-size: 1.0em;
	}
/*カップリング・区分*/
h6 {
	max-width: 70px;
	margin: 0 1em;
	padding: .5em .7em;
    border-bottom: 1px solid #bc763c;
    color: #332010;
    font-size: 0.7em;
	}

     
/*コンテンツ下地部分*/
.pagecover {
	max-width: 1024px;			/* 最大横幅*/
	margin: 10px auto;			/* 中央寄せ */
	padding: 30px;  /*内側の余白*/
	border: 2px solid #bc763c;  /*枠線*/
	background-color: #f5deb3;		/* 背景色 */
	border-radius: 20px;
}   

/*コンテンツ部分*/
section {
	min-width: 300px;
	}
   
p {
	margin: 1.5em 2.5em;
	word-break: normal;
	line-break: normal;
	}

.news {
	max-height: 50px;
	margin: 0.5em 3em;
	padding: 0.5em 1em;
	overflow: auto;
	border: 3px double #bc763c;
	border-radius: 5px;
	}
	
.index{
		margin: 3em;
		text-align: left;
		}
		
.novel {
	white-space: pre-wrap;
	}
/*ヘッダー部分*/
header {
	margin: 0.5em; /* 外側の余白量 */
	padding: 2em; /* 外側の余白量 */
	}

	

	.headerbox {
		text-align: center;
		background-color: #f5deb3;  /* 背景色 */
		}
	.menu {
		text-align: center;
		}
/*各種リスト部分*/
li {
	list-style-type: none;  /*リストの先頭*/
	}

	#menu {
		display: inline-block;
		margin: 0.5em;  /* 外側の余白量 */
		padding: 0.5em;	/* 内側の余白量 */
		width: 150px;  /*幅*/
		background-color: #f5deb3;	/* 背景色 */
		border-bottom: 1px dotted #bc763c;
		text-align: center;  /*中央揃え*/
		}
		
	#menu:hover {
		background-color: #ffa052;
		}

	.link {
		display: block;
		max-width: 200px;
		margin: 1.25em;
		text-align: left;
		line-height: 5px;
		}

	.link:hover {
		background-color: #ffa052;
		}

	.novelist {
		display: inline-block;
		margin-right: 1em;
		text-decoration: underline dashed #bc763c 1px;
		}

/*段組み*/       
@media all and (min-width: 1000px) {  /*800px以上*/

	.contents {
		display: flex;
		
		}
	
@media all and (max-width: 999px) {  /*799px以下*/

	.pagecover {
		display: flex;
		max-width: 100%;			/* 最大横幅*/
		}      


}