@charset "UTF-8";

body {
	background-attachment: fixed;
	background-color: #000000;
	color: #FFFFFF;
}

a {
	color: #C8C2BE;
}

a:visited {
	color: #C8C2BE;
}

a:active {
	color: #C8C2BE;
}

a:hover {
	color: #FEF4F4;
}

/*-------------------------
  �@�y‹¤’Ê�z
-------------------------*/

/* �y‹¤’Ê�zŒ©�o‚µ */

h2 {
	background-color: #524E4D;
	border-left: solid 5px #C8C2C6;
	color: #C8C2C6;
	font-size: x-large;
	letter-spacing: 3px;
	padding: 7px 15px 5px;
}

h3 {
	border-bottom: solid 3px #C8C2C6;
	color: #C8C2C6;
	font-size: x-large;
	letter-spacing: 3px;
	margin: 30px 10px;
	padding: 7px 5px 5px;
}

h4 {
	border-bottom: solid 3px #96514D;
	color: #96514D;
	font-size: large;
	letter-spacing: 3px;
	margin: 30px 10px;
	padding: 3px 10px;
}

h5 {
	color: #9E8B8E;
	font-size: large;
	padding-left: 30px;
}

/* �y‹¤’Ê�zƒwƒbƒ_�[ */

header.hatenatica-yokai-header {
	margin-left: auto;
	margin-right: auto;
	max-height: 90px;
	max-width: 100%;
	padding-left: 30px;
	width: 1300px;
}

img.hatenatica-yokai-logo {
	max-width: 70%;
	vertical-align:top;
}

img.hatenatica-yokai-mainvisual {
	display: block;
	margin: auto;
	width: 100%;
}

div.hatenatica-yokai-breadcrumb {
	margin-left: 20px;
	padding-bottom: 5px;
}

/* �y‹¤’Ê�zƒ�ƒCƒ“ƒe�[ƒuƒ‹ */

table.hatenatica-yokai-main {
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	width: 1300px;
}

/* �y‹¤’Ê�zƒtƒbƒ^�[ */

footer.hatenatica-yokai-footer {
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	padding-top: 20px;
	text-align: center;
	width: 1300px;
}

/* �y‹¤’Ê�z‰ü�s‹‘”Û */

.no-wrap {
	display: inline-block;
}


/*-------------------------
  �@�yƒgƒbƒv�z
-------------------------*/

/* �yƒgƒbƒv�zƒe�[ƒuƒ‹ */

td.hatenatica-yokai-top {
	background-color: #16160E;
	border: 1px solid #9E8B8E;
	padding: 10px 35px;
	vertical-align: top;
	width: 75%;
}

/* �yƒgƒbƒv�zƒKƒCƒhƒ�ƒbƒZ�[ƒW */

p.hatenatica-yokai-top-guide-1 {
	color: #C8C2C6;
	margin-left: 30px;
	margin-right: 90px;
}

p.hatenatica-yokai-top-guide-2 {
	color: #C8C2C6;
	margin-left: 60px;
	margin-right: 60px;
}

p.hatenatica-yokai-top-guide-3 {
	color: #C8C2C6;
	margin-left: 90px;
	margin-right: 30px;
}

/* �yƒgƒbƒv�zPR */

td.hatenatica-yokai-top-pr {
	padding: 10px 0;
	text-align: center;
	vertical-align: top;
	width: 75%;
}

/* �yƒgƒbƒv�zƒTƒCƒh */

td.hatenatica-yokai-top-side {
	text-align: center;
	vertical-align: top;
	width: 25%;
}

p.hatenatica-yokai-top-side-midashi {
	border-bottom: solid 2px #9E8B8E;
	color: #9E8B8E;
	font-weight: bold;
	text-align: center;
	margin: 10px 30px;
	padding: 2px;
}

div.hatenatica-yokai-top-side-profile {
	background-color: #16160E;
	background-image: url('img/kabe-4.png');
	border: 2px solid #9E8B8E;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	width: 200px;
}

p.hatenatica-yokai-top-side-profile-avatar {
	font-weight: bold;
	text-align: center;
}

p.hatenatica-yokai-top-side-profile-text {
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
}

hr.hatenatica-yokai-top-side-profile-line {
	border: 2px dotted #9E8B8E;
	width: 160px;
}

ul.hatenatica-yokai-top-side-profile-link {
	list-style: square;
	padding-right: 20px;
	text-align: left;
}

