@charset "utf-8";

/*********************************************************************
>>> 目次
----------------------------------------------------------------------
 1.0 HTML再定義
 2.0 アイコン
 3.0 全体
 4.0 ヘッダー
 5.0 フッター
 6.0 メニュー
 7.0 ダークテーマ
 8.0 エントリー
 9.0 ページ移動
10.0 コメント・トラックバック
11.0 インフォメーション
12.0 ページ
13.0 ギャラリー
14.0 個別指定
15.0 IE
16.0 折り畳みボックス
17.0 ネタバレボタン
18.0 小説展示リスト
*********************************************************************/

/********* 1.0 HTML再定義 ***********************************************/

body {
	min-width: 320px;
	padding: 0;
	background-color: #FFF;
	line-height: 1.68;
	color: #494848;
	font-family: -apple-system, "BlinkMacSystemFont", ".SFNSDisplay-Regular", "Open Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 12.4px;
	word-break: break-all;
	-webkit-text-size-adjust: 100%;
	    -ms-text-size-adjust: 100%;
	        text-size-adjust: 100%;
}

/********* 2.0 アイコン *****************************************************/

.sr-only {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
}
.icon:before {
	font-family: "FontAwesome";
	speak: none;
}
.jp-icon:before {
	font-family: "jp-icons";
	speak: none;
}

/* アイコン余白 */
p.link-button a:before,
ul.sub-menu li a:before,
#content-dark p a:before {
	margin-right: 10px;
}
.information .icon:before {
	margin-right: 5px;
}
.share .icon:before,
.share .jp-icon:before {
	margin-right: 5px;
	color: #FFF;
	vertical-align: middle;
}

/********* 3.0 全体 *****************************************************/

#container {
	width: 100%;
	margin: 0 auto;
}

#main,
#header,
#footer,
.result,
.meta ul,
#comment,
#nav-page,
#trackback,
.post-list,
.page-file,
.page-edit,
.entry-file,
#entry_link,
#information,
#content-dark,
#comment_form,
#trackback_url,
.entry .content,
#search-content {
	overflow: hidden;
	width: 90%;
	max-width: 800px;
	margin: 0 auto;
	padding: 0 10px 0 0;
}

.container-large {
	width: 90%;
	max-width: 1200px;
}

/********* 4.0 ヘッダー  *************************************************/

#header {
	padding: 120px 10px 60px 0;
	border-bottom: 1px solid #D1CAC8;
	line-height: 1.0;
	font-family: -apple-system, "BlinkMacSystemFont", ".SFNSDisplay-Regular", "Open Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}

.site-logo {
	margin: 0;
	padding: 0;
	font-family: "Vegur-Light", Klee, "Open Sans", "PingFangSC-Thin", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 44px;
	font-weight: 400;
	text-align: center;
}
.site-logo a {
	color: #101010;
	text-decoration: none;
}
.site-logo a:hover,
.site-logo a:active {
	color: #F16B6F;
	text-decoration: none;
}

#header p {
	margin: 15px 0 0;
	color: #909090;
	text-align: center;
}

/********* 5.0 フッター *************************************************/

#footer {
	margin-top: 60px;
	padding: 60px 10px 60px 0;
	border-top: 1px solid #D1CAC8;
	line-height: 1.0;
	color: #3E4348;
	font-size: 12px;
	letter-spacing: 0.04em;
}

#footer a:link,
#footer a:visited {
	color: #F0F5F9;
	text-decoration: none;
}
#footer a:hover,
#footer a:active {
	color: #D3E0F7;
	text-decoration: none;
}

/********* 5.1 著作権表示 *********/

#footer ul.links,
#footer .copyright {
	color: #909090;
	font-family: "Open Sans", Avenir, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	text-align: center;
}
#footer ul.links li {
	display: inline;
	list-style: none;
	opacity: 0.5;
	margin: 0 2.5px;
	font-size: 94%;
	text-align: center;
}
#footer ul.links a {
	color: #909090;
	text-decoration: underline;
}

/********* 6.0 メニュー *************************************************/

#menu {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 300px;
	border-bottom: 1px solid #EEE;
	background-color: #FFF;
	font-size: 14px;
}

/********* 6.1 ナビメニュー *********/

#menu ul {
	width: 100%;
	max-width: 810px;
	margin: 0 auto;
	padding: 0;
	font-size: 0;
	text-align: right;
}
#menu ul li {
	display: inline-block;
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	line-height: 42px;
	font-size: 13px;
	text-align: center;
	vertical-align: middle;
	letter-spacing: normal;
}
#menu ul li.menu-icon {
	width: 42px;
	height: 42px;
	-webkit-transition: opacity 0.22s ease-out 0.66s, transform 0.22s ease-out 0.66s;
	        transition: opacity 0.22s ease-out 0.66s, transform 0.22s ease-out 0.66s;
}
#menu ul li.menu-icon i {
	-webkit-transition: opacity 0.22s ease-out 0.66s, transform 0.22s ease-out 0.66s;
	        transition: opacity 0.22s ease-out 0.66s, transform 0.22s ease-out 0.66s;
}
#menu ul li.menu-icon a:hover:before {
	color: #505050;
}
#menu ul li:last-child {
	border-right: 1px solid #F6F6F6;
}
#menu ul li i {
	vertical-align: baseline;
}

#menu a:link,
#menu a:visited {
	display: block;
	position: relative;
	width: 42px;
	/* height: 42px; */
	color: #AAA;
	text-decoration: none;
}
#menu a:hover,
#menu a:active {
	color: #505050;
	text-decoration: none;
}

/********* 6.2 装飾 *********/

#menu ul li.menu-icon:after {
	display: block;
	position: absolute;
	top: 0;
	width: 1px;
	height: 42px;
	background-color: #F6F6F6;
	content: "";
	-webkit-transition: opacity 0.36s ease-out 0.88s;
	        transition: opacity 0.36s ease-out 0.88s;
}

#menu ul li.menu-icon a:before,
#menu ul li.current:before {
	display: block;
	position: absolute;
	opacity: 0;
	width: 43px;
	height: 1px;
	margin-top: 42px;
	background-color: #505050;
	content: "";
	-webkit-transition: opacity 0.16s ease-out, transform 0.16s ease-out;
	        transition: opacity 0.16s ease-out, transform 0.16s ease-out;
	-webkit-transform: scaleX(0.4);
	        transform: scaleX(0.4);
}
#menu ul li.menu-icon a:hover:before,
#menu ul li.current:before {
	opacity: 1.0;
	-webkit-transform: scaleX(1.0);
	        transform: scaleX(1.0);
}
#menu ul li.current:before {
	-webkit-transition: opacity 0.22s ease-out, transform 0.22s ease-out;
	        transition: opacity 0.22s ease-out, transform 0.22s ease-out;
	-webkit-transition-delay: 0.88s;
	        transition-delay: 0.88s;
}

