@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
*********************************************************************/

/********* 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;
	font-weight: 500;
	word-break: break-all;
	-webkit-text-size-adjust: 100%;
	    -ms-text-size-adjust: 100%;
	        text-size-adjust: 100%;
}

h2,
h3,
h4,
h5,
h6 {
	font-family: -apple-system, "BlinkMacSystemFont", ".SFNSDisplay-Regular", "Open Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 120%;
}
h2 {
	margin: 0;
	padding: 5px 0;
	font-weight: bold;
	text-align: center;
}
h3 {
	margin: 0;
}

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

#layer {
	visibility: hidden;
	position: fixed;
	z-index: 299;
	top: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.1);
	cursor: pointer;
	-webkit-transition: 0.22s ease-out;
	        transition: 0.22s ease-out;

	-webkit-tap-highlight-color: transparent;
}
.show-layer {
	visibility: visible !important;
	opacity: 1.0 !important;
}

#menu a.active:before {
	display: block !important;
	opacity: 1.0 !important;
	width: 43px;
	height: 1px;
	margin-top: 42px;
	background-color: #505050;
	content: "";
	-webkit-transform: scaleX(1.0) !important;
	        transform: scaleX(1.0) !important;
}

#archives-toggle:before {
	position: absolute;
	z-index: 301;
	top: 34px;
	left: 15px;
	opacity: 0;
	width: 15px;
	height: 15px;
	border-bottom: 1px solid #DDD;
	border-left: 1px solid #DDD;
	background-color: #FFF;
	content: "";
	-webkit-transition: 0.36s cubic-bezier(0.68, -0.55, 0.27, 1.55);
	        transition: 0.36s cubic-bezier(0.68, -0.55, 0.27, 1.55);
	-webkit-transform: rotate(135deg) skewX(5deg) skewY(5deg);
	        transform: rotate(135deg) skewX(5deg) skewY(5deg);
}
.show-arrow:before {
	top: 54px !important;
	opacity: 1.0 !important;
}

#archives {
	visibility: hidden;
	position: absolute;
	z-index: 300;
	top: 42px;
	left: 50%;
	opacity: 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	width: 95%;
	max-width: 700px;
	margin: 0;
	padding: 30px;
	border: 1px solid #DDD;
	border-radius: 8.4px;
	background-color: #FFF;
	line-height: 1.2;
	-webkit-transition: 0.36s cubic-bezier(0.68, -0.55, 0.27, 1.55);
	        transition: 0.36s cubic-bezier(0.68, -0.55, 0.27, 1.55);
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
}
.show-archives {
	visibility: visible !important;
	top: 62px !important;
	opacity: 1.0 !important;
}

#archives p {
	padding: 20px;
	color: #888;
	text-align: center;
}
#archives dl {
	overflow: hidden;
	margin: 0;
}
#archives dl dt {
	float: left;
	clear: both;
	width: 10%;
	padding: 15px 8px;
	border-top: 1px dotted #DDD;
	color: #888;
}
#archives dl dd {
	overflow: hidden;
	margin-left: 0;
	padding: 15px 8px;
	border-top: 1px dotted #DDD;
}
#archives dl dt:first-child,
#archives dl dd:nth-child(2) {
	border-top: none;
}

#archives ul {
	margin: 0;
	padding: 0;
}
#archives ul li {
	display: inline-block;
	list-style: none;
}
#archives a {
	display: block;
	padding: 0 8px;
	color: #555;
	text-decoration: none;
}
#archives a:active,
#archives a:hover {
	color: #EF076B !important;
}

#archives .count {
	color: #CCC;
	font-family: Arial;
	font-size: 90%;
}

/********* 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-form p a:before,
.view .icon: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%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
}

#main,
#header,
#footer,
.result,
ul.view,
#comment,
#nav-page,
#trackback,
.page-file,
.entry-file,
#entry_link,
#information,
#comment_form,
#trackback_url,
.entry .content,
#search-content {
	overflow: hidden;
	width: 90%;
	max-width: 600px;
	margin: 0 auto;
}

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

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

#header h1 {
	margin: 0;
	padding: 0;
	line-height: 1.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;
}
#header h1 a:link,
#header h1 a:visited {
	color: #101010;
	text-decoration: none;
}
#header h1 a:hover,
#header h1 a:active {
	color: #F16B6F;
	text-decoration: none;
}

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

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

#footer {
	margin-top: 60px;
	padding: 60px 0;
	border-top: 1px solid #EEE;
	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;
	z-index: 9999;
	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: 600px;
	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: 0.22s ease-out 0.66s;
	        transition: 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 a:link,
#menu a:visited {
	display: block;
	position: relative;
	z-index: 4000;
	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: "";
}

#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: 0.16s ease-out;
	        transition: 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);
}

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

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

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

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

.hide-menu {
	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.menu-icon:nth-child(6) {
	-webkit-transition-delay: 0.74s;
	        transition-delay: 0.74s;
}
#menu ul li.menu-icon:nth-child(5) {
	-webkit-transition-delay: 0.72s;
	        transition-delay: 0.72s;
}
#menu ul li.menu-icon:nth-child(4) {
	-webkit-transition-delay: 0.64s;
	        transition-delay: 0.64s;
}
#menu ul li.menu-icon:nth-child(3) {
	-webkit-transition-delay: 0.56s;
	        transition-delay: 0.56s;
}
#menu ul li.menu-icon:nth-child(2) {
	-webkit-transition-delay: 0.5s;
	        transition-delay: 0.5s;
}
#menu ul li.menu-icon:nth-child(1) {
	-webkit-transition-delay: 0.44s;
	        transition-delay: 0.44s;
}

#menu ul li.hide-menu:nth-child(6) {
	-webkit-transition-delay: 0s;
	        transition-delay: 0s;
}
#menu ul li.hide-menu:nth-child(5) {
	-webkit-transition-delay: 0.03s;
	        transition-delay: 0.03s;
}
#menu ul li.hide-menu:nth-child(4) {
	-webkit-transition-delay: 0.06s;
	        transition-delay: 0.06s;
}
#menu ul li.hide-menu:nth-child(3) {
	-webkit-transition-delay: 0.12s;
	        transition-delay: 0.12s;
}
#menu ul li.hide-menu:nth-child(2) {
	-webkit-transition-delay: 0.18s;
	        transition-delay: 0.18s;
}
#menu ul li.hide-menu:nth-child(1) {
	-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 label:hover ~ [type="submit"] {
	color: #505050;
}
#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 -556px;
	padding-right: 40px;
	padding-left: 15px;
	border-color: transparent;
	border-radius: 0;
	background-color: #FFF;
	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-color: #666;
	-webkit-transition: 0.88s cubic-bezier(0.18, 0.92, 0.32, 1.0) 0.44s;
	        transition: 0.88s cubic-bezier(0.18, 0.92, 0.32, 1.0) 0.44s;
	outline: none;
}
#menu ul li [type="text"]:focus + [type="submit"] {
	z-index: 2500 !important;
	color: #202020 !important;
}

#menu ul li.search [type="submit"] {
	position: absolute;
	z-index: 1200;
	top: -1px;
	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 {
	z-index: 2500 !important;
	opacity: 0.6;
}

/********* 7.0 全体 *****************************************************/

