@charset "UTF-8";

/*
Theme Name: Necomesi blog individual
Theme URI: https://necomesi.jp/
Author: Necomesi ltd.
Author URI: https://necomesi.jp/
Description: Theme for necomesi blog
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: necomesi_blog
Domain Path: /languages/
Tags:
*/

/* ======================================================
//
//   Necomesi blog
//
// ====================================================== */

/*
 * Webフォントのバージョンが v6 になったことによって
 * プロポーショナルメトリクスが使えなくなった。
 * なので中身をコピペしてむりやり v5 を読み込む。よくないけど…。
 */
/*@import "//fonts.googleapis.com/earlyaccess/notosansjapanese.css";*/

/*
* Noto Sans Japanese (japanese) http://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/ea/notosansjapanese/v5/NotoSansJP-Thin.woff2) format('woff2'),
       url(https://fonts.gstatic.com/ea/notosansjapanese/v5/NotoSansJP-Thin.woff) format('woff'),
       url(https://fonts.gstatic.com/ea/notosansjapanese/v5/NotoSansJP-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 200;
  src: url(https://fonts.gstatic.com/ea/notosansjapanese/v5/NotoSansJP-Light.woff2) format('woff2'),
       url(https://fonts.gstatic.com/ea/notosansjapanese/v5/NotoSansJP-Light.woff) format('woff'),
       url(https://fonts.gstatic.com/ea/notosansjapanese/v5/NotoSansJP-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 300;
   src: url(https://fonts.gstatic.com/ea/notosansjapanese/v5/NotoSansJP-DemiLight.woff2) format('woff2'),
        url(https://fonts.gstatic.com/ea/notosansjapanese/v5/NotoSansJP-DemiLight.woff) format('woff'),
        url(https://fonts.gstatic.com/ea/notosansjapanese/v5/NotoSansJP-DemiLight.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 400;
   src: url(https://fonts.gstatic.com/ea/notosansjapanese/v5/NotoSansJP-Regular.woff2) format('woff2'),
        url(https://fonts.gstatic.com/ea/notosansjapanese/v5/NotoSansJP-Regular.woff) format('woff'),
        url(https://fonts.gstatic.com/ea/notosansjapanese/v5/NotoSansJP-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 500;
   src: url(https://fonts.gstatic.com/ea/notosansjapanese/v5/NotoSansJP-Medium.woff2) format('woff2'),
        url(https://fonts.gstatic.com/ea/notosansjapanese/v5/NotoSansJP-Medium.woff) format('woff'),
        url(https://fonts.gstatic.com/ea/notosansjapanese/v5/NotoSansJP-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 700;
   src: url(https://fonts.gstatic.com/ea/notosansjapanese/v5/NotoSansJP-Bold.woff2) format('woff2'),
        url(https://fonts.gstatic.com/ea/notosansjapanese/v5/NotoSansJP-Bold.woff) format('woff'),
        url(https://fonts.gstatic.com/ea/notosansjapanese/v5/NotoSansJP-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 900;
   src: url(https://fonts.gstatic.com/ea/notosansjapanese/v5/NotoSansJP-Black.woff2) format('woff2'),
        url(https://fonts.gstatic.com/ea/notosansjapanese/v5/NotoSansJP-Black.woff) format('woff'),
        url(https://fonts.gstatic.com/ea/notosansjapanese/v5/NotoSansJP-Black.otf) format('opentype');
 }

/* ======================================================
// Normalize
// ------------------------------------------------------ */

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
button,hr,input{overflow:visible}
audio,canvas,progress,video{display:inline-block}
progress,sub,sup{vertical-align:baseline}
[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}
html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}
h1{font-size:2em;margin:.67em 0}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}
dfn{font-style:italic}
mark{background-color:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative}
sub{bottom:-.25em}
sup{top:-.5em}
audio:not([controls]){display:none;height:0}
img{border-style:none}
svg:not(:root){overflow:hidden}
button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}
button,select{text-transform:none}
[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}
fieldset{padding:.35em .75em .625em}
legend{color:inherit;display:table;max-width:100%;white-space:normal}
textarea{overflow:auto}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
summary{display:list-item}
[hidden],template{display:none}


/* ======================================================
// Base
// ------------------------------------------------------ */