/********* 6.3 表示中アイコン *********/

#menu ul li.current a {
	color: #505050;
}

/* ログイン中 */
.active {
	color: #202020 !important;
}

/********* 6.4 検索ボックス表示でアイコン非表示 *********/

.hide-menu i {
	opacity: 0;
	-webkit-transition: 0.66s ease-out;
	        transition: 0.66s ease-out;
	-webkit-transform: scale(0.78);
	        transform: scale(0.78);
}

/* 下線 */
#menu ul li.hide-menu.current:before {
	opacity: 0;
	-webkit-transition: 0.34s ease-out;
	        transition: 0.34s ease-out;
	-webkit-transform: scale(0.4);
	        transform: scale(0.4);
}

/* 区切り線 */
#menu ul li.hide-menu:after {
	opacity: 0;
	-webkit-transition: opacity 0.12s ease-out 0s;
	        transition: opacity 0.12s ease-out 0s;
}

/* アイコン表示 */
#menu ul li.menu-icon:nth-child(n+6) i {
	-webkit-transition-delay: 0.8s;
	        transition-delay: 0.8s;
}
#menu ul li.menu-icon:nth-child(5) i {
	-webkit-transition-delay: 0.72s;
	        transition-delay: 0.72s;
}
#menu ul li.menu-icon:nth-child(4) i {
	-webkit-transition-delay: 0.64s;
	        transition-delay: 0.64s;
}
#menu ul li.menu-icon:nth-child(3) i {
	-webkit-transition-delay: 0.56s;
	        transition-delay: 0.56s;
}
#menu ul li.menu-icon:nth-child(2) i {
	-webkit-transition-delay: 0.5s;
	        transition-delay: 0.5s;
}
#menu ul li.menu-icon:nth-child(1) i {
	-webkit-transition-delay: 0.44s;
	transition-delay: 0.44s;
}

/* アイコン非表示 */
#menu ul li.hide-menu:nth-child(5) i,
#menu ul li.hide-menu:nth-child(n+6) i {
	-webkit-transition-delay: 0s;
	        transition-delay: 0s;
}
#menu ul li.hide-menu:nth-child(4) i {
	-webkit-transition-delay: 0.06s;
	        transition-delay: 0.06s;
}
#menu ul li.hide-menu:nth-child(3) i {
	-webkit-transition-delay: 0.12s;
	        transition-delay: 0.12s;
}
#menu ul li.hide-menu:nth-child(2) i {
	-webkit-transition-delay: 0.18s;
	        transition-delay: 0.18s;
}
#menu ul li.hide-menu:nth-child(1) i {
	-webkit-transition-delay: 0.28s;
	        transition-delay: 0.28s;
}

/********* 6.5 検索 *********/

#menu ul li.search {
	padding: 0;
	border-left: 1px solid #F6F6F6;
}
#menu ul li.search form {
	margin: 0;
}
#menu ul li.search label {
	display: block;
	overflow: hidden;
	position: relative;
	z-index: 1300;
	opacity: 0;
	width: 42px;
	height: 42px;
}
#menu ul li.search [type="text"]:focus + label {
	visibility: hidden;
}

#menu ul li.search [type="text"] {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	opacity: 0;
	width: 600px;
	height: 43px;
	margin: 0 0 0 -557px;
	padding-right: 40px;
	padding-left: 15px;
	border: none;
	border-bottom: 1px solid transparent;
	border-radius: 0;
	background-color: transparent;
	box-shadow: none;
	-webkit-transition: 0.77s cubic-bezier(0.18, 0.92, 0.32, 1.0) 0.44s;
	        transition: 0.77s cubic-bezier(0.18, 0.92, 0.32, 1.0) 0.44s;

	-webkit-tap-highlight-color: transparent;
}
#menu ul li [type="text"]:focus {
	z-index: 2000;
	opacity: 1.0;
	border-bottom: 1px solid #666;
	-webkit-transition: opacity 0.88s cubic-bezier(0.18, 0.92, 0.32, 1.0) 0.44s;
	        transition: opacity 0.88s cubic-bezier(0.18, 0.92, 0.32, 1.0) 0.44s;
	outline: none;
}

#menu ul li.search [type="submit"] {
	position: absolute;
	z-index: 1200;
	top: 0;
	width: 44px;
	height: 42px;
	margin-left: -22px;
	padding: 0;
	border-right-color: #EEE;
	border-radius: 0;
	background-color: transparent;
	color: #AAA;
	font-size: 12px;
	-webkit-transition-delay: 0.44s;
	        transition-delay: 0.44s;
}
#menu ul li.search [type="submit"]:hover,
#menu ul li.search [type="submit"]:active {
	opacity: 0.6;
}
#menu ul li.search label:hover ~ [type="submit"] {
	color: #202020;
}
#menu ul li [type="text"]:focus + [type="submit"] {
	z-index: 2500 !important;
	color: #202020 !important;
}

/********* 7.0 ダークテーマ *****************************************************/

#content-dark {
	overflow: hidden;
	position: relative;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	margin: 60px auto 0;
	padding: 60px;
	border: 1px solid #3E4245;
	border-radius: 12px;
	background-color: #3E4245;
	box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	color: #FAFAFA;
	text-align: center;
}

#content-dark .title-icon {
	margin: 0 0 30px;
	padding: 0;
	font-weight: 500;
}
#content-dark .title-icon i {
	width: 68px;
	height: 68px;
	border-radius: 100%;
	background-color: #FFF;
	line-height: 68px;
	color: #3E4245;
	font-size: 24px;
}
#content-dark .page-title {
	margin: 0 0 30px;
	padding: 0;
	color: #CCC;
	font-size: 110%;
}
#content-dark a:link,
#content-dark a:visited {
	color: #D6ECFA;
}
#content-dark a:hover,
#content-dark a:active {
	color: #A5DFF9;
}

#content-dark dl {
	margin: 0 auto;
	text-align: left;
}
#content-dark dl dt {
	margin: 0 0 2px;
	color: #C0C0C0;
	font-size: 90%;
}
#content-dark dl dd {
	margin: 0 0 15px;
}
#content-dark dl dd input,
#content-dark dl dd textarea {
	width: 100%;
}
#content-dark .optional {
	margin-left: 5px;
	color: #C0C0C0;
	font-size: 90%;
}