#content-form {
	overflow: hidden;
	width: 90%;
	max-width: 538px;
	margin: 60px auto 0;
	padding: 60px 30px;
	border: 1px solid #3E4245;
	border-radius: 12px;
	background-color: #3E4245;
	box-shadow: 0 1px 2px #EEE;
	color: #EEE;
	text-align: center;
}

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

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

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

dl.preview dt {
	margin: 0;
	font-weight: bold;
}
dl.preview dd {
	margin: 0 0 15px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #DCDCDC;
	font-size: 120%;
}
#content-form dl.preview dd {
	border-color: #808080;
}

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

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

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

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

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

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

/********* 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: block;
	width: 100px;
	margin: 0 auto;
	padding: 10px 5px;
	border: 1px solid #D6ECFA;
	border-radius: 4px;
	color: #D6ECFA;
}
p.link-button a:hover,
p.link-button a:active {
	opacity: 0.8;
	border-color: #A5DFF9;
}

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

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

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

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

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

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

#content-form table {
	width: 100%;
	margin: 0 0 20px;
	border: 1px solid #808080;
}
#content-form table tr th {
	padding: 5px;
	border-right: 1px dotted #808080;
	border-bottom: 1px solid #808080;
	background-color: transparent;
	color: #808080;
}
#content-form table tr:nth-child(odd) {
	background-color: transparent;
}
#content-form table tr td {
	padding: 8px 5px;
	border-right: 1px dotted #808080;
	border-bottom: 1px dotted #808080;
}
#content-form 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.3px;
}
/* 添付ファイル有 */
.entry-file + .content {
	padding-top: 25px !important;
}

.entry-date {
	margin: 0 !important;
	padding: 0;
	line-height: 1.0;
	font-family: -apple-system, "BlinkMacSystemFont", ".SFNSDisplay-Regular", Vegur, "Trebuchet MS", Verdana;
	font-size: 94%;
}

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

