/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/
/*.novel {
	text-align: justify;
	font-family:"ヒラギノ明朝 ProN","Hiragino Mincho ProN","HiraMinProN-W3","HiraMinProN-W6","ヒラギノ明朝 Pro","Hiragino Mincho Pro","HiraMinPro-W3","HiraMinPro-W6","游明朝体","YuMincho","游明朝","Yu Mincho","HG明朝E","HGP明朝E","HGS明朝E","HGMinchoE","HGPMinchoE","HGSMinchoE","HG明朝B","HGP明朝B","HGS明朝B","HGMinchoB","HGPMinchoB","HGSMinchoB","平成明朝","平成明朝 Std","平成明朝 Pro","Heisei Mincho","Heisei Mincho Std","Heisei Mincho Pro","IPA明朝","IPAMincho","georgia ref","times new roman",serif;
}*/
div.novel_form h3 {
	margin-bottom: 0.2em;	
}
div.novel_form p {
	font-size:14px;
	font-family: sans-serif;
	margin: 0.2em;
}
div.novel_form input,
div.novel_form textarea {
	font-family:monospace;
	line-height: 130%;
	font-size:14px;
}
div.novel_form input[type=text],
div.novel_form input[type=email],div.novel_form  input[type=url],
div.novel_form textarea {
	width: 98%;
}
div.novel_form_conf .noconf {
	display:none;
}
div.novel_form_conf p {
	font-size:14px;
	font-family: monospace;
	line-height: 130%;
	color: #333399;
}


/* -------------------------------------------------------------------------------- */
/* フォント切り替えボタン
*/
/* -------------------------------------------------------------------------------- */
#switchFontSize{margin: 10px; float: right; font-size: 0.7em;}
#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 */
}
#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 */
}
#switchFontSize li:hover{color: #000;}
#switchFontSize li:first-child{
    -moz-border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
}
#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;
}
#switchFont{margin: 10px 0; float: right; font-size: 0.7em;}
#switchFont 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 */
}
#switchFont 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 */
}
#switchFont li:hover{color: #000;}
#switchFont li#btn_mincho{
    -moz-border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
}
#switchFont li#btn_gothic{
    border-left: 0;
    -moz-border-radius: 0 10px 10px 0;
    -webkit-border-radius: 0 10px 10px 0;
    border-radius: 0 10px 10px 0;
}

#switchTateyoko{margin: 10px 0; float: right; font-size: 0.7em;}
#switchTateyoko 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{
    /* 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{color: #000;}
#switchTateyoko li#btn_tategaki{
    -moz-border-radius: 10px 10px 10px 10px; 
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
}
#switchTateyoko li#btn_yokogaki{
    border-left: 0;
    -moz-border-radius: 0 10px 10px 0;
    -webkit-border-radius: 0 10px 10px 0;
    border-radius: 0 10px 10px 0;
}

/* -------------------------------------------------------------------------------- */
/* 小説ブロック
*/
/* -------------------------------------------------------------------------------- */
#honbun{
/*	font-size: 1.2em; 
	line-height: 2em; */
	padding: 80px 0;
	text-align: justify;
}
/* -------------------------------------------------------------------------------- */
/* 本文用クラス
*/
/* -------------------------------------------------------------------------------- */

@font-face {
  font-family: "ApMin";
  src: url("/font/ApMin.woff2") format('woff2'),
       url("/font/ApMin.woff")  format('woff');
}

.gothic{font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', '游ゴシック', 'Yu Gothic', '游ゴシック体', 'YuGothic',"source-han-sans-japanese",  'Meiryo UI', 'メイリオ', Meiryo, 'ＭＳ ゴシック', 'MS Gothic', sans-serif;
	font-weight: 300;
}
.mincho{font-family: 'ApMin', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'HiraMinProN-W3', '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho','source-han-serif-japanese', 'HGS明朝E', 'HG明朝E', 'ＭＳ 明朝', 'MS Mincho', serif;
	font-weight: 300;
}
.f_small{font-size: 0.8em; }
.f_middle{font-size: 1em; }
.f_large{font-size: 1.2em; }



/* 投票 */
.wp-polls {
	margin: 8em 1em 1em 1em;
	border: solid 1px #eee;
	background-color: #fafafa;
	padding: 1em;
	font-family: sans-serif;
}

