@charset "utf-8";

/*********************************************************************
( ´m｀)σ 目次
----------------------------------------------------------------------
 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
*********************************************************************/

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

body {
	min-width: 320px;
	padding: 0;
	background-color: #F9F9F9;
	line-height: 1.68;
	color: #494848;
	font-family: "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 装飾
*********************************************************************/

/********* 2.1 アイコン *********/

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

/* アイコン余白 */
p.link-button a:before,
ul.sub-menu li a:before,
#content-single p a:before {
	margin-right: 10px;
}

/********* 2.2 下線 *********/

.entry-title:after,
.information-title:after,
#content-single .page-title:after {
	display: block;
	width: 30px;
	margin: 20px auto;
	border-bottom: 1px solid #CCC;
	content: "";
}

.rememberme:before {
	display: block;
	width: 30px;
	margin: 30px auto;
	border-bottom: 1px solid #DDD;
	content: "";
}
#content-single ul.sub-menu:before {
	display: block;
	width: 30px;
	margin: 30px auto;
	border-bottom: 1px solid #DDD;
	content: "";
}
.footer-content ~ .copyright:before {
	display: block;
	width: 30px;
	margin: 30px auto;
	border-bottom: 1px solid rgba(255,255,255, 0.3);
	content: "";
}

.share:before,
.entry ul.link:before {
	display: block;
	width: 30px;
	margin: 20px auto 30px;
	border-bottom: 1px solid #DDD;
	content: "";
}

/********* 2.3 下線削除 *********/

.entry-title + ul.link:before {
	margin: -20px 0 0;
	border: none;
}
.entry-title + ul.share:before {
	border: none;
}
.entry-title + ul.share {
	padding-bottom: 20px;
}

/********* 2.4 その他 *********/

.alphanumeric {
	font-family: Consolas, Courier, -apple-system, "BlinkMacSystemFont", ".SFNSDisplay-Regular", Arial;
}

ul.inline {
	letter-spacing: -0.4em !important;
}
ul.inline li {
	display: inline-block;
	list-style: none;
	letter-spacing: normal;
}

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

#header,
#container,
.nav-gallery,
.footer-content {
	width: 86%;
	max-width: 740px;
	margin: 0 auto;
	padding: 0;
}

.column {
	margin: 0;
	padding: 90px;
	border: 1px solid #FFF;
	background-color: #FFF;
}
.post-item {
	margin: 0;
	padding: 30px 90px;
	border: 1px solid #FFF;
	background-color: #FFF;
}

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

#header {
	padding: 90px 0 0;
}

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

#header p {
	margin: 10px 0 0;
	color: #909090;
	font-family: Consolas, Courier, "Open Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	text-align: center;
}

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

#footer {
	bottom: 0;
	width: 100%;
	min-height: 140px;
	margin: 60px 0 0;
	padding: 60px 0;
	background-color: #363A3E;
	line-height: 1.0;
	color: #EEE;
	font-size: 12px;
	letter-spacing: 0.04em;
}

#footer a {
	color: #F0F5F9;
	text-decoration: none;
}
#footer a:hover {
	color: #D3E0F7;
	text-decoration: none;
}

.footer-content {
	overflow: hidden;
	padding: 0 30px;
}
.footer-item {
	float: left;
	width: 45%;
	margin: 0 0 10px;
}
.footer-item:nth-child(2n) {
	margin-left: 10%;
}
.footer-item:nth-child(2n+1) {
	clear: both;
}
.footer-item-title {
	margin-bottom: 15px;
	font-size: 110%;
	font-weight: 800;
}

/********* 5.1 新着記事 *********/

.recent-entries {
	margin: 0;
	line-height: 1.6;
}
.recent-entries li {
	list-style: none;
	margin: 0 0 5px;
}
.recent-entry-date {
	opacity: 0.6;
	margin-right: 5px;
	font-size: 88%;
}

/********* 5.2 過去ログ *********/

.archives {
	position: relative;
	width: 180px;
	margin: 15px 0 0;
	line-height: 45px;
	text-align: center;
}
.archives form {
	margin: 0;
}
.archives > form select {
	width: 100%;
	height: 45px;
	margin: 0 auto;
	padding: 0 20px;
	border: 1px solid rgba(255,255,255, 0.06);
	background-color: #363A3E;
	color: #FFF;
	font-size: 12px;
	cursor: pointer;

	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
}
.archives > form select:hover {
	border: 1px solid rgba(255,255,255, 0.2);
}
.archives:before {
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	opacity: 0.6;
	width: 45px;
	margin: 1px 0 0 105px;
	line-height: 42px;
	font-family: "FontAwesome";
	font-size: 15px;
	content: "\f107";
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	pointer-events: none;
}

.archives-list {
	margin: 30px 0 0;
}
.archives-list ul {
	margin: 0;
	line-height: 1.2;
}
.archives-list ul li {
	width: 50%;
	margin: 0;
}
.archives-list ul li a {
	display: block;
	padding: 4px 0;
}

/********* 5.3 タグクラウド *********/

.tagcloud {
	margin: 0;
}
.tagcloud li {
	display: inline-block;
	margin-bottom: 5px;
}
#footer .tagcloud a:link,
#footer .tagcloud a:visited {
	display: block;
	padding: 8px 10px;
	border: 1px solid rgba(255,255,255, 0.1);
	-webkit-transition: 0.1s;
	        transition: 0.1s;
}
#footer .tagcloud a:active,
#footer .tagcloud a:hover {
	border: 1px solid rgba(255,255,255, 0.4);
}

.footer-list .footer-item-title {
	margin: 0 0 5px;
	font-size: 110%;
	font-weight: 800;
}
.footer-list ul {
	margin: 0 0 15px;
}
.footer-list ul li {
	list-style: none;
	margin: 0;
}
.footer-list ul li a {
	display: block;
	padding: 4px 0;
}

/********* 5.4 著作権表示 *********/

#footer .copyright {
	font-family: "Open Sans", Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", "ＭＳ Ｐゴシック", sans-serif;
}
#footer ul.links,
#footer .copyright {
	color: #CCC;
	text-align: center;
}

#footer ul.links li {
	display: inline;
	list-style: none;
	opacity: 0.4;
	margin: 0 5px;
	font-size: 88%;
	text-align: center;
}

#footer ul.links a {
	color: #CCC;
	text-decoration: underline;
}

/********* 5.5 管理者メニュー *********/

#nav-admin {
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	width: 100%;
	height: 44px;
	background-color: rgba(37,44,52, 1.0);
	line-height: 44px;
	font-size: 12px;
	text-align: center;

	-webkit-backdrop-filter: blur(4px);
	        backdrop-filter: blur(4px);
}
#nav-admin ~ #header {
	margin-top: 30px;
}

