@charset "UTF-8";
@import 'https://fonts.googleapis.com/css?family=Cormorant';

/* Original Template: 29-London (http://klee.daa.jp/)
 * Copyright 2017 klee
 * Licensed under CC BY-NC-SA 4.0 (https://creativecommons.org/licenses/by-nc-sa/4.0/deed.ja) */
/* ============================================================
   適用デバイス：すべて（xs,sm,md,lg）
   ============================================================ */
/* 適用対象：要素全体
   ============================================================ */
/* リセットCSS */
h1, h2, h3{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: #666;}
:-ms-input-placeholder{color: #666;}
::-moz-placeholder{color: #666;}
label{cursor: pointer;}

input, textarea{padding: 0.3em;border-radius: 2px;margin: 0 5px 5px 0;}
input[type=text], textarea{border: 1px solid;}
input[type=submit]{cursor: pointer;}

/* リンク */
a{color: #030303;text-decoration: none;}
a:hover{color: #001f76;}

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

/* 適用対象：クラス名を付けた要素
   ============================================================ */
/* ヘッダー */
.site-title, .caption{font-family: 'Cormorant', serif;text-shadow: 3px 3px 20px rgba(0,0,0,1);}
.header{
	background: url('img/kako-LD2x3tV8CgrxxezC.jpg') no-repeat 50% 30%;
	width: 100%;
	height: 350px;
	background-size: cover;
	color: #fff;
	text-align: center;
}
.header a{color: #fff;}
.caption{font-size: 2.1rem;margin-top: -15px;}

/* 見出し */
.site-title{margin: 100px 0 0;}
.site-title a:link, site-title a:visited{font-size: 4.8rem;}
.site h2, .site h3{font-size: 100%;}
.site main h2{font-family: 'Cormorant', serif;font-size: 2.2rem;text-shadow: 0px 5px 20px rgba(0,0,0,0.4);}
.site main h3{margin: 10px auto;
position: relative;
padding: 3px 18px 3px 5px;
line-height: 1.3;
border-top: solid #ccc;
border-bottom: solid #ccc;
z-index:-1;}
.site main h3:before {
position: absolute;
content: '';
right: -2px;
top: -2px;
border: none;
border-right: solid 30px #fff;
border-top: solid 40px transparent;
z-index:-2
}

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

/* ナビゲーションメニュー */
.gnav{text-align: center;background: rgba(0,0,0,0.7);}
.gnav li {display: inline-block;padding: 5px 10px;}
.gnav li a{text-decoration: none;font-family: 'Cormorant', serif;font-size: 1.8rem;display: block;}
/* hover時のアニメーション */
.gnav li {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.gnav li :before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  background: #fff;
  height: 3px;
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.gnav li :hover:before, .gnav li :focus:before, .gnav li a:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.nnav{
	text-align: center;
	background-color:#fff;
}
.nnav li{
	display: inline-block;
	padding: 5px 10px;
}
.nnav li a{
    text-decoration: none;
    font-family: 'Cormorant', serif;
    font-size: 1.8rem;
    display: block;
    position: relative;
    overflow: hidden;    
}
/* 展示リスト */
.list, .list-ss{list-style: none;padding: 0;}
.list li{color: #555;}
.list li a{margin-right: 15px;}
.list-caption dd{margin: 0px 0px 15px 1.5em;color: #555;}
.list-slash dt {float: left;width: 8em;height:auto;}
.list-slash dd {margin: 0 0 5px 8em;padding-left: 1em;}
.list-ss li{display: inline;border-right: 1px solid #bbb;padding-right: 7px;margin-right: 7px;}
.list-ss li:last-child{border: none;}
/* 説明 */
.type{
	color:#990000;
	font-size:1.2rem;
	margin:0;
	padding:0;
}
/* フォーム */
.bottom{vertical-align: middle;}
.comment{width: 80%;max-width: 500px;}
.btn, .btn-inline{background: transparent;border: 1px solid;}
.btn-color{background: #222;color: #fff;border: none;}
.btn-color:hover{background: #e2041b;}
.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;}

/* リンクページ */
.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;border-bottom: 1px solid;display: inline-block;}
.acMenu dd{display:none;padding: 5px 0 5px 10px;margin-left: 20px; border-left: 1px solid;}

/* 小説ページ */
.novel-wrap{border: 1px solid;border-top: none;border-bottom: none;}
h1.novel{font-family:YuMincho, '游明朝', serif;text-align: center;font-size: 2.2rem; margin: 20px 0px 15px 0px;}
h2.novel{font-family:YuMincho, '游明朝', serif;text-align: center;font-size: 2.2rem; margin: 20px 0px 0px 0px;}
h3.novel{font-family:YuMincho, '游明朝', serif;text-align: center;font-size: 1.8rem; margin: 0px 0px 15px 0px;}
.novel{
    color: #000;
    font-family:'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro W3', 'メイリオ', sans-serif;
    font-size: 1.6rem;
    line-height: 1.8; 
    padding: 10px 0px 20px 0px;
}
.afterword{
    margin-top: 120px;
    text-align:right;
}
.pager {
    display:flex;
    justify-content:center;
}
.pager ul {
    display:flex;
    list-style: none;
    align-items:center;
}
.pager ul li {
    margin: 0 1px;
}
.pager ul li span,
.pager ul li a {
    display: block;
    font-size: 12px;
    padding: 0.6em 1em;
    border-radius: 3px;
}
.pager ul li a {
    background: #EEE;
    color: #000;
    text-decoration: none;
}
.pager ul li a:hover {
    background: #333;
    color: #FFF;
}
.pagetop{
	margin:20px 0px 30px;
	text-align:right;
}
.no{
	text-align:left;
    width:40px;
    padding: 2px 5px 2px 5px;
    border-radius: 3px;
	font-size:14px;
	color:#fff;
	margin:5px 0px 25px 0px;
	background-color:#666;
}
.no2{
	text-align:left;
	font-size:14px;
	color:#000;
	margin:5px 0px 30px 0px;
}
.letter{
    border:1px solid #666;
    padding:15px;
    margin:15px 0px;
}
/* 画像展示ページ */
.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(80,80,80,0.1);border: 1px solid ;padding: 10px;}
/* 著作権表示 */
.copy{text-align: right;font-size: 1.6rem;}

/* ============================================================
   適用デバイス：タブレット(sm)・デスクトップ(md)・大画面デスクトップ(lg)
   ============================================================ */
@media all and (min-width: 768px) {
.link-bn dt{float: left;}
.link-bn dd{margin-left: 210px;padding: 0 0 0 10px;}
.btn-inline{display: inline;}
}