/* その他 */
h1.novel_title {
	text-align: left;
}

.writers h2 {
	padding: 0.2em 0 0 0.3em;
	border-bottom: solid 5px #eee;
}
.writers article {
	margin: 0.5em 0;
	border-left: solid 3px #cc9999;
	padding-left: 0.8em;
}

/* 前後リンク*/
.kiki2 div.prev_next, .kiki3 div.prev_next, .kiki4 div.prev_next{
	display: table;
	width: 100%;
}
.kiki2 .prev_next span, .kiki3 .prev_next span, .kiki4 .prev_next span {
	display: table-cell;
	width: 50%;
}
.kiki2 .prev_next span.next, .kiki3 .prev_next span.next, .kiki4 .prev_next span.next {
	text-align: right;
}
.kiki2 .prev_next span a:hover, .kiki3 .prev_next span a:hover, .kiki4 .prev_next span a:hover {
	text-decoration: underline;
	color: #a62425;
}

@media screen and (min-width: 700px) {
	#menu-item-1014 {
		display: none;
	}
}

#nav_menu-7 {
	margin-top: 1.5em;
}

#honbun {
	background-color: #f9f9f9;
}


/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/
/*.novel {
	text-align: justify;
	font-family:"ヒラギノ明朝 ProN","Hiragino Mincho ProN","HiraMinProN-W3","HiraMinProN-W6","ヒラギノ明朝 Pro","Hiragino Mincho Pro","HiraMinPro-W3","HiraMinPro-W6","游明朝体","YuMincho","游明朝","Yu Mincho","HG明朝E","HGP明朝E","HGS明朝E","HGMinchoE","HGPMinchoE","HGSMinchoE","HG明朝B","HGP明朝B","HGS明朝B","HGMinchoB","HGPMinchoB","HGSMinchoB","平成明朝","平成明朝 Std","平成明朝 Pro","Heisei Mincho","Heisei Mincho Std","Heisei Mincho Pro","IPA明朝","IPAMincho","georgia ref","times new roman",serif;
}*/
div.novel_form h3 {
	margin-bottom: 0.2em;	
}
div.novel_form p {
	font-size:14px;
	font-family: sans-serif;
	margin: 0.2em;
}
div.novel_form input,
div.novel_form textarea {
	font-family:monospace;
	line-height: 130%;
	font-size:14px;
}
div.novel_form input[type=text],
div.novel_form input[type=email],div.novel_form  input[type=url],
div.novel_form textarea {
	width: 98%;
}
div.novel_form_conf .noconf {
	display:none;
}
div.novel_form_conf p {
	font-size:14px;
	font-family: monospace;
	line-height: 130%;
	color: #333399;
}


/* -------------------------------------------------------------------------------- */
/* フォント切り替えボタン
*/
/* -------------------------------------------------------------------------------- */
#switchFontSize{margin: 10px; float: right; font-size: 0.7em;}
#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 */
}
#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 */
}
#switchFontSize li:hover{color: #000;}
#switchFontSize li:first-child{
    -moz-border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
}
#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;
}
#switchFont{margin: 10px 0; float: right; font-size: 0.7em;}
#switchFont 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 */
}
#switchFont 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 */
}
#switchFont li:hover{color: #000;}
#switchFont li#btn_mincho{
    -moz-border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
}
#switchFont li#btn_gothic{
    border-left: 0;
    -moz-border-radius: 0 10px 10px 0;
    -webkit-border-radius: 0 10px 10px 0;
    border-radius: 0 10px 10px 0;
}