#content-dark .input-text {
	margin: 0 0 5px;
}
#content-dark .button {
	margin: 0;
}

dl.preview dt {
	margin: 0;
	font-size: 120%;
	font-weight: bold;
}
dl.preview dd {
	margin: 0 0 15px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #DCDCDC;
}
#content-dark dl.preview dd {
	border-bottom: 1px dotted rgba(255,255,255,0.2);
}
#content-dark dl.preview dd:last-child {
	border-bottom: none;
}

#content-dark .form-box {
	width: 100%;
	margin-bottom: 5px;
}
#content-dark .form-box .select-box select {
	width: 100%;
	background-color: #525558;
}
#content-dark .form-buttons {
	text-align: center;
}

#content-dark select,
#content-dark textarea {
	padding: 10px;
	border: 1px solid transparent;
	background-color: rgba(255,255,255,0.1);
	color: #FFF;
}
#content-dark [type="text"],
#content-dark [type="email"],
#content-dark [type="password"] {
	max-width: 260px;
	border: 1px solid transparent;
	background-color: rgba(255,255,255,0.1);
	color: #FFF;
}
#content-dark select:focus,
#content-dark textarea:focus,
#content-dark [type="text"]:focus,
#content-dark [type="email"]:focus,
#content-dark [type="password"]:focus {
	border-color: rgba(255,255,255,0.5);
}
#content-dark [type="submit"] {
	margin-top: 5px;
	border: 1px solid #AACD6E;
	background-color: #AACD6E;
	color: #FFF;
	font-size: 90%;
}
#content-dark [type="submit"]:hover {
	opacity: 0.9;
	box-shadow: none;
}
#content-dark [type="submit"]:active {
	opacity: 0.8;
}

#content-dark .form-delete {
	margin: 0;
	padding: 15px 0;
	border-top: 1px dotted rgba(255,255,255,0.14);
	border-bottom: 1px dotted rgba(255,255,255,0.14);
}
#content-dark .form-delete form,
#content-dark .form-delete input {
	margin: 0;
}

#content-dark .delete-button {
	padding: 4px 5px;
	border-color: #DA454B;
	background-color: #DA454B;
}
#content-dark .submit-button {
	border-color: #F16B6F;
	background-color: #F16B6F;
}
#content-dark .sub-button {
	border-color: #808080;
	background-color: transparent;
	color: #808080;
}

#content-dark .rememberme {
	opacity: 0.9;
	margin: 30px 0 0;
	font-size: 90%;
}

#content-dark .radio-button {
	border: 1px dotted transparent;
	color: #C0C0C0;
}
#content-dark .radio-box:checked + .radio-button {
	border: 1px solid #4895CE;
	background-color: #4895CE;
	color: #FFF;
}
#content-dark .radio-box:checked + .radio-button:before {
	color: #FFF;
}

.form-success {
	max-width: 270px;
	margin: 0 auto;
	padding: 20px 15px;
}
.minimal .message {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	max-width: 320px;
	margin: 0 auto 15px;
}

/********* 7.1 ログイン等 *********/

.minimal {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	max-width: 320px;
	margin: 0 auto;
	padding-right: 30px;
	padding-left: 30px;
}
.minimal input,
.minimal textarea {
	width: 100% !important;
	max-width: 320px !important;
}
.minimal input[type="submit"] {
	margin-top: 5px !important;
}

/********* 7.2 リンクボタン *********/

p.link-button {
	margin: 30px 0 0;
	text-align: center;
}
p.link-button i {
	margin-right: 5px;
}

p.link-button a:link,
p.link-button a:visited {
	display: inline-block;
	margin: 0 auto;
	padding: 10px 20px;
	border: 1px solid #D6ECFA;
	border-radius: 4px;
	line-height: 1.0;
	color: #D6ECFA;
}
p.link-button a:hover,
p.link-button a:active {
	opacity: 0.8;
	border-color: #A5DFF9;
}

/********* 7.3 サブメニュー *********/

#content-dark ul.sub-menu {
	margin: 30px 0 0;
	font-size: 12px;
}
#content-dark ul.sub-menu li {
	list-style: none;
	padding: 0 4px 4px;
}
#content-dark ul.sub-menu li:last-child {
	padding: 0 4px;
}

#content-dark .buttons {
	margin: 10px 0 0;
}

.sub-menu:before {
	display: block;
	width: 30px;
	margin: 0 auto 30px;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	content: "";
}

/********* 7.4 その他 *********/

#content-dark .alert {
	margin: 0 auto 15px;
}
#content-dark .alert + .link-button {
	margin-top: 60px;
}

#content-dark .userid {
	margin-bottom: 40px;
	color: #FFF;
	font-size: 180%;
}

#content-dark table {
	width: 100%;
	margin: 0 0 20px;
	border: 1px solid #808080;
}
#content-dark table tr th {
	padding: 5px;
	border-right: 1px dotted #808080;
	border-bottom: 1px solid #808080;
	background-color: transparent;
	color: #808080;
}
#content-dark table tr:nth-child(odd) {
	background-color: transparent;
}
#content-dark table tr td {
	padding: 8px 5px;
	border-right: 1px dotted #808080;
	border-bottom: 1px dotted #808080;
}
#content-dark table tr:hover > td {
	background-color: rgba(255,255,255, 0.1);
}

/********* 8.0 エントリー ***********************************************/

.entry {
	overflow: hidden;
	margin: 60px 0;
	padding: 0;
}

.entry .content {
	letter-spacing: 0.1px;
}
/* 添付ファイル有 */
.entry-file + .content {
	padding-top: 25px !important;
}

.entry-date {
	margin: 0 !important;
	padding: 0;
	line-height: 1.0;
	color: #808080;
	font-family: Consolas, Courier, -apple-system, "BlinkMacSystemFont", ".SFNSDisplay-Regular", "Trebuchet MS", Verdana;
	font-size: 90%;
}

/********* 8.1 見出し・段落 *********/

.entry-title {
	margin: 0;
	padding: 0;
	font-size: 165%;
}

.entry-title a {
	color: #101010;
	text-decoration: none;
}
.entry-title a:hover,
.entry-title a:active {
	color: #606060;
	text-decoration: none;
}

.entry .message {
	margin-top: 10px;
}

/* 本文なし */
.entry-nocontent {
	text-align: center;
}
.entry-title + .link {
	margin: 30px 0 0;
}
.entry-title + .share {
	margin: 20px 0 0;
}
.text-continue-single + .share {
	margin: 0;
}
.entry-title + .link:before,
.entry-title + .share:before,
.entry-title + .text-continue-single + .share:before {
	display: block;
	width: 30px;
	margin: 0 auto 30px;
	border-bottom: 1px solid #EEE;
	content: "";
}
.entry-title + .link:before,
.text-continue-single + .link:before {
	margin-bottom: 15px;
}