#nav-admin ul {
	margin: 0;
}
#nav-admin ul li {
	display: inline-block;
	list-style: none;
}
#nav-admin ul li:hover a {
	color: #FFF;
}
#nav-admin .nav-admin-child {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

#nav-admin-parent-toggle {
	color: #FFF;
	font-family: inherit;
}

#nav-admin ul li ul {
	display: none;
	position: absolute;
	width: 100%;
	max-width: 280px;
	padding: 10px 0;
	border-radius: 0 0 2.4px 2.4px;
	background-color: rgba(37,44,52, 0.98);
	box-shadow: 0 1px 2px rgba(37,44,52, 0.5);
	text-align: left;
	letter-spacing: 0.1em;
}
#nav-admin ul li ul li {
	display: block;
}
#nav-admin ul li ul li a:hover,
#nav-admin ul li ul li a:hover:before {
	background-color: #30A9DE;
	color: #FFF;
}

#nav-admin a {
	display: block;
	padding: 0 24px;
	color: #989898;
	-webkit-transition: 0s;
	        transition: 0s;
}
#nav-admin a:hover {
	color: #FFF;
}

/********* 5.6 アイコン *********/

#nav-admin .nav-admin-parent i {
	margin-right: 14px;
	color: #FFF;
	font-size: 18px;
	vertical-align: middle;
}
#nav-admin ul li ul li a:before {
	display: inline-block;
	width: 32px;
	height: 32px;
	margin-right: 0;
	color: rgba(255,255,255, 0.5);
	font-family: "FontAwesome";
	font-size: 15px;
}

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

#nav {
	position: relative;
	margin: 30px 0 0;
	font-size: 12px;
}
#menu {
	height: 42px;
	margin: 0 auto;
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
	line-height: 42px;
	font-family: Consolas, Courier, "Open Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	font-weight: 500;
}

/********* 6.1 メニュー一覧 *********/

#menu-main {
	overflow: hidden;
	position: relative;
	height: 43px;
	margin: 0;
	padding: 0;
}

/********* 6.2 リンク *********/

#menu-main a {
	display: block;
	padding: 0 20px;
	color: #606060;
}
#menu-main a:hover {
	color: #303030;
}

#menu ul li.menu-link a:after {
	display: block;
	opacity: 0;
	width: 100%;
	border-bottom: 1px solid #303030;
	content: "";
	-webkit-transition: 0.18s ease-out;
	        transition: 0.18s ease-out;
	-webkit-transform: scaleX(0.6);
	        transform: scaleX(0.6);
}
#menu ul li.menu-link a:hover:after {
	opacity: 1.0;
	-webkit-transition: 0.18s cubic-bezier(0.18, 0.89, 0.32, 1.08);
	        transition: 0.18s cubic-bezier(0.18, 0.89, 0.32, 1.08);
	-webkit-transform: scaleX(1.2);
	        transform: scaleX(1.2);
}

/********* 6.3 表示中 *********/

#menu ul li.current a {
	color: #303030;
}
#menu ul li.current a:after {
	display: block;
	opacity: 1.0;
	width: 120%;
	margin-left: -10%;
	border-bottom: 1px solid #303030;
	content: "";
	-webkit-transition: 0.64s cubic-bezier(0.18, 0.89, 0.32, 1.08) 1.4s;
	        transition: 0.64s cubic-bezier(0.18, 0.89, 0.32, 1.08) 1.4s;
	-webkit-transform: scaleX(1.0);
	        transform: scaleX(1.0);
}

/********* 6.4 ログイン中 *********/

#menu ul li.current-user a:after {
	display: block;
	opacity: 1.0;
	width: 120%;
	margin-left: -10%;
	border-bottom: 1px solid #2B90D9;
	content: "";
	-webkit-transition: 0.64s cubic-bezier(0.18, 0.89, 0.32, 1.08) 1.4s;
	        transition: 0.64s cubic-bezier(0.18, 0.89, 0.32, 1.08) 1.4s;
	-webkit-transform: scaleX(1.0);
	        transform: scaleX(1.0);
}
#menu ul li.signed-in-user a:hover:after {
	border-bottom: 1px solid #2B90D9 !important;
}
.user-online {
	padding: 2px 6px;
	border-radius: 2.4px;
	background-color: #2B90D9;
	color: #FFF;
}

/*********************************************************************
	6.5.0 検索ボックス
*********************************************************************/

/********* 6.5.1 検索アイコン *********/

#searchbox-st {
	display: none;
}

#show-searchbox {
	float: right;
	position: absolute;
	z-index: 1000;
	top: 1px;
	right: 0;
	width: 42px;
	height: 42px;
	padding: 0;
	line-height: 42px;
	font-size: 12px;
	text-align: center;
	-webkit-transition: 0.44s cubic-bezier(0.51,0.16,0.18,0.96) 0.32s;
	        transition: 0.44s cubic-bezier(0.51,0.16,0.18,0.96) 0.32s;
}

#show-searchbox a {
	display: block;
	padding: 0;
	color: #808080;
	-webkit-transition: 0.74s cubic-bezier(0.51,0.16,0.18,0.96) 0.32s;
	        transition: 0.74s cubic-bezier(0.51,0.16,0.18,0.96) 0.32s;
	-webkit-transform-origin: center center;
	        transform-origin: center center;
}
#searchbox-st:checked ~ #menu > #show-searchbox a {
	opacity: 0;
	-webkit-transition: 0.44s cubic-bezier(0.51,0.16,0.18,0.96);
	        transition: 0.44s cubic-bezier(0.51,0.16,0.18,0.96);
	-webkit-transform: scale(0.4) rotate(50deg);
	        transform: scale(0.4) rotate(50deg);
}
#show-searchbox a:focus {
	color: #303030;
	outline: none;
}

/********* 6.5.2 検索ボックス全体 *********/

#searchbox {
	overflow: hidden;
	position: absolute;
	z-index: -1;
	top: 1px;
	width: 100%;
	max-width: 740px;
	height: 42px;
}
#searchbox-st:checked ~ #menu ~ #searchbox {
	z-index: 9100;
}

/********* 6.5.3 テキストエリア *********/

