@charset "UTF-8";
html { font-size: 66.7%/*62.5%*/; }
body {
	font-family: 'YakuHanJPs_Noto', 'Roboto', 'Noto Sans JP', 'Yu Gothic Medium', sans-serif;
	font-weight: 500;
	font-size: 1em;
	background-color: #F5F6F7;
}

/*GENERAL*/
a { text-decoration: none; }
ul { list-style: none; }
img,
object,
iframe { display: block; vertical-align: bottom; }
.atmark:after { content: "@"; }
.atmark span { display: none; }
.unit_body,
#info { word-wrap: break-word; overflow-wrap: break-word; }
.unit_body b,
.unit_body em,
.unit_body strong { font-weight: 800; font-style: normal; }
.unit_body i { font-style: italic; }
.unit_body .margin { margin-bottom: 5.6rem; }
.hidden_block { display: none; }

/*COLOR & LINK*/
body,
a,
#info a,
#footer a,
#entry_nav > ul > li a,
#main #entry_list a {
	color: #232D37;
}
#main a,
#main .share_counter a:hover,
.share_counter a:hover,
#info .hatena-bookmark-count a,
#main #entry_list .list_category a {
	color: #85658a/*#EC2172 F57*/;
}
a:active,
#info a:active,
#main a:active,
#main .share_counter a:active,
.share_counter a:active,
#info .hatena-bookmark-count a:active,
#main #entry_list a:active,
.unit .color_text1 {
	color: #ec6585;
}
.unit .color_text2 {
	color: #EC2172;
}
.unit .color_circle1,
.unit .color_circle2 {
	margin-top: 0rem;
	margin-bottom: 0rem;
}
.unit .color_circle_wrapper { margin-bottom: 3rem; }
.unit .color_circle1:before,
.unit .color_circle2:before {
	content: "";
	display: inline-block;
	width: 2.1rem;
	height: 2.1rem;
	border-radius: 50% 50%;
	position: relative;
	top: 0.5rem;
	margin-right: 0.7rem;
}
.unit .color_circle1:before { background-color: #002FA7; }
.unit .color_circle2:before { background-color: #EC2172; }
#info a { text-decoration: underline; }
#info a:hover { text-decoration: none; }
#main .unit_description a { text-decoration: none; }
#main .unit_description a:hover { text-decoration: underline; }
#main .unit_body a { text-decoration: underline; }
#main .unit_body a:hover { text-decoration: none; }
#entry_nav > ul > li a:hover dd { text-decoration: underline; }
#main .unit_body .note > a,
#main .unit_body .footnotes_num > a { text-decoration: none; }
#main .unit_body .note > a:hover,
#main .unit_body .footnotes_num > a:hover { text-decoration: underline; }
#main .item_link > a,
#main .item_link_recommend div > a { text-decoration: none; }
#main .item_link > a:hover,
#main .item_link_recommend div > a:hover { text-decoration: underline; }
#main .list_title > a { text-decoration: underline; }
#main .list_title > a:hover { text-decoration: none; }
#main .list_category > a { text-decoration: none; }
#main .list_category > a:hover { text-decoration: underline; }

.unit_body h2,
.unit_body h3,
.unit table {
	border-color: #232D37;
}

/*STRUCTURE*/
#wrapper {
	padding-left: 33%;
	position: relative;
}
#wrapper #sub_wrapper {
	width: 32%;
	max-width: 512px;
	min-width: 360px;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	overflow-y: auto;
	overflow-x: hidden;
}
#wrapper #sub_wrapper::-webkit-scrollbar {
	display: none;
	-webkit-appearance: none;
}
#header,
#main {
	padding-top: 8rem;
}
#wrapper #header,
#wrapper #info {
	padding-left: 8rem;
	padding-right: 6rem;
}
#wrapper #main,
#wrapper #footer {
	max-width: 1024px;
	padding-right: 7rem;
}

/*STRUCTURE MEDIA QUERY*/
@media (max-width: 1024px) {
	#wrapper,
	#wrapper #header,
	#wrapper #info,
	#wrapper #main,
	#wrapper #footer {
		padding-left: 0;
		padding-right: 0;
	}
	#wrapper #sub_wrapper {
		clear: both;
		position: static;
		min-width: initial;
		min-width: auto;
		width: 50%;
	}
	#wrapper #info {
		width: 100%;
	}
	#wrapper #main,
	#wrapper #footer {
		position: relative;
		width: 95%;
		max-width: 700px;
	}
	#wrapper #sub_wrapper,
	#wrapper #main,
	#wrapper #footer {
		margin-left: auto;
		margin-right: auto;
	}
	#wrapper #header {
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	#wrapper #main {
		padding-top: 28.5rem;
	}
}
@media (max-width: 768px) {
	#wrapper {
		mix-width: 480px;
	}
	#wrapper #header,
	#wrapper #main,
	#wrapper #sub_wrapper,
	#wrapper #footer {
		box-sizing: border-box;
		width: 100%;
		padding-left: 1.4rem;
		padding-right: 1.4rem;
	}
}