/* h3のみ */
.site h3{
	font-size: 100%;
}
.site main h3{
	margin: 5px auto;
	display: inline-block;
	background: rgba(80,80,80,0.1);
	position: relative;
	padding: 3px 18px 3px 5px;
	line-height: 1.3;
	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
}

/********* 8.2 添付ファイル *********/

.entry-file {
	text-align: center;
}

/* 画像以外 */
.entry-file-name a:link,
.entry-file-name a:visited,
.page-file-name a:link,
.page-file-name a:visited {
	display: block;
	padding: 40px 20px;
	background-color: #F2F2F2;
}
.entry-file-name a:hover,
.entry-file-name a:active,
.page-file-name a:hover,
.page-file-name a:active {
	background-color: #EEE;
}
.entry-file-name a:before,
.page-file-name a:before {
	margin-right: 10px;
	font-family: "FontAwesome";
	font-size: 18px;
	content: "\f0ed";
}

/********* 8.3 続きを読む *********/

p.text-continue {
	margin: 20px auto 0;
	font-size: 12px;
	text-align: center;
	letter-spacing: 1px;
}
p.text-continue + .share {
	margin-top: 20px;
}

.text-continue a {
	display: inline-block;
	opacity: 0.7;
	max-width: 190px;
	margin: 0 auto;
	padding: 8px 20px;
	border: 1px solid #4474A6;
	border-radius: 2.4px;
}
.text-continue a:hover {
	opacity: 1.0;
	border: 1px solid #145E93;
	color: #145E93;
}
p.information-continue {
	margin-top: 25px;
}

/********* 8.4 フッターアイコン *********/

#entry .entry ul.link {
	margin: 25px 0 0;
	padding: 0 0 45px;
	border-bottom: 1px solid #F4F1EF;
	text-align: center;
	letter-spacing: -0.4em;
}
#entry .entry ul.link li {
	display: inline-block;
	margin: 0;
	border-radius: 100%;
	color: #DDD;
	text-align: center;
	letter-spacing: normal;
	-webkit-transition: transform 0.2s;
	        transition: transform 0.2s;
}
#entry .entry ul.link li:before {
	display: block;
	position: absolute;
	z-index: -1;
	opacity: 0;
	width: 36px;
	height: 36px;
	border: 1px solid #088DD9;
	border-radius: 100%;
	content: "";
	-webkit-transition: opacity 0.16s cubic-bezier(0.18, 0.89, 0.32, 1.28), transform 0.16s cubic-bezier(0.18, 0.89, 0.32, 1.28);
	        transition: opacity 0.16s cubic-bezier(0.18, 0.89, 0.32, 1.28), transform 0.16s cubic-bezier(0.18, 0.89, 0.32, 1.28);
	-webkit-transform: scale(0.4);
	        transform: scale(0.4);
}
#entry .entry ul.link li:hover:before {
	opacity: 1.0;
	border-color: #088DD9;
	-webkit-transition: opacity 0.08s cubic-bezier(0.18, 0.89, 0.32, 1.28), transform 0.14s cubic-bezier(0.18, 0.89, 0.32, 1.28);
	        transition: opacity 0.08s cubic-bezier(0.18, 0.89, 0.32, 1.28), transform 0.14s cubic-bezier(0.18, 0.89, 0.32, 1.28);
	-webkit-transform: scale(1.0);
	        transform: scale(1.0);
}

#entry .entry ul.link li a:link,
#entry .entry ul.link li a:visited {
	display: block;
	width: 38px;
	height: 38px;
	border-radius: 100%;
	line-height: 38px;
	color: #C0C0C0;
	-webkit-transition: 0.14s cubic-bezier(0.18, 0.89, 0.32, 1.28);
	        transition: 0.14s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
#entry .entry ul.link li a:hover,
#entry .entry ul.link li a:active {
	color: #088DD9;
}
#entry .entry ul.link li a:hover:before {
	color: #088DD9;
}

#entry .entry ul.link li.link-comment a:hover > i,
#entry .entry ul.link li.link-trackback a:hover > i {
	opacity: 0;
}

/* コメント、トラックバックの数 */
.count-n {
	position: absolute;
	opacity: 0;
	width: 38px;
	height: 38px;
	margin-left: -25px;
	-webkit-transition: 0.14s;
	        transition: 0.14s;
	-webkit-transform: scale(0.4);
	        transform: scale(0.4);
}
#entry .entry ul.link li a:hover .count-n {
	opacity: 1.0;
	-webkit-transition: 0.14s cubic-bezier(0.18, 0.89, 0.32, 1.28);
	        transition: 0.14s cubic-bezier(0.18, 0.89, 0.32, 1.28);
	-webkit-transform: scale(1.0);
	        transform: scale(1.0);
}

/* 各SNSのシンボルカラー */
#entry .entry ul.link li.link-clap a:hover {
	border-color: #F16B6F;
	color: #F16B6F;
}
#entry .entry ul.link li.link-clap:hover:before {
	border-color: #F16B6F;
}

#entry .entry ul.link li.link-facebook a:hover {
	border-color: #3B5998;
	color: #3B5998;
}
#entry .entry ul.link li.link-facebook:hover:before {
	border-color: #3B5998;
}

#entry .entry ul.link li.link-hatena a:hover {
	border-color: #00A4DE;
	color: #00A4DE;
}
#entry .entry ul.link li.link-hatena:hover:before {
	border-color: #00A4DE;
}

#entry .entry ul.link li.link-twitter a:hover {
	border-color: #55ACEE;
	color: #55ACEE;
}
#entry .entry ul.link li.link-twitter:hover:before {
	border-color: #55ACEE;
}

/********* 8.5 共有 *********/

.share {
	margin: 60px 0 0;
	padding: 0;
	line-height: 1.0;
	text-align: center;
}
.share li {
	display: inline-block;
	list-style: none;
	margin: 0 4px 0;
	font-size: 90%;
}
.share li a {
	display: block;
	padding: 3px 8px;
	border: 1px solid #088DD9;
	border-radius: 2px;
	background-color: #088DD9;
	color: #FFF;
}
.share li a:hover {
	opacity: 0.9;
	color: #FFF;
	text-decoration: none;
}