#searchbox [type="text"] {
	visibility: hidden;
	position: relative;
	top: 0;
	opacity: 0;
	width: 100%;
	height: 42px;
	margin: 0;
	padding: 0 42px 0 20px;
	border-color: transparent;
	border-radius: 0;
	background-color: #FFF;
	box-shadow: none;
	font-family: Courier, "Open Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 16px;
	-webkit-transition: visibility 0s ease 0.28s, opacity 0.68s cubic-bezier(0.18, 0.92, 0.32, 1.0) 0.28s, -webkit-transform 0.68s cubic-bezier(0.18, 0.92, 0.32, 1.0);
	        transition: visibility 0s ease 0.28s, opacity 0.68s cubic-bezier(0.18, 0.92, 0.32, 1.0) 0.28s, transform 0.68s cubic-bezier(0.18, 0.92, 0.32, 1.0);
	-webkit-transform: scaleY(0);
	        transform: scaleY(0);
	-webkit-transform-origin: 0 0;
	        transform-origin: 0 0;

	-webkit-tap-highlight-color: transparent;
}
#searchbox-st:checked ~ #menu ~ #searchbox [type="text"] {
	visibility: visible;
	opacity: 1.0;
	-webkit-transition: visibility 0s ease 0s, -webkit-transform 0.68s cubic-bezier(0.18, 0.92, 0.32, 1.0) 0.28s;
	-webkit-transition: visibility 0s ease 0s, opacity 0.68s cubic-bezier(0.18, 0.92, 0.32, 1.0) 0.28s, -webkit-transform 0.68s cubic-bezier(0.18, 0.92, 0.32, 1.0) 0.38s;
	        transition: visibility 0s ease 0s, opacity 0.68s cubic-bezier(0.18, 0.92, 0.32, 1.0) 0.28s, transform 0.68s cubic-bezier(0.18, 0.92, 0.32, 1.0) 0.38s;
	-webkit-transform: scaleY(1.0);
	        transform: scaleY(1.0);
}
#searchbox [type="text"]:focus {
	outline: none;
}

#searchbox :placeholder-shown {
	font-size: 12px;
}
#searchbox ::-webkit-input-placeholder {
	font-size: 12px;
}
#searchbox ::-moz-placeholder {
	font-size: 12px;
}
#searchbox :-ms-input-placeholder {
	font-size: 12px;
}

/********* 6.5.4 送信ボタン *********/

#searchbox [type="submit"] {
	display: none;
	position: absolute;
	right: 42px;
	opacity: 0;
	width: 42px;
	height: 42px;
	padding: 0;
	color: #505050;
	text-align: right;
	-webkit-transition: 0s;
	        transition: 0s;
	-webkit-transform: scale(0.8);
	        transform: scale(0.8);
	-webkit-transform-origin: center center;
	        transform-origin: center center;
}
#searchbox [type="submit"]:hover,
#searchbox [type="submit"]:active {
	color: #808080;
}
#searchbox-st:checked ~ #menu ~ #searchbox [type="submit"] {
	opacity: 1.0;
	-webkit-transition: 0.42s ease-out 0.84s;
	        transition: 0.42s ease-out 0.84s;
	-webkit-transform: scale(1.0);
	        transform: scale(1.0);
}

/********* 6.5.5 閉じるボタン *********/

#searchbox-close {
	visibility: hidden;
	position: absolute;
	top: 0;
	right: 0;
	opacity: 0;
	width: 42px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	-webkit-transition: 0.88s cubic-bezier(0.18, 0.89, 0.32, 1.28);
	        transition: 0.88s cubic-bezier(0.18, 0.89, 0.32, 1.28);
	-webkit-transform: scale(0.6);
	        transform: scale(0.6);
}
#searchbox-st:checked ~ #menu ~ #searchbox > #searchbox-close {
	visibility: visible;
	opacity: 1.0;
	-webkit-transition: 0.78s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0.82s;
	        transition: 0.78s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0.82s;
	-webkit-transform: scale(1.0);
	        transform: scale(1.0);
}
#hide-searchbox-button {
	display: block;
	width: 42px;
	height: 42px;
}

#searchbox-close span.close-button-left,
#searchbox-close span.close-button-right {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 13px;
	height: 1px;
	margin-left: -5px;
	background-color: #808080;
}
#searchbox-close span.close-button-left {
	-webkit-transform: rotate(45deg) scaleY(1.5);
	        transform: rotate(45deg) scaleY(1.5);
}
#searchbox-close span.close-button-right {
	-webkit-transform: rotate(-45deg) scaleY(1.5);
	        transform: rotate(-45deg) scaleY(1.5);
}

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

#menu-main li.menu-link {
	position: relative;
	top: 0;
	opacity: 1.0;
	-webkit-transition: top 0.68s cubic-bezier(0.18, 0.89, 0.32, 1.28), opacity 0.68s cubic-bezier(0.18, 0.89, 0.32, 1.28), -webkit-transform 0.68s cubic-bezier(0.18, 0.89, 0.32, 1.28);
	        transition: top 0.68s cubic-bezier(0.18, 0.89, 0.32, 1.28), opacity 0.68s cubic-bezier(0.18, 0.89, 0.32, 1.28), transform 0.68s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
#searchbox-st:checked ~ #menu > #menu-main li.menu-link {
	top: 34px;
	opacity: 0;
	-webkit-transition: 0.34s ease-out;
	        transition: 0.34s ease-out;
	-webkit-transform: scale(0.8);
	        transform: scale(0.8);

	-webkit-filter: blur(3px);
	        filter: blur(3px);
}

/********* 6.5.7 アイコン表示の遅延 *********/

#menu-main li.menu-link:nth-child(1) {
	-webkit-transition-delay: 0.44s;
	        transition-delay: 0.44s;
}
#menu-main li.menu-link:nth-child(2) {
	-webkit-transition-delay: 0.5s;
	        transition-delay: 0.5s;
}
#menu-main li.menu-link:nth-child(3) {
	-webkit-transition-delay: 0.56s;
	        transition-delay: 0.56s;
}
#menu-main li.menu-link:nth-child(4) {
	-webkit-transition-delay: 0.64s;
	        transition-delay: 0.64s;
}
#menu-main li.menu-link:nth-child(5) {
	-webkit-transition-delay: 0.72s;
	        transition-delay: 0.72s;
}
#menu-main li.menu-link:nth-child(n+6) {
	-webkit-transition-delay: 0.8s;
	        transition-delay: 0.8s;
}