/*FONT FREDOKA*/
#site_title,
#site_subtitle,
#info h2,
#footer p {
	font-family: 'Fredoka One', Cursive;
	font-weight: normal;
}

/*FONT PROPOTIONAL*/
/*#info ul > li > a {
	font-feature-settings: "palt";
}*/

/*HEADER*/
#header {
	text-align: center;
}
#site_title,
#site_title a {
	text-decoration: none;
	font-size: 7.2rem;
	letter-spacing: 0.6rem;
	-webkit-text-stroke: 0.3rem #232D37;
	text-stroke: 0.3rem #232D37;
	text-shadow: 0 0.2rem 0 #232D37;
	color: #FFFFFF;
}
#site_subtitle,
#info h2 {
	font-size: 2.1rem;
	letter-spacing: 0.12rem;
}
#site_subtitle {
	margin-top: 0.1rem;
	margin-bottom: 8rem;
	line-height: 1.1;
	position: relative;
	left: -0.2rem;
}

/*INFO*/
#info {
	
}
#info .info_unit {
	margin: 6rem auto;
}
#info h2 {
	margin-bottom: 2rem;
	text-align: left;
}
#info ul,
#info p,
#info dl,
#entry_list {
	font-size: 1.4rem;
	line-height: 1.9;
	font-weight: 500;
}

/*AUTHOR SECTION*/
#author h2 {
	text-align: center;
}
#author_image {
	display: block;
	width: 45%;
	border-radius: 44%;
	margin: 0rem auto 2.5rem;
}
#author_bio {
	margin-top: 1.2rem;
}
#author_bio dt {
	width: 6.1rem;
	float: left;
	font-style: italic;
}
#author_bio dd {
	margin-left: 6.1rem;
}

/*FOOTER*/
#footer {
	clear: both;
	padding-top: 3.1rem;
	padding-bottom: 3rem;
}
#footer p {
	text-align: center;
	font-size: 1.6rem;
	letter-spacing: 0.07em;
	line-height: 1.3;
}

/*MAIN*/
/*UNIT*/
.unit {
	border-radius: 0.5rem 0.5rem 0 0;
	padding: 3.5rem 4.2rem;
	background-color: #FFFFFF;
}
.unit_header {
	margin-bottom: 8.4rem;
}
.unit_header h1 {
	font-size: 2.1rem;
	font-weight: 800;
	line-height: 1.4;
}
.unit_description {
	font-size: 1.3rem;
	margin-top: 1rem;
}

/*UNIT BODY HEADER*/
.unit_body h2,
.footnotes h2,
.references h2 {
	font-weight: 800;
	font-size: 1.8rem;
	margin-top: 7.2rem;
	margin-bottom: 2.8rem;
	line-height: 1.4;
}
.unit_body h2 {
	display: table;
	border-bottom-style: solid;
	border-bottom-width: 0.4rem;
	padding-bottom: 0.2rem;
}
.unit_body h3 {
	font-weight: 800;
	font-size: 1.6rem;
	margin-top: 2.8rem;
	margin-bottom: 2.8rem;
	line-height: 1.4;
}
.unit_body h3:before {
	content: "\25CF";
	font-size: 0.9rem;
	vertical-align: 0.2rem;
	margin-right: 0.7rem;
	color: #C3C4C5;
}
.unit_body h2 + h3 {
	margin-top: 3.4rem;
}

