@charset "utf-8";
/* ******************************************************************************** */
/*                                                                                  */
/*  I'll be NET Novel CSS                                                           */
/*  作成：I'll be NET（http://illbe.net/）                                          */
/*                                                                                  */
/* ******************************************************************************** */
/* -------------------------------------------------------------------------------- */
/* 各種切り替えボタン                                                       */
/* -------------------------------------------------------------------------------- */
#switchTateyoko, #switchFont, #switchFontSize{margin: 10px; float: right; font-size: 0.7em;}
#switchTateyoko li, #switchFont li, #switchFontSize li{
	list-style: none;
	float: left;
	text-align: center;
	text-decoration: none;
	padding: 0 10px;
	border: 1px solid #ccc;
	color: #999;
	display: block;
	height: 30px;
	line-height: 30px;
	cursor: pointer;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feffff+0,f9f9f9+50,d6d6d6+100 */
	background: rgb(254,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(254,255,255,1) 0%, rgba(249,249,249,1) 50%, rgba(214,214,214,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,255,1)), color-stop(50%,rgba(249,249,249,1)), color-stop(100%,rgba(214,214,214,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(249,249,249,1) 50%,rgba(214,214,214,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(249,249,249,1) 50%,rgba(214,214,214,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(249,249,249,1) 50%,rgba(214,214,214,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(254,255,255,1) 0%,rgba(249,249,249,1) 50%,rgba(214,214,214,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */
}
#switchTateyoko li.current, #switchFont li.current, #switchFontSize li.current{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d6d6d6+0,f9f9f9+50,feffff+100 */
	background: rgb(214,214,214); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(214,214,214,1) 0%, rgba(249,249,249,1) 50%, rgba(254,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(214,214,214,1)), color-stop(50%,rgba(249,249,249,1)), color-stop(100%,rgba(254,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(214,214,214,1) 0%,rgba(249,249,249,1) 50%,rgba(254,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(214,214,214,1) 0%,rgba(249,249,249,1) 50%,rgba(254,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(214,214,214,1) 0%,rgba(249,249,249,1) 50%,rgba(254,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(214,214,214,1) 0%,rgba(249,249,249,1) 50%,rgba(254,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#feffff',GradientType=0 ); /* IE6-9 */
}
#switchTateyoko li:hover, #switchFont li:hover, #switchFontSize li:hover{color: #000;}
#switchTateyoko li:first-child, #switchFont li:first-child, #switchFontSize li:first-child{
	-moz-border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
}
#switchTateyoko li:last-child, #switchFont li:last-child, #switchFontSize li:last-child{
	border-left: 0;
	-moz-border-radius: 0 10px 10px 0;
	-webkit-border-radius: 0 10px 10px 0;
	border-radius: 0 10px 10px 0;
}
/* -------------------------------------------------------------------------------- */
/* 小説ブロック                                                                     */
/* -------------------------------------------------------------------------------- */
#novel{clear: both;}
.honbun{padding: 30px 12%;}
/* -------------------------------------------------------------------------------- */
/* 本文用クラス                                                                     */
/* -------------------------------------------------------------------------------- */
.gothic{font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', '游ゴシック', 'Yu Gothic', '游ゴシック体', 'YuGothic', 'Meiryo UI', 'メイリオ', Meiryo, 'ＭＳ ゴシック', 'MS Gothic', sans-serif;}
.mincho{font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'HiraMinProN-W3', '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'HGS明朝E', 'HG明朝E', 'ＭＳ 明朝', 'MS Mincho', serif;font-size: 1.2em;}
.f_small{font-size: 1.2em; line-height: 1.8em;}
.f_middle{font-size: 1em; line-height: 2em;}
.f_large{font-size: 1.2em; line-height: 2.2em;}
.tcy{
    text-combine: horizontal;
    -webkit-text-combine: horizontal;
    -epub-text-combine: horizontal;
    line-height: 1;
    letter-spacing: 1;
    -ms-writing-mode: lr-tb;
    -webkit-writing-mode: horizontal-tb;
    -o-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
}
/* ---------------------------------
ShortStory
------------------------------------ */
.story-text p {
 line-height :2.5em;
 margin :2em auto;
}
#story-text p {
 line-height :2.5em;
 margin :2em auto;
}
/*==================================================
Bootstrap 3 メディア・クエリ
==================================================*/
/* カスタム, iPhone Retinaディスプレイ */ 
@media only screen and (max-width : 479px) {
.honbun{padding: 20px 0;}
}


/* XSサイズ : Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
.honbun{padding: 30px 0;}
}

 
/* Sサイズ、タブレット : Small Devices, Tablets */
@media only screen and (min-width : 768px) {
.honbun{padding: 30px 10%;}
}
 
/* Mサイズ、デスクトップ : Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}
 
/* Lサイズ、ワイドスクリーン : Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}