#searchbox-st:checked ~ #menu > #menu-main li.menu-link:nth-child(1) {
	-webkit-transition-delay: 0.32s;
	        transition-delay: 0.32s;
}
#searchbox-st:checked ~ #menu > #menu-main li.menu-link:nth-child(2) {
	-webkit-transition-delay: 0.28s;
	        transition-delay: 0.28s;
}
#searchbox-st:checked ~ #menu > #menu-main li.menu-link:nth-child(3) {
	-webkit-transition-delay: 0.22s;
	        transition-delay: 0.22s;
}
#searchbox-st:checked ~ #menu > #menu-main li.menu-link:nth-child(4) {
	-webkit-transition-delay: 0.16s;
	        transition-delay: 0.16s;
}
#searchbox-st:checked ~ #menu > #menu-main li.menu-link:nth-child(5) {
	-webkit-transition-delay: 0.12s;
	        transition-delay: 0.12s;
}
#searchbox-st:checked ~ #menu > #menu-main li.menu-link:nth-child(n+6) {
	-webkit-transition-delay: 0.08s;
	        transition-delay: 0.08s;
}

#searchbox-st:checked ~ #menu > #menu-main li.current-user a:after,
#searchbox-st:checked ~ #menu > #menu-main li.menu-link.current a:after {
	opacity: 0;
	-webkit-transition: 0.64s cubic-bezier(0.18, 0.89, 0.32, 1.08);
	        transition: 0.64s cubic-bezier(0.18, 0.89, 0.32, 1.08);
	-webkit-transform: scaleX(0.4);
	        transform: scaleX(0.4);
}

/*********************************************************************
	6.6.0 メニューボタン
*********************************************************************/

#menu-buttons {
	display: none;
	overflow: hidden;
	position: absolute;
	z-index: 9900;
	left: 50%;
	width: 42px;
	height: 42px;
	cursor: pointer;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
}

/********* 6.6.1 マウス操作用 *****/

#menu-toggle-st {
	display: none;
}
#menu-toggle-label {
	display: block;
	position: relative;
	z-index: 9700;
	top: 0;
	width: 42px;
	height: 42px;
	-webkit-transition: 0.54s ease-out 0.14s;
	        transition: 0.54s ease-out 0.14s;

	-webkit-tap-highlight-color: transparent;
}

/********* 6.6.2 アイコン *****/

#menu-toggle-label span {
	display: block;
	position: absolute;
	left: 50%;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	width: 18px;
	height: 1px;
	background-color: #404146;
	-webkit-transition: top 0.48s ease-out 0.48s, -webkit-transform 0.44s cubic-bezier(0.85, 0.01, 0.1, 0.53);
	        transition: top 0.46s ease-out 0.48s, transform 0.44s cubic-bezier(0.85, 0.01, 0.1, 0.53);
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
}

/********* 6.6.3 アイコン構成要素 *****/

#menu-toggle-label span.menu-icon-top {
	top: 16px;
	-webkit-transition: top 0.36s ease-out 0.38s;
	        transition: top 0.36s ease-out 0.38s;
}
#menu-toggle-label span.menu-icon-middle {
	top: 21px;
	-webkit-transition: top 0.36s ease-out 0.28s;
	        transition: top 0.36s ease-out 0.28s;
}
#menu-toggle-label span.menu-icon-bottom-left,
#menu-toggle-label span.menu-icon-bottom-right {
	top: 26px;
	width: 9px;
	-webkit-transition: top 0.36s ease-out 0s, -webkit-transform 0.52s ease-out 0s;
	        transition: top 0.36s ease-out 0s, transform 0.52s ease-out 0s;
	-webkit-transform: translateX(-100%);
	        transform: translateX(-100%);
	-webkit-transform-origin: 0 0;
	        transform-origin: 0 0;
}
#menu-toggle-label span.menu-icon-bottom-right {
	width: 9px;
	-webkit-transform: translateX(0);
	        transform: translateX(0);
	-webkit-transform-origin: 0 0;
	        transform-origin: 0 0;
}

/********* 6.6.4 アイコンのアニメーション *****/

#menu-toggle-st:target ~ #menu > #menu-buttons #menu-toggle-label span,
#menu-toggle-st:checked ~ #menu > #menu-buttons #menu-toggle-label span {
	background-color: rgba(255,255,255, 0.94);
	-webkit-transition: background-color 0.44s cubic-bezier(0.85, 0.01, 0.1, 0.53);
	        transition: background-color 0.44s cubic-bezier(0.85, 0.01, 0.1, 0.53);
}
#menu-toggle-st:target ~ #menu > #menu-buttons #menu-toggle-label span.menu-icon-top,
#menu-toggle-st:checked ~ #menu > #menu-buttons #menu-toggle-label span.menu-icon-top {
	top: -4px;
	-webkit-transition: top 0.44s cubic-bezier(0.85, 0.01, 0.1, 0.53) 0.3s, background-color 0.44s cubic-bezier(0.85, 0.01, 0.1, 0.53);
	        transition: top 0.44s cubic-bezier(0.85, 0.01, 0.1, 0.53) 0.3s, background-color 0.44s cubic-bezier(0.85, 0.01, 0.1, 0.53);
}
#menu-toggle-st:target ~ #menu > #menu-buttons #menu-toggle-label span.menu-icon-middle,
#menu-toggle-st:checked ~ #menu > #menu-buttons #menu-toggle-label span.menu-icon-middle {
	top: -4px;
	-webkit-transition: top 0.44s cubic-bezier(0.85, 0.01, 0.1, 0.53) 0.28s, background-color 0.44s cubic-bezier(0.85, 0.01, 0.1, 0.53);
	        transition: top 0.44s cubic-bezier(0.85, 0.01, 0.1, 0.53) 0.28s, background-color 0.44s cubic-bezier(0.85, 0.01, 0.1, 0.53);
}

#menu-toggle-st:target ~ #menu > #menu-buttons #menu-toggle-label span.menu-icon-bottom-left,
#menu-toggle-st:checked ~ #menu > #menu-buttons #menu-toggle-label span.menu-icon-bottom-left,
#menu-toggle-st:target ~ #menu > #menu-buttons #menu-toggle-label span.menu-icon-bottom-right,
#menu-toggle-st:checked ~ #menu > #menu-buttons #menu-toggle-label span.menu-icon-bottom-right {
	-webkit-transition: -webkit-transform 0.6s cubic-bezier(1, 0.18, 0, 0.95) 0.12s, background-color 0.44s cubic-bezier(0.85, 0.01, 0.1, 0.53);
	        transition:         transform 0.6s cubic-bezier(1, 0.18, 0, 0.95) 0.12s, background-color 0.44s cubic-bezier(0.85, 0.01, 0.1, 0.53);
}
#menu-toggle-st:target ~ #menu > #menu-buttons #menu-toggle-label span.menu-icon-bottom-left,
#menu-toggle-st:checked ~ #menu > #menu-buttons #menu-toggle-label span.menu-icon-bottom-left {
	-webkit-transform: rotate(-45deg) translateX(-100%);
	        transform: rotate(-45deg) translateX(-100%);
}
#menu-toggle-st:target ~ #menu > #menu-buttons #menu-toggle-label span.menu-icon-bottom-right,
#menu-toggle-st:checked ~ #menu > #menu-buttons #menu-toggle-label span.menu-icon-bottom-right {
	-webkit-transform: rotate(45deg) translateX(0);
	        transform: rotate(45deg) translateX(0);
}