/*UNIT BODY ELEMENTS*/
.unit_body,
.unit_body table {
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1.8;
}
.unit_body p,
.unit_body ul,
.unit_body ol,
.unit_body dl,
.unit_body table,
.unit_body > blockquote,
.unit_body > ul blockquote,
.unit_body .image_box,
.unit_body .image_box_transparent,
.unit_body .figs > div,
.unit_body .movie_box {
	margin-bottom: 2.8rem;
}
/*.unit_body > p {
	text-indent: 1.4rem;
	margin-bottom: 0;
}*/
.unit_body ul {
	list-style: disc;
	margin-left: 2.8rem;
}
.unit_body ul ul { list-style: circle; }
.unit_body ul ul ul { list-style: square; }
.unit_body ul ul ul ul { list-style: disc; }
.unit_body ul ul,
.unit_body ul ul ul,
.unit_body ul ul ul ul { margin-bottom: 0; }
.unit_body ul.space li {
	margin-bottom: 1.4rem;
}
.unit_body ol {
	margin-left: 1.9rem;
}
.unit_body ol > li {
	padding-left: 0.9rem;
}
.unit_body hr {
	clear: both;
	max-width: 100%;
	border-top: solid 0.5rem #F1F2F3;
	margin: 3.1rem 0;
}
.unit_body span.double {
	display: inline-block;
	transform: scale(2,1);
	margin-left: 0.5em;
	margin-right: 0.5em;
}

/*BLOCKQUOTE*/
.unit_body > blockquote,
.unit_body > ul blockquote {
	box-sizing: border-box;
	width: 100%;
	border: solid 1.2rem #F1F2F3;
	padding: 1rem 1.6rem;
	overflow: hidden;
}
.unit_body > blockquote > *:last-child,
.unit_body > ul blockquote > *:last-child {
	margin-bottom: 0;
}
.unit_body > blockquote > h2:first-child,
.unit_body > blockquote > h3:first-child,
.unit_body > ul blockquote > h2:first-child,
.unit_body > ul blockquote > h3:first-child {
	margin-top: 2.8rem;
}
.unit_body > blockquote .quote_indent,
.unit_body > ul blockquote .quote_indent {
	background-color: #F1F2F3;
	padding: 1.4rem;
}
/*TABLE*/
.unit table { width: 100%; }
.unit table th {
	text-align: left;
	font-weight: 800;
}
.unit .table_stripe_simple,
.unit .table_stripe_simple th,
.unit .table_stripe_simple td {
	border-style: solid;
}
.unit .table_stripe_simple {
	border-bottom-width: 0.2rem;
}
.unit .table_stripe_simple th {
	border-width: 0.2rem 0;
}
.unit .table_stripe_simple tbody tr:first-child td { padding-top: 0.7rem; }
.unit .table_stripe_simple tbody tr:last-child td { padding-bottom: 0.7rem; }
.unit .table_width_auto {
	width: auto;
}
.unit .table_width_auto td,
.unit .table_width_auto th {
	padding-right: 4.2rem;
}
/*BOOK CONTENTS*/
.unit_body .book_contents .chap {
	margin-bottom: 0;
}
.unit_body .book_contents .chap,
.unit_body .book_contents .part {
	font-weight: 800;
}

.unit_body .book_contents ul {
	margin-left: 0;
	list-style: none;
}

/*IN-POST IMAGE & MOVIE*/
.unit_body .image_box_transparent,
.unit_body .image_box_transparent img,
.unit_body .image_box,
.unit_body .image_box img { /* LARGE IMAGE */
	width: 100%
}
.unit_body .image_box_transparent:first-child,
.unit_body .image_box:first-child {
	margin-bottom: 7.2rem;
}
@media screen and (min-width:769px) {
	.unit_body .image_box_transparent.image_half,
	.unit_body .image_box.image_half { width: 50%; }
}
.image_box > a {
	background-color: #000000;
	display: block;
}
.image_box a:hover img {
	opacity: 0.8;
	transition: all 0.2s ease;
}
.image_box a:not(:hover) img {
	opacity: 1;
	transition: all 0.2s ease;
}
.unit_body .figs { /* JUXTAPOSE 3 FIGURES */
	width: 100%;
	overflow: hidden;
}
.unit_body .figs + * {
	clear: left;
}
.unit_body .figs > div {
	width: 32%;
	float: left;
	margin-left: 2%;
}
.unit_body .figs > div:first-child {
	margin-left: 0;
}
.unit_body .figs > div img {
	width: 100%;
}
.unit_body .fig_caption {
	font-size: 1.3rem;
	line-height: 1.5;
	margin-top: 0.5rem;
	margin-bottom: 0;
}
.unit_body .movie_box {
	width: 100%;
}
.unit_body .movie_box .movie_wrapper {
	position: relative;
	width: 100%;
}
.unit_body .movie_box .movie_wrapper.ratio4to3 { padding-top: 75%; }
.unit_body .movie_box .movie_wrapper.ratio3to2 { padding-top: 66.7%; }
.unit_body .movie_box .movie_wrapper.ratio16to9 { padding-top: 56.25%; }
.unit_body .movie_box iframe {
	position: absolute;
	top: 0; bottom: 0; left: 0 right: 0;
	width: 100% !important;
	height: 100% !important;
}