.entry h3 {
	margin: 0;
	padding: 0;
	color: #101010;
	font-size: 160%;
}
.entry h3 a:link,
.entry h3 a:visited {
	color: #101010;
	text-decoration: none;
}
.entry h3 a:hover,
.entry h3 a:active {
	color: #303030;
	text-decoration: none;
}
/* 個別表示 */
.entry .entry-view-title {
	padding: 30px 0 20px;
	text-align: center;
}

.entry h4,
.entry h5,
.entry h6 {
	margin: 25px 0 0;
	padding: 0;
	color: #303030;
	font-size: 130%;
}
.entry h5 {
	font-size: 120%;
}
.entry h6 {
	font-size: 110%;
}

.entry p {
	margin: 10px 0;
}

.entry .alert {
	margin-top: 0;
}

/* 本文なし */
h3 + .share {
	margin: 0;
}
h3 + .link:before,
h3 + .share:before {
	display: block;
	width: 30px;
	margin: 0 auto 30px;
	border-bottom: 1px solid #EEE;
	content: "";
}
h3 + .link:before {
	margin-bottom: 15px;
}

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

.entry-file {
	text-align: center;
}
/* 横幅フル */
.entry-file-full {
	width: 100%;
	margin: 0 auto 30px;
	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 a {
	font-family: Courier;
	font-size: 12px;
	letter-spacing: -2px;
	-webkit-transition: 0.24s ease-out;
	        transition: 0.24s ease-out;
}
p.text-continue a:hover {
	letter-spacing: 0;
}

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

#entry .entry ul.link {
	margin: 25px 0 0;
	padding: 0 0 45px;
	border-bottom: 1px solid #EEE;
	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: 0.2s;
	        transition: 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: 0.14s;
	        transition: 0.14s;
	-webkit-transform: scale(0.4);
	        transform: scale(0.4);
}
#entry .entry ul.link li:hover:before {
	opacity: 1.0;
	border-color: #088DD9;
	-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);
}

#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;
}
#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-facebook a:hover {
	border-color: #3B5998;
	color: #3B5998;
}
#entry .entry ul.link li.link-hatena a:hover {
	border-color: #00A4DE;
	color: #00A4DE;
}
#entry .entry ul.link li.link-twitter a:hover {
	border-color: #55ACEE;
	color: #55ACEE;
}
#entry .entry ul.link li.link-facebook:hover:before {
	border-color: #3B5998;
}
#entry .entry ul.link li.link-hatena:hover:before {
	border-color: #00A4DE;
}
#entry .entry ul.link li.link-twitter:hover:before {
	border-color: #55ACEE;
}

/* 本文なし */
.entry-nocontent {
	text-align: center;
}
.entry .entry-view-title + share {
	margin: 30px 0 0;
}

/********* 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.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 カテゴリー・タグ等 *********/

#info {
	width: 100%;
	margin: 30px auto;
	padding: 30px 0;
	background-color: #F9F9F9;
}

ul.view {
	color: #505050;
}
ul.view li {
	display: block !important;
	margin: 0;
	padding-left: 22px;
}
ul.view li.icon:before {
	display: block;
	position: absolute;
	width: 22px;
	margin-left: -22px;
	padding: 4px 0;
	line-height: 22px;
}

ul.view li a:link,
ul.view li a:visited {
	display: inline-block;
	margin: 2px;
	padding: 2px 6px;
	border: 1px solid #EEE;
	color: #787878;
	-webkit-transition: 0s;
	        transition: 0s;
}
ul.view li a:hover,
ul.view li a:active {
	border-color: #088DD9;
	color: #088DD9;
	text-decoration: none;
}

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

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

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

.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;
}