.share li a.icon:before,
.share li a.jp-icon:before {
	font-size: 110%;
}
.share li a.plugin-clap {
	border-color: #F16B6F;
	background-color: #F16B6F;
}
.share li a.jpicon-hatenabookmark {
	border-color: #00A4DE;
	background-color: #00A4DE;
}
.share li a.fa-twitter {
	border-color: #55ACEE;
	background-color: #55ACEE;
}
.share li a.fa-thumbs-up {
	border-color: #3B5998;
	background-color: #3B5998;
}

/********* 8.6 カテゴリー・タグ等 *********/

.meta {
	width: 100%;
	margin: 0px auto;
	padding: 0px 0;
	background-color: #F4F1EF;
}

.meta ul li {
	display: block;
	position: relative;
	margin: 0;
	padding-left: 22px;
}
.meta ul li.icon:before {
	display: block;
	position: absolute;
	top: 4px;
	width: 22px;
	margin-left: -21px;
	padding: 4px 0;
	background-color: #F4F1EF;
	color: #808080;
	font-family: "FontAwesome";
}

.meta ul li a {
	display: inline-block;
	margin: 2px;
	padding: 4px 6px;
	border: 1px solid #EEE;
	color: #707070;
	-webkit-transition: 0s;
	        transition: 0s;
}
.meta ul li a:hover {
	border-color: #088DD9;
	color: #088DD9;
	text-decoration: none;
}

ul.post-date li {
	display: inline-block;
	margin: 0;
}
ul.post-date li.icon:before {
	top: 0;
}
ul.post-date li:nth-child(2),
ul.post-date li:nth-child(3) {
	margin-left: 15px;
}
ul.post-date li a {
	margin: 2px;
	padding: 2px 0;
	border: none;
}

.meta ul:nth-child(2) {
	margin-top: 5px;
	padding-top: 10px;
	border-top: 1px solid #EEE;
}

/********* 8.7 パスワード制限 *********/

.entry-restriction {
	text-align: center;
}
.entry-restriction + .share {
	margin-top: 60px;
}
.entry-restriction-single {
	padding-bottom: 65px;
	border-bottom: 1px solid #EEE;
}
#main.entry-restriction {
	padding-bottom: 30px;
}

.entry-restriction-title {
	margin: 0 0 25px;
	line-height: 1.0;
	color: #202020;
	font-size: 250% !important;
}
.entry-restriction-title + p {
	margin: 0 0 20px !important;
	color: #808080;
}
.entry-restriction-date {
	margin: 10px 0 !important;
}

.entry-restriction form {
	margin: 0;
	line-height: 38px;
}
.entry-restriction input {
	margin: 0;
}
.entry-restriction [type="text"] {
	width: 80%;
	max-width: 220px;
	height: 38px;
	padding-right: 38px;
	padding-left: 12px;
}
.entry-restriction [type="text"]:focus ~ [type="submit"] {
	color: #4474A6;
}
.entry-restriction [type="submit"] {
	position: absolute;
	width: 36px;
	height: 36px;
	margin-top: 2px;
	margin-left: -36px;
	border-radius: 0 2px 2px 0;
	background: transparent;
	color: #C0C0C0;
	font-size: 16px;
	text-align: center;
}
.entry-restriction [type="submit"]:hover {
	opacity: 0.8;
}
.entry-restriction [type="submit"]:focus,
.entry-restriction [type="submit"]:active {
	opacity: 0.6;
}

.entry-restriction .message {
	margin: 0 0 40px;
}
.entry-restriction .message p {
	margin: 0;
}

/********* 8.8 エントリー移動 *********/

#entry_link {
	margin: 30px auto;
}
#entry_link i {
	font-size: 13px;
}

#entry_link ul.entry_link {
	margin: 0;
	padding: 0;
	letter-spacing: -0.40em;
}
#entry_link ul.entry_link li {
	display: inline-block;
	overflow: hidden;
	width: 42%;
	vertical-align: bottom;
	white-space: nowrap;
	letter-spacing: normal;
	text-overflow: ellipsis;
}

#entry_link ul.entry_link li.home {
	width: 11%;
	margin: 0 2.5%;
	text-align: center;
}
#entry_link ul.entry_link li.prev {
	text-align: left;
}
#entry_link ul.entry_link li.prev i {
	margin-right: 10px;
}
#entry_link ul.entry_link li.next {
	text-align: right;
}
#entry_link ul.entry_link li.next i {
	margin-left: 10px;
}

#entry_link a:link,
#entry_link a:visited {
	display: block;
	padding: 12px 20px;
	border: 1px solid #D1CAC8;
	border-radius: 2px;
	color: #808080;
}
#entry_link a:active,
#entry_link a:hover {
	border: 1px solid #088DD9;
	color: #088DD9;
}

#entry_link .entry-link-empty a {
	border: 1px solid #D1CAC8 !important;
	color: #EEE !important;
	cursor: default !important;
}

/********* 8.9 関連エントリー *********/

.entry-relate {
	overflow: hidden;
	margin: 60px 0 0;
}

/********* 9.0 ページ移動 ***********************************************/

#nav-page {
	margin: 60px auto;
}

#nav-page ul {
	margin: 0 auto;
	padding: 0 0 0 10px;
	color: #CCC;
	font-size: 13px;
	text-align: center;
	letter-spacing: -0.4em;
}
#gallery ~ #nav-page {
	margin-top: -2%;
}
#gallery ~ #nav-page ul {
	margin-top: 60px;
	padding-top: 60px;
	border-top: 1px solid #F4F1EF;
}

#nav-page ul li {
	display: inline-block;
	list-style: none;
	margin: 5px;
	line-height: 32px;
	letter-spacing: normal;
}
#nav-page ul li:first-child {
	margin-left: 0;
}
#nav-page ul li:last-child {
	margin-right: 0;
}
#nav-page ul li.current {
	width: 32px;
	height: 32px;
	border: 1px solid #D1CAC8;
	border-radius: 6px;
	background-color: #FFF;
	color: #C0C0C0;
}

#nav-page ul li a:link,
#nav-page ul li a:visited {
	display: block;
	width: 32px;
	height: 32px;
	border: 1px solid #EEE;
	border-radius: 6px;
	background-color: #FFF;
	color: #808080;
}
#nav-page ul li a:hover,
#nav-page ul li a:active {
	border-color: transparent;
	background-color: transparent;
	color: #088DD9;
}