/*ITEM LINK*/
/*STRUCTURE*/
.item_link {
	box-sizing: border-box;
	float: right;
	margin-left: 6%;
	margin-bottom: 2.8rem;
	overflow: hidden;
}
.item_link_left {
	float: left;
	margin-left: 0;
	margin-right: 6%;
}
.item_link_recommend {
	width: 100%;
	font-size: 0;
	overflow: hidden;
}
.item_link_recommend > div {
	display: inline-block;
	vertical-align: top;
	margin-right: 10.8%;
	margin-bottom: 2.8rem;
}
.item_link_recommend > div:nth-child(3n) {
	margin-right: 0;
}
.item_shelf {
	clear: both;
	margin-bottom: 2.8rem;
	overflow: hidden;
}
.item_shelf > p {
	margin-left: 32%;
}
.item_link,
.item_link_recommend > div {
	width: 26%;
}
/*ELEMENT*/
.item_link > a,
.item_link_recommend > div > a {
	display: block;	
}
.item_link > a img,
.item_link_recommend > div > a img {
	display: block;
	width: 100%;
}
.item_link > a:hover img,
.item_link_recommend > div > a:hover img {
	opacity: 0.9;
}
.item_link > a > span,
.item_link > a p,
.item_link_recommend > div > a > span,
.item_link_recommend > div > a p {
	display: block;
	font-size: 1.3rem;
	line-height: 1.6;
	margin-top: 0.5rem;
}
.section_head_image {
	width: 100%;
	height: 35rem;
}
.section_head_image > a {
	width: 100%;
	height: 100%;
}
.section_head_image img {
	object-position: 0 0;
	object-fit: contain;
	width: 100%;
	height: 100%;
}


/*FOOT NOTES & REFERENCES*/
.unit_body .note a,
.unit_body .sub {
	position: relative;
	font-size: 1rem;
}
.unit_body .note a {
	top: -0.7rem;
	font-weight: 500;
}
.unit_body .sub {
	bottom: -0.2rem;
}

.footnotes,
.references {
	clear: both;
	font-size: 1.3rem;
	line-height: 1.8;
}
.footnotes > ul,
.references > ul {
	list-style: none;
	margin-left: 4.2rem;
}
.footnotes > ul > li {
	position: relative;
}
.footnotes_num {
	width: 4.2rem;
	position: absolute;
	left: -4.2rem;
}
.footnotes > ul > li p,
.footnotes > ul > li blockquote,
.footnotes > ul > li ul {
	margin-bottom: 1.2rem;
}
.footnotes > ul > li ul {
	margin-left: 3.6rem;
	list-style: disc;
}
.footnotes > ul > li blockquote {
	padding: 1.2rem;
	background-color: #F1F2F3 !important;
}
.references > ul > li {
	text-indent: -4.2rem;
}

/*SHARE BUTTON*/
#entry_share_container {
	width: 100%;
	overflow: hidden;
}
.share_box {
	display: inline-block;
	margin-left: 0.7rem;
	vertical-align: top;
}
.share_box:first-child {
	margin-left: 0;
}
.share_button a,
#list_nav > ul > li > a {
	display: block;
	border-radius: 44% 44%;
	background-color: #c3c4c5;
	background-position: center center;
	background-repeat: no-repeat;
}
.share_button a {
	width: 6rem;
	height: 6rem;
}
#twitter_button {
	background-image: url("https://9bit.99ing.net/File/twitter_bird_white.svg");
	background-size: 40% 40%;
}
#hatena_button {
	background-image: url("https://9bit.99ing.net/File/hatebu_logo_white.svg");
	background-size: 56% 56%;
}
#twitter_button:hover,
#hatena_button:hover,
#list_nav > ul > li > a:hover {
	background-color: #85658a/*#EC2172 F57*/;
	background-repeat: no-repeat;
	border-radius: 38% 38%;
}
#twitter_button:hover {
	background-size: 47% 47%;
}
#hatena_button:hover {
	background-size: 64% 64%;
}
#twitter_button:active,
#hatena_button:active,
#list_nav > ul > li > a:active {
	background-color: #ec6585/*#002FA7*/;
	border-radius: 44% 44%;
}
.share_counter {
	text-align: center;
	margin-top: 0.7rem;
}
#main .share_counter a,
.share_counter a {
	font-size: 1.4rem;
	font-weight: 800;
	color: #c3c4c5;
}
#main .share_counter a:hover,
.share_counter a:hover  { /*general*/ }
#main .share_counter a:active,
.share_counter a:active { /*general*/ }