#switchTateyoko{margin: 10px 0; float: right; font-size: 0.7em;}
#switchTateyoko 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{
    /* 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{color: #000;}
#switchTateyoko li#btn_tategaki{
    -moz-border-radius: 10px 10px 10px 10px; 
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
}
#switchTateyoko li#btn_yokogaki{
    border-left: 0;
    -moz-border-radius: 0 10px 10px 0;
    -webkit-border-radius: 0 10px 10px 0;
    border-radius: 0 10px 10px 0;
}

/* -------------------------------------------------------------------------------- */
/* 小説ブロック
*/
/* -------------------------------------------------------------------------------- */
#honbun{
/*	font-size: 1.2em; 
	line-height: 2em; */
	padding: 80px 0;
	text-align: justify;
}
/* -------------------------------------------------------------------------------- */
/* 本文用クラス
*/
/* -------------------------------------------------------------------------------- */
.gothic{font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', '游ゴシック', 'Yu Gothic', '游ゴシック体', 'YuGothic',"source-han-sans-japanese",  'Meiryo UI', 'メイリオ', Meiryo, 'ＭＳ ゴシック', 'MS Gothic', sans-serif;
	font-weight: 300;
}
.mincho{font-family: 'ApMin', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'HiraMinProN-W3', '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho','source-han-serif-japanese', 'HGS明朝E', 'HG明朝E', 'ＭＳ 明朝', 'MS Mincho', serif;
	font-weight: 300;
}
.f_small{font-size: 0.8em; }
.f_middle{font-size: 1em; }
.f_large{font-size: 1.2em; }



/* 投票 */
.wp-polls {
	margin: 8em 1em 1em 1em;
	border: solid 1px #eee;
	background-color: #fafafa;
	padding: 1em;
	font-family: sans-serif;
}

/* その他 */
h1.novel_title {
	text-align: left;
}

.writers h2 {
	padding: 0.2em 0 0 0.3em;
	border-bottom: solid 5px #eee;
}
.writers article {
	margin: 0.5em 0;
	border-left: solid 3px #cc9999;
	padding-left: 0.8em;
}

/* 前後リンク*/
.kiki2 div.prev_next {
	display: table;
	width: 100%;
}
.kiki2 .prev_next span {
	display: table-cell;
	width: 50%;
}
.kiki2 .prev_next span.next {
	text-align: right;
}
.kiki2 .prev_next span a:hover {
	text-decoration: underline;
	color: #a62425;
}

@media screen and (min-width: 700px) {
	#menu-item-1014 {
		display: none;
	}
}

#nav_menu-7 {
	margin-top: 1.5em;
}

#honbun {
	background-color: #f9f9f9;
}


/* 縦書きスクリプト */
body {
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: 100%; /* 文字を拡大させない */
}
/* 小説表示のための枠 */
#mainbox {
	width: 100%;
	max-width: 600px; /* 最大幅 */
	height: 90vh; /* h1と足して100以下にする ここの数字とスクリプトの数字を合わせる */
	overflow: hidden; /* 枠からはみ出したものは表示しない（縦スクロール回避） */
	z-index:2;
	position: fixed;
	background-color: #fff;
	
	display: none;
}
.docs {
	width: 100%;
	max-width: 600px;
	margin: auto;
	font-size: 22px; /* 文字サイズ　好きなサイズでどうぞ */

	/* 縦書き指定 */
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;

	/* 段組の高さ */
	-moz-column-width: 90vh;
	-o-column-width: 90vh;
	-webkit-column-width: 90vh;
	column-width: 90vh;

	/*行間 */
	line-height: 1.75;

	/* フォントの指定 Windows8.1以降は游明朝、Macはヒラギノ明朝にしてます */
	font-family: 'ApMin',"游明朝",YuMincho, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: normal;
	
	/* 位置 スクリプトでtopの数値を上げ下げしてページめくりをしています */
	position: relative;
	top:0;
	right:0;

}
.yoko {
	max-width: 600px;
	margin:auto;
	padding: 1em;
	line-height: 1.75;
}
.docs p {
	/* 上下に適度な余白を取る */
	padding: 2em 0;
}
#modal-overlay{
	z-index:1;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:120%;
	background-color:rgba(0,0,0,0.75);
}
.close {
	position: absolute;
	bottom: 10px;
	left: 2px;
	font-size: 24px;
	color: #ccc;
	border: solid 3px #ccc;
/*	padding: 2px;*/
	width: 30px;
	cursor:pointer;
	z-index: 3;
	text-align: center;
}
@media screen and (max-width:480px) {
	.docs {
		font-size: 18px;
	}
	#page #content {
		padding: 0 10px;
	}
	#sort img {
		width: 42%;
		height: auto;
	}
}
@media screen and (min-width:480px) {
	#honbun p {
		padding-right:1em;
		padding-left:1em;
	}
}

.docs .wp-polls, .docs .wp-polls-loading {
	display: none;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
	color: #fff;
}

article.category-27 strong {
background: linear-gradient(transparent 60%, #ccffff 60%);
}