@charset "utf-8";
/* ■■異伝新選組 - 小説レイアウト■■ */

/* ■紹介■ */

/* 小説タイトルロゴ＋あらすじ - 横並び */
#novTitle {
	display:block;
	float:left;
	vertical-align:middle;
	height:121px;
	width:222px;
	background-image:url('../pic/Y_novel01.png');
	background-repeat:no-repeat;
	padding:0 10px 0 0;
	margin:0 0 10px 0;
}
#novTitle span { display:none; }

/* 小説タイトルロゴ＋サブタイトル - 縦並び */
.novTitle {
	display:block;
	vertical-align:middle;
	text-align:center;
	height:100%;
	width:100%;
	padding:0 0 20px 0;
	margin:0 auto;
}
.novTitle img{ max-height:100%; max-width:100%;}
.novTitle span{
	display:block;
	font-size:;
	letter-spacing:0.3em;
	font-family:"utsukushiregular","メイリオ",Meiryo,serif;
}

/* 小説話数一覧 */
ul#novelList {
	list-style:none;
	padding:0;
	margin:20px 0;
}
ul.novelList {
	list-style:none;
	display:inline;
	padding:0;
	margin:;
}
ul.novelList li { display:inline-block; padding:0.3em;}

/* 他文章一覧 */
ul#remarkList {}
ul.remarkList {
	list-style:none;
	padding:0;
	margin:10px 0;
	color:#c0c6c9;/*リンク無 - 灰青*/
}
ul.remarkList li { display:inline-block; padding:0.5em;}

/* コンテンツボックス */
.between { clear:both; margin-top:50px;}
.between:first-of-type { clear:both; margin-top:30px;}/*最初の要素専用*/

/* ■本文■ */

/* ページ下部余白追加 */
.inner {padding-bottom:50px;}

/* 章 - h2 */
.novelChap {
	font-size:18px;
	font-family:"utsukushiregular","メイリオ",Meiryo,serif;
	color:#;
	margin:40px 0 50px;
}
/* HTML例
<h2 class="novelChap">第一章</h2>

/* エンドクレジット - h3 */
h3.novelChap:before{ content:"＜";}
h3.novelChap:after{ content:"＞";}

/* 本文テキストスタイルA - p */
.novelText {font-size:16px; line-height:1.8;}/* ルビ分を考慮 */

/* 本文テキストスタイルB - p */
.poemText {font-size:16px; line-height:3em;}

/* 台詞1 (「」以下ぶら下げ) - span */
.speech { text-indent:-1em; padding-left:1em; margin:1em auto; display:block;}
/* HTMLタグ
<span class="speech">「せりふあれこれしゃべったりはなしたりはいたりつぶやいたり」</span>

/* 台詞2 (「」以下を名前の文字数に応じてぶら下げ) - span */
.spe1 { text-indent:-2em; padding-left:2em; margin:1em auto; display:block;}/* 一文字 */
.spe2 { text-indent:-3em; padding-left:3em; margin:1em auto; display:block;}/* 二文字 */
.spe3 { text-indent:-4em; padding-left:4em; margin:1em auto; display:block;}/* 三文字 */
.spe4 { text-indent:-5em; padding-left:5em; margin:1em auto; display:block;}/* 四文字 */
/* HTMLタグ
<span class="spe3">謎の男「せりふあれこれしゃべったりはなしたりはいたりつぶやいたり」</span>

/* 擬音 */
.seTick { font-style:oblique; font-weight:; font-size:12px; margin:1em auto; display:block;}
.seTack { font-style:oblique; font-weight:; font-size:16px; margin:1em auto; display:block;}
.seNomal { font-style:oblique; font-weight:bold; font-size:16px; margin:1em auto; display:block;}
.seBig { font-style:oblique; font-weight:bold; font-size:20px; margin:1em auto; display:block;}
.seGian { font-style:oblique; font-weight:bold; font-size:40px; margin:1em auto; display:block;}
/* HTMLタグ
<span class="seBig">ドンッ！</span>

/* 場面転換の余白 */
.bo { margin:6em auto; display:block;}
/* HTMLタグ
<span class="bo"></span>

/* 一行分の余白 */
.ro { margin:1em auto; display:block;}
/* HTMLタグ
<span class="bo"></span>

/* ページリンク前後 - 常駐 */
.novelGo {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	padding:15px;/* 余白 */
	background-color:rgba(255,255,255,0.9);/* 半透明指定 */
	font-size:middle;
	text-align:center;
}

/* 献辞 */
.dedi { font-size:12px; text-align:right; margin:30px auto 20px;}

/* PC用
------------------------------------------------------------*/
/* タブレット・スマートフォン用 */
@media only screen and (max-width:959px){

/* 要素縦割り */
#subTag{ display:block; padding:;}

#novTitle {
	display:block;
	float:none;
	max-height:100%;
	max-width:100%;
	padding:0 0 20px 0;
	margin:0 auto;
}

/* リスト縦割り */
ul.novelList { display:block; padding:;}/*章で分割*/
ul.remarkList li{ display:block; padding:;}/*行で分割*/

/* フォントサイズ調整 */
.novelGo { font-size:x-large;}

/* 画像サイズ調整 */
span.spe2 img{ max-height:10%; max-width:10%;}
}