html {
	scroll-behavior: smooth;
	line-height: 1.5;
	font-family: "leader", 'Verdana', 'Helvetica', 'Meiryo', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'YuGothic', 'Arial', 'MS UI Gothic', "NotoEmoji", sans-serif;
	color: #121212;
}
@font-face {
	font-family: 'Inconsolata';
	src: url('image/Inconsolata.ttf');
	unicode-range: U+0020-007F;
	font-display: swap;
}
@font-face {
	font-family: 'leader';
	src: local('Meiryo'), local('Hiragino Sans'), local('Hiragino Kaku Gothic ProN'), local('YuGothic'), local('Yu Gothic'), local('MS PGothic'), local('MS Gothic');
	unicode-range: U+2026, U+2190-2194, U+25A0-25A1, U+25C6-25C7, U+25CB, U+25CF, U+2613, U+00D7, U+00AB, U+00BB;
	/* … ← ↑ → ↓ ↔ ■ □ ◆ ◇ ○ ● ☓ × 《　》 */
}
@font-face {
	font-family: 'NotoEmoji';
	src: url('image/NotoEmoji-SemiBold.ttf');
	unicode-range: U+002A-0039, U+00A9, U+00AE, U+203C, U+2049, U+2122, U+2139, U+2194-21AA, U+231A-23CF, U+24C2, U+25AA-25FE, U+2600-26CE FE0F, U+2702-27A1, U+2934-2935, U+2B05, U+2B55, U+3030, U+303D, U+3297, U+3299, U+1F004, U+1F0CF, U+1F170-1F1FF, U+1F201-1F251, U+1F300-1F37D, U+1F600-1F64F, U+1F680-1F6E4, U+1F7E0-1F7EB, U+1F90D-1F97F, U+1F6CEU+FE0F;
	font-display: swap;
}
a:hover {
	text-decoration: none;
}

	/*** Homepage Style ***/
h1, h2:not(.art h2, .lit-novel h2) {
	color: #3E2723; 
	font-family: 'Inconsolata', 'Consolas', 'Courier New', 'Verdana', 'Helvetica', sans-serif;
	font-feature-settings: "kern" 0, "liga" 0, "calt" 0;
	font-variant-ligatures: none;
	font-kerning: none;
}
.home {
	top: 0;
	left: 0;
	width: 98%;
	max-width: 92%;
	padding-top:2em;
	text-align: right;
}
.welcome { 
	color: #BC8F8F;
	font-size: .8em;
}
.bg0 {
	position: absolute;
	height: 2px;
	left: 0;
	top: 0;
	width: 100%;
	background-color: #FF9900;
	z-index: -1;
}
.bg1 {
	position: fixed;
	height: 96vh;
	bottom: -12vh;
	left: -40vh;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	background-image: url('image/bg_check_cream.gif');
	z-index: -2;
}
.bg2 {
	position: fixed;
	height: 48vh;
	bottom: -32vh;
	left: 56vh;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	background-image: url('image/bg_check_cream.gif');
	z-index: -3;
}

