/*
Theme Name: graftee
Theme URI: https://graftee.wordpress.com/
Author: suzuran
Author URI: https://profiles.wordpress.org/8suzuran8/
Description: graftee is a simple WordPress theme for the blog. Use the Responsive layout of CSS media queries, and automatically respond to smartphones, and support accessibility AAA. graftee is a theme for child theme. graftee have many original hook method, and auto load child theme files. File is graftee.js, news.php, customizer.php and customizer.js in child theme directory. graftee is perfect markup, so if you can use the CSS, you can easily develop the theme. You can make a lot of design just make the style.css and images. You can use the starter CSS. It is a style-sample-left-nav.css and style-sample-right-nav.css and style-sample-top-nav.css. These are only the CSS different position of global menu. After that, you just change the color, size, background image, border. It is easy! graftee is a theme for develop child theme!
Tested up to: 6.2
Requires PHP: 5.6
Version: 1.1.38
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: graftee
Tags: black, gray, white, fluid-layout, responsive-layout, one-column, two-columns, three-columns, left-sidebar, right-sidebar, accessibility-ready, blavatar, buddypress, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
*/

.sticky ,
.wp-caption,
.wp-caption-text,
.gallery-caption,
.bypostauthor {
}

html,
body {
	margin: 0;
	padding: 0;
}

.admin-bar {
	padding-top: 1em;
}

body > header a,
body > header a:link,
body > header a:visited,
body > footer a,
body > footer a:link,
body > footer a:visited {
	color: #fff;
}

main {
	display: block;
	text-align: center;
}

article p {
	text-align: left;
}

a {
	color: #00f;
	display: inline-block;
	line-height: 1em;
	margin: 0.4em;
}

main a:visited,
aside a:visited {
	color: #808;
}

#menu-toggle {
/*	display: none;
	visibility: hidden; */
}

.screen-reader-text {}