/********* 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 #EEE;
	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 #FAFAFA !important;
	color: #EEE !important;
	cursor: default !important;
}

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

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

#nav-page ul {
	margin: 0 auto;
	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 #EEE;
}

#nav-page ul li {
	display: inline-block;
	list-style: none;
	margin: 5px;
	line-height: 34px;
	letter-spacing: normal;
}
#nav-page ul li.current {
	width: 32px;
	height: 32px;
	border: 1px solid #EEE;
	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: 0.14s;
	        transition: 0.14s;
	-webkit-transform: scale(0.4);
	        transform: scale(0.4);
}
#nav-page ul li a:hover:before {
	opacity: 1.0;
	border-color: #088DD9;
	-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);
}

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

#comment,
#comment_form,
#trackback,
#trackback_url {
	margin-top: 30px;
	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;
}

#comment h4,
#comment_form h4,
#trackback h4,
#trackback_url h4 {
	margin: 0;
	padding: 0;
	color: #202020;
	font-size: 110%;
	text-align: center;
}

#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,
#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;
}

#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 {
	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-radius: 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 form {
	margin: 20px 3px 0;
}
.form-box {
	overflow: hidden;
	margin: 0 0 10px;
}
.form-box label {
	display: block;
	color: #808080;
	cursor: pointer;
}

.form-box input,
.form-box select,
.form-box textarea {
	width: 100%;
	margin-top: 2px;
}
.form-box input:focus,
.form-box select:focus,
.form-box textarea:focus {
	color: #101010;
}

.form-sub input {
	width: 50%;
}
.form-sub input:nth-child(2) {
	width: 49%;
	margin-right: 1%;
}

.buttons {
	margin: 30px 0 0;
	text-align: center;
}
.buttons input {
	margin: 0 2.5px;
}

.rememberme {
	margin: 30px auto 0;
	padding: 0;
	font-size: 12px;
	text-align: center;
}

/********* 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 #EEE;
}

#information p {
	margin-bottom: 0;
}

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

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

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

#main {
	margin: 60px auto 30px;
}

#main h2 {
	margin: 0 0 30px;
	color: #101010;
	font-size: 156%;
}
#main h3,
#main h4,
#main h5,
#main h6 {
	margin: 25px 0 0;
	color: #303030;
}
#main h3 {
	font-size: 140%;
}
#main h4 {
	font-size: 130%;
}
#main h5 {
	font-size: 120%;
}
#main h6 {
	font-size: 110%;
}

/********* 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;
}

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

#main .page-excerpt h2 {
	margin: 0;
	padding: 0;
	border: none;
	font-size: 124%;
	text-align: left;
}

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

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

#main .toc {
	margin: 60px 0 0;
	padding: 5px 0 0;
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
}
#main .toc h3 {
	margin: 0;
	padding: 0 3px 5px;
	border-bottom: 1px solid #EEE;
	font-size: 100%;
}
#main .toc ul {
	margin: 0;
}
#main .toc ul li {
	list-style: none;
}
#main .toc ul li a {
	display: block;
	padding: 8px 3px;
	border-bottom: 1px dotted #DDD;
}
#main .toc ul li:last-child a {
	border-bottom: none;
}

/********* 12.6 リンクボタン *********/

#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.7 メディア *********/

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 screen and (min-width: 1px) 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 screen and (min-width: 1px) 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: 90%;
	margin: 30px auto 0;
	padding: 30px 0 0;
}

#gallery .gallery {
	float: left;
	width: 32%;
	height: 100%;
	margin: 0 0 2%;
	text-align: center;
	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: 3px;
	background-color: #F2F2F2;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	-webkit-transition: 0.22s ease-out;
	        transition: 0.22s ease-out;
}
#gallery .gallery a:hover > .picture {
	box-shadow: 0 1px 2px #808080;
	-webkit-transition: 0.34s ease-out;
	        transition: 0.34s ease-out;

	-webkit-filter: grayscale(100%);
	        filter: grayscale(100%);
}

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

@media screen and (min-width: 1px) and (max-width: 600px) {
	#gallery .gallery .picture {
		padding-top: 100%;
	}
}
@media (min-width: 1000px) {
	#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%;
	}
}

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

#gallery .gallery .image-title {
	display: -webkit-flex;
	display:         flex;
	position: absolute;
	top: 0;
	right: 20px;
	opacity: 0;
	width: 80%;
	height: 80%;
	padding: 10%;
	border-radius: 3px;
	background-color: rgba(0, 0, 0, 0.76);
	color: #EEE;
	vertical-align: middle;
	text-decoration: none;
	-webkit-transition: 0.42s cubic-bezier(0.18, 0.89, 0.32, 1.12);
	        transition: 0.42s cubic-bezier(0.18, 0.89, 0.32, 1.12);

	-webkit-align-items: center;
	        align-items: center;
	-webkit-backdrop-filter: blur(8px);
	        backdrop-filter: blur(8px);
	-webkit-justify-content: center;
	        justify-content: center;
}
#gallery .gallery .picture:hover > .image-title {
	visibility: visible;
	right: 0;
	opacity: 1.0;
}
#gallery .gallery:nth-child(2n) .picture .image-title {
	left: 20px;
}
#gallery .gallery:nth-child(2n) .picture:hover .image-title {
	left: 0;
}

/********* 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;
	width: 10%;
	height: 43px;
	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: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 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;
	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;
}