/********* 6.6.5 キーボード操作用 *****/

.menu-toggle-link {
	overflow: hidden;
	position: absolute;
	z-index: 10;
	top: 0;
	right: 0;
	width: 42px;
	height: 42px;
}
.menu-toggle-link:focus {
	border-radius: 4.4px;
	outline: 2px solid #30A9DE;
	outline-offset: -2px;
}
.menu-button-label {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
}

#menu-open-link,
#menu-close-link {
	display: none;
}
#menu-toggle-st:target ~ #menu > #menu-buttons #menu-open-link,
#menu-toggle-st:checked ~ #menu > #menu-buttons #menu-open-link {
	display: none;
}
#menu-toggle-st:target ~ #menu > #menu-buttons #menu-close-link,
#menu-toggle-st:checked ~ #menu > #menu-buttons #menu-close-link {
	display: block;
}

/********* 6.6.6 背景レイヤー *****/

#menu-bg,
#menu-bg-close-link {
	display: none;
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	opacity: 0;
	width: 1px;
	height: 1px;
	background-color: rgba(0,0,0, 0.5);
	cursor: pointer;
	-webkit-transition: opacity 0.24s ease-out, width 0s ease 0.24s, height 0s ease 0.24s;
	        transition: opacity 0.24s ease-out, width 0s ease 0.24s, height 0s ease 0.24s;
}
#menu-bg {
	z-index: 8900;
}
#menu-bg-close-link {
	z-index: 8800;
}
#menu-toggle-st:target ~ #menu-bg,
#menu-toggle-st:target ~ #menu-bg-close-link,
#menu-toggle-st:checked ~ #menu-bg,
#menu-toggle-st:checked ~ #menu-bg-close-link {
	opacity: 1.0;
	width: 100%;
	height: 100vh;
	-webkit-transition: opacity 0.48s ease-out 0.32s, width 0s ease 0s, height 0s ease 0s;
	        transition: opacity 0.48s ease-out 0.32s, width 0s ease 0s, height 0s ease 0s;
}
#menu-toggle-st:target ~ #menu > #menu-bg-close-link:focus,
#menu-toggle-st:checked ~ #menu > #menu-bg-close-link:focus {
	background-color: rgba(48,169,222, 0.6);
}

/********* 6.6.7 閉じるボタン *****/

#menu-close {
	display: none;
	position: relative;
	opacity: 0;
	width: 48px;
	height: 48px;
	margin: 30px auto;
	text-align: center;
}

#menu-close-button {
	display: inline-block;
	position: relative;
	z-index: 30;
	width: 48px;
	height: 48px;
}
#menu-close-button span {
	display: block;
	position: relative;
	top: 50%;
	left: 50%;
	width: 22px;
	height: 1px;
	margin-top: -1px;
	margin-left: -11px;
	background-color: rgba(255,255,255, 0.6);
}
#menu-close-button span.close-button-left {
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}
#menu-close-button span.close-button-right {
	-webkit-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}

#menu-close-link-2 {
	position: absolute;
	z-index: 20;
	top: 0;
	width: 48px;
	height: 48px;
	margin: 0;
	padding: 0 !important;
}

/*********************************************************************
	7.0 シングルカラム
*********************************************************************/

#content-single {
	overflow: hidden;
	margin: 30px auto;
	padding: 90px;
	border: 1px solid #FFF;
	background-color: #FFF;
	text-align: center;
}
#content-single.information {
	padding: 30px 60px 60px;
}

/********* 7.1 タイトル *****/

#content-single .title-icon {
	margin: 0 0 30px;
	padding: 0;
	font-size: 160%;
}
#content-single .title-icon i {
	width: 54px;
	height: 54px;
	border: 3px solid #3E4245;
	border-radius: 100%;
	line-height: 54px;
	color: #3E4245;
	font-size: 24px;
}
#content-single .page-title {
	margin: 0 0 30px;
	padding: 0;
	color: #404040;
	font-size: 110%;
}
#content-single .page-title2 {
	margin-top: -15px;
	color: #202020;
	font-size: 150%;
	letter-spacing: 0.1em;
}

/********* 7.2 装飾 *****/

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

#content-single .input-label {
	margin: 0 0 2px;
	color: #808080;
	font-size: 90%;
	text-align: left;
}
#content-single .input-text {
	position: relative;
	margin: 0 0 5px;
}
#content-single .button {
	margin: 0;
}
#content-single .input-text i {
	position: absolute;
	top: 50%;
	left: 15px;
	color: #C0C0C0;
	font-size: 13px;
	-webkit-transition: 0.12s ease-out;
	        transition: 0.12s ease-out;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	pointer-events: none;
}
#content-single .input-text > .input-text-icon {
	padding-left: 40px;
}
#content-single .input-text > .input-text-icon:focus + i {
	color: #2B2B2B;
}

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;
}
dl.preview dd:last-child {
	border-bottom: none;
}

#content-single .rememberme {
	font-size: 90%;
}

dl.columns-2 {
	overflow: hidden;
}
dl.columns-2 dt {
	float: left;
	width: 20%;
	margin: 0;
	padding-top: 27px;
	border-top: 1px dotted #EDEDED;
	font-weight: bold;
	vertical-align: baseline;
}
dl.columns-2 dd {
	float: left;
	width: 80%;
	margin: 0;
	padding-top: 15px;
	border-top: 1px dotted #EDEDED;
}


/********* 7.3 最小表示 *********/

#minimal {
	max-width: 260px;
	margin: 0 auto;
}
#minimal [type="submit"] {
	width: 100%;
}
#minimal [type="text"],
#minimal [type="email"],
#minimal [type="password"] {
	width: 100%;
}

.single-column {
	max-width: 320px;
	margin: 0 auto;
}
.single-column [type="text"],
.single-column [type="email"],
.single-column [type="password"] {
	width: 100%;
}

/********* 7.4 リンクボタン *********/

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;
	max-width: 280px;
	margin: 0 auto;
	padding: 6px 15px;
	border: 1px solid #4474A6;
	border-radius: 4px;
}
p.link-button a:hover,
p.link-button a:active {
	opacity: 0.8;
	border-color: #145E93;
}

.alert-single {
	max-width: 320px;
}

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

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

#content-single .buttons {
	margin: 0;
}

/********* 7.6 その他 *********/