#nav-page ul li a:before {
	display: block;
	position: absolute;
	z-index: -1;
	opacity: 0;
	width: 32px;
	height: 32px;
	border: 1px solid #088DD9;
	border-radius: 6px;
	content: "";
	-webkit-transition: opacity 0.14s cubic-bezier(0.18, 0.89, 0.32, 1.28), transform 0.14s cubic-bezier(0.18, 0.89, 0.32, 1.28);
	        transition: opacity 0.14s cubic-bezier(0.18, 0.89, 0.32, 1.28), transform 0.14s cubic-bezier(0.18, 0.89, 0.32, 1.28);
	-webkit-transform: scale(0.4);
	        transform: scale(0.4);
}
#nav-page ul li a:hover:before {
	opacity: 1.0;
	border-color: #088DD9;
	-webkit-transform: scale(1.0);
	        transform: scale(1.0);
}

/********* 10.0 コメント・トラックバック *************************************************/

#comment,
#comment_form,
#trackback,
#trackback_url {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px dotted #EEE;
}

.item-title {
	margin: 0;
	padding: 0;
	color: #202020;
	font-family: -apple-system, "BlinkMacSystemFont", ".SFNSDisplay-Regular", "Open Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 110%;
	font-weight: 800;
}

#comment .comment-name,
#trackback .trackback-name {
	margin: 15px 0 0;
	color: #454545;
	font-size: 100%;
	font-weight: bold;
}
#comment .comment-name i {
	margin-right: 5px;
	font-size: 120%;
}
#comment .comment-title {
	font-weight: normal;
}

#comment p {
	margin: 10px 3px 0;
}
#trackback p {
	margin: 0 3px;
}
#comment p.attention,
#trackback p.attention {
	margin: 0;
}

#comment .comment {
	margin: 20px 0;
	padding: 0 0 20px;
	border-bottom: 1px dotted #DDD;
}
#comment .comment:last-child {
	margin: 20px 0 0;
	padding: 0;
	border-bottom: none;
}

#comment .comment ul.information {
	opacity: 1.0;
	margin: 0;
	padding: 0 3px;
	color: #C0C0C0;
}
#comment .comment ul.information li {
	display: inline;
	margin-right: 5px;
}

.trackback-from {
	margin-left: 5px;
	color: #808080;
	font-size: 90%;
	font-weight: normal;
}

#trackback .trackback-name {
	padding: 0 3px;
}
#trackback .trackback ul.information {
	margin: 0;
	padding: 0 3px 15px;
	border-bottom: 1px dotted #DDD;
	color: #C0C0C0;
}
#trackback .trackback:last-child ul.information {
	padding: 0 3px;
	border-bottom: 1px dotted #FFF;
}

#trackback .trackback ul.information li {
	display: inline;
	margin-right: 5px;
}

/* 限定公開 */
#comment .disabled {
	opacity: 0.4;
}
#comment .disabled p {
	margin: 0 !important;
}

/* 編集ボタン */
#comment a.edit,
#trackback a.edit {
	display: inline-block;
	padding: 0 6px;
	border: 1px solid #229C91;
	border-radius: 2.4px;
	background-color: #2EC4B6 !important;
	color: #FFF !important;
	font-size: 90%;
}
#comment a:hover.edit,
#trackback a:hover.edit {
	opacity: 0.8;
}

/********* 10.1 コメントフォーム *********/

#comment_form {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#comment_form .item-title {
	margin: 0;
	padding: 0;
}

#comment_form form {
	margin: 0;
}

#comment_form .message + form {
	margin-top: 15px;
}

/********* 10.2 トラックバック *********/

#trackback_url {
	text-align: center;
}

#trackback_url h4 {
	text-align: center;
}
#trackback_url p {
	margin: 10px 0 0;
}

/********* 10.3 閲覧制限 *********/

.restrict {
	opacity: 0.2;
}

.restrict-loggedin,
.members-only,
.admin-only {
	padding: 0 10px 10px !important;
	border: 1px solid transparent !important;
	border-radius: 4px;
	background-color: #E5E3D3;
	color: #303030;
}
.restrict-loggedin .alert,
.members-only .alert,
.admin-only .alert {
	margin: 0 0 15px;
	border-top: none;
	border-radius: 0 0 4px 4px;
}

/* 未認証 */
.restrict-loggedin {
	border-color: #EDE7D3 !important;
	background-color: rgba(249, 246, 227, 0.3);
}
#trackback .restrict-loggedin {
	margin-top: 20px;
}
.restrict-loggedin ul.information {
	padding: 0 !important;
	border-bottom: none !important;
}

/* 登録ユーザーのみ */
.members-only {
	border-color: #ABD7EA !important;
	background-color: rgba(217, 240, 249, 0.1);
}

/* 管理者のみ */
.admin-only {
	border-color: #E2C5C9 !important;
	background-color: rgba(247, 227, 227, 0.1);
}

/********* 11.0 インフォメーション ***************************************/

#information {
	margin: 30px auto;
	padding-bottom: 30px;
	border-bottom: 1px solid #D1CAC8;
}

#information p {
	margin-bottom: 0;
}

.information-title {
	margin: 0;
	padding: 0;
	font-size: 120%;
	text-align: center;
}
#information .information-title {
	margin-bottom: 20px !important;
	display: none;
}
.information-content {
	padding-bottom: 60px !important;
	border-bottom: 1px solid #EEE;
}
.information-continue {
	margin-bottom: 0 !important;
}
.information-content-file {
	margin-top: 60px;
}

#information .entry-continue {
	margin-bottom: 0;
}

/********* 12.0 ページ ***********************************************/

#main {
	margin: 60px auto 30px;
}
#main .title-icon {
	margin: 0 0 30px;
	text-align: center;
}

/********* 12.1 添付ファイル *********/

.page-file {
	margin-top: 60px;
	text-align: center;
}
.page-file + #main {
	margin-top: 0;
	padding-top: 30px;
}

/********* 12.2 編集ボタン *********/

.page-edit {
	margin: 25px auto 0;
	text-align: center;
}
.page-edit a {
	display: inline-block;
	width: 80px;
	margin: 0 auto;
	padding: 4px 0;
	border: 1px solid #229C91;
	border-radius: 4px;
	background-color: #2EC4B6;
	color: #FFF;
	text-align: center;
}
.page-edit a:hover {
	opacity: 0.8;
}

/********* 12.3 一覧 *********/

.search-word {
	color: #2A5908;
	font-weight: bold;
}

#main .page-excerpt {
	margin: 20px 0 0;
	padding: 0 0 20px;
	border-bottom: 1px dotted #DDD;
}

#main .page-title {
	margin: 0;
	padding: 0;
	border: none;
	font-size: 124%;
}

#main .page-excerpt p {
	margin: 0;
	padding: 0;
}
#main .page-excerpt p.page-url {
	color: #6D9285;
	font-family: "Open Sans", Arial;
}

/********* 12.4 前後のページ *********/