@media screen {
	html {
		background-color: #f3f3f3;
	}

	body {
		padding-top: 3em;
	}

	body.foriframe {
		background-color: #ffffff;
	}

	body.disabled-use-title {
		padding-top: 0;
	}

	body.use-header-image > header {
		position: relative;
	}

	body.use-header-image > header::before {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 100%;
		border-radius: 1em;
		content: "";
		display: block;
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}

	body.use-header-image.use-header-image-animation > header::before {
		background-position: 0;
	}

	body.use-header-image > header * {
		position: relative;
	}

	body.use-header-image > header h1 {
		left: -1.5em;
		top: -3.5em;
		width: calc(100% + 3em);
	}

	body.use-header-image > header section {
		position: absolute;
		top: -3em;
	}

	body > header > section {
		background: #000;
		border-radius: .5em;
		padding: .5em;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 2;
	}

	body > header > section h2 {
		display: inline;
		font-size: 1em;
		font-weight: normal;
		margin: 0 0 .5em 0;
	}

	body > header > section > ul {
		display: inline-block;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	body > header > section > ul > li {
		display: inline-block;
		margin: auto .2em;
		padding: 0.3em 0;
	}

	body > header > section > ul > li > label {
		background: #888;
		border: solid 2px #888;
		border-radius: .5em;
		cursor: pointer;
		padding: .2em;
	}

	body > input ~ main > article {
		transition: font-size .1s linear 0s;
	}

	body > input:nth-child(1):checked ~ main > article {
		font-size: 0.6em;
	}

	body > input:nth-child(2):checked ~ main > article {
		font-size: 1em;
	}

	body > input:nth-child(3):checked ~ main > article {
		font-size: 2em;
	}

	body > input:nth-child(1):checked ~ header > section > ul > li:nth-child(1) label,
	body > input:nth-child(2):checked ~ header > section > ul > li:nth-child(2) label,
	body > input:nth-child(3):checked ~ header > section > ul > li:nth-child(3) label {
		border-color: #ccc;
		cursor: default;
	}

	body > header {
		background-color: #000;
		border-radius: 1em;
		color: #eee;
		font-size: 1em;
		margin: 0 0 1em 0;
		padding: .5em;
		text-align: left;
	}

	h1, h2, h3, h4, h5, h6 {
		-ms-word-wrap: break-word;
		word-wrap: break-word;
	}

	pre {
		overflow: scroll;
	}

	body > header h1 {
		background-color: #000;
		font-size: 1em;
		min-height: 2em;
		left: 0;
		line-height: 2em;
		margin: 0;
		overflow: hidden;
		position: absolute;
		text-align: center;
		top: 0;
		white-space: nowrap;
		width: 100%;
	}

	body > header p {
		margin-bottom: 0;
		margin-top: 0;
		text-align: center;
	}

	body > header p img {
		vertical-align: middle;
	}

	body > header p a.custom-logo-link {
		left: 0;
		position: absolute;
		top: 0;
	}

	body > nav > div ul,
	body > footer > nav > div ul {
		list-style: none;
		margin: 0;
		padding: .5em;
	}

	nav > div .children,
	nav > div .sub-menu {
		list-style: none;
		margin: 0 0 1em 1em;
		padding: 0;
	}

	body > ol {
		background-color: #fff;
		border: solid 1px #888;
		border-radius: .5em;
		list-style: none;
		margin: 0 auto 1em 0;
		overflow: hidden;
		padding: 0;
		white-space: nowrap;
	}

	body > ol li {
		display: inline-block;
		line-height: 2em;
		max-width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	body > ol li:not(:last-child):after {
		content: '>';
	}

	body > ol a {
		margin: 0;
		padding: .5em;
	}

	body > main {
		background-color: #fff;
		border: solid 1px #888;
		border-radius: .5em;
		text-align: left;
	}

	article {
		max-width: 100%;
	}

	article > nav ul {
		list-style: none;
		text-align: center;
	}

	article > nav li {
		display: inline-block;
	}

	article > nav a {
		background-color: #fff;
		border: solid 1px #888;
		border-radius: .5em;
		color: #000;
		display: table-cell;
		height: 10em;
		text-decoration: none;

		transition: background-color .5s linear 0s, color .5s linear 0s;
		-moz-transition: background-color .5s linear 0s, color .5s linear 0s;
		-webkit-transition: background-color .5s linear 0s, color .5s linear 0s;
		-o-transition: background-color .5s linear 0s, color .5s linear 0s;
		-ms-transition: background-color .5s linear 0s, color .5s linear 0s;

		vertical-align: middle;
		width: 15em;
	}

	article > nav a:hover {
		background-color: #888;
		color: #fff;
	}

	body > main > article > * {
	    padding: 0 2em;
	}

	body > main > article > ul {
		list-style: none;
	}

	body > main > article > ul > li[itemtype="http://schema.org/WebPage"] {
		border: solid 1px #888;
		border-radius: .5em;
		margin-bottom: 1em;
	}

	body > main > article > ul > li[itemtype="http://schema.org/WebPage"] h2 {
		background-color: #f3f3f3;
		border: none;
		border-bottom: solid 1px #888;
		border-top-left-radius: .5em;
		border-top-right-radius: .5em;
		font-size: 1em;
		margin-top: 0;
	}

	body > main > article > ul > li[itemtype="http://schema.org/WebPage"] img {
		float: left;
		margin: 0 1em 0 .7em;
	}

	body > main > article > ul > li[itemtype="http://schema.org/WebPage"] img + p {
		min-height: 150px;
	}

	body > main > article > ul > li[itemtype="http://schema.org/WebPage"] p {
		margin: .7em;
	}

	body > main > article > ul > li[itemtype="http://schema.org/WebPage"] time {
		color: #000;
	}

	body > main > article figure,
	body > main > article figure a {
		max-width: 100%;
	}

	body > main > article figure a {
		margin: 0;
	}

	body > main article img {
		display: block;
		max-width: 100%;
	}

	body > main article h1,
	body > main article h2,
	body > main article h3,
	body > main article h4,
	body > main article h5,
	body > main article h6 {
		border-left: solid .5em #000;
		border-bottom: solid 1px #000;
		padding: .3em;
	}

	body > main article table {
		background-color: #888;
		border-spacing: 1px;
	}

	body > main article table th {
		background-color: #f3f3f3;
	}

	body > main article table td {
		background-color: #fff;
	}

	body > main > article footer {
		border: solid 1px #888;
		border-radius: .5em;
		padding: 1em;
		text-align: left;
	}

	body > main > article footer h2 {
		border: none;
		font-size: 1em;
		padding-left: 0;
	}

	body > main > article footer ul,
	body > main > article footer li {
		display: inline-block;
		margin: 0;
		padding: 0;
	}

	body > main > article footer li a {
		margin-left: 0;
	}

	body > main > article + ul {
		list-style: none;
		padding: 0;
	}

	body > main > article + ul.page-numbers {
		margin-top: 5em;
		text-align: center;
	}

	body > main > article + ul.page-numbers li {
		display: inline-block;
		vertical-align: middle;
		width: auto;
	}

	body > main > article + ul.page-numbers li * {
		background-color: #f3f3f3;
		border: solid 1px #888;
		border-radius: .2em;
		display: block;
		line-height: 1em;
		margin: .2em;
		padding: .5em;
	}

	body > main > article + ul.page-numbers li .prev,
	body > main > article + ul.page-numbers li .next {
		padding: 1em;
	}

	body > main > article article {
		background: #e2e2e2;
		border-radius: .5em;
		margin-bottom: 1em;
		padding: 1px;
	}

	body > main > article article h1,
	body > main > article article h2,
	body > main > article article h3,
	body > main > article article h4,
	body > main > article article h5,
	body > main > article article h6 {
		border: none;
		font-size: 1em;
		margin: 0;
	}

	body > main > article article header p {
		margin: 0;
		text-align: right;
	}

	body > main > article article header time {
		margin: 0 .5em;
	}

	body > main > article article > p {
		background: #fff;
		border-radius: 0 0 .5em .5em;
		margin: 2px;
		min-height: 3em;
	}

	iframe.foriframe {
		border: none;
		height: 0;
		margin: 0;
		padding-bottom: 1em;
		width: 100%;
	}

	body.foriframe {
		padding-top: 0;
	}

	body.foriframe main {
		border: none;
		margin-bottom: 0;
		width: 100%;
	}

	body.foriframe > main > article > ul {
		margin: 0;
		padding: 0;
	}

	body.foriframe > main > article > ul li:last-child {
		margin-bottom: 0;
	}

	body.foriframe #comments {
		border: none;
		margin: 0;
		padding: 0 1em 0 1em;
	}

	.comment-respond {
		padding-bottom: 1em;
	}

	#comments {
		background-color: #f3f3f3;
		border: solid 1px #888;
		border-radius: .5em;
		padding: 1em;
	}

	#comments > ol > li {
		border: solid 1px #888;
		border-radius: .5em;
	}

	#comments > ol > li:not(:first-child) {
		margin-top: 1em;
	}

	#comments > ol > li:nth-child(2n + 1) {
		background-color: #fff;
	}

	#comments > ol > li > article > footer {
		border-bottom: solid 1px #888;
		padding: .5em;
	}

	#comments .children {
		padding-left: 1em;
	}

	#comments > ol,
	.children {
		list-style: none;
		padding: 0;
	}

	#comments article footer {
		border: none;
		padding-bottom: 0;
	}

	#comments article footer div {
		display: inline-block;
	}

	#comments article footer time {
		margin-bottom: 0;
	}

	#comments article footer img {
		display: inline-block;
		vertical-align: middle;
	}

	#comments article footer + * {
		padding: .5em;
	}

	#comments article footer + * p {
		margin-bottom: 0;
	}

	#comments article footer + * + * {
		text-align: right;
	}

	#comments article:not(:last-child) {
		margin-bottom: 1em;
	}

	#comments > *:last-child label {
		margin-bottom: 1em;
	}

	#comments > *:last-child label,
	#comments > *:last-child label input,
	#comments > *:last-child label textarea {
		display: block;
	}

	#comments > *:last-child label input,
	#comments > *:last-child label textarea {
		border-radius: .5em;
	}

	#comments > *:last-child code {
		display: block;
	}

	body > main > noscript {
		display: block;
	}

	#wp-calendar {
		text-align: center;
		width: 100%;
	}

	#wp-calendar td {
		line-height: 1.5em;
		width: calc(100% / 7);
	}

	#wp-calendar tbody a {
		border: solid 1px #888;
		border-radius: .5em;
		display: block;
		padding: .1em;
	}

	#wp-calendar tfoot td:first-child {
		text-align: left;
	}

	#wp-calendar tfoot td:last-child {
		text-align: right;
	}

	body > aside > * {
		margin-bottom: 1em;
	}

	body > aside caption,
	body > aside h2 {
		background-color: #000;
		border-top-right-radius: .5em;
		border-top-left-radius: .5em;
		color: #fff;
		font-size: 1em;
		margin-bottom: 0;
		padding: .5em 0;
		width: 100%;
	}

	#wp-calendar,
	.widget_search,
	body > aside h2 + * {
		background-color: #fff;
		border: solid 1px #888;
		border-bottom-left-radius: .5em;
		border-bottom-right-radius: .5em;
		border-top: none;
	}

	body > aside h2 + * {
		margin-top: 0;
		overflow: hidden;
	}

	body > aside ul {
		list-style: none;
		padding: .5em;
		text-align: left;
	}

	body > aside li {
		margin: 0;
		padding: .5em;
	}

	body > aside li a {
		margin: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 100%;
	}

	body > aside p {
		margin: 0;
		padding: .5em;
		text-align: left;
	}

	.widget_search {
		border: solid 1px #888;
		border-radius: .5em;
		padding: .5em;
		text-align: left;
	}

	.widget_search input[type="text"] {
		border-radius: .3em;
		display: block;
		margin: .5em 0;
		padding: .5em;
	}

	.calendar_wrap {
		color: #000;
	}

	.calendar_wrap #today {
		color: #000;
		font-weight: bold;
		text-decoration: overline underline;
	}

	.start-of-week-mon .calendar_wrap tbody tr td:last-child:not([colspan]) {
		color: #f00;
	}

	.start-of-week-mon .calendar_wrap tbody tr:not(:last-child) td:nth-last-child(2),
	.start-of-week-mon .calendar_wrap tbody tr:last-child td:nth-child(6) {
		color: #00f;
	}

	.start-of-week-sun .calendar_wrap tbody tr td:first-child:not([colspan]) {
		color: #f00;
	}

	.start-of-week-sun .calendar_wrap tbody tr td:last-child:not([colspan]) {
		color: #00f;
	}

	body > footer {
		background-color: #000;
		border: solid 1px #000;
		border-radius: .5em;
		color: #fff;
		margin-top: 1em;
		text-align: center;
	}

	body > footer p {
		margin: 0;
	}

	body > footer p small {
		display: block;
		padding: .5em;
	}

	body > footer p small:last-child {
		text-align: right;
	}

	body > footer > a {
		background-color: #000;
		border-radius: .5em;
		bottom: 2.4em;
		color: #fff;
		display: inline-block;
		margin-right: 1em;
		padding: .5em;
		position: fixed;
		right: 0;
	}

	body > footer > a:focus {
		border: solid 2px #4169e1;
	}

	body > footer > a:link,
	body > footer > a:visited,
	body > footer > a:hover,
	body > footer > a:active {
		color: #fff;
	}

	body > footer > nav ul {
		text-align: left;
	}

	body > footer ul {
		list-style: none;
		padding: 0;
	}

	body > footer li {
		display: inline-block;
        }

	body > footer .widget {
		border-bottom: solid 1px #888;
		margin: .5em;
		padding-top: .5em;
	}

	@keyframes scalex {
		0% {transform: scaleX(0);-ms-transform: scaleX(0);}
		95% {transform: scaleX(0);-ms-transform: scaleX(0);}
		100% {transform: scaleX(1);-ms-transform: scaleX(1);}
	}

	@-moz-keyframes scalex {
		0% {transform: scaleX(0);}
		95% {transform: scaleX(0);}
		100% {transform: scaleX(1);}
	}

	@-webkit-keyframes scalex {
		0% {transform: scaleX(0);}
		95% {transform: scaleX(0);}
		100% {transform: scaleX(1);}
	}

	@-o-keyframes scalex {
		0% {transform: scaleX(0);}
		95% {transform: scaleX(0);}
		100% {transform: scaleX(1);}
	}

	@-ms-keyframes scalex {
		0% {transform: scaleX(0);-ms-transform: scaleX(0);}
		95% {transform: scaleX(0);-ms-transform: scaleX(0);}
		100% {transform: scaleX(1);-ms-transform: scaleX(1);}
	}

	img.alignleft {float: left;}
	img.alignright {float: right;} 
	img.aligncenter {clear: both; display: block; margin: 0px auto;}
}