#content-single .message {
	margin: 0 auto 20px;
}
#content-single #minimal .message {
	margin-bottom: 10px;
}
#content-single .message + .link-button {
	margin-top: 60px;
}

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

#content-single table {
	width: 100%;
	margin: 0 0 20px;
}
#content-single table .radio-button {
	line-height: 1.0;
}

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

.entry {
	overflow: hidden;
	margin: 30px 0;
	padding: 0;
}
.entry .message {
	margin: 0 auto 15px;
}
.entry .entry-title + .message {
	margin-top: 30px;
}
.entry .message + .entry-title {
	margin-top: 30px;
}

/********* 8.1 本文 *********/

.entry .content {
	margin: 0;
	padding: 60px 90px 30px;
	border: 1px solid #FFF;
	border-top: none;
	background-color: #FFF;
}

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

/********* 8.2 日付 *********/

.entry-date {
	margin: 0 0 5px !important;
	padding: 0;
	line-height: 1.0;
	font-size: 11.4px;
	text-align: center;
}

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

.entry-title {
	margin: 0;
	padding: 0;
	color: #101010;
	font-size: 160%;
	text-align: center;
	word-break: break-word;
}
.entry-title a {
	color: #101010;
	text-decoration: none;
}
.entry-title a:hover {
	color: #303030;
	text-decoration: none;
}

.content > *:nth-child(1) {
	margin-top: 0 !important;
}
#entry .post-item > *:nth-child(1) {
	margin-top: 0;
}

/********* 8.4 本文なしの場合 *********/

.entry-title + .share {
	margin: 0;
}
.entry-title + .link:before,
.entry-title + .share:before {
	display: block;
	width: 30px;
	margin: 0 auto 30px;
	border-bottom: 1px solid #EEE;
	content: "";
}
.entry-title + .link:before {
	margin-bottom: 15px;
}

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

.entry-file {
	margin: 0;
	border-bottom: 1px solid #F1F1F1;
	background-color: #F3F3F3;
	text-align: center;
}

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

/********* 8.6 続きを読む *********/

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.7.0 フッターアイコン *********/

#entry .entry ul.link {
	margin: 35px 0 0;
	padding: 0;
	text-align: center;
}
#entry .entry ul.link li {
	position: relative;
	z-index: 1;
	margin: 0;
	border: 1px solid transparent;
	color: #DDD;
	text-align: center;
	-webkit-transition: 0.2s;
	        transition: 0.2s;
}
#entry .entry ul.link li a:after {
	display: block;
	opacity: 0;
	width: 80%;
	margin: 0 auto;
	border-bottom: 1px solid #088DD9;
	content: "";
	-webkit-transition: 0.18s cubic-bezier(0.18, 0.89, 0.32, 1.28);
	        transition: 0.18s cubic-bezier(0.18, 0.89, 0.32, 1.28);
	-webkit-transform: scale(0.4);
	        transform: scale(0.4);
}
#entry .entry ul.link li a:hover:after {
	opacity: 1.0;
	-webkit-transform: scale(1.0);
	        transform: scale(1.0);
}

#entry .entry ul.link li a {
	display: block;
	width: 38px;
	height: 38px;
	line-height: 38px;
	color: #C0C0C0;
}
#entry .entry ul.link li a:hover {
	color: #088DD9;
}
#entry .entry ul.link li a:hover:before {
	color: #088DD9;
}

/********* 8.7.1 カウント *********/

.count-n {
	position: absolute;
	top: -1px;
	right: 3px;
	padding: 2px;
	border-radius: 100%;
	line-height: 14px;
	color: #C0C0C0;
	font-family: Courier, "Lucida Console", Arial;
	font-size: 10px;
	text-align: center;
	-webkit-transition: 0.18s cubic-bezier(0.18, 0.89, 0.32, 1.28);
	        transition: 0.18s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
#entry .entry ul.link li a:hover > .count-n {
	color: #088DD9;
}

/********* 8.7.2 各SNSのシンボルカラー *********/

#entry .entry ul.link li.link-facebook a:hover {
	color: #3B5998;
}
#entry .entry ul.link li.link-hatena a:hover {
	color: #00A4DE;
}
#entry .entry ul.link li.link-twitter a:hover {
	color: #55ACEE;
}
#entry .entry ul.link li.link-facebook a:hover:after {
	border-color: #3B5998;
	color: #3B5998;
}
#entry .entry ul.link li.link-hatena a:hover:after {
	border-color: #00A4DE;
	color: #00A4DE;
}
#entry .entry ul.link li.link-twitter a:hover:after {
	border-color: #55ACEE;
	color: #55ACEE;
}

/********* 8.8.0 共有リンク *********/

.share {
	margin: 30px 0 10px;
	padding: 0;
	text-align: center;
}
.share li {
	margin: 0 4px;
	line-height: 20px;
	font-size: 11px;
	vertical-align: bottom;
}
.share li a {
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	height: 22px;
	padding: 0 10px;
	border: 1px solid #088DD9;
	border-radius: 2.4px;
	background-color: #088DD9;
	color: #FFF;
	text-align: center;
}
.share li a:hover {
	opacity: 0.9;
	color: #FFF;
	text-decoration: none;
}
.share li a:before {
	margin-right: 5px;
	vertical-align: baseline;
}

/********* 8.8.1 各SNSのシンボルカラー *********/

.share li a:before {
	font-size: 100%;
}
.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.9 メタ *********/

.meta {
	margin: 30px auto;
	line-height: 1.0;
}

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

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

.meta ul.post-date {
	text-align: center;
}
.meta ul.post-date li {
	display: inline-block;
	margin: 0;
}
.meta ul.post-date li.icon:before {
	top: 0;
}
.meta ul.post-date li:nth-child(2),
.meta ul.post-date li:nth-child(3) {
	margin-left: 15px;
}
.meta 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.10 パスワード制限 *********/

.entry-restriction {
	padding-bottom: 60px;
	text-align: center;
}
#main.entry-restriction {
	padding-bottom: 30px;
}
.entry-restriction-item {
	padding-bottom: 30px !important;
}

.entry-restriction + .share {
	margin-top: 60px;
}
.entry-restriction-single {
	padding-bottom: 60px !important;
}

.entry-restriction-title {
	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-top: 0 !important;
}

.entry-restriction form {
	position: relative;
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
	line-height: 44px;
}
.entry-title + form {
	margin-top: 28px;
}

.entry-restriction input {
	margin: 0;
}
.entry-restriction [type="password"] {
	width: 100%;
	height: 44px;
	padding: 0 44px 0 10px;
}