.post-list {
	margin-top: 60px;
	padding: 5px 0 0;
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
}
.post-list .post-list-title {
	margin: 0;
	padding: 0 3px 5px;
	border-bottom: 1px solid #EEE;
	font-size: 100%;
}
.post-list ul {
	margin: 0;
}
.post-list ul li {
	list-style: none;
}
.post-list ul li a {
	display: block;
	padding: 8px 3px;
	border-bottom: 1px dotted #DDD;
}
.post-list ul li:last-child a {
	border-bottom: none;
}
.post-date {
	margin-right: 10px;
	color: #808080;
}
.post-list-empty {
	display: block;
	padding: 8px 3px;
	color: #CCC;
}

/********* 12.5 リンクボタン *********/

#main p.link-button a:link,
#main p.link-button a:visited {
	border: 1px solid #5698C4;
	color: #5698C4;
}
#main p.link-button a:hover,
#main p.link-button a:active {
	border-color: #145E93;
	color: #145E93;
}

/********* 12.6 メディア *********/

table.files {
	width: 100%;
	margin: 30px auto 0;
}
table.files tr {
	clear: both;
}
table.files tr td {
	padding: 0;
}
.files td a {
	display: block;
	padding: 5px 10px;
}
.files i {
	margin-right: 10px;
	color: #141517;
	font-size: 110%;
}
.file-memo {
	margin-left: 5px;
	color: #808080;
}

.file-name {
	width: 60%;
	font-size: 104%;
	text-align: left;
}
.file-date,
.file-size {
	color: #999;
	font-size: 96%;
	text-align: center;
}

@media only screen and (max-width: 580px) {
	table.files {
		border-bottom: none;
	}
	table.files tr {
		display: block;
	}
	table.files tr:nth-child(odd) {
		background-color: transparent;
	}
	.files tr td {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		padding: 5px;
		border: none;
	}
	.file-name {
		display: block;
		width: 100%;
		border-bottom: 1px dotted #DDD !important;
		background-color: #FAFAFA;
	}
	.file-date,
	.file-size {
		float: left;
		width: 50%;
		padding: 2px 5px !important;
		border-bottom: 1px solid #DDD !important;
		background-color: #FFF;
	}
	.file-size {
		border-left: 1px dotted #DDD !important;
	}
}

/********* 12.7 メディアサムネイル *********/

.files-thumbs {
	overflow: hidden;
	width: 100%;
	margin: 30px auto 0;
	text-align: left;
}
.files-thumbs li {
	display: inline-block;
	list-style: none;
	width: 20%;
	height: 100%;
	margin: 0 0 20px;
	line-height: 1.0;
	text-align: center;
	vertical-align: top;
}
.files-thumbs li a {
	display: block;
	padding: 0 10px;
}

.files-thumbs li .file-thumb {
	position: relative;
	height: 100%;
	margin-bottom: 10px;
	padding: 100% 0 0;
	border: 1px solid #EEE;
	border-radius: 4%;
	-webkit-transition: 0.14s;
	        transition: 0.14s;
}
.files-thumbs li .file-thumb-icon {
	display: -webkit-flex;
	display:         flex;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 30px;
	vertical-align: middle;

	-webkit-align-items: center;
	        align-items: center;
	-webkit-justify-content: center;
	        justify-content: center;
}
.files-thumbs li:hover .file-thumb {
	border-color: #CCC;
	box-shadow: 0 2px 2px #EEE;
}

.files-thumbs li .file-thumb-name {
	color: #808080;
	font-size: 90%;
}
.file-thumb-memo {
	display: block;
	margin-top: 5px;
	color: #808080;
}

@media screen and (min-width: 1px) and (max-width: 600px) {
	.files-thumbs li {
		display: inline-block;
		list-style: none;
		width: 33.3333%;
		height: 100%;
		margin: 0 0 20px;
		line-height: 1.0;
		text-align: center;
		vertical-align: top;
	}
}

/********* 12.8 メディア切り替え *********/

.tab-content {
	text-align: center;
}

.tab-status {
	display: none;
}
.tab-button {
	display: inline-block;
	width: 38px;
	height: 32px;
	margin: 0 2.5px;
	border-radius: 2px;
	background-color: #CCC;
	line-height: 32px;
	color: #FFF;
	font-size: 14px;
	text-align: center;
}
.tab-button:hover {
	background-color: #DDD;
}

#tab-st-1:checked + label,
#tab-st-2:checked + label,
#tab-st-3:checked + label,
#tab-st-4:checked + label {
	background-color: #404040;
	color: #FFF;
	cursor: default;
}

.tab {
	visibility: hidden;
	overflow: hidden;
	position: absolute;
	z-index: -1;
	opacity: 0;
	width: 100%;
	max-width: 600px;
	height: 0;
	-webkit-transition: 0.14s cubic-bezier(0.18, 0.89, 0.32, 1.28);
	        transition: 0.14s cubic-bezier(0.18, 0.89, 0.32, 1.28);
	-webkit-transform: scale(0.94);
	        transform: scale(0.94);
}
#tab-st-1:checked ~ .tab-1,
#tab-st-2:checked ~ .tab-2,
#tab-st-3:checked ~ .tab-3,
#tab-st-4:checked ~ .tab-4 {
	visibility: visible;
	position: relative;
	z-index: 10;
	opacity: 1.0;
	height: auto;
	-webkit-transform: scale(1.0);
	        transform: scale(1.0);
}

.tab-content label:after {
	display: block;
	position: absolute;
	z-index: -1;
	opacity: 0;
	width: 0;
	height: 0;
	margin-top: -6px;
	margin-left: 11px;
	border-width: 8px 8px 0 8px;
	border-style: solid;
	border-color: #404040 transparent transparent transparent;
	content: "";
	-webkit-transition: 0.14s cubic-bezier(0.18, 0.89, 0.32, 1.28);
	        transition: 0.14s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
#tab-st-1:checked + label:after,
#tab-st-2:checked + label:after,
#tab-st-3:checked + label:after,
#tab-st-4:checked + label:after {
	opacity: 1.0;
	margin-top: -2px;
}

@media only screen and (max-width: 600px) {
	.tab-button {
		width: 46px;
		height: 32px;
		line-height: 32px;
	}
	.tab-content label:after {
		margin-left: 15px;
	}
}

/********* 13.0 ギャラリー ***********************************************/

#gallery {
	overflow: hidden;
	width: 85%;
	margin: 30px auto 0;
	padding: 30px 0 0;
}