/* �yƒgƒbƒv�zƒ�ƒjƒ…�[ */

p.hatenatica-yokai-top-menu {
	text-align: center;
}

/* �yƒgƒbƒv�zƒRƒ“ƒeƒi */

div.hatenatica-yokai-top-container {
	display: flex;
	width: 100%;
}

div.hatenatica-yokai-top-container-item-1 {
	flex-basis: auto;
	flex-grow: 1;
	margin-bottom: 30px;
}

div.hatenatica-yokai-top-container-item-2 {
	flex-basis: 150px;
	margin-bottom: 30px;
	margin-left: 30px;
}

/* �yƒgƒbƒv�zŒŸ�õ */

div.hatenatica-yokai-top-search {
	padding-left: 20px;
	padding-right: 20px;
}

/* �yƒgƒbƒv�zƒŠƒXƒg */

p.hatenatica-yokai-top-list-heading {
	font-weight: bold;
	padding-left: 50px;
}

p.hatenatica-yokai-top-list {
	padding-left: 60px;
}

ul.hatenatica-yokai-top-list {
	padding-left: 60px;
}

/* �yƒgƒbƒv�zƒŠƒ“ƒN */

p.hatenatica-yokai-top-link {
	padding-left: 40px;
}

/* �yƒgƒbƒv�z‰ð�à */

p.hatenatica-yokai-top-explanation {
	color: #FEF263;
	margin-left: 20px;
	padding-left: 2em;
	text-indent: -2em;
	text-shadow: 
		0 0 1px #EE7800,
		0 0 2px #EE7800,
		0 0 4px #EE7800,
		0 0 6px #EE7800;
}

/* �yƒgƒbƒv�zƒ‰ƒCƒ“ */

img.hatenatica-yokai-top-line {
	display: block;
	margin: auto;
	max-width: 90%;
}


/*-------------------------
  �@�y‹LŽ–�z
-------------------------*/

/* �y‹LŽ–�zƒe�[ƒuƒ‹ */

td.hatenatica-yokai-article {
	background-color: #16160E;
	border: 1px solid #9E8B8E;
	padding: 10px 35px;
	vertical-align: top;
	width: 85%;
}

/* �y‹LŽ–�zƒTƒCƒh */

td.hatenatica-yokai-article-side {
	text-align: center;
	vertical-align: top;
	width: 15%;
}

/* �y‹LŽ–�zƒJƒbƒg */

td.hatenatica-yokai-article-cut {
	padding-top: 50px;
	text-align: center;
	vertical-align: bottom;
	width: 20%;
}

/* �y‹LŽ–�zƒ�ƒjƒ…�[ */

p.hatenatica-yokai-article-menu {
	text-align: center;
}

div.hatenatica-yokai-article-menu {
	padding-left: 30px;
}

/* �y‹LŽ–�zƒRƒ“ƒeƒi */

div.hatenatica-yokai-article-container {
	display: flex;
	width: 100%;
}

div.hatenatica-yokai-article-container-item-1 {
	flex-basis: auto;
	flex-grow: 1;
	margin-bottom: 30px;
}

div.hatenatica-yokai-article-container-item-2 {
	flex-basis: 200px;
	margin-bottom: 30px;
	margin-left: 30px;
}

/* �y‹LŽ–�z‰ð�à */

p.hatenatica-yokai-article-explanation {
	color: #FEF263;
	margin-left: 20px;
	padding-left: 2em;
	text-indent: -2em;
	text-shadow: 
		0 0 1px #EE7800,
		0 0 2px #EE7800,
		0 0 4px #EE7800,
		0 0 6px #EE7800;
}

div.hatenatica-yokai-article-explanation {
	background-color: #524E4D;
	border: 1px solid #C8C2C6;
	margin: 30px; 
	padding: 10px 20px;
	width: 85%;
}

/* �y‹LŽ–�zƒTƒuŒ©�o‚µ */

p.hatenatica-yokai-article-heading {
	font-weight: bold;
	padding-left: 35px;
}

p.hatenatica-yokai-article-heading-small {
	border-bottom: solid 1px #96514D;
	color: #96514D;
	font-size: small;
	margin: 10px 10px 10px 40px;
}

/* �y‹LŽ–�zƒeƒLƒXƒg */

p.hatenatica-yokai-article-text {
	padding-left: 20px;
}

p.hatenatica-yokai-article-text-indent {
	padding-left: 50px;
}

