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

/* bodyなど */
body{line-height:1.7;
	background-image:url("../img/p028.jpg");
	color: #333;}

/* フォーム関連 */
input, select, textarea{vertical-align: middle;}
:placeholder-shown{color: #666;}
:-ms-input-placeholder{color: #666;}/* IE */
label{cursor: pointer;}

input, textarea{padding: 0.2em;border-radius: 2px;margin: 0 5px 8px 0;}
input[type="text"], textarea{border: 1px solid #bbb;}
input[type="submit"]{cursor: pointer;padding: 0.2em 0.6em;}

/* リンク */
a{color: #030303;}
a:hover{color: #469deb;}

/* 水平線 */
hr{border-top: 1px solid;}
/* 重要性 */
strong{color: #3e83c1;}
/* 追加要素 */
ins::after{content: "new!";color: #2a8ae0; margin-left: 1em;}

/* 適用対象：クラス名を付けた要素
   ============================================================ */
/* ヘッダー */
.header{background: #3e83c1; color: #fff;text-align: center;}
.header a{color: #fff;}
.caption{margin: -20px 0 0;}
.topimg{background: #3e83c1;padding: 9px;margin: 15px 0;width: 135px; height: 120px;}
/* ヘッダーのhover・今いるページ */
.header a:hover, .gnav .now{color: #e0a9c2;}

/* ナビゲーションメニュー */
.gnav{text-align: center;margin: 0 auto 20px;}
.gnav li {display: inline-block;padding: 0 10px;}
.gnav li a{text-decoration: none;font-size: 1.8rem;display: block;}

/* Webフォント*/
.site-title, .gnav li a, .site main h2{font-family: 'Quicksand', sans-serif;}

.container{
	background-color: rgba(255,255,255,0.7);
	margin: 0 20px;
}
.section-main{
	margin: 10% auto 0;
	width: 100%;
}
.section-footer{
	margin: 0 auto;
	width: 100%;
}
/* フォーム */
.comment{width: 80%;max-width: 500px;}
.btn, .btn-inline{background: transparent;border: 1px solid;}
.btn-color{background: #e0a9c2;color: #fff;border: none;}
.btn-color:hover{opacity: 0.7;}
.btn-inline{display: block;}
.hensin{margin: 5px 0;list-style:none;padding:0;}
.hensin li{display: inline;margin-right: 1.5em;}
.kansou label{padding-right: 1em;}
.pc-block{display: inline-block;}

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

/* 折り畳みボックス */
.acMenu dt{cursor:pointer;background: #e0a9c2;color: #fff;padding: 0.1em 0.8em;border-radius: 2px;display: inline-block;}
.acMenu dd{display:none;padding: 0.3em 0.8em;margin-left: 0; background: #fff;}

/* 小説ページ */
h1.novel{text-align: center;font-size: 2.2rem;margin-top: 2em;}
.novel{font-size: 1.7rem;
}
.afterword{margin-top: 40px;}
/* 画像展示ページ */
.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: #fff;padding: 5px 20px;margin: 20px 0;}
.box.index:last-child{margin: auto;}
/* 著作権表示 */
.copy{text-align: center;font-size: 1.3rem;}


/* ============================================================
   適用デバイス：タブレット(sm)・デスクトップ(md)・大画面デスクトップ(lg)
   ============================================================ */
@media all and (min-width: 768px) {
.container{
	background-color: rgba(255,255,255,0.7);
	margin: 0 auto;
}
	.section-main{
	margin: 5% auto 0;
	width: 85%;
}
.section-footer{
	margin: 0 auto;
	width: 85%;
}
.site-title{margin-top: 20px;}
.pc-block{display: block;}
.list span{display: inline;}
.link-bn dt{float: left;}
.link-bn dd{margin-left: 210px;padding: 0 0 0 10px;}
.btn-inline{display: inline;}
}