<link href="https://fonts.googleapis.com/css?family=Crimson+Text" rel="stylesheet" type="text/css">
<style type="text/css"><!-- 
/* 以下、日本語フォントDL(必要なければ削除を） */
@font-face
{
font-family: XANO明朝;
src: url('https://cdn.leafscape.be/XANO-mincho/XANO-mincho_web.woff')
     format("woff");
}
                
/* ----- 共通項目 ----- */
body { 
    color: #323333; 
    background-color: #f6c0af;
    font-family: "Crimson Text", "游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 12px;
    letter-spacing:1px; 
    width: 100%;
    padding:0px;
    margin: 0 auto;
    text-align: center;
    line-height: 2.4;
}

/* リンク */
a { color: #133c8b; text-decoration:none;}
a:hover { color: #d4e4fc; } 

/* new */
span.new{
    color: #C20114;
    padding-left: 4px;
}
/* 危険 */
span.kiken{
    padding-left: 4px;
}

/*** TOP タイトルなど ***/
#pageHead {
    width: 90%;
    max-width: 400px;
    padding:0px;
    margin: 50px auto;
    text-align: center;
    line-height: 1.8;
}
#pageHead h1{
    font-family: "Crimson Text", "XANO明朝","游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 18px;
    line-height: 1.0;
    letter-spacing:0px;
    font-weight: bold;
    margin-bottom: 0px;
}
#pageHead p{
    margin-top: 8px;
    margin-bottom: 18px;
}
#pageHead p a{
    background-color: #efedef;
    color: #323333;
    padding: 4px 4px;
}
#pageHead p a:hover{
    background-color: #d4e4fc;
    color: #fff;
}

/***  TOP メインコンテンツ ***/
#pageBody {
    width: 100%;
    max-width: 500px;
    padding:0px;
    margin: 0 auto;
    zoom:1;
    text-align: center;
}
/***  TOP メインコンテンツ ***/
#pageBody {
    width: 100%;
    max-width: 500px;
    padding:0px;
    margin: 0 auto;
    zoom:1;
    text-align: center;
}
/* チャプター見出し */
#pageBody h3 {
    margin: 40px auto;
    margin-bottom: 20px;
    font-size: 16px;
	position: relative;
	text-align: center;
}
#pageBody h3 span {
    /* ↓背景色にあわせる！ */
    background-color: #f6c0af;
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	text-align: left;
}
#pageBody h3::before {
    /* 線の色 */
    background-color: #323333;
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
}
#pageBody .list{
    width: 80%;
    margin: 0 auto;
    margin-bottom: 30px;
}
#pageBody .list a{
    font-family: "Crimson Text", "XANO明朝","游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    background-color: #323333;
    color: #fffeff;
    padding: 4px 6px;
    line-height: 2.8;
}
#pageBody .list a:hover{
    color: #d4e4fc;
}
/* ページ下部 */
#pageBody #omake{
    text-align: center;
    font-size: 10px;
}

/*** 注意画面 ***/
#pageBody h5{
    margin: 30px auto;
    margin-bottom: 4px;
    font-size: 14px;
    
}
#pageBody #novelAttention{
    background-color: #fffeff;
    color: #323333;
    line-height: 1.8;
    font-size: 12px;
    text-align:left;
    padding: 10px 10px;
    width: 75%;
    margin: auto;
}

/***  名前変換ページ ***/
#nameChange{
    line-height: 0.2;
    margin-top: 30px;
    margin-bottom: 10px;
}

/*** 共通　BACKボタン ***/
#back{
    margin-top: 10px;
    line-height: 2.5;
    text-align: center; 
}

/*** 小説本文画面 ***/
#pageBody #novel{
    font-family: "游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    width:90%;
    margin: 30px auto;
    text-align: justify; 
    color: #000;
}
#pageBody #first{
    font-weight: bold;
    text-align: center;
    color: #fffeff;
}
#pageBody #novel h5{
    color: #fffeff;
    font-family: "Crimson Text", "XANO明朝","游明朝", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    text-align: center;
    margin-top: 30px;
    font-size: 18px;
    margin-bottom: 8px;
    border-bottom: 1px solid #000;
}
#pageBody #novel #atogaki{
    color: #666;
    font-size: 11px;
}
#pageBody #novel #next{
    margin-top: 14px;
    text-align: center;
}

/* ------ フォーム系 ------ */
input[type=text],textarea,input[type=submit]{
    /* デフォルト設定をリセット */
    -webkit-appearance: none;
    /* 角丸設定など */
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    vertical-align:middle; 
    position:relative; 
    top:-1px; 
}
/* 色味指定（フォーム）*/
input[type=text],textarea{
    /* 背景色（全て指定） */
    background-image: -webkit-gradient(linear, left top, left bottom, from(#efedef ), to(#efedef ));
    background-image: -webkit-linear-gradient(left, #efedef , #efedef);
    background-color: #efedef ;
    /* 文字色 */
    color: #323333 ;
    /* 枠色 */
    border:solid 1px #323333 ;
}
/* 色味指定（ボタン）*/
input[type=submit]{
    /* 背景色 */
    background-image: -webkit-gradient(linear, left top, left bottom, from(#323333 ), to(#323333));
    background-image: -webkit-linear-gradient(left, #323333, #323333);
    background-color: #323333;
    /* 文字色 */
    color: #f6c0af;
    /* 枠色 */
    border:solid 1px #f6c0af;
}
/* テキストエリア */
textarea{
    width: 80%; /* 長さ */
    margin: 4px 0px; /* 余白 */
}
/* 入力フォーム */
input[type=text]{
    width: 140px; /* 長さ */
    height: 25px;  /* 高さ */
    padding:0 2px; /* 文字余白 */
    text-align: center;
    margin: 4px; /* 余白 */
    vertical-align:middle; 
    position:relative; 
    top:-1px; 
}
/* ボタン */
input[type=submit]{ 
    width: 50px; /* 長さ */ 
    height:27px; /* 高さ */
    padding:0 2px; /* 文字余白 */
}
--></style>