@media screen and (max-width: 899px) {
	body.use-header-image > header h1 {
		left: -.5em;
		width: calc(100% + 1em);
	}

	body > nav {
		height: 1em;
		position: absolute;
		right: 1em;
		text-align: right;
		top: 1em;
	}

	body.disabled-use-title > nav {
		top: -1.5em;
	}

	body > nav h2 {
		margin-bottom: 0;
		text-align: right;
	}

	body > nav h2 label {
		background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOSAxOSIgd2lkdGg9IjE5IiBoZWlnaHQ9IjE5Ij48cmVjdCB4PSIwIiB5PSIxIiByeD0iMiIgcnk9IjIiIHdpZHRoPSIxOSIgaGVpZ2h0PSIzIiBzdHJva2U9IndoaXRlIiBmaWxsPSJ3aGl0ZSIvPjxyZWN0IHg9IjAiIHk9IjgiIHJ4PSIyIiByeT0iMiIgd2lkdGg9IjE5IiBoZWlnaHQ9IjMiIHN0cm9rZT0id2hpdGUiIGZpbGw9IndoaXRlIi8+PHJlY3QgeD0iMCIgeT0iMTUiIHJ4PSIyIiByeT0iMiIgd2lkdGg9IjE5IiBoZWlnaHQ9IjMiIHN0cm9rZT0id2hpdGUiIGZpbGw9IndoaXRlIi8+PC9zdmc+) center bottom no-repeat;
		color: #fff;
		display: inline-block;
		font-size: 10px;
		height: 3.5em;
		margin-right: 0;
		padding: 0;
		text-align: center;
		vertical-align: top;
		width: 5em;
	}

	body > nav > input {
		height: 0;
		width: 0;
		overflow: hidden;
	}

	body > nav > input:focus + h2 label {
		border: solid 2px #4169e1;
		margin: -2px -2px auto auto;
	}

	body > nav > input + h2 + * {
		transform: scaleY(0);
		-ms-transform: scaleY(0);
		transition: transform .5s ease-in-out 0s;
		-moz-transition: transform .5s ease-in-out 0s;
		-webkit-transition: transform .5s ease-in-out 0;
		-o-transition: transform .5s ease-in-out 0;
		-ms-transition: transform .5s ease-in-out 0;
		transform-origin: top left;
	}

	body > nav > input + h2 + * a {
		visibility: hidden;
	}

	body > nav > :checked + h2 + * a {
		visibility: visible;
	}

	body > nav > :checked + h2 + * {
		transform: scaleY(1);
		-ms-transform: scaleY(1);
	}

	body > nav > div > ul {
		background-color: #fff;
		border: solid 1px #888;
		border-radius: .5em;
		list-style: none;
		margin-top: 0;
		padding: 0;
		width: 100%;
	}

	body > nav li {
		line-height: 2em;
	}

	body > nav li:not(:last-child) {
		margin-bottom: .5em;
	}

	nav > div .children,
	nav > div .sub-menu {
		display: block;
		padding-right: 1em;
	}

	body > main,
	body.foriframe main {
		margin-bottom: 1em;
	}

	body > main > article footer time {
		display: block;
		margin-bottom: 1em;
	}
}