*,
*::before,
*::after {
	box-sizing: inherit;
}
/* Override normalize */
hr, input[type="search"] {
	box-sizing: border-box;
}
html {
	box-sizing: border-box;
	font-size: 14px;
	word-wrap: break-word;
	font-family: sans-serif;
}
a       { color: #00459c; text-decoration: none; }
a:hover { color: #0ba2dd; }
figure {
	margin: 0;
}
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	padding: 5px 9px;
	border-radius: 3px;
	border: 1px solid #c7bab5;
	font-size: 16px;
}
textarea {
	padding: 5px 9px;
	border-radius: 3px;
	border: 1px solid #c7bab5;
	font-size: 16px;
}
select {
	font-size: 16px;
}
button,
input[type="submit"],
input[type="button"] {
	padding: 10px 15px;
	border: none;
	border-radius: 3px;
	background-color: #d5d5c3;
}
button:active,
input[type="submit"]:active,
input[type="button"]:active {
	padding: 12px 13px 8px 17px;
	box-shadow: inset 2px 2px 5px rgba(0, 0, 0, .3);
}
code,
kbd,
pre,
samp {
	font-family: Consolas, "Liberation Mono", Courier, monospace;
}

@media screen and (min-width: 640px) {
	html {
		font-size: 16px;
	}
}


/* ======================================================
// Blocks
// ------------------------------------------------------ */

/* ------------------------------------------------------
// normal
*/

.nb-normal {
}
.nb-normal *:first-child,
.nb-normal .alignleft + *,
.nb-normal .alignright + *,
.nb-posts .nb-normal *:first-child {
	margin-top: 0;
}
.nb-normal h1,
.nb-normal h2,
.nb-normal h3,
.nb-normal h4,
.nb-normal h5,
.nb-normal h6 {
	font-family: "Noto Sans Japanese", sans-serif;
	font-feature-settings: "palt";
}
.nb-normal h1 {
	margin: 2em 0 1.5rem;
	line-height: 1.2;
}
.nb-normal h2 {
	margin: 2em 0 1.5rem;
	line-height: 1.2;
}
.nb-normal h3,
.nb-normal h4,
.nb-normal h5,
.nb-normal h6 {
	margin: 1.5em 0 .5rem;
	line-height: 1.3;
}
.nb-normal h3 + p,
.nb-normal h3 + ul,
.nb-normal h3 + ol,
.nb-normal h3 + blockquote,
.nb-normal h4 + p,
.nb-normal h4 + ul,
.nb-normal h4 + ol,
.nb-normal h4 + blockquote,
.nb-normal h5 + p,
.nb-normal h5 + ul,
.nb-normal h5 + ol,
.nb-normal h5 + blockquote,
.nb-normal h6 + p,
.nb-normal h6 + ul,
.nb-normal h6 + ol,
.nb-normal h6 + blockquote {
	margin-top: .5em;
}
.nb-normal p,
.nb-normal ul,
.nb-normal ol,
.nb-normal blockquote {
	margin-top: 2em;
	margin-bottom: 2em;
	line-height: 2;
}
/* 一覧の場合は少しコンパクトにまとめる */
.nb-posts .nb-normal p,
.nb-posts .nb-normal ul,
.nb-posts .nb-normal ol,
.nb-posts .nb-normal blockquote {
	margin-top: .8em;
	margin-bottom: .8em;
}
.nb-normal ul ul,
.nb-normal ul ol,
.nb-normal ol ul,
.nb-normal ol ol {
	margin-top: 0;
	margin-bottom: 0;
}
.nb-normal ul {
	padding-left: 1em;
	list-style: none;
}
.nb-normal ul > li::before {
	content: "";
	float: left;
	width: 0.375em;
	height: 0.375em;
	margin: 0.6em 0.625em 0 -1em;
	background-color: #000;
	border-radius: 51%;
}
.nb-normal ul ul > li::before {
	background-color: transparent;
	border-width: 1px;
	border-style: solid;
}
.nb-normal li ul > li {
	padding-left: 1em;
}
.nb-normal ol {
	padding-left: 1.8em;
}
.nb-normal blockquote {
	margin-right: 0;
	margin-left: 0;
	padding-left: 1.3em;
	color: #666;
	border-left: 5px solid #ccc;
	font-size: 87.5%;
}
.nb-normal img {
	max-width: 100%;
	height: auto;
}
.nb-normal a {
	text-decoration: underline;
}
.nb-normal table {
	width: 100%;
	font-size: 87.5%;
	border: 3px solid #666;
}
.nb-normal tr {
}
.nb-normal th {
	text-align: left;
	padding: 3px 5px;
	background-color: #ececec;
	border: 1px solid #666;
}
.nb-normal td {
	padding: 3px 5px;
	border: 1px solid #ccc;
}

/* ------------------------------------------------------
// fullbox
*/

.nb-fullbox {
}

@media screen and (min-width: 640px) {
	.nb-fullbox {
		max-width: calc(100vw - 17px - 30px);
		width: 127.6%; /* 740 / 580 */
		margin-left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

/* ------------------------------------------------------
// header
*/

.nb-header {
    margin-top: 40px;
    background-image: url(assets/img/necomesi.svg);
    background-position: 50% 0;
    background-size: 200px 118px;
    background-repeat: no-repeat;
}
.nb-header > div {
	padding-top: 125px;
}
.nb-header-heading {
	margin: 0 auto;
	padding: 0 15px;
    font-size: 36px;
    line-height: 1;
    font-weight: 900;
	font-family: "Noto Sans Japanese", sans-serif;
    font-feature-settings: "palt";
	text-align: center;
}
.nb-header-home {
	color: #000;
	text-decoration: none;
}
.nb-header-home:hover {
	color: #333;
}
.nb-header-description {
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	padding: 0 15px;
	text-align: center;
	line-height: 1.5;
}

@media screen and (min-width: 640px) {
	.nb-header {
		margin-top: 72px;
		background-size: 358px 208px;
	}
	.nb-header > div {
		padding-top: 210px;
	}
	.nb-header-heading {
		font-size: 54px;
	}
}

/* ------------------------------------------------------
// body
*/

.nb-body {
	margin: 0 auto;
}
.nb-body > div {
	padding: 0 15px;
}

@media screen and (min-width: 640px) {
	.nb-body > div {
		max-width: 770px;
		margin: 0 auto;
	}
}

/* ------------------------------------------------------
// footer
*/

.nb-footer {
	margin-top: 5em;
	background: url(assets/img/necomesi2.svg) center / 392px 149px no-repeat;
	font-size: .875em;
}
.nb-footer > div {
	height: 149px;
	margin: 0 auto;
	padding-top: 50px;
	color: #fff;
	text-align: center;
}
.nb-footer a,
.nb-footer a:hover {
	padding: 5px;
	background-color: #231815;
	color: #fff;
}

@media screen and (min-width: 640px) {
	.nb-footer {
		background-size: 784px 298px;
	}
	.nb-footer > div {
		height: 298px;
		padding-top: 100px;
	}
}

/* ------------------------------------------------------
// hr
*/

.nb-hr {
	width: 100px;
	margin: 3em auto;
	border: 0;
	height: 28px;
	background: url(assets/img/mesi.svg) center no-repeat;
}

@media screen and (min-width: 640px) {
	.nb-hr {
		margin-top: 5em;
		margin-bottom: 5em;
	}
}

/* ------------------------------------------------------
// avatar
*/

.nb-avatar {
	display: inline-block;
	width: 41px;
	height: 41px;
	border: 1px solid #bcb6b5;
	padding: 2px;
}
.nb-avatar img {
	display: block;
	width: 35px;
	height: 35px;
}

@media screen and (min-width: 640px) {
	.nb-avatar {
		width: 56px;
		height: 56px;
	}
	.nb-avatar img {
		width: 50px;
		height: 50px;
	}
}

/* ------------------------------------------------------
// section
*/

.nb-section {
	margin: 3em 0;
}
.nb-section-heading {
	overflow: hidden;
	margin-bottom: 0;
	font-size: 24px;
	line-height: 1;
	font-weight: bold;
}

@media screen and (min-width: 640px) {
	.nb-section-heading {
		font-size: 30px;
	}
}

/* ------------------------------------------------------
// search
*/

.nb-search {
	/* Not implemented */
	display: none;
}

/* ------------------------------------------------------
// posts
*/

.nb-posts {
}
.nb-posts-list {
	margin: 2em 0;
}

/* ------------------------------------------------------
// post
*/

.nb-post {
	position: relative;
	max-width: 580px;
	margin: 5em auto 0;
}
.nb-post:first-child {
	margin-top: 2em;
}
.nb-post-title {
}
.nb-post-title h1 {
	margin: 0;
	color: #c6251d;
	font-size: 2em;
	line-height: 1.2;
	font-family: "Noto Sans Japanese", sans-serif;
	font-feature-settings: "palt";
}
.nb-post-title a {
	color: #c6251d;
	text-decoration: none;
}
.nb-post-title a:hover {
	color: #e92a20;
}
.nb-post-hatebu,
.nb-news-hatebu {
	font-size: 0;
	text-decoration: none;
	background: none;
}
.nb-post-hatebu img {
	font-size: 1rem;
}
.hatena-star-comment-container a,
.hatena-star-star-container a {
	background: none;
}
.nb-post-footer {
}
.nb-post-meta {
	margin: .3em 0 0;
	color: #8b827f;
	line-height: 1.5;
}
.nb-post-meta dt {
	display: inline;
}
.nb-post-meta dd {
	display: inline;
	margin-left: 1em;
	vertical-align: baseline;
}
.nb-post-meta dd:nth-of-type(1) {
	margin-left: 0;
}
.nb-post-avatar {
	position: absolute;
	top: .1em;
	right: 0;
}
.nb-post-body {
	margin-top: 1em;
	line-height: 1.5;
}
.nb-post-body p.nb-post-more {
	margin-bottom: 0;
}
.nb-post-meta2 {
	margin-top: 3rem;
	color: #8b827f;
	font-size: .875rem;
	line-height: 1.5;
}
.nb-post-meta2 dt,
.nb-post-meta2 dd,
.nb-post-meta2 ul,
.nb-post-meta2 li {
	display: inline;
	margin: 0;
	padding: 0;
}
.nb-post-meta2 dt::after {
	content: "：";
}
.nb-post-meta2 a {
	color: #665f5c;
}
.nb-post-meta2-list {
	padding-left: 0;
	list-style: none;
}
.nb-post-meta2-list li::after {
	content: ", ";
}
.nb-post-meta2-list li:last-child::before {
	content: "";
}
.nb-post-meta2-category + dd::after,
.nb-post-meta2-tag + dd::after,
.nb-post-meta2-permalink + dd::after {
	content: "\a";
	white-space: pre-wrap;
}

@media screen and (min-width: 640px) {
	.nb-post-title {
		margin-right: 0;
	}
}

/* ------------------------------------------------------
// comments
*/

.nb-comments {
	margin: 3em 0;
}

/* ------------------------------------------------------
// comment
*/

.comment {
}
.comment .comment {
	margin-left: 16px;
}
.comment .avatar {
	width: 16px;
	height: 16px;
	vertical-align: -2px;
}
.comment .says {
	display: none;
}
.comment-header {
	font-size: .875em;
	margin-bottom: .5em;
}
.comment-body {
	margin: 1.5em 0;
}
.comment-content {
	font-size: .875em;
	line-height: 1.5;
}
.comment-content > *:first-child  {
	margin-top: 0;
}
.comment-content > *:last-child  {
	margin-bottom: 0;
}
.comment-content p,
.comment-content blockquote {
	margin: 1em 0;
}
.comment-footer {
	font-size: .875em;
	margin-top: .5em;
	color: #8b827f;
}
.comment-footer a {
	color: #665f5c;
}
.comment-list .comment-respond {
	margin-left: 16px;
}
.comment-reply-title {
	margin-top: 2em;
}
.comment-notes {
	display: none;
}
.comment-form-author label::after,
.comment-form-comment label::after {
	content: "：";
	white-space: pre-wrap;
}
.comment-form-author input,
.comment-form-comment textarea {
	width: 100%;
	margin-top: .3em;
}
.comment-form-email,
.comment-form-url {
	display: none;
}
.form-allowed-tags {
	display: none;
}
.form-submit {
	text-align: right;
}

@media screen and (min-width: 640px) {
	.comment .comment {
		margin-left: 32px;
	}
}

/* ------------------------------------------------------
// blogs
*/

.nb-blogs {
}
.nb-blogs-list {
}

@media screen and (min-width: 640px) {
	.nb-blogs-list {
		margin: -2em 0 0 -30px;
		font-size: 0;
	}
}

/* ------------------------------------------------------
// blog
*/

.nb-blog {
	margin: 1.5em 0 0;
}
.nb-blog > div {
	padding-left: 55px;
}
.nb-blog-name {
	margin: 0;
}
.nb-blog-textName {
	display: none;
}
.nb-blog-avatar {
	float: left;
	margin-left: -55px;
}
.nb-blog-info {
	margin: 0;
}
.nb-blog-info-author,
.nb-blog-info-title {
	display: none;
}
.nb-blog-info-blog,
.nb-blog-info-topic {
	display: inline-block;
	margin-top: .5em;
}
.nb-blog-info-blog::after,
.nb-blog-info-topic::after {
	content: "：";
}
.nb-blog-info-author + dd,
.nb-blog-info-title + dd,
.nb-blog-info-blog + dd,
.nb-blog-info-topic + dd {
	display: inline;
	margin-left: 0;
	line-height: 1.3;
}
.nb-blog-info-title + dd::after,
.nb-blog-info-blog + dd::after {
	content: "\a";
	white-space: pre-wrap;
}
.nb-blog-info-author + dd {
	font-size: 1.2em;
	line-height: 1;
	font-weight: bold;
}
.nb-blog-info-title + dd {
	margin-left: 5px;
	font-size: 0.9em;
}

@media screen and (min-width: 640px) {
	.nb-blog {
		display: inline-block;
		width: 50%;
		margin: 2em 0 0;
		padding-left: 30px;
		font-size: 1rem;
		vertical-align: top;
	}
	.nb-blog > div {
		padding-left: 85px;
	}
	.nb-blog:first-child {
		margin-top: 2em;
	}
	.nb-blog-avatar {
		margin-left: -85px;
	}
	.nb-blog-avatar .nb-avatar {
		width: 70px;
		height: 70px;
	}
	.nb-blog-avatar .nb-avatar img {
		width: 64px;
		height: 64px;
	}
}

/* ------------------------------------------------------
// newsList
*/

.nb-newsList {
}
.nb-newsList-list {
	margin: 1.5em 0;
}

@media screen and (min-width: 640px) {
	.nb-newsList-list {
		display: table;
		margin: .5em 0;
	}
}

/* ------------------------------------------------------
// news
*/

.nb-news {
	margin: 1em 0;
	line-height: 1.3;
}
.nb-news-date {
	display: block;
	white-space: nowrap;
}
.nb-news-title {
	margin: 0;
	font-size: 1em;
	font-weight: normal;
}

@media screen and (min-width: 640px) {
	.nb-news {
		display: table-row;
	}
	.nb-news-date {
		display: table-cell;
		white-space: nowrap;
	}
	.nb-news-date::before {
		float: none;
		margin: 0;
	}
	.nb-news-title {
		display: table-cell;
		padding: 1em 0 0 10px;
	}
}

/* ------------------------------------------------------
// widget-area
*/

.widget-area {
	font-size: 0;
}
/* clearfix */
.widget-area::before,
.widget-area::after {
	content: "";
	display: table;
}
.widget-area::after {
	clear: both;
}

@media screen and (min-width: 640px) {
	.widget-area {
		margin-left: -32px;
	}
}

/* ------------------------------------------------------
// widget
*/

.widget {
	font-size: 1rem;
	text-align: left;
}
.widget h1,
.widget h2 {
	font-family: "Noto Sans Japanese", sans-serif;
	font-feature-settings: "palt";
}
.widget h1 {
	margin-top: 1.5em;
	font-size: 1.5rem;
}
.widget h2 {
	margin-top: 1em;
	margin-bottom: 0.6em;
	font-size: 1.2rem;
}
.widget ul,
.widget ol {
	padding: 0;
	line-height: 1.3;
	list-style: none;
}
.widget li {
	margin: 1em 0;
}
.widget select {
	width: 100%;
	height: 2em;
}

@media screen and (min-width: 640px) {
	.widget {
		display: inline-block;
		width: 33.33%;
		padding: 0 0 0 32px;
		vertical-align: top;
	}
}

/* ------------------------------------------------------
// widget_search
*/

.widget_search {
	margin: 0 0 3em;
	text-align: center;
}
.widget_search h1 {
	display: none;
}
input.search-field {
	width: 180px;
	padding: 8px 13px;
	border: 2px solid #d5d5c6;
	vertical-align: bottom;
}
.search-submit {
	font-size: 16px;
	vertical-align: bottom;
}

@media screen and (min-width: 640px) {
	.widget_search {
		display: block;
		width: auto;
		margin-bottom: 1.5em;
		padding: 0;
	}
}

/* ------------------------------------------------------
// profile
*/

.nb-profile {
	width: 100%;
	line-height: 1.7;
}
.nb-profile::before,
.nb-profile::after {
	content: "";
	display: table;
}
.nb-profile::after {
	clear: both;
}
.nb-profile p {
}
.nb-profile-avatar {
	float: left;
	margin: .3em 1em 1em 0;
}
.nb-profile-avatar img {
	display: block;
	width: 96px;
	height: 96px;
}
.nb-profile-name {
	margin: .3em 0;
	font-weight: bold;
}
.nb-profile-bio {
	margin: .3em 0;
}

/* ------------------------------------------------------
// introduction
*/

.nb-introduction {
	width: 100%;
	font-size: 0.875rem;
	line-height: 1.7;
}
.nb-introduction h1 {
	margin-bottom: 0.4em;
}
.nb-introduction p,
.nb-introduction ul {
	margin: 1em 0;
}
.nb-introduction li::before {
	content: "・";
}
.nb-introduction .nb-introduction-necomesi {
	margin-top: 2em;
	font-weight: bold;
}

@media screen and (min-width: 640px) {
	.nb-introduction-items {
		margin-left: -32px;
		overflow: hidden; /* clearfix */
		font-size: 0;
	}
	.nb-introduction-section {
		float: left;
		width: 50%;
		padding-left: 32px;
		font-size: 0.875rem;
	}
}


/* ======================================================
// Menus
// ------------------------------------------------------ */

.comment-navigation,
.paging-navigation,
.post-navigation {
	margin: 3em 0;
	overflow: hidden;
}
.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}


/* ======================================================
// Accessibility
// ------------------------------------------------------ */

.assistive-text,
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}


/* ======================================================
// Alignments
// ------------------------------------------------------ */

.alignleft {
	float: left;
	margin-right: 1em;
}
.alignright {
	float: right;
	margin-left: 1em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-right: auto;
	margin-left: auto;
}


/* ======================================================
// Media
// ------------------------------------------------------ */

.wp-caption {
	border: 1px solid #ccc;
	margin-top: .25em;
	margin-bottom: 1em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.4em 0;
}
.site-main .gallery {
	margin-bottom: 1.5em;
}
.gallery-caption {
}
.site-main .gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.site-main .gallery dd,
.site-main .gallery figcaption {
	margin: 0;
}
.site-main .gallery-columns-4 .gallery-item {
}
.site-main .gallery-columns-4 .gallery-item img {
}
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}