p.hatenatica-yokai-article-text-caption {
	border-left: solid 2px #C8C2C6;
	color: #C8C2C6;
	margin-left: 50px;
	padding: 1px 10px;
}

/* �y‹LŽ–�zƒLƒƒƒvƒVƒ‡ƒ“ */

figure.hatenatica-yokai-article-caption {
	max-width: 200px;
}

figcaption.hatenatica-yokai-article-caption {
	color: #C8C2C6;
	max-width: 200px;
	padding-left: 5px;
	padding-right: 5px;
}

/* �y‹LŽ–�z‰æ‘œ */

img.hatenatica-yokai-article-image {
	margin: auto;
	max-width: 200px;
}

/* �y‹LŽ–�zƒŠƒXƒg */

p.hatenatica-yokai-article-list-heading {
	font-weight: bold;
	padding-left: 30px;
}

p.hatenatica-yokai-article-list {
	padding-left: 40px;
}

ul.hatenatica-yokai-article-list {
	line-height: 180%;
	padding-left: 40px;
}

img.hatenatica-yokai-article-list-image {
	display: block;
	margin: auto;
	max-width: 100%;
}

/* �y‹LŽ–�zƒŠƒ“ƒN */

p.hatenatica-yokai-article-link {
	padding-left: 40px;
}

/* �y‹LŽ–�zƒ‰ƒCƒ“ */

img.hatenatica-yokai-article-line {
	display: block;
	margin: auto;
	max-width: 90%;
}

/* �y‹LŽ–�zƒIƒuƒWƒFƒNƒg */

div.hatenatica-yokai-article-object {
	padding-left: 60px;
}

/* �y‹LŽ–�zˆø—p */

blockquote.hatenatica-yokai-article-quote {
	border-left: solid 2px #C8C2C6;
	color: #C8C2C6;
	margin-left: 40px;
	padding: 1px 15px;
}

cite.hatenatica-yokai-article-quote {
	display: block;
	font-family: YuGothic,'Yu Gothic',YuGothic,'Yu Gothic',sans-serif;
	font-size: small;
	font-style: italic;
	text-align: right;
}

/* �y‹LŽ–�zŽQ�lŽ‘—¿ */

p.hatenatica-yokai-article-reference-heading {
	font-weight: bold;
	padding-left: 30px;
}

p.hatenatica-yokai-article-reference-list {
	padding-left: 50px;
}

/* �y‹LŽ–�z“ú•t */

p.hatenatica-yokai-article-date {
	font-style: oblique;
	text-align: right;
}

/* �y‹LŽ–�z��‚«�o‚µ */

.hatenatica-yokai-article-balloon-hatena {
	width: 80%;
	margin: 30px 40px;
	overflow: hidden;
}

.hatenatica-yokai-article-balloon-hatena .faceicon {
	float: left;
	margin-right: -90px;
	width: 80px;
}

.hatenatica-yokai-article-balloon-hatena .faceicon img{
	width: 100%;
	height: auto;
	border: solid 3px #524E4D;
	border-radius: 50%;
}

.hatenatica-yokai-article-balloon-hatena .chatting {
	width: 100%;
}

.hatenatica-yokai-article-balloon-hatena .says {
	display: inline-block;
	position: relative; 
	margin: 5px 0 0 105px;
	padding: 17px 20px;
	border-radius: 12px;
	background: #524E4D;
}

.hatenatica-yokai-article-balloon-hatena .says:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 18px; 
	left: -24px;
	border: 12px solid transparent;
	border-right: 12px solid #524E4D;
}

.hatenatica-yokai-article-balloon-hatena .says p {
	margin: 0;
	padding: 0;
}

p.hatenatica-yokai-article-balloon-hatena-message {
	color: #FFFFFF;
	font-size: medium;
}

/* �y‹LŽ–�zƒoƒbƒN */

p.hatenatica-yokai-article-back {
	font-size: large;
	font-weight: bold;
	margin-bottom: 0;
	text-align: center;
}


/*-------------------------
  �@�yƒXƒ}ƒz�Ý’è�z
-------------------------*/

@media screen and (max-width: 767px) {
	table.hatenatica-yokai-main td {
		width: auto;
		display: block;
	}
	div.hatenatica-yokai-article-container {
		flex-direction: column;
	}
	td.hatenatica-yokai-top-pr {
		display:none !important;
	}
}