/*ENTRY NAVIGATION*/
#entry_nav {
	margin: 4rem 0;
	overflow: hidden;
}
#entry_nav > ul > li {
	width: 32%;
	vertical-align: top;
	float: left;
	margin-left: 2%;
}
#entry_nav > ul > li:first-child {
	margin-left: 0;
}
#entry_nav > ul > li a {
	display: block;
	position: relative;
	overflow: hidden;
	border-radius: 0.5rem 0.5rem 0 0;
}
#entry_nav > ul > li a:hover .nav_image_wrapper > img {
	opacity: 0.95;
}
#entry_nav .nav_image_size {
	padding-top: 75%;
	position: relative;
}
#entry_nav .nav_image_size > .nav_image_wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*background-color: #002FA7;*/ /*IKB*/
	border-radius: 0.5rem 0.5rem 0 0;
	overflow: hidden;
}
#entry_nav .nav_image_wrapper > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 0%;
}
#entry_nav > ul > li dl {
	padding: 1.6rem 2.2rem 2rem;
	background-color: #FFFFFF;
	border-top: solid 1px #F5F6F7;
}
#entry_nav > ul > li dt {
	font-family: 'Fredoka One', Cursive;
	font-weight: normal;
	font-size: 1.6rem;
	letter-spacing: 0.1rem;
	margin-bottom: 0.9rem;
	text-align: left;
	color: #c3c4c5;
}
#entry_nav > ul > li dd {
	font-size: 1.5rem;
	font-weight: 800;
	line-height: 1.5;
	text-align: left;
}
#related_page { display: none; }

/*BOX SHADOW*/
#main .unit,
#entry_nav > ul > li a {
	box-shadow: 0px 1px 1px -1px rgba(0,0,0,0.05);
	-webkit-box-shadow: 0px 1px 1px -1px rgba(0,0,0,0.05);
	-moz-box-shadow: 0px 1px 1px -1px rgba(0,0,0,0.05);
}

iframe.twitter-timeline {
	width : auto !important;
}
.twitter-tweet-rendered {
	margin-bottom: 2.8rem !important;
	margin-top: 2.8rem !important;
}

/*UNIT MEDIA QUERY*/
@media (max-width: 768px) {
	.unit {
		padding-left: 1.4rem;
		padding-right: 1.4rem;
	}
	.unit_body .figs > div {
		width: 100%;
		float: none;
		margin-left: 0;
	}
	.item_link,
	.item_link_left {
		float: none;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.item_link_recommend > div,
	.item_link_recommend > div:nth-child(3n) {
		margin-right: 9.5%;
	}
	.item_link_recommend > div:nth-child(2n) {
		margin-right: 0;
	}
	.item_shelf > p {
		margin-left: 0;
	}
	.item_link,
	.item_link_recommend > div {
		width: 45%;
	}
	#entry_nav > ul > li {
		width: 49%;
		margin-bottom: 1.4rem;
	}
	#entry_nav > ul > li:nth-child(2n-1) {
		margin-left: 0;
		clear: left;
	}
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/*TOP PAGE*/
#wrapper_top #sub_wrapper {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}
#wrapper_top #author_toggle {
	display: block;
	width: 18rem;
	height: 18rem;
	margin: 0 auto;
	border-radius: 44% 44%;
}
#wrapper_top #author_image {
	width: 100%;
	height: 100%;
}
#wrapper_top #author {
	float: none;
	margin-left: 0;
	width: 100%;
	margin-bottom: 8rem;
}
#wrapper_top #author_hidden_block {
	width: 28%;
	margin: 4rem auto 0;
}
#wrapper_top .info_unit_block {
	width: 28%;
	float: left;
	margin-right: 8%;
}
#wrapper_top .info_unit_block:last-child {
	margin-right: 0;
}
#wrapper_top #info .info_unit_block .info_unit:first-child {
	margin-top: 0;
}
#wrapper_top #entry_share_container {
	text-align: center;
	margin-bottom: 4.2rem;
}
@media (max-width: 1024px) {
	#wrapper_top #sub_wrapper {
		box-sizing: border-box;
		width: 50%;
		padding-left: 1.4rem;
		padding-right: 1.4rem;
	}
	#wrapper_top #author_hidden_block {
		width: 100%;
	}
	#wrapper_top #author h2 {
		text-align: left;
	}
	#wrapper_top .info_unit_block {
		width: 100%;
		float: none;
		margin-right: auto !important;
		margin-left: auto;
	}
	#wrapper_top #info .info_unit_block .info_unit:first-child {
		margin-top: 6rem;
	}
}
@media (max-width: 768px) {
	#wrapper_top #sub_wrapper {
		width: 100%;
	}
}