@media screen and (max-width: 640px) {
	html {font-size: 120%;}
	h1 {font-size: 1.6em;}
	.home {width: 100%; max-width: initial; padding-top:1em; text-align: center;}
	.bg1 {top: 0; left: 0; height: 100%; width: 100%; border-radius: initial; background: linear-gradient(to top, rgba(255,255,255,0), #fff 60%), url('image/bg_check_cream.gif'); }
	.bg2 {opacity:0;}
}

	/*** Popup Message ***/
.popup {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.popup img:hover {
	cursor: pointer;
	position:relative;
	left:1px;
	top:1px;
}
.popup .popup_text {
	visibility: hidden;
	width: 500px;
	max-width: 80%;
	position:fixed;
	left: 50%;
	top: 46%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 3;
	padding: 1em;
	border-radius: 6px;
	border: 3px solid #FF9900;
	background-color: #FFF;
	color: #3E2723;
	text-align: center;
}
.popup_text span {
	color: #FF9900;
	font-weight: bold;
	font-size: large;
}
.popup .show {
	visibility: visible; -webkit-animation: fadeIn .8s; animation: fadeIn .8s;
}
	@-webkit-keyframes fadeIn {from {opacity: 0;} to {opacity: 1;}}
	@keyframes fadeIn {from {opacity: 0;} to {opacity:1 ;}}
	@media screen and (max-width: 640px) {.popup {text-align: center;}}

	/*** Navigations + News + Footer ***/
footer, .navi, .news, .breadcrumb, .prev_btn, .next_btn, .blog_nav {
	font-family: 'Inconsolata', 'Consolas', 'Verdana', 'Helvetica', "NotoEmoji", sans-serif;
}
footer, .navi, .news {
	margin-top: 2em;
	font-size: 1.2em;
	line-height: 2;
}
.navi {
	text-align: right;
}
.navi span {
	opacity: .5;
}
.navi ul{
	margin: 0;
}
footer {
	text-align: center;
	color: #333;
}
footer ul {
	padding: 0;
}
footer div {
	font-size: .8em;
}
footer li, .navi li {
	padding-right: .5em;
}
footer li:last-child,
.navi li:last-child {
	padding-right: 0;
}
footer li, .navi li {
	display: inline; 
	list-style-type: none; 
}
footer li a:hover,
.navi li a:hover,
.breadcrumb li a:hover,
.prev_btn a:hover[href*="."],
.next_btn a:hover[href*="."] {
	position:relative;
	left:1px;
	top:1px;
}
footer li a:active,
.navi li a:active { 
	opacity: 0.6;
}
footer li a,
.navi li a,
.navi li a:visited,
.mains footer li a:visited {
	text-decoration: none;
	color: #A52A2A;
}
.navi li a:visited {
	color: #CD5C5C;
}
.navi li:first-child::before {
	content: ""; 
	speak: none;
}
.news { 
	margin-left: auto;
	line-height: 1.2;
	text-align: left;
	font-size: .9em;
	color: #333;
}
.news td {
	vertical-align:top;
}
.news td:first-child::after {
	white-space: pre;
	content: "\00A0";
	speak: none;
}
.news tr:last-of-type td {
	padding-top: 2em;
	text-align: right;
}
@media screen and (max-width: 640px) {
	footer {margin-top: 1.5em; }
	footer ul {margin: 0;}
	.navi {margin-top: 1em; font-weight: bold; line-height: 2.2; text-align: center;}
	.navi ul {padding: 1em .5em 0 1em;}
	.navi li::before {white-space: pre; content: "\A";}
	.navi li:last-child {padding-right: 0.5em;}
	.news {font-weight: initial; text-align: center;}
	.news {margin: auto; padding-right: 0; margin-top: 1em;}
	.news tr:last-of-type td {padding-top: 1em; text-align: center;}
	.news tr td:first-of-type {padding-top: 10px;}
	.news td {display: block;}
	.news td:empty {padding: 0;}
	.news td:empty::after {content: "";} 
	.top_img {text-align: center;}
}

	/*** Body Background ***/
.bg_sunny {
	background: url(image/bg_check.png), linear-gradient(to bottom, #FFF8E1, #FEF3C7);
}
.bg_peach {
	background: url(image/bg_check60.png), linear-gradient(to bottom, #FFF8E1, #FFF0E5);
}
.bg_orange {
	background: url(image/bg_check60.png), linear-gradient(to bottom, #FFF8E1, #FFE4B5);
}
.bg_gray {
	background: #EEE url(image/bg_check60.png);
}
.bg_leaf {
	background: #E8F5E9 url(image/bg_check60.png);
}


	/*** Main Style ***/
.mains {
	max-width: 760px;
	margin: 2em auto; 
	padding: 1.5em;
	background: #FFF;
	border-radius: 12px;
	overflow: auto;
	scrollbar-width: none;
}
.mains:first-of-type {
	margin: 1em auto; 	
}
.mains h2,
.mains h3,
.mains h4,
.mains dt {
	color: #3E2723;
	word-break: keep-all;
}
.mains h2 {
	margin: .2em 0 .5em 0;
	border-color: #BC8F8F;
	border-top-style: solid;
	border-top-width: 3px;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	text-align: center;
	line-height: 2em;
}
.mains h3 { 
	margin: 2em 0 1em 0;
	border-color: #BC8F8F;
	border-bottom-style: solid;
	border-bottom-width: 3px;
}
.mains h3:first-of-type { 
	margin: 0 0 .5em 0;
}

.mains h3>.bar::before {
	opacity: 0.6;
	white-space: pre; 
	content: "\00A0";
	speak: none;
}
.mains h4:not(.usage) {
	margin: 1.5em 0 1em 0;
	line-height: 1.2; 
}
.mains hr {
	max-width: 90%;
	margin: 2em auto;
	border: 0;
	border-top: 1px solid #BC8F8F;
}
.mains p:not(.genre, .card p) {
	margin: 0.5em 0;
}
.mains a {
	text-decoration: none;
	color: #A52A2A;
}
.mains a:hover:not(.nopush) {
	text-decoration: none;
	position:relative;
	left:1px;
	top:1px;
}
.mains a:active {
	opacity: 0.6;
}
.mains a:visited {
	color: #CD5C5C;
	text-decoration: none;
}
.mains ul:not(.blog_nav) {
	padding: 0 2em; 
	list-style: square; 
}
.mains ul ul {
	list-style-type: circle;
	padding: 0 2em;
}
.mains li {
	padding: 6px 0;
}
.mains li::marker {
	color: #3E2723;
}
.mains a[target=_blank]:not(.noicon),
.post a[target=_blank] {
	padding-right: 20px;
	background: url('image/icon_exlink.gif') no-repeat right center;
}
.mains dt {
	margin-top: 1.5em;
	padding-left: 0.5em;
	border-left-style: solid;
	border-left-width: 3px;
	border-color: #FF9900;
	word-break: keep-all;
	font-weight: bold;
}
.mains dd {
	margin: .5em 2em;
}
.mains details ul {
	padding: 0 .5em 0 1em;
}
.mains boxquote {
	display: block;
	margin: 1em auto;
	max-width: 60%;
	border-left:3px solid orange;
	padding: 4px 1em;
	background: #FFFDE7;
	font-size:1.1em;
	clear:both;
}
boxquote p {
	padding: 0 1em;
}
boxquote span {
	color: #FF9900;
}
details {
	line-height: 1.4;
}
summary {
	padding: 10px 20px 10px 10px; 
	margin-left: 1em;
	text-indent: -1em;
	font-size: 1.1em;
	font-weight: bold;
	color: #A52A2A;
}
summary:hover {
	text-decoration: none;
	position:relative;
	left:1px;
	top:1px;
	color: #FF9900;
}
summary:active {
	opacity: 0.6;
}
.highlight {
	background: linear-gradient(transparent 80%, #FFFF66 0%);
}
.eicon {
	font-family: "NotoEmoji";
	font-weight: normal;
	font-size: 110%;
	margin-right: 3px;
	color: #BBBBBB;
}
.eicon:not(.gray) {
	color: #BC8F8F;
}
.icon_indent {
	text-indent: -1.5em;
	padding-left: 2em;
}
.cap:first-letter {
	font-size: 1.6em;
	font-weight: medium;
	margin-right: 1px;
	}
.clear {
	clear:both;
}
.key:active::after, .tap:active::after{
	color:#A52A2A;
	white-space: pre;
}
.key:active::after {
	display: block;
	text-align: center;
}
.tap:active::after {
	content: "\0020 \0bb 3784";
}
.bg_clip {
	background-image: url('image/bg_check_cream.gif');
	background-position: 90% 90%;
	background-repeat: no-repeat;
	background-size: 200px;
}
@media screen and (max-width: 640px) { 
	.mains {width: initial; max-width: 98%; margin: 20px auto; padding: 8px;}
	.mains h2 {margin: 10px auto; border-top-width: 3px; border-bottom-width: 3px; text-align: center; line-height: inherit;}
	.mains h3 {padding-top: .2em; text-align: center; }
	.mains h3:not(.dark1 h3, .dark2 h3, .dark3 h3) {text-indent: -.5em;}
	.mains h3 .bar {font-size: 90%;}
	.mains h2 span::before:not(.icon_warn), .mains h3 span::before, .mains h4 span::before {white-space: pre; content: "\A";}
	.mains h4:not(.list_box>h4, .usage) {padding-left: 0.5em; border-left-style: solid; border-left-width: 3px;border-color: #BC8F8F;}
	.mains ul:not(.list_box>ul, .blog_nav) {padding: 0 .5em 0 1.5em}
	.mains dt {margin: 1.5em .5em .5em 0; font-weight: bold; word-break: initial;} 
	.mains dt span::before:not(.eicon), dd span::before, .lit-novel dt span::before {white-space: pre; content: "\A";}
	.mains dd {margin: .2em .5em;}
	.bg_clip {background-image: none;}
	boxquote {max-width: 90%;}
	boxquote p {padding: 0;}
	summary {line-height: 1.5;}
}
@media screen and (max-width: 560px) {
	.mains, .mains h2, .mains h3, .mains h4 {word-break: initial;}
	.mains h3>.bar::before {content: "\A";}
}

	/*** Breadcrumb Navi List ***/
nav {
	text-align: right;
}
.breadcrumb {
	margin: 0;
	padding-right: 1em;
	line-height: 1;
	font-size: 1em;
	color: #A52A2A;
}
.breadcrumb li {
	list-style-type: none; 
	display: inline; 
	vertical-align:-8px; 
}
.breadcrumb li::after {
	margin-left:.6em;
	content: "\03e";
	speak: none;
	color: #CCC;
}
.breadcrumb li:last-of-type::after {
	margin-left: 0;
}
.breadcrumb li:last-child:after {
	content: ""; 
}
.breadcrumb a,
.breadcrumb a:visited {
	text-decoration: none;
	color: #A52A2A; 
}
.nav-lit {
	max-width:680px;
	margin: 0 auto;
}
.nav-mains {
	max-width: 800px;
	margin: 0 auto;
}

@media screen and (max-width: 640px) {
	.breadcrumb {font-size: 0.8em;} 
	.breadcrumb li {vertical-align: -4px;}
}

	/*** List Table + List Box ***/
.list_table {
	width: 100%;
	margin: .5em;
	border-collapse: collapse;
}
.list_table tr {
	height: 2em;
}
.list_table td {
	vertical-align:top;
}
.list_table td:nth-child(1) {
	display: block;
	font-weight: bold;
}
.list_table td:nth-child(2) {
	width: 80%;
}
.list_box {
	margin: 1em auto;
	width:fit-content;
	max-width: 90%;
	min-width: 360px;
	padding: 1em;
	border-collapse: collapse;
	border: 2px solid #BC8F8F;
	border-radius: 6px;
	line-height: 1;
	word-break: keep-all;
}
.list_box ul {
	margin: .5em auto;
}
.list_box h4 {
	margin: 0 auto;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
}
.list_box>details {
	padding-left:1em;
}
.list_line {
	line-height: 1.8;
	color: #AAA;
}
.narrow {
	line-height: 1;
}
.icon_line {
	vertical-align: middle;
	display: inline-block;
	padding-right: 1em;
	margin-top: 4px;
}
.list_inline li {
	display: inline list-item;
	list-style: none;
	margin-right: 1em;
	font-size: 1.1em;
}
.bar::before {
	font-weight: initial;
	opacity: 0.4;
	white-space: pre; 
	content: "\07c\00A0";
	speak: none;
}
.bar_dash {
	font-style: italic;
}
.bar_dash::before {
	font-weight: initial;
	white-space: pre; 
	content: "\2013\00A0";
	speak: none;
}

@media screen and (max-width: 640px) { 
	.list_table {line-height: 1.5; margin: auto; border-collapse: collapse;}
	.list_table tr {display: block; height: initial;}
	.list_table td:nth-child(1) {padding-bottom:.2em;}
	.list_box {min-width: initial; width: initial; padding: .4em; word-break: initial;}
	.list_box>details {padding-left:0;}
	.tray tr {border-bottom: 1px solid #CCC; padding: 10px 1em 10px 0;}
	.tray tr:first-child {padding-top: 0;}
	.tray tr:last-child {border-bottom: 0px;}
	.tray td br {display:block; margin-bottom:.4em;}
	.tray td:nth-child(2) {padding-left: 1em; line-height: initial;}
	.tray td img {margin: 2px 0;}
	.bar {font-size: medium;}
	.bar:not(.nofold)::before, .bar_dash::before {content: "\A";}
	.list_line {line-height: 1.6; font-size: medium;}
	.icon_line {vertical-align: middle;}
}

@media screen and (max-width: 360px) {
	.bar::before {content: "\A";}
	.list_table span::before {white-space: pre; content: "\A";}
}

	/*** Gallery + Art Page + Article ***/
.clipart { 
	float: right;
	border: 0;
	margin-right: 1em;
}
.clipart img {
	max-width: 100%;
	height:auto;
}
.genre {
	margin: 0;
	font-size: small;
	color: #BC8F8F;
}
.thumb {
	display: block;
	margin: auto auto 30px 6px;
	width: auto;
	padding: 4px;
	overflow: hidden;
}
.thumb img {
	position: relative;
	float: left;
	display: block;
	margin: 2px;
}
.thumb a:hover {
	opacity: 0.6; 
}
.thumb a:active {
	opacity: 0.2; 
}
.thumbox {
	float: left;
	position: relative;
}
.tag {
	position: absolute;
	top: -0.3em;
	right: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #FF9900;
	text-shadow:
		1px 1px 0 #FFF, -1px -1px 0 #FFF,
		-1px 1px 0 #FFF, 1px -1px 0 #FFF,
		0px 1px 0 #FFF,  0-1px 0 #FFF,
		-1px 0 0 #FFF, 1px 0 0 #FFF;
}
.resize {
	width: 98%;
	height: auto;
	margin: 8px 4px;
}
.spacer {
	margin-top: 40px;
}
.kado {
	border-radius: 9px;
}
.manga {
	direction: rtl;
}
.manga img {
	vertical-align: top;
}
.art {
	width: 90%;
	max-width: 640px;
	margin: 20px auto;
	padding: 20px;
	border-radius: 12px;
}
.art:not(.trans, .trans3, .trans6) {
	background: #FFF;
}
.wb {
	border: 3px solid #FFF;
}
.trans3 {
	background: rgba(255,255,255,0.3);
}
.trans6 {
	background: rgba(255,255,255,0.6);
}
.art h2 {
	margin: 0; 
	font-size: 1.2em;
	line-height: 1.4;
	word-break: keep-all; 
	color: #000;
}
.art h3 {
	margin: 0; 
	font-size: 1em;
	font-weight: normal;
	color: #000;
}
.art td {
	line-height: 1.5;
	padding: .5em .5em .5em 0;
}
.art td:nth-child(1) {
	color: #333;
	font-weight: bold;
}
.art td:nth-child(2) {
	width: 88%;
}
.art td p {
	margin: .6em auto;
}
.art td p:first-of-type {
	margin: 0 auto;
}
.art ul {
	padding-left: 20px;
	margin: 0 auto;
	list-style: square; 
}
.art ol {
	padding-left: 30px;
	margin: 0 auto;
}
.art hr {
	display: block;
	margin: 1em 2em;
	border: 0;
	border-top: 1px solid #AAA;
}
.art a:not(.comlink_btn, .xlink_btn, .noicon)[target=_blank],
.lit-novel a:not(.comlink_btn, .xlink_btn, .noicon)[target=_blank] {
	padding-right: 22px;
	background: url('image/icon_exlink2.gif') no-repeat right center;
}

.art_line {
	max-width: 80%;
	margin: 4em auto;
	border: 0;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #EEE;
}
hr.dot { 
	border: none;
	margin: 32px 0 32px 0;
	text-align: center;
}
hr.dot:after {
	content:'\025cf\025cf\025cf';
	letter-spacing: 28px;
	font-size: 14px;
	color: #FFF;
	opacity: .8;
}
.license {
	margin: 0 16px 8px 16px;
	text-align: left;
	font-size: 0.9em;
	line-height: 1.4;
}
.license:last-of-type {
	margin-bottom:1em;
}
.license a {
	text-decoration: none;
}
.license a:hover {
	color: #CD5C5C;
}
.icon_area {
	display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-box;	display: -ms-flexbox;
	flex-direction: row; -webkit-flex-direction: row;
	justify-content: space-evenly;
	margin: 10px 140px;
	text-align: center;
}
.icon_box {
	margin: auto;
	text-align: center;
 }
body>.icon_box {
	margin-top: 40px;
}
.copymark {
	display:block;
	position:absolute;
	left:-99999px;
	top:-99999px;
	speak:none;
}
.dnr {
	object-fit: cover;
	object-position: 20px;
	margin-right: 20px;
}
.xbanner {
	margin: 5px 10px;
	border: 0;
}
.icon_warn {
	background: url('image/icon_warning.png') no-repeat left top;
	background-size: 1.2em;
	padding-left: 1.6em;
}
.icon_img {
	width: 1.2em;
	height: auto;
	padding-right: .4em;
	vertical-align: text-top;
}

@media screen and (max-width: 640px) {
	.genre {margin: .5em 0;}
	.clipart {float: initial; margin-right: initial; text-align:center;}
	.thumb {padding: 0 0 0 5px;}
	.thumb img {margin: 3px;}
	.art {padding: 12px;}
	.art h3 {font-size: 1em;}
	.art td {padding: 0;}
	.art td p {margin: 10px auto;}
	.art td:nth-child(1) {font-size: 90%; color: #AAA; padding-bottom: .4em}
	.art td:nth-child(1):empty {padding: 0;}
	.art td:nth-child(1):empty::after {content: "";} 
	.art td:nth-child(2) {padding-top: 0px; padding-bottom: 16px;}
	.resize {max-width: 98%; margin: 1em 0 0 0;}
	.resize.dnr {margin-right: 0px; margin-left: -20px;}
	.license {line-height: 1.2;}
	.icon_area {margin: 10px 20px;}
	hr.dot {margin: 20px 0 20px 24px;}
}
	/*** Thumbnail For IE ***/
@media all and (-ms-high-contrast: none) {
	.bg {top: 0; left: 0; bottom: initial; height: 100%; width: 20%; background-image: url('image/bg_check_cream.gif'); border-radius: 0;}
	.thumb a img:hover {opacity: .5;}
}
@media all and (-ms-high-contrast: none) and (max-width: 640px) {
	.bg {width: 100%;}
	.menu td:nth-child(2) {white-space: nowrap;}
}

	/*** Literature + Hanging Script ***/

.lit, .lit-novel, .lit-dark {
	font-family: "leader", 'Meiryo', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'YuGothic', 'Arial', 'MS PGothic', 'MS UI Gothic', "NotoEmoji", sans-serif;
	line-height: 1.8;
}
.lit {
	margin: 20px auto;
	max-width: 560px;
	color: #121212;
}
.lit h3 {
	margin-left: 1em;
}
.lit-dark {
	margin: 10px auto;
	max-width: 560px;
	padding: 20px 40px;
	border-radius: 10px;
	background-color: #222;
	color: #AAA;
}
.lit-novel {
	margin: 20px auto;
	width: 90%;
	max-width: 640px;
	padding: 20px;
	border-radius: 10px;
	background: #FFF;
	overflow: auto;
}
.lit-novel h2,
.lit-novel h3,
.lit-novel h4 {
	padding-left: 2%;
	word-break: keep-all;
}
.lit-novel>h3:first-of-type {
	margin: 0 0 .5em 0;
	border-bottom: 2px solid #121212;
}
.lit-novel h4 {
	margin: 0 0 .5em 0;
}
.lit-novel p {
	max-width: 90%;
	margin: auto auto 1em auto;
	line-height: 2;
}
.lit-novel hr {
	max-width: 90%;
	margin: 2em auto;
	border: 0;
	border-top: 1px solid #CCC;	
}
.lit-novel img:not(.mug_r, .mug_l){
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: center;
	font-size: small;
	color: red;
	line-height: 5;
}
.lit-novel summary {
	color: #121212;
}
.lit-novel summary:hover {
	color: #F08080;
}
.lit-novel .note {
	text-align: right;
	font-size: small;
	line-height: 1;
}
.lit-novel .mono {
	color: #808080;
}
.lit-novel .memo {
	margin: 3em auto;
	text-align: center;
	font-size: small;
	color: red;
	line-height: 1.2;
}
.lit-novel .memo::before {
	padding-right: 3px; 
	content: "\03010";
}
.lit-novel .memo::after {
	padding-left: 3px;
	content: "\03011";
}
.lit-novel boxquote {
	clear:both;
	display: block;
	margin: 1em auto;
	max-width: 80%;
	padding: 2em;
	border: 1px solid #CCC;
}
.lit-novel details {
	line-height: inherit;
}
.hang {
	width: 90%;
	border-collapse: collapse;
	margin: auto auto 1em auto;
}
.hang tr {
	height: 1.5em;
}

.hang td { 
	vertical-align: top; 
}
.hang td:nth-child(1) {
	display: block;
}
.hang td:nth-child(2) {
	min-width: 88%;
	padding-bottom: 1em;
}
.hang tr:last-child td {
	padding-bottom: 0;
}
.mug_r {
	margin: 0 .5em;
	float: inline-end;
}
.mug_l {
	margin: 0 .5em;
	float: inline-start;
}
.sec_btn {
	margin-bottom: 1em;
	padding-left: 2em;
}
.sec_btn.center {
	padding-left: initial;
	text-align: center;
}
.sec_btn a {
	position: relative;
	display: inline-block;
	margin: 2px;
	padding: 4px 8px;
	border-radius: 6px;
	font-weight: bold;
	text-decoration: none;
	background: #F5F5F5;
	transition: .1s;
}
.sec_btn a:hover {
  background: #F08080;
  color: #FFF;
}

@media screen and (max-width: 640px) {
	.lit-novel {padding: 12px;}
	.lit-novel h2, .lit-novel h3, .lit-novel h4 {padding-left: 0; word-break: initial;}
	.lit-novel h2 {text-align: center; line-height: 1em;}
	.lit-novel h2 span {font-size: 80%}
	.lit-novel h2 span::before { white-space: pre; content: "\A";}
	.lit-novel>h3:first-of-type {text-align:center;}
	.lit-novel hr {max-width: 100%;}
	.lit-novel p {max-width: 100%; line-height: 1.6; }
	.lit-novel .note {font-size:medium;}
	.lit-novel boxquote {max-width: 100%; padding: 1.2em}
	.lit-novel dd {margin: 0 .5em;}
	.lit-novel img:not(.mug_r, .mug_l, .dnr){margin:0 auto;}
	.lit h3 {font-weight: bold;}
	.hang {line-height: 1.5; width: 100%; margin-right: auto;}
	.hang tr {display: block; height: initial;}
	.hang td:nth-child(1) {max-width: initial; font-weight: bold;}
	.hang td:nth-child(2)::before {content:"\00A0"}
	.hang td:empty {padding:0;}
	.mug_r, .mug_l {float: initial; display: block; margin: .4em auto;}
	.sec_btn {padding-left:1em;}
}

	/*** Blinking Element ***/
.blink {
	animation: blinking .8s infinite alternate;
	animation-timing-function: steps(1, start);
}
@keyframes blinking {
	0% { opacity:0; } 50% { opacity:0; } 100% { opacity:1; }
}

	/*** Previous + Next Button ***/
.prev_btn, .next_btn {
	font-size: 1.2em;
	color: #CCC;
}
.prev_btn {
	margin-right: 10%;
}
.prev_btn a, .next_btn a {
	border-radius: 26px;
	padding: 9px 12px;
	background: #FFF;
	text-decoration: none;
}
.prev_btn a::before {
	content: "\03c\03c\APrev";
}
.next_btn a::after {
	content: "Next\A\03e\03e";
}

	/*** Copy Link Button ***/
.copylink_btn input {
	display: none;
}
.copylink_btn label {
	cursor: pointer; 
	display: block;
	width: 38px;
	height: 38px;
	border: 2px solid #CCC;
	border-radius: 26px;
	border-spacing: 8px 0px;
	background: rgba(255,255,255,0.5);
}
.copylink_btn label,
.copylink_btn label::after {
	transition: 0.3s;
}
.copylink_btn label::after,
.copylink_btn label:hover::after {
	position: relative;
	font-family: "NotoEmoji";
	content:"\01F517 ";
	font-size: 20px;
	top:3px;
	color: #CCC;
}
.copylink_btn label:hover { 
	border: 2px solid orange;
} 
.copylink_btn label:hover::after { 
	color: #AAA;
} 
.copylink_btn label:active { 
	border: 2px solid orange;
}
.copylink_btn label:active active::after {
	color: #FFF;
}
.copylink_btn input:checked+label {
	border: 2px solid orange;
	width: 72px;	
} 
.copylink_btn input:checked+label:after {
	position: relative;
	font-family: 'Inconsolata', 'Arial', sans-serif;
	font-size: 14px;
	top:5px;
	left:1px;
	content: "Copied!";
	color: #999;
	animation: myframeA 1.5s ease;
	animation-fill-mode: forwards;
}
@keyframes myframeA { 
	0% {opacity: 0;} 80% {opacity: 1;} 100% {opacity: 1;} 
}

	/*** Comment Link Button + X Link Button ***/
.comlink_btn,
.xlink_btn {
	cursor: pointer; 
	display: block;
	width: 38px;
	height: 38px;
	border: 2px solid #CCC;
	border-radius: 26px;
	border-spacing: 8px 0px;
	background: rgba(255,255,255,0.5);
	text-decoration: none;
}
.comlink_btn, .comlink_btn::after,
.xlink_btn, .xlink_btn::after {
	transition: 0.3s;
}
.comlink_btn::after,
.comlink_btn:hover::after,
.comlink_btn:active::after,
.xlink_btn::after,
.xlink_btn:hover::after,
.xlink_btn:active::after {
	position: relative;
	font-family: "NotoEmoji";
	font-size: 24px;
	color: #CCC;
	top: 1px;
}
.comlink_btn::after,
.comlink_btn:hover::after,
.comlink_btn:active::after {
	content:"\01F4AC";
}
.xlink_btn::after,
.xlink_btn:hover::after,
.xlink_btn:active::after {
	content:"\01F1FD";
}
.comlink_btn:hover,
.xlink_btn:hover { 
	border: 2px solid orange;
} 
.comlink_btn:hover::after,
.xlink_btn:hover::after { 
	color: #AAA;
} 
.comlink_btn:active,
.xlink_btn:active {
	border: 2px solid orange;
	background-color: orange;
}
.comlink_btn:active::after,
.xlink_btn:active::after, {
	color: #FFF;
}

@media screen and (max-width: 640px) {
	.copylink_btn label::after, .copylink_btn label:hover::after {top:4px;}
	.copylink_btn input:checked+label:after {top:1px;}
	.comlink_btn::after, .comlink_btn:hover::after, .comlink_btn:active::after {top:2px;}
	.xlink_btn::after, .xlink_btn:hover::after, .xlink_btn:active::after {top:2px;}
}

	/*** Contents Card Layout ***/
.card {
	margin: 2px;
	width: 180px;
	height: 180px;
	background: #FFF;
	border-radius: 5px;
	border: 1px solid #CCC;
	display: inline-block;
	overflow: hidden;
}
.card p {
	margin: 0;
	padding: 0 14px;
	font-size: 14px;
	line-height: 1.5;
	text-align: left;
}
.card p:first-line {
	font-size: 16px;
}
.card label {
	margin-bottom: 5px;
}
.card_empty {
	width: 180px;
	margin: 4px;
	display: inline-block;
	content: "" 
}

	/*** Swap Image on Hover  ***/
.swap {
	position: relative;
	margin-bottom: 5px; 
	width: 200px;
	height: 120px;
	display: block;
}
.swap img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: block;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out; 
}
.swap:hover img:nth-of-type(2) { 
	opacity: 0;
}

	/*** Clic to Play GIF ***/
label.playgif {
	background: url('image/icon_play1.png') #333 no-repeat center center;
	display: block;
	float: left;
}
label.playgif:hover,
label.clicktogif:focus-within  {
	background: url('image/icon_play2.png') #999 no-repeat center center;
	display: block;
	float: left; 
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out; 
} 
.playgif img {display: block;}
.playgif input[type=checkbox] {position: absolute; left: -9999999px;}
.playgif input[type=checkbox] + img {opacity: 0;}
.playgif input[type=checkbox]:checked + img {opacity: 1;}


	/*** Move Drawer & Tab Button ***/
#drawer {
	display: none;
}
	/* Tab Design */
.open {
	cursor: pointer;
	z-index: 2;
	bottom: 132px;
	right: 0;
	width: 22px;
	height: 48px;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	background: #CCC;
	transition: transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.open::before {
	content: "";
	display: block;
	height: 46px;
	background: url('image/icon_tab.png') no-repeat;
	background-position: center;
	background-size: contain;
	transform: scale(0.6);
	speak: none;
}
.close {
	z-index: 1;
	inset: 0;
	pointer-events: none;
}
#drawer:checked + .open {
	background: #F08080;
	transform: translateX(-180px);
}
#drawer:checked ~ .close {
	pointer-events: auto;
}
	/* Move Drawer Menu */
.move {
	z-index: 1;
	position: fixed;
	overflow: hidden;
	right: 0;
	bottom: 0;
	width: 180px;
	height: 180px;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	opacity: .9;
	background: #FFF;
	transform: translateX(100%);
	transition: transform .5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.move ul {
	margin: 0;
	padding: 0;
}
.move li {
	line-height: 1.35;
}
.move li:not(:last-of-type) {
	border-bottom: 1px solid #DDD;
}
.move li span {
	font-size: small;
}
.move a {
	display: block;
	padding: .8em;
	text-decoration: inherit;
	color: #A52A2A;
}
.move a:hover {
	background: #DDD;
	color: white;
	left: initial;
	top: initial;
}
.move li:last-child {
	padding-left: .4em;
	line-height: 1;
}
.move li:last-child a {
	display: inline-block;
	padding: .4em;
}
#drawer:checked ~ .move {
	transform: none;
}
#ruler-layer {
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 100%;
	pointer-events: none;
	z-index: -10;
}
.pxruler {
	position: absolute;
	right: 30px;
	height: 0;
	font-size: 16px;
	color: #777;
	line-height: 1;
	pointer-events: none;
	z-index: -1;
}
@media screen and (max-width: 720px) {
	.open {bottom: 182px; height: 58px;}
	.open::before {height: 58px; transform: scale(0.5);}
	.move {height: 240px;}
	.move a {padding: .6em;}
	.move li span {position:absolute; left:-9999px; top:-9999px;}
	.pxruler {opacity:0;}
}

	/*** Heart Button - Design ***/
.aiin-css-tpl-sb-heart-btn .aiin-btn,
.aiin-css-tpl-sb-heart-btn-s .aiin-btn {
	cursor: pointer;
	display: table;
	border-collapse: separate;
	user-select: none;
	-moz-user-select: none;
	-webkit-tap-highlight-color: transparent;
	background: rgba(255,255,255,0.5);
	color: #888;
	transition: color 0.3s;
}
.aiin-css-tpl-sb-heart-btn .aiin-btn {
	height: 42px;
	position: relative;
	padding-right: 4px;
	border: 2px solid #CCC;
	border-spacing: 8px 2px;
	border-radius: 26px;
	margin-top: 5px;
	line-height: 1;
}
	/* Heart Button - Design Small */
.aiin-css-tpl-sb-heart-btn-s .aiin-btn {
	height: 24px;
	border-spacing: 6px 0;
	border: 1px solid #CCC;
	border-radius: 12px;
	line-height: 16px;
}
	/* Heart Button - Design after Click */
.aiin-css-tpl-sb-heart-btn .aiin-btn.aiin-sel {
	border: 2px solid orange;
	color: #333;
}
	/* Heart Button Small - Design after Click */
.aiin-css-tpl-sb-heart-btn-s .aiin-btn.aiin-sel {
	border: 1px solid orange;
	color: #333;
}
.aiin-css-tpl-sb-heart-btn .aiin-btn.aiin-not-allowed,
.aiin-css-tpl-sb-heart-btn-s .aiin-btn.aiin-not-allowed {
	cursor: default;
}
	/* Heart Button - tcell */
.aiin-css-tpl-sb-heart-btn .aiin-tcell,
.aiin-css-tpl-sb-heart-btn-s .aiin-tcell {
	display: table-cell;
	vertical-align: middle;
}
	/* Heart Button - counter Text */
.aiin-css-tpl-sb-heart-btn .aiin-vcnt,
.aiin-css-tpl-sb-heart-btn-s .aiin-vcnt {
	font-family: 'Inconsolata', 'Consolas', 'Verdana', 'Helvetica', sans-serif; 
	font-size: 16px;
	text-align: right;
}
.aiin-css-tpl-sb-heart-btn-s .aiin-vcnt {
	font-size: 14px;
}
	/* Heart Button - icon */
.aiin-css-tpl-sb-heart-btn .aiin-icon,
.aiin-css-tpl-sb-heart-btn-s .aiin-icon {
	position: relative;
}
.aiin-css-tpl-sb-heart-btn .aiin-icon,
.aiin-css-tpl-sb-heart-btn .aiin-icon-off,
.aiin-css-tpl-sb-heart-btn .aiin-icon-on {
	width: 24px;
	height: 24px;
}
.aiin-css-tpl-sb-heart-btn-s .aiin-icon,
.aiin-css-tpl-sb-heart-btn-s .aiin-icon-off,
.aiin-css-tpl-sb-heart-btn-s .aiin-icon-on {
	width: 18px;
	height: 18px;
}

.aiin-css-tpl-sb-heart-btn .aiin-icon-off,
.aiin-css-tpl-sb-heart-btn-s .aiin-icon-off {
	position:relative;
	background:url('image/btn_icon-off.png');
	background-size:100% 100%;
}
.aiin-css-tpl-sb-heart-btn .aiin-icon-on,
.aiin-css-tpl-sb-heart-btn-s .aiin-icon-on {
	position:absolute;
	top:0;
	left:0;
	background:url('image/btn_icon-on.png');
	background-size:100% 100%;
	opacity:0;
}
.aiin-css-tpl-sb-heart-btn .aiin-btn.aiin-sel .aiin-icon-on,
.aiin-css-tpl-sb-heart-btn-s .aiin-btn.aiin-sel .aiin-icon-on {
	opacity:1;
}
.aiin-css-tpl-sb-heart-btn .aiin-btn:hover .aiin-icon-on,
.aiin-css-tpl-sb-heart-btn-s .aiin-btn:hover .aiin-icon-on {
	animation-name: heart-btn-anim;
	animation-iteration-count:1;
	animation-duration:1s;
}
@keyframes heart-btn-anim {
	0% { opacity:1; }
}
.aiin-css-tpl-sb-heart-btn .aiin-btn.aiin-sel .aiin-icon-on,
.aiin-css-tpl-sb-heart-btn-s .aiin-btn.aiin-sel .aiin-icon-on {
	animation:none;
}
	/* Heart Button - Message */
.aiin-css-tpl-sb-heart-btn .aiin-btn.aiin-sel .aiin-icon-on:after,
.aiin-css-tpl-sb-heart-btn-s .aiin-btn.aiin-sel .aiin-icon-on:after,
.dark1 .tpl-sb-emoji .aiin-btn.aiin-sel .aiin-icon-on:after,
.dark2 .tpl-sb-emoji .aiin-btn.aiin-sel .aiin-icon-on:after,
.dark3 .tpl-sb-emoji .aiin-btn.aiin-sel .aiin-icon-on:after,
.dark4 .tpl-sb-emoji .aiin-btn.aiin-sel .aiin-icon-on:after {
	position: absolute;
	font-family: 'Inconsolata', 'Consolas', 'Verdana', 'Helvetica', sans-serif;
	font-size: 12px;
	color: #FF6666;
	content: "Thanks!";
	animation: myframeA 1.5s ease 2;
	animation-direction: alternate;
	animation-fill-mode: forwards;
}
.aiin-css-tpl-sb-heart-btn .aiin-btn.aiin-sel .aiin-icon-on:after {
	top: -24px;
	left: 4px;
}
.aiin-css-tpl-sb-heart-btn-s .aiin-btn.aiin-sel .aiin-icon-on:after {
	right: 28px;
}

	/* Blog & Mumblr */
.blog_nav {
	padding: 0;
	text-align:center;
	word-break: keep-all;
	color: #CCC;
}
.blog_nav span {
	font-size:small;
}
.blog_nav li {
	display: inline list-item;
	list-style: none;
}
.blog_nav li::after {
	color:#BC8F8F;
	content:"\00A0\07c"
}
.blog_nav  li:last-child::after {
	content:""
}
.status {
	margin-bottom:1em;
	padding: 3px 1em;
	border:1px dotted #AAA;
	border-radius: 4px;
	text-align:center;
	word-break: keep-all;
	font-size:small;
	color: #AAA;
}
.status_c, .status_c::before, .status_c::after {
	white-space: nowrap;
}
.status_c::before {
	content: "\00A0\00A0";
} 
.status_c:first-of-type::before {
	content: "";
} 
.status_c::after {
	content: "\00A0\2013\00A0";
}
.mum, .post {
	margin: 10px auto;
	max-width: 568px;
	padding: 10px 16px;
	border-radius: 10px;
}
.post {
	border: 2px solid #BC8F8F;
	color: #3E2723;
}
.mum {
	background-color: #222;
	color: #888;
}
.post p:first-of-type,
.mum p:first-of-type {
	margin-top: 0;
}
.post p:last-of-type,
.mum p:last-of-type {
	margin-bottom: 0;
}
.mum span, .post span:not(.blink, .hidden, .moji) {
	display: block;
	text-align: right;
}
.mum span {
	color: #444;
}
.post>hr {
	margin: 1em auto;
}
.post span:not(.blink, .hidden, .moji) {
	color: #BBB;
}
.post>.hidden {
	color: #FFF;
}
.mum img, .post img {
	display: block;
	margin: 1em auto;
}
.mum a[target=_blank] {
	padding-right: 22px;
	background: url('image/icon_exlink3.gif') no-repeat right center;
}

@media screen and (max-width: 640px) {
	.blog_nav {padding:0;}
	.blog_nav span {display:none;}
	.blog_nav li::after {content:"\00A0"}
	.status_c::before {content: "\00A0\07c\00A0"; color:#DDD;} 
	.status_c:first-of-type::before {content: "";} 
	.dark1, .dark2, .dark3, .dark4 {color: #CCC;}
	.mum {color: #AAA;}
	.lit-dark {color: #CCC; padding: 10px;}
}

	/*** Dark Themes ***/
.bg_dark {
	background: #111 url(image/bg_check5.png);
}
.dark1, .dark2, .dark3, .dark4 {
	background-color: #111;
	color: #777;
}
[class*="dark"] h1 {
	text-align: center;
}
[class*="dark"] h3 {
	border-top-width: 0;
	border-bottom-width: 2px;
	border-color: #333;
	text-align: left;
	font-size: x-large;
}
[class*="dark"] h4 {
	font-size: large;
}
[class*="dark"] .breadcrumb li::after,
[class*="dark"] footer,
[class*="dark"] footer li::before,
[class*="dark"] li::marker {
	color: #333;
}
[class*="dark"] summary,
[class*="dark"] dt {
	color: #777;
}
[class*="dark"] hr:not(.dot) {
	border-top: 2px Solid #333;
}
[class*="dark"] h4:not(.list_box>h4) {
	border-color: #333;
}
[class*="dark"] hr.dot:after {
	color: #333;
}
[class*="dark"] details {
	line-height: 1.4;
}
	/* Dark Themed Drawer */
.bg_dark .open {
	background: #111;
}
.bg_dark .open::before{
	opacity:.3;
}
.bg_dark .move, .bg_dark #drawer:checked + .open {
	background: #111;
	opacity:1;
}
.bg_dark .move li:not(:last-of-type){
	border-bottom:1px solid #222;
}
.bg_dark .move a:hover{
	background:#222;
}

	/* Dark1 - Red */
.dark1 dt, .dark1 .tpl-sb-emoji .aiin-btn.aiin-sel {
	border-color: #A52A2A;
}
.dark1 h1, .dark1 h2, .dark1 h3, .dark1 h4,
.dark1 a, .dark1 a:visited,
.dark1 .breadcrumb li a, .dark1 footer li a:visited  {
	color: #A52A2A;
}
.dark1 a:hover, .dark1 .breadcrumb li a:hover,
.dark1 footer li a:hover, .dark1 summary:hover {
	color: #FF4500;
}

	/* Dark2 - Teal */
.dark2 dt, .dark2 .tpl-sb-emoji .aiin-btn.aiin-sel {
	border-color: #008080;
}
.dark2 h1, .dark2 h2, .dark2 h3, .dark2 h4, 
.dark2 a, .dark2 a:visited,
.dark2 .breadcrumb li a, .dark2 footer li a:visited {
	color: #008080;
}
.dark2 a:hover, .dark2 .breadcrumb li a:hover,
.dark2 footer li a:hover, .dark2 summary:hover {
	color: #00CED1;
}
	/* Dark3 - Purple */
.dark3 dt, .dark3 .tpl-sb-emoji .aiin-btn.aiin-sel {
	border-color: #663366;
}
.dark3 h1, .dark3 h2, .dark3 h3, .dark3 h4,
.dark3 a, .dark3 a:visited,
.dark3 .breadcrumb li a, .dark3 footer li a:visited {
	color: #663366;
}
.dark3 a:hover, .dark3 .breadcrumb li a:hover,
.dark3 footer li a:hover, .dark3 summary:hover {
	color: #BA55D3;
}
	/* Dark4 - Peach */
.dark4 dt, .dark4 .tpl-sb-emoji .aiin-btn.aiin-sel {
	border-color: #CD5C5C;
}
.dark4 h1, .dark4 h2, .dark4 h3, .dark4 h4,
.dark4 a, .dark4 a:visited,
.dark4 .breadcrumb li a, .dark4 footer li a:visited {
	color: #CD5C5C;
}
.dark4 a:hover, .dark4 .breadcrumb li a:hover,
.dark4 footer li a:hover, .dark4 summary:hover {
	color: #FF7F50;
}

	/*** Emoji Button - Design ***/
.tpl-sb-emoji .aiin-btn {
	cursor: pointer;
	position: relative;
	display: table;
	margin-top: 5px;
	height: 42px;
	border-collapse: separate;
	border-spacing: 8px 2px;
	border-radius: 26px;
	border: 2px solid #CCC;
	padding-right: 4px;
	user-select: none;
	-moz-user-select:none;
	-webkit-tap-highlight-color:transparent;
	transition: color 0.3s;
	line-height: 1;
	background: #FFF;
	color: #888;
}
	/* Emoji Button - Design after Click */
.tpl-sb-emoji .aiin-btn.aiin-sel {
	border: 2px solid orange;
	color: #333;
}
.tpl-sb-emoji .aiin-btn.aiin-not-allowed {
	cursor: default;
}
	/* Emoji Button - tcell */
.tpl-sb-emoji .aiin-tcell {
	display: table-cell;
	vertical-align: middle;
}
	/* Emoji Button - Counter Text */
.tpl-sb-emoji .aiin-vcnt {
	min-width: 15px;
	font-family: 'Inconsolata', 'Consolas', 'Verdana', 'Helvetica', sans-serif; 
	font-size: 16px;
	line-height: 1.3;
	text-align: right;
}
	/* Emoji Button - icon */
.tpl-sb-emoji .aiin-icon {
	position: relative;
}
.tpl-sb-emoji .aiin-icon,
.tpl-sb-emoji .aiin-icon-on {
	width: 24px;
	height: 24px;
	font-size: 22px;
}
.tpl-sb-emoji .aiin-icon-on {
	position: absolute;
	top: 3px;
	left: 0;
	opacity: .4;
}
.tpl-sb-emoji .aiin-btn.aiin-sel .aiin-icon-on {
	opacity: 1;
}
.tpl-sb-emoji .aiin-btn:hover .aiin-icon-on{
	animation-name: emoji-btn-anim;
	animation-iteration-count: 1;
	animation-duration: 1s;
}
@keyframes emoji-btn-anim {
	0% { opacity:1; }
}
.tpl-sb-emoji .aiin-btn.aiin-sel .aiin-icon-on{
	animation:none;
}

	/*** Emoji Button Dark Theme ***/
[class*="dark"] .tpl-sb-emoji .aiin-btn {
	background: #191919;
	color: #444;
	border: 2px solid #333;
}
	/* Emoji Button Dark - Design after Click */
[class*="dark"] .tpl-sb-emoji .aiin-btn.aiin-sel {
	color:#888;
}
	/* Emoji Button Dark - Message */
[class*="dark"] .tpl-sb-emoji .aiin-btn.aiin-sel .aiin-icon-on:after {
	top: -27px;
	left: -2px;
	font-size: 12px;
	color: #DAA520;
}
.dark1 .tpl-sb-emoji .aiin-btn.aiin-sel .aiin-icon-on:after { content: "Yay!";}
.dark2 .tpl-sb-emoji .aiin-btn.aiin-sel .aiin-icon-on:after { content: "Nice!";}
.dark3 .tpl-sb-emoji .aiin-btn.aiin-sel .aiin-icon-on:after { content: "Thanks!";}
.dark4 .tpl-sb-emoji .aiin-btn.aiin-sel .aiin-icon-on:after { content: "Cool!";}

	/* Embed Elements */
.twitter-tweet {
	margin: 0 auto;
	overflow: hidden;
}