.restriction-form-submit {
	overflow: hidden;
	position: absolute;
	top: 2px;
	right: 1px;
	width: 42px;
	height: 42px;
	border-radius: 0 2px 2px 0;
	text-align: center;
}
.entry-restriction [type="submit"] {
	position: absolute;
	left: 0;
	width: 42px;
	height: 42px;
	background-color: transparent;
	line-height: 44px;
	color: #C0C0C0;
	font-size: 16px;
}
.entry-restriction [type="submit"]:hover {
	opacity: 0.8;
}
.entry-restriction [type="submit"]:focus,
.entry-restriction [type="submit"]:active {
	opacity: 0.6;
}
.entry-restriction [type="password"]:focus ~ div > [type="submit"] {
	color: #4474A6;
}

.restriction-form-icon {
	position: absolute;
	width: 42px;
	height: 42px;
	margin-top: 2px;
	margin-left: 1px;
	border-radius: 2px 0 0 2px;
	line-height: 44px;
	color: #C0C0C0;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
}

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

#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 {
	display: block;
	padding: 12px 20px;
	border: 1px solid #FFF;
	border-radius: 2px;
	background-color: #FFF;
	color: #808080;
}
#entry_link a:hover {
	border: 1px solid #088DD9;
	color: #088DD9;
}

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

/********* 8.12 オプション *********/

dl.entry-option {
	margin: 20px 0;
	border: 1px solid #EEE;
	border-radius: 2.4px;
}
dl.entry-option dt {
	padding: 0 15px;
	border-top: 1px solid #EEE;
	color: #C0C0C0;
}
dl.entry-option dt:first-child {
	border: none;
}
dl.entry-option dd {
	margin: 0;
	padding: 4px 16px;
	border-top: 1px dotted #EEE;
}

/********* 8.13 その他 *********/

ul.relate-entries {
	margin: 8px 0 0;
}
ul.relate-entries li {
	list-style: none;
}
ul.relate-entries li a {
	display: block;
	padding: 8px 1px;
	border-top: 1px dotted #EEE;
}
.relate-entry-date {
	margin-left: 5px;
	color: #C0C0C0;
	font-size: 90%;
}

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

#nav-page {
	margin: 60px auto;
	background-color: #FFF;
	font-family: "Open sans", -apple-system, "BlinkMacSystemFont", ".SFNSDisplay-Regular", Arial;
	font-size: 13px;
}

#nav-page ul {
	margin: 0 auto;
	color: #CCC;
	text-align: center;
}
.masonry ~ #nav-page {
	margin-top: -8px;
}
.masonry ~ #nav-page ul {
	margin-top: 30px;
}

#nav-page ul li {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	width: 7.14%;
	margin: 0;
	line-height: 42px;
}
#nav-page ul li:nth-child(n+15) {
	border-top: 1px solid #EEE;
}
#nav-page ul li.current {
	height: 42px;
	color: #363A3E;
}

#nav-page ul li a {
	display: block;
	height: 42px;
	color: #C0C0C0;
}
#nav-page ul li a:hover {
	color: #000;
}

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

#comment,
#comment_form,
#trackback,
#trackback_url {
	padding-top: 30px;
	border-top: 1px solid #EEE;
}
#entry + #comment,
#entry + #comment_form,
#entry + #trackback,
#entry + #trackback_url,
#entry_link + #comment,
#entry_link + #comment_form,
#entry_link + #trackback,
#entry_link + #trackback_url,
#info + #comment,
#info + #comment_form,
#info + #trackback,
#info + #trackback_url {
	border-color: #FFF;
}

/********* 10.1 タイトル *********/

.masonry-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;
	text-align: center;
}

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

/********* 10.2 内容 *********/

#comment p,
#trackback p {
	margin: 5px 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;
}

/********* 10.3 メタ *********/

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

/********* 10.4 トラックバック *********/

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

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

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

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

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

#comment_form form {
	margin: 20px 3px 0;
}

/********* 10.6 閲覧制限 *********/

#comment .disabled {
	opacity: 0.4;
}
#comment .disabled p {
	margin: 0 !important;
}

.restrict {
	opacity: 0.4;
}

.admin-only,
.members-only,
.restrict-loggedin {
	padding: 0 10px 10px !important;
	border: 1px solid transparent !important;
	border-radius: 4px;
	background-color: #E5E3D3;
	color: #303030;
}
.admin-only .alert,
.members-only .alert,
.restrict-loggedin .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);
}

/********* 10.7 編集ボタン *********/

#comment a.edit,
#trackback a.edit {
	display: inline-block;
	padding: 0 6px;
	border-radius: 4px;
	background-color: #2EC4B6 !important;
	color: #FFF !important;
	font-size: 90%;
}
#comment a:hover.edit,
#trackback a:hover.edit {
	opacity: 0.8;
}

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

#information {
	text-align: left;
}
.entry .content-information {
	padding-bottom: 60px;
}

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

#main {
	margin: 30px auto;
}

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

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

/********* 12.2 続きを読む *********/

#main .entry-continue {
	margin: 30px 0 10px;
}
#main .entry-continue a:link,
#main .entry-continue a:visited {
	padding: 12px 10px;
}

/********* 12.3 編集ボタン *********/

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

/********* 12.4 一覧 *********/

.search-word {
	color: #2A5908;
	font-weight: bold;
}
#search-content + .page-excerpt {
	margin-top: -30px !important;
}

#main .page-excerpt {
	overflow: hidden;
	margin: 0;
	padding: 0;
}
#main .page-excerpt a {
	display: block;
	padding: 20px 11px;
	border-bottom: 1px dotted #DDD;
	color: #606060;
}
#main .page-excerpt:last-child a {
	border-bottom-color: transparent;
}
#main .page-excerpt a:hover {
	background-color: #FAFAFA;
}

#main .page-excerpt .page-excerpt-title {
	margin: 0;
	padding: 0;
	border: none;
	color: #4474A6;
	font-size: 120%;
	text-decoration: underline;
}

#main .page-excerpt p {
	margin: 0;
	padding: 0;
	font-size: 94%;
}
#main .page-excerpt p.page-url {
	color: #6D9285;
}