/* ======================================================
// Misc
// ------------------------------------------------------ */

.not-found {
	text-align: center;
}

/* Display Posts Shortcode Plugin */
.display-posts-listing li {
	margin-top: 0.7em;
	margin-bottom: 0.7em;
}
.display-posts-listing a {
	text-decoration: none;
}

/*

Original highlight.js style (c) Ivan Sagalaev <maniac@softwaremaniacs.org>

*/

.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #F0F0F0;
}


/* Base color: saturation 0; */

.hljs,
.hljs-subst {
  color: #444;
}

.hljs-comment {
  color: #888888;
}

.hljs-keyword,
.hljs-attribute,
.hljs-selector-tag,
.hljs-meta-keyword,
.hljs-doctag,
.hljs-name {
  font-weight: bold;
}


/* User color: hue: 0 */

.hljs-type,
.hljs-string,
.hljs-number,
.hljs-selector-id,
.hljs-selector-class,
.hljs-quote,
.hljs-template-tag,
.hljs-deletion {
  color: #880000;
}

.hljs-title,
.hljs-section {
  color: #880000;
  font-weight: bold;
}

.hljs-regexp,
.hljs-symbol,
.hljs-variable,
.hljs-template-variable,
.hljs-link,
.hljs-selector-attr,
.hljs-selector-pseudo {
  color: #BC6060;
}


/* Language color: hue: 90; */

.hljs-literal {
  color: #78A960;
}

.hljs-built_in,
.hljs-bullet,
.hljs-code,
.hljs-addition {
  color: #397300;
}


/* Meta color: hue: 200 */

.hljs-meta {
  color: #1f7199;
}

.hljs-meta-string {
  color: #4d99bf;
}


/* Misc effects */

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}