@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Quicksand:400');
/*!
 * Template: 31-leaves v1.0.0 (https://klee.mypace.net/)
 * Copyright 2018 klee
 * Licensed under MIT (https://opensource.org/licenses/mit-license.php)
 */
/* ============================================================
   適用デバイス：すべて（xs,sm,md,lg）
   ============================================================ */
/* 適用対象：要素全体
   ============================================================ */
/* リセットCSS */
h1, h2, h3, h4{font-weight: normal;}
nav ul{list-style:none;padding:0;margin: 0;}
ins, h1 a, a:hover{text-decoration: none;}

/* bodyなど */
body{line-height:1.7;background: #fff;color: #222;}

/* フォーム関連 */
input, select, textarea{vertical-align: middle;}
::-webkit-input-placeholder{color: #999;}
:-ms-input-placeholder{color: #999;}
::-moz-placeholder{color: #999;}
label{cursor: pointer;}
input, textarea{padding: 0.1em 0.3em;border-radius: 2px;margin: 0 7px 7px 0;}
input[type="text"], textarea{border: 1px solid;}
input[type="submit"]{cursor: pointer;padding: 0.1em 0.7em;}

/* リンク */
a{color: #222;}
a:hover{color: #79bf6e;}
/* 水平線 */
hr{border-top: 1px solid;}
/* 重要性 */
strong{
	font-weight: normal;
	background-color: #c9e5c5;
	padding: 2px 6px;
	}
/* 追加要素 */
ins::after{content: "new!";font-size:90%; background: rgba(121,192,110,0.3);padding: 0 0.5em; margin-left: 1em;}

/* 適用対象：クラス名を付けた要素
   ============================================================ */
/* body,ヘッダー */
.site{background: url(../bg.png) -170px -25px no-repeat;padding-bottom: 20px;}
.site-title, .caption{font-family: 'Quicksand', sans-serif;text-align: center;}
.caption{font-size: 1.8rem;margin-top: -30px;margin-bottom: 60px;}
.shadow{text-shadow:  #fff 2px 0px,  #fff -2px 0px,
#fff 0px -2px, #fff 0px 2px,
#fff 2px 2px , #fff -2px 2px,
#fff 2px -2px, #fff -2px -2px,
#fff 1px 2px,  #fff -1px 2px,
#fff 1px -2px, #fff -1px -2px,
#fff 2px 1px,  #fff -2px 1px,
#fff 2px -1px, #fff -2px -1px;}

/* 見出し */
.site-title a:link, site-title a:visited{font-size: 4.0rem;}
.site main h2{font-family: 'Quicksand', sans-serif;font-size: 2.0rem;}
.site main h4{margin-bottom: -1em;}
.site main h4::before{content: "▼ "}

/* ナビゲーションメニュー */
.gnav{text-align: center;margin: 10px 0 45px;}
.gnav li {display: inline-block;padding: 5px 10px;}
.gnav li a{text-decoration: none;font-family: 'Quicksand', sans-serif;font-size: 1.8rem;display: block;}

/* 更新履歴 */
.update dt{float: left;}
.update dt::after{content: "---"; margin:0 1em;}
.update dd{margin-left: 7em;}

/* 展示リスト */
.list{padding-left: 20px;}
.list li{color: #555;}
.list li span{font-size:90%;}
.list li a{margin-right: 1em;}
.list-inline{list-style: none;padding: 0;}
.list-inline li{display: inline;border-right: 1px solid #ccc;padding-right: 7px;margin-right: 7px;}
.list-inline li:last-child{border: none;}
.genre{border-left: 1px solid; padding-left: 15px;margin-left: 10px;}

/* フォーム */
.comment{width: 90%;max-width: 370px;}
.btn, .btn-inline{background: transparent;border: 1px solid;}
.btn-color{background: #222;color: #fff;border: none;}
.btn-inline{display: block;}
.hensin{margin: 5px 0;list-style:none;padding:0;}
.hensin li{display: inline;margin-right: 1.5em;}
.pati{margin-bottom: 20px;}
.pati textarea{background: transparent;border-radius: 0;border: none;border-bottom: 1px solid;}
.pati textarea:focus{outline: 0;}
.pati .btn{border-radius: 4px;margin-top: 5px;font-size: 90%;}
.kansou label{margin-right: 1.2em;}

/* 折り畳みボックス */
.acMenu dt{cursor:pointer;background: rgba(121,192,110,0.3);display: inline-block;padding: 0 5px;}
.acMenu dt span{position: absolute;margin-left: 1em;color: #79bf6e;}
.acMenu dd{display:none;padding: 5px 0 5px 10px;margin-left: 15px; border-left: 2px solid rgba(121,192,110,0.3);}
.acMenu div, .hide{display:none;}
.m-b{margin-bottom: 20px;}

/* リンクページ */
.link-bn{margin: 10px 0;}
.link-bn dd{margin-left: 10px;padding: 5px 10px;border-left: 1px solid #ccc;}
.link-text a{margin-right: 1em;}
.link-inline {padding-left: 0;}
.link-inline li{display: inline;margin-right: 10px;}

/* 小説ページ */
.work{background: #f8f8f8;}

h1.novel{text-align: center;font-size: 2.1rem;margin: 2em 0;}
.novel{font-size: 1.6rem;}
.afterword{margin-top: 120px;}
/* 画像展示ページ */
.img {text-align: center;}
.img img{max-width: 100%;height: auto;margin: 60px auto;}
/* ページ下部のメニュー */
.local-nav {text-align: center;margin: 20px auto 0;padding: 0;}
.local-nav li{display: inline;padding: 0 30px;}

/* 装飾ボックス */
.box{background: rgba(121,192,110,0.3);border: 1px solid #79c06e;padding: 10px;}
/* 著作権表示 */
.copy{text-align: right;}

/* ============================================================
   適用デバイス：タブレット(sm)・デスクトップ(md)・大画面デスクトップ(lg)
   ============================================================ */
@media all and (min-width: 768px) {
.site{background-position: 30% 0%}
.gnav{display: none;}
.site-title{margin-top: 80px;}
.novel main{font-size: 1.7rem;}
.link-bn dt{float: left;}
.link-bn dd{margin-left: 210px;padding: 0 0 0 10px;}
.btn-inline{display: inline;}
}
/* ============================================================
   適用デバイス：大画面デスクトップ(lg)
   ============================================================ */
@media (min-width: 1200px) {
.site{background-position: 23% 0%;}
}