#gallery .gallery {
	float: left;
	position: relative;
	width: 32%;
	height: 100%;
	margin: 0 0 2%;
	vertical-align: top;
}
#gallery .gallery:nth-child(3n-1) {
	margin: 0 2% 2%;
}

/********* 13.1 基本の画像サイズ *********/

#gallery .gallery .picture {
	overflow: hidden;
	position: relative;
	height: 100%;
	margin: 0;
	padding-top: 70%;
	border-radius: 3.4px;
	background-color: #F2F2F2;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	box-shadow: 0 0 7px rgba(0.1,0,0,0.2);
	-webkit-transition: 0.22s ease-out;
	        transition: 0.22s ease-out;
}
#gallery .gallery a:hover > .picture {
	box-shadow: 0 0 7px rgba(0.1,0,0,0.2);
	-webkit-transition: 0.34s ease-out;
	        transition: 0.34s ease-out;
}

/********* 13.2 レスポンシブ画像サイズ *********/

@media only screen and (min-width: 1200px) {
	#gallery .gallery {
		width: 23%;
		margin: 0 1% 2.3%;
	}
	#gallery .gallery:nth-child(3n-1) {
		margin: 0 1% 2.3%;
	}
	#gallery .gallery .picture {
		padding-top: 100%;
	}
}
@media only screen and (max-width: 1200px) {
	#gallery .gallery {
	width: 48%;
	margin: 0 1% 2.3%;
	}
	#gallery .gallery .picture {
		padding-top: 100%;
	}
	#gallery .gallery:nth-child(3n-1) {
		margin: 0 1% 2.3%;
	}
}

/********* 13.2 タイトル *********/

#gallery .gallery-box {
	display: table;
	visibility: hidden;
	position: absolute;
	bottom: -6px;
	left: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	background:    -moz-linear-gradient(top, rgba(0,0,0,0) 80%, rgba(0,0,0,0.34) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 80%,rgba(0,0,0,0.34) 100%);
	background:         linear-gradient(to bottom, rgba(0,0,0,0) 80%,rgba(0,0,0,0.34) 100%);
	line-height: 1.1;
	-webkit-transition: 0.32s cubic-bezier(0.18, 0.89, 0.44, 1.0);
	        transition: 0.32s cubic-bezier(0.18, 0.89, 0.44, 1.0);
}
#gallery .gallery-box .image-title {
	display: table-cell;
	padding: 15px;
	color: #EEE;
	font-size: 11px;
	vertical-align: bottom;
	text-decoration: none;
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}
#gallery .gallery .picture:hover > .gallery-box {
	visibility: visible;
	bottom: 0;
	opacity: 1.0;
}
@media only screen and (max-width: 580px) {
	#gallery .gallery .picture:hover > .gallery-box {
		visibility: hidden;
		opacity: 0;
	}
}
#gallery .gallery a {
	color: #EEE;
}

/********* 14.0 検索 *************************************************/

#search-content {
	margin: 0 auto 15px;
}
#search-content + #main {
	margin-top: 0;
}

#search-content form {
	float: left;
	width: 90%;
	margin: 0;
}
#search-content .search-box {
	margin: 0;
}

#search-content [type="text"] {
	width: 100%;
	height: 44px;
	padding: 0 38px 0 10px;
	border-color: #FFF;
	border-bottom-color: #DDD;
	border-radius: 0;
	line-height: 44px;
	-webkit-transition-delay: 0.32s;
	        transition-delay: 0.32s;
}
#search-content [type="text"]:focus {
	border-bottom-color: #404040;
	-webkit-transition-delay: 0s;
	        transition-delay: 0s;
}
#search-content [type="text"]:focus + [type="submit"] {
	color: #404040;
}

#search-content .search-box [type="submit"] {
	position: absolute;
	width: 44px;
	height: 44px;
	margin-left: -44px;
	border-radius: 3px;
	line-height: 1.0;
	color: #808080;
}
#search-content .search-box [type="submit"]:focus,
#search-content .search-box [type="submit"]:hover {
	opacity: 0.9;
}
#search-content .search-box [type="submit"]:active {
	opacity: 0.6;
}

/********* 14.1 検索結果数 *********/

#result-count {
	float: left;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	width: 10%;
	height: 44px;
	margin: 0;
	border-bottom: 1px solid #DDD;
	line-height: 44px;
	color: #808080;
	font-size: 80%;
	text-align: center;
}
#result-count .result-count-n {
	color: #505050;
	font-size: 120%;
}

/********* 14.2 検索結果 *********/

.result {
	padding: 10px 0;
	border-bottom: 1px solid #EEE;
	color: #144360;
	font-size: 120%;
	text-align: center;
}
#search-content ~ .result {
	margin: -15px auto 0;
}
.result + #main {
	margin-top: 15px;
}

/* アイコン余白 */
.result:before {
	margin-right: 10px;
	color: #909090;
}

/********* 14.3 該当なしアイコン *********/

.empty {
	height: 160px;
	margin: 60px 0;
	border: 1px solid #FFF;
	background-color: #FFF;
	line-height: 160px;
	text-align: center;
	letter-spacing: 2px;
}
.empty-image {
	overflow: hidden;
	margin: 30px auto;
	padding: 60px 0;
	text-align: center;
}
.empty-image i:first-child {
	margin-left: 2px;
	color: #CCC;
	font-size: 14px;
}
.empty-image i:nth-child(2) {
	display: block;
	margin-top: 2px;
	color: #101010;
	font-size: 30px;
	-webkit-transform: rotate(-12deg);
	        transform: rotate(-12deg);
}
.empty-image p {
	margin: 15px 0 0;
	color: #808080;
	font-size: 90%;
}

/********* 15.0 IE ***********************************************/

#menu ul li.menu-icon:before,
#menu ul li.menu-icon.current:before,
#menu ul li.search [type="submit"] {
	margin-left: 0\0;
}
.preload * {
	-ms-transition: none !important;
	    transition: none !important;
}

/********* 16.0 折り畳みボックス *******************************************/
.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;
}
/********* 17.0 ネタバレボタン ***********************************************/

span.hidearea {
	cursor:pointer;
	border-bottom: 1px solid;
	display: inline-block;
}
/* span.hidearea:active, span.hidearea:hover {
	background-color: #808080;
	color: #FAF9F9;
}*/
div.hidearea {
	display:none;
	padding: 5px 0 5px 10px;
	margin-left: 20px; 
	border-left: 1px solid;
}

/********* 18.0 展示リスト ***********************************************/

.list, .list-ss{
	list-style: none;
	padding: 0;
}
.list li{
	color: #555;
}
.list li a{
	margin-right: 15px;
}
.list-caption dd{
	margin-left: 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;
}