/********* 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 !important;
}
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 only screen 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-content > .icon:before {
	margin-right: 5px;
}

.tab-status {
	display: none;
}
.tab-button {
	display: inline-block;
	width: 120px;
	height: 32px;
	margin: 0 2.5px;
	border-radius: 2px;
	background-color: #CCC;
	line-height: 32px;
	color: #FFF;
	font-size: 12px;
}
.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;
	opacity: 0;
	width: 100%;
	height: 0;
	-webkit-transition: opacity 0.08s ease-out, transform 0.24s ease-out;
	        transition: opacity 0.08s ease-out, transform 0.24s ease-out;
	-webkit-transform: translateY(-5px);
	        transform: translateY(-5px);
}
#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;
	opacity: 1.0;
	height: auto;
	-webkit-transform: translateY(0);
	        transform: translateY(0);
}

.tab-content label:after {
	display: block;
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
	margin-top: -2px;
	margin-left: 52px;
	border-width: 8px 8px 0 8px;
	border-style: solid;
	border-color: #404040 transparent transparent transparent;
	content: "";
}
#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;
}

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

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

#gallery {
	width: 95%;
	max-width: 1600px;
	margin: 30px auto 0;
}

#gallery a {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	color: #CCC;
}

.masonry {
	display: flex;
	flex-flow: row wrap;
	margin-left: -8px;
}

.masonry-item {
	overflow: hidden;
	flex: auto;
	flex-flow: row wrap;
	position: relative;
	min-width: 120px;
	height: 250px;
	margin: 0 0 8px 8px;
	text-align: center;
	counter-reset: brick;
}

.masonry-item img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	-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);
}
.masonry-item a:hover img {
	filter: brightness(90%);
}
.image-restrict {
	display: block;
	height: 250px;
	border: 1px solid #EEE;
	background-color: #EEE;
	line-height: 250px;
	font-size: 18px;
	text-align: center;
}

@media only screen and (min-width: 1024px) {
	.masonry-item {
		height: 280px;
	}
	.image-restrict {
		height: 280px;
		line-height: 280px;
	}
	.masonry-item:nth-child(5n+1) {
		max-width: calc(33% - 8px);
	}
	.masonry-item:nth-child(5n+2) {
		max-width: calc(30% - 8px);
	}
	.masonry-item:nth-child(5n+3) {
		max-width: calc(37% - 8px);
	}
	.masonry-item:nth-child(5n+4) {
		max-width: calc(44% - 8px);
	}
	.masonry-item:nth-child(5n+5) {
		max-width: calc(56% - 8px);
	}
}
@media only screen and (min-width: 568px) and (max-width: 1023px) {
	.masonry-item {
		height: 210px;
	}
	.image-restrict {
		height: 210px;
		line-height: 210px;
	}
	.masonry-item:nth-child(5n+1) {
		max-width: calc(33% - 8px);
	}
	.masonry-item:nth-child(5n+2) {
		max-width: calc(30% - 8px);
	}
	.masonry-item:nth-child(5n+3) {
		max-width: calc(37% - 8px);
	}
	.masonry-item:nth-child(5n+4) {
		max-width: calc(44% - 8px);
	}
	.masonry-item:nth-child(5n+5) {
		max-width: calc(56% - 8px);
	}
}
@media only screen and (max-width: 567px) {
	.masonry-item {
		width: calc(33.333% - 8px);
		height: 130px;
	}
	.image-restrict {
		height: 130px;
		line-height: 130px;
	}
	.masonry-item:nth-child(3n+1) {
		width: calc(55% - 8px);
	}
}

.masonry-item .gallery-box {
	display: table;
	visibility: hidden;
	position: absolute;
	top: 5px;
	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);
}
.masonry-item a:hover > .gallery-box {
	visibility: visible;
	top: 0;
	opacity: 1.0;
}
.masonry-item .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);
}

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

#search-content {
	overflow: hidden;
	margin: 30px 0;
	border-radius: 2.4px;
}

#search-content form {
	margin: 0;
}
#search-content .search-box {
	margin: 0;
}

#search-content [type="text"] {
	width: 100%;
	height: 44px;
	padding: 0 38px 0 10px;
	border-radius: 4.4px;
	line-height: 44px;
}
#search-content [type="text"]:focus + [type="submit"] {
	color: #101010;
}

#search-content .search-box [type="submit"] {
	position: absolute;
	width: 44px;
	height: 44px;
	margin-left: -44px;
	border-radius: 3px;
	line-height: 1.0;
	color: #808080;
	font-size: 15px;
}
#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 {
	margin: 0;
	padding: 5px;
	border-bottom: 1px dotted #DDD;
	color: #808080;
	font-size: 90%;
	text-align: center;
}
#result-count .result-count-n {
	color: #505050;
	font-size: 120%;
}

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

.result {
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px solid #EEE;
	background-color: #FFF;
	color: #3B8686;
	font-size: 110%;
	text-align: center;
}
#search-content ~ #entry > .result {
	display: inline-block;
	padding: 10px;
	border-top: 1px solid #EEE;
	border-left: 1px dotted #EEE;
}
#search-content ~ #entry > .result:first-child {
	border-left: none;
}

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

/********* 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 p {
	margin: 0;
	color: #808080;
}

.empty p a:link,
.empty p a:visited {
	padding: 12px 22px;
	border: 1px solid #4474A6;
	border-radius: 2px;
}
.empty p a:hover,
.empty p a:active {
	border: 1px solid #145E93;
}

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

.empty-image {
	overflow: hidden;
	margin: 30px auto;
	padding: 60px 0;
	line-height: 1.0;
	text-align: center;
}
.empty-image i:nth-child(1) {
	margin-left: 24px;
	color: #263238;
	font-size: 20px;
	-webkit-transform: rotate(-20deg);
	        transform: rotate(30deg);
}
.empty-image i:nth-child(2) {
	display: block;
	color: #263238;
	font-size: 30px;
}
.empty-image p {
	margin: 15px 0 0;
	color: #808080;
	font-size: 90%;
}

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

.preload * {
	-ms-transition: none !important;
}
_:-ms-lang(x),
_::-webkit-meter-bar,
.preload * {
	transition: none !important;
}
_:-ms-lang(x),
_::-webkit-meter-bar,
.masonry-item {
	position: relative;
	width: 33.333%;
	background-color: #232323;
}
_:-ms-lang(x),
_::-webkit-meter-bar,
.masonry-item img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	transform: translate(-50%, -50%);
}

/* IE10+ */
@media all and (-ms-high-contrast:none) {
	#menu ul li.menu-link {
		padding-top: 3px;
	}
	#menu ul li.menu-link a:after {
		margin-top: -3px;
		border-top: 1px solid #303030;
	}
	#menu ul li.current-user a:after,
	#menu ul li.signed-in-user a:hover:after {
		border-top: 1px solid #2B90D9 !important;
	}

	.share li a.jp-icon {
		position: relative;
		top: 0;
	}
	.masonry-item {
		position: relative;
		width: 33.333%;
		background-color: #232323;
	}
	.masonry-item img {
		position: absolute;
		top: 50%;
		left: 50%;
		width: auto;
		height: auto;
		transform: translate(-50%, -50%);
	}
}