@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Niconne);

@font-face
{
font-family: 刻明朝;
src: url('https://cdn.leafscape.be/kokumin/font_1_kokumr_1.00_rls_web.woff2')
     format("woff2");
}

@font-face
{
font-family: ロゴたいぷゴシック;
src: url('https://cdn.leafscape.be/logotype/logotype_web.woff2')
     format("woff2");
}

@font-face
{
font-family: 刻ゴシック;
src: url('https://cdn.leafscape.be/kokugo/font_1_kokugl_1.00_rls_web.woff2')
     format("woff2");
}

@import url('https://fonts.googleapis.com/css?family=Poiret+One');


/* Original Template: 25-ribbon (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: bold; text-align:center;}
nav ul{list-style:none;padding:0;}
nav ul, dt, dd{margin: 0;}
ins, h1 a, a:hover{text-decoration: none;}

/* bodyなど */
body{line-height:1.7;background: #fff; color: #030303;margin: 20px 0;}
header{text-align: center;}
main section{margin: 40px 0;}
main section section{margin: 20px 0;}
main section:first-child{margin-top: 20px;}
main section:last-child{margin-bottom: 20px;}

/*背景画像*/

body::before {
  background: url('../img/bg.jpg') no-repeat top center #fffafa;
  background-size: cover;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -2;
}


/*背景画像に色を被せる*/

body::after {
  background: rgba(255, 245, 245, 0.6);
  background-size: cover;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
}



/* フォーム関連 */
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.3em;border-radius: 2px;margin: 0 5px 5px 0;}
input[type="text"], textarea{border: 1px solid #bbb;}
input[type="submit"]{cursor: pointer;}

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

/* 水平線 */
hr{border-top: 1px solid;}
/* 重要性 */
strong{color: #8858aa;}
/* 追加要素 */
ins:after{content: "new";background: #fff;margin-left: 10px;padding: 0 5px;}

/* 適用対象：クラス名を付けた要素
   ============================================================ */
/* 見出し */
.site-title{margin: 10px 0; font-family: 刻ゴシック;}
.site-title a:link, site-title a:visited{font-size: 2.8rem; font-family: 刻ゴシック;}
.site h2, .site h3{font-size: 100%;}
.site main h2{background: #7fcbcf;color: #fff;text-align: center;position: relative;height: 24px;line-height: 24px;width: 95%;margin: 0 auto 20px;}
.site main h2:before, .site main h2:after {content: "";position: absolute;top: 0;border-width: 12px 10px;border-style: solid;border-color: #7fcbcf;}
.site main h2:before{right: 100%;border-left-color: transparent;}
.site main h2:after{left: 100%;border-right-color: transparent;}
.site main h3, .h3{color: #ffc0cb;margin: 5px auto;}

/*voice */
h4{
	position: relative;
	font-size: 20px;
	font-family: ロゴたいぷゴシック;
	padding-top: 15px;
	text-shadow:0px 0px 3px #dddee8;
	text-align: center;
	}

/*icon*/
table.icon{
	text-align: center;margin:0px auto;
	background: url(img/icon.png) center center no-repeat;
	height: 220px;
	width: 220px;
	padding: 0px auto;
}

table.icon, td{
	padding: 0px auto;
	font-family: 刻明朝;
	font-size: 13px;
	text-shadow: 0 0 5px rgba(0,0,0,0.5);
}



/*pair*/
table.pair{
	text-align: center;margin:0px auto;
	background: url(img/pair.png) center center no-repeat;
	height: 300px;
	width: 300px;
	padding: 0px auto;
}

table.pair, td{
	padding: 0px auto;
	font-family: 刻明朝;
	font-size: 13px;
	text-shadow: 0 0 5px rgba(0,0,0,0.5);
}


/* 更新履歴 */
.update{
	border: 8px solid #7fcbcf ;
	 border-radius: 25px;
	background: rgba(230, 241, 242, 0.7);
	padding:20px;
	margin-bottom: 10px;}

.update p{margin: 0;}

/* li */
li {
    display: list-item;
    text-align: -webkit-match-parent;
    list-style: non;
}


/* 展示リスト */
.list, .list-ss{list-style: none;padding: 0;}
.list li{color: #555;}
.list li a{margin-right: 15px;}

.list-caption dt{
font-family: 'Poiret One', cursive;
color: #7fcbcf;
font-weight:bold;
text-align:center;
}
.list-caption dd{
padding-left: 5px;
color: #555;
font-family: 刻ゴシック;
text-shadow: 1px 1px 2px #7fcbcf;
text-align:center;
}
.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;}

/* フォーム */
.bottom{vertical-align: bottom;}
.comment{width: 80%;max-width: 500px;}
.btn, .btn-inline{background: transparent;border: 1px solid;}
.btn-color{background: #7fcbcf;color: #fff;border: none;}
.btn-color:hover{background: #7fcbcf;}
.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{list-style: circle;}
.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;}

/* 小説ページ */
h1.novel{font-family:YuMincho, '游明朝', serif;text-align: center;font-size: 2.2rem;}
.novel{font-size: 1.5rem;line-height: 2;}
.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: #fff;border: 2px solid #7fcbcf;padding: 10px;}
/* カウンター */
.counter, .counter a{font-size: smaller;text-align: center;}

/* ============================================================
   適用デバイス：タブレット(sm)・デスクトップ(md)・大画面デスクトップ(lg)
   ============================================================ */
@media all and (min-width: 768px) {
body{margin: 40px 0;}
/* ↓1カラムにする場合ここから削除する */
main section:first-child{margin: 0;}
.gnav{margin: 20px 0 20px -1em;}
.gnav li {display: block;}
.gnav li a:before{content: ">>";color: transparent;transition:all 0.2s linear 0s;position: relative;top: 0;left: -1em;}
.gnav li a:hover:before{content: ">>";color: #c7cf30;left: -0.5em;}
/* ↑ここまで */
.link-bn dt{float: left;}
.link-bn dd{margin-left: 210px;padding: 0 0 0 10px;}
.btn-inline{display: inline;}
}