/*HATENA ENTRIES*/
.hatena-bookmark-entrytitle {  }
.hatena-bookmark-widget-body li { position: relative; padding-left: 4.7rem; }
.hatena-bookmark-count {
	position: absolute;
	top: 0;
	left: 0;
}
.hatena-bookmark-widget-title, .hatena-bookmark-widget-footer { display: none; }
#info .hatena-bookmark-count a { text-decoration: none; }
#info .hatena-bookmark-count a:hover { text-decoration: underline; }
#info .hatena-bookmark-count a:active { /*general*/ }
.hatena-bookmark-count strong, .hatena-bookmark-count em {
	font-size: 1rem;
	font-weight: 500;
}

/*CATEGORY & ARCHIVE*/
.category_archive_prefix #info #author,
.category_archive_prefix #recent_entries,
.category_archive_prefix #header #site_subtitle,
.category_archive_prefix#footer {
	display: none;
}
.category_archive_prefix #header {
	padding-top: 4.2rem;
}
.category_archive_prefix#main {
	padding-top: 5.4rem;
}
.category_archive_prefix #header #site_title {
	text-align: left;
}
#entry_list_box h1 {
	font-size: 1.6rem;
	font-weight: 800;
	margin-bottom: 2.8rem;
}
#entry_list {
	width: 100%;
	overflow: hidden;
}
.list_date,
.list_category,
.list_title {
	float: left;
}
.list_date {
	clear: left;
	font-weight: 500;
}
.list_date,
.list_category {
	margin-right: 1.2rem;
}
.list_category {
}
#list_nav {
	clear: left;
	padding-top: 2.6rem;
}
#list_nav > ul {
	font-size: 0;
}
#list_nav > ul > li {
	display: inline-block;
	font-size: 1.8rem;
	margin-bottom: 0.8rem;
}
#list_nav > ul > li > a,
#list_nav > ul > li > span {
	display: block;
	box-sizing: border-box;
	width: 4.5rem;
	height: 4.5rem;
	font-weight: 400;
	text-align: center;
	margin-right: 1.2rem;
}
#list_nav > ul > li > a {
	line-height: 4.5rem;
}
#list_nav > ul > li > a,
#list_nav > ul > li > a:hover,
#list_nav > ul > li > a:active {
	color: #FFFFFF;
}
#list_nav > ul > li > span {
	color: #c3c4c5;
	border-radius: 44% 44%;
	border: solid 0.2rem #c3c4c5;
	line-height: 4.1rem;
}
@media (max-width: 1024px) {
	#wrapper .category_archive_prefix#sub_wrapper,
	#wrapper .category_archive_prefix #header #site_title {
		width: 95%;
		max-width: 700px;
		margin-left: auto;
		margin-right: auto;
	}
	#wrapper .category_archive_prefix #header {
		position: absolute;
		left: 0;
	}
	#wrapper .category_archive_prefix#main {
		padding-top: 17.3rem;
	}
}
@media (max-width: 768px) {
	#wrapper .category_archive_prefix#main,
	#wrapper .category_archive_prefix#sub_wrapper,
	#wrapper .category_archive_prefix #header #site_title {
		box-sizing: border-box;
		max-width: initial;
		max-width: auto;
		width: 100%;
	}
	#wrapper .category_archive_prefix#main,
	#wrapper .category_archive_prefix#sub_wrapper {
		padding-left: 1.4rem;
		padding-right: 1.4rem;
	}
	#wrapper .category_archive_prefix #header #site_title {
		padding-left: 0;
		padding-right: 0;
	}
}


/*FOR PRINT*/
@media print {
	#sitetitle a {
		color: #FFFFFF !important;
	}
	#entry_share_container,
	#recent_entries,
	#categories,
	#archive {
		display: none !important;
	}
	.unit {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

/*EMOJI*/
.emoji { position: relative; }
.emoji:before { position: relative; bottom: 0.2rem; }
.emoji.emoji-green_apple:before { content: "\1F34F"; }
.emoji.emoji-ox:before { content: "\1F402"; }
.emoji.emoji-owl:before { content: "\1F989"; }