@media screen and (min-width: 900px) {
	.use-widget > nav,
	.use-widget > ol,
	.use-widget > main,
	.use-widget > footer {
		margin: 1em auto 1em 0;
		width: calc(100% - 20em);
	}

	body {
		padding: 3em 1em 0 1em;
	}

	body > header p {
		font-size: 2em;
	}

	body > nav {
		margin: 1em 0 .5em 0;
	}

	body > nav > input {
		display: none;
	}

	body > nav h2 {
		display: none;
	}

	body > nav > div > ul {
		letter-spacing: -1em;
		margin-bottom: 1em;
		padding: 0;
	}

	body > nav > div > ul > li {
		display: inline-block;
		letter-spacing: normal;
		margin: 0;
		padding: 0;
		vertical-align: top;
	}

	body > nav > div > ul > li:hover {
		height: 100%;
		margin-bottom: -100%;
		position: relative;
		z-index: 1;
	}

	body > nav > div > ul > li > .children,
	body > nav > div > ul > li > .sub-menu {
		background-color: #fff;
		border: solid 1px #888;
		border-radius: .5em;
		margin: 0 -20em 0 0;
		position: absolute;
		width: 20em;

		transform: scaleY(0);
		-ms-transform: scaleY(0);
		transition: transform .5s ease-in-out 0s;
		-moz-transition: transform .5s ease-in-out 0s;
		-webkit-transition: transform .5s ease-in-out 0s;
		-o-transition: transform .5s ease-in-out 0s;
		-ms-transition: transform .5s ease-in-out 0s;
		transform-origin: top left;
	}

	body > nav > div > ul > li a:focus + .children,
	body > nav > div > ul > li a:focus + .sub-menu,
	body > nav > div > ul > li:hover > .children,
	body > nav > div > ul > li:hover > .sub-menu {
		transform: scaleY(1);
		-ms-transform: scaleY(1);
	}

	body > nav > div > ul > li > a {
		background-color: #fff;
		border: solid 1px #888;
		border-left: none;
		margin: 0;
		padding: .5em;
	}

	body > nav > div > ul > li:first-child > a {
		border-left: solid 1px #888;
		border-top-left-radius: .5em;
		border-bottom-left-radius: .5em;
	}

	body > nav > div > ul > li:last-child > a {
		border-top-right-radius: .5em;
		border-bottom-right-radius: .5em;
	}

	body > main > * {
		margin: 1em;
	}

	body > main > article img {
		margin: 1em auto 1em 0;
	}

	body > main > article > dl dt + dd {
		margin-bottom: 1em;
	}

	body > main > article table th,
	body > main > article table td {
		padding: .3em;
	}

	body > main > article .gallery figure {
		display: inline-block;
		margin: 0 .5em 1em .5em;
		text-align: center;
		vertical-align: top;
	}

	.gallery-columns-1 figure{
		width: calc(100% / 1 - 1em);
	}

	.gallery-columns-2 figure {
		width: calc(100% / 2 - 1em);
	}

	.gallery-columns-3 figure {
		width: calc(100% / 3 - 1em);
	}

	.gallery-columns-4 figure {
		width: calc(100% / 4 - 1em);
	}

	.gallery-columns-5 figure {
		width: calc(100% / 5 - 1em);
	}

	.gallery-columns-6 figure {
		width: calc(100% / 6 - 1em);
	}

	.gallery-columns-7 figure {
		width: calc(100% / 7 - 1em);
	}

	.gallery-columns-8 figure {
		width: calc(100% / 8 - 1em);
	}

	.gallery-columns-9 figure{
		width: calc(100% / 9 - 1em);
	}

	body > main > article + ul {
		white-space: nowrap;
	}

	body > main > article + ul li {
		display: inline-block;
		width: 50%;
	}

	body > main > article + ul li a {
		max-width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	body > main > article + ul li:first-child {
		text-align: left;
	}

	body > main > article + ul li:last-child:not(:first-child) {
		text-align: right;
	}

	body > main > article footer time {
		display: block;
		margin-bottom: 1em;
		text-align: right;
	}

	body > main > article footer h2 {
		display: inline-block;
	}

	#comments .children > li {
		padding: 1em 0 1em .5em;
		white-space: normal;
	}

	#comments > *:last-child label input,
	#comments > *:last-child label textarea {
		border-radius: .5em;
		max-width: 95%;
		padding: .5em;
		width: 30em;
	}

	#comments > *:last-child label textarea {
		width: 50em;
		height: 10em;
	}

	body > aside {
		position: absolute;
		right: 1em;
		text-align: center;
		top: 8.8em;
		width: 19em;
	}

	body.disabled-use-title > aside {
		top: 5.8em;
	}
}