@charset "UTF-8";
	/*
		Theme: imin-no-theme
		Author: emigrant
		Responsive: yes
		Description:
		boilerplateテーマを元に自分用にチューニングを実施。現状テーマ登録の予定はなし。
	*/
	/* Document*/

	:root {
		--bgcolor: #014141;
		--bqcolor:#013535;
		--txtcolor:#dddddd;
		--bqtxt:#9999bb;
		--subcolor:#696969;		
		--hbcolor:#00757e;
	}

	html,
	body {
			color: var(--txtcolor);
			background-color:var(--bgcolor);
			line-height: 1.6rem;
			margin: 0;
	}

	strong {
			font-weight: bolder;
			font-size: 1.1rem;
	}

	u {
		text-decoration: none;
		color: var(--bqcolor);
		background-color: var(--bqcolor);
	}

	a {
			color: #52a6e7;
	}
	@media (hover:hover) {
		a:hover{
			color: #1266a7;
		}
	}

	a.keyword {
			text-decoration: none;
			border-bottom: 1px dotted var(--txtcolor);
			color: var(--bgcolor);
	}

	@media (hover:hover) {
			summary:hover {
				background-color: #00757e;
				transition: all 0.4s;
			}
	}

	.glo-header	a {
		color: var(--txtcolor);
		font-weight: bolder;
		}
		
	h1, h2, h3, h4, h5, h6 {
			font-size: 1.6rem;
			line-height: 1.7rem;
			font-weight: bolder;
	}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			text-decoration: none;
			color: var(--txtcolor);
	}
	h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
		text-decoration: underline;
		color: var(--txtcolor);
	}

	/* ヘッダ（グローバルヘッダ） */
	#globalheader-container {
		background-color:var(--bqcolor);
	}

	/* ブログタイトル ヘッダ */
	#blog-title {
			margin: 1rem 0;
			text-align: left;
	}
	#title {
		margin: 0.2rem 0;
		line-height: 2.6rem;
		font-size: 2.4rem;
	}

	/* ブログのひとこと説明*/
	#blog-description {
		font-size: 0.9rem;
		line-height: 1rem;
		font-style: normal;
	}

	/* パンくず（カテゴリー、記事ページで表示されます） */
	.breadcrumb {
		font-size: 0.9rem;
	}

	/* entry */
	.entry {
		position: relative;
		margin-bottom: 1rem;
	}
	.entry-header {
		padding-bottom: 0.1rem;
		margin-bottom: 0.1rem;
		border-bottom: 4px solid var(--hbcolor);
		position: relative;
	}

	.date {
		margin-top: 1.2rem;
		margin-bottom: 0.2rem;
		font-size: 0.9rem;
		border-bottom: 1px solid var(--subcolor);
	}
	.date a {
		text-decoration: none;
	}
	.date a:hover {
		text-decoration: underline;
	}

	.entry-title {
		margin: 0.3rem 0;
		font-size: 1.8rem;
		line-height: 2rem;
	}

	.categories {
		margin: 0.1rem 0.2rem 0.1rem 0;
		font-size: 0.9rem;
	}
	.categories a {
		text-decoration: none;
		background-color: var(--hbcolor);
	border-radius: 0.5vh;
	padding: 0.1rem 0.3rem;
		margin-right: 0.2rem;
		color: var(--txtcolor);
	}

	/* 「編集する」ボタン */
	.entry-header-menu {
		position: absolute;
		top: 0;
		right: 0;
	}

	#container,
	#footer {
		padding:0 0.5rem;
	}

	/* 2カラムレイアウト */
	@media (min-width: 1100px) {

		/* １カラムの時だけ見せるグローバルメニュー */
		.glo-header
	{
		display: none;
		}

			#container,
			#footer {
					width: 800px;
					margin: auto auto auto 1.5rem;
				}
			#main-inner {
				width : 800px;
				margin-left: 3rem;
			}
		#content-inner {
			display: flex;
			flex-direction: row-reverse;
			justify-content: space-between;
			}
			#wrapper {
				width: 600px;
				margin-left: -1.5rem;
		}
		#box2 {
			width: 300px;
		}
	}
	/* 2カラムレイアウト	ここまで */

	/* 一定以下の幅の時1カラムレイアウト */
	@media (max-width: 1099px) {

		#container,
		#footer {
				width: 95vw;
				margin: auto;
				padding: 0;
		}
				#content-inner {
					flex-direction: column;
					align-items: center;
			}
			#wrapper {
					width: 95vw;
			}
			#box2 {
				width: 95vw;
				margin-left: -1.5rem;
		}

			#box2-inner {
					display: flex;
					flex-wrap: wrap;
					flex-direction: column;
					justify-content: flex-start;
					flex-direction: row;
			}
			.hatena-module {
							padding-left: 2rem;
				}

				#footer {
				margin-left: 1.5rem;
				}	
	}
	/* 一定化の幅の時1カラムレイアウト ここまで */

	/* 記事内の書式 */
	.entry-content img,
	.entry-content video {
			max-width: 100%;
			height: auto;
	}

	.entry-content h1,
	.entry-content h2,
	.entry-content h3,
	.entry-content h4,
	.entry-content h5,
	.entry-content h6 {
		margin: 0 0 0 0.2rem;
		border-left: 5px solid var(--hbcolor);
		border-bottom: 1px solid var(--hbcolor);
		padding: 0.5rem;
	}

	.entry-content ul,
	.entry-content ol,
	.entry-content dd {
			margin: 0 0 1em 1.5em;
			padding: 0;
	}
	.entry-content ul li ul, .entry-content ul li ol,
	.entry-content ol li ul,
	.entry-content ol li ol,
	.entry-content dd li ul,
	.entry-content dd li ol {
			margin-bottom: 0;
	}

	.entry-content table {
			border-collapse: collapse;
			border-spacing: 0;
			border-bottom: 0.5rem;
			margin-bottom: 0.5rem;
			width: 100%;
			overflow: auto;
			display: block;
			font-size: 0.9rem;
	}
	.entry-content table th,
	.entry-content table td {
			border: 1px solid var(--subcolor);
			padding: 5px 10px;
	}
	.entry-content table th {
			background: var(--bqcolor);
	}

	.entry-content blockquote {
			color: var(--bqtxt);
			border: 1px solid var(--subcolor);
			background-color: var(--bqcolor);
			margin: 1rem 0;
			padding: 1rem 0.5rem;
	}
	.entry-content blockquote a{
		color: var(--bqtxt);
	}
	.entry-content blockquote p {
			margin: 0;
	}

	.entry-content pre,
	.entry-content code{
			font-family: 'Monaco', 'Consolas', 'Courier New', Courier, monospace, sans-serif;
			background: var(--bqcolor);
			color: var(--bqtxt);
			border: none;
			white-space: pre-wrap;
			text-overflow: ellipsis;
			font-size: 100%;
			line-height: 1.3;
			font-size: 0.9rem;
			padding: 0.5rem;
	}
	.entry-content pre > code {
			margin: 0;
			padding: 0;
			white-space: pre;
			border: none;
			background-color: transparent;
			font-family: 'Monaco', 'Consolas', 'Courier New', Courier, monospace, sans-serif;
	}

	.entry-content hr {
			width: 90%;
			border: 0;
			border: none;
			border-top: 1px solid var(--txtcolor);
			margin: 2em auto;
	}

	.entry-content q{
		background-color: var(--bqcolor);
		color: var(--bqtxt);
		border-radius: 0.4em;
		padding:1px 5px;
		margin:1px 2px;
	}
	.entry-content q::before,
	.entry-content q::after{
		content: none;
	}

	.entry-content .table-of-contents {
			padding: 1rem 1rem 1rem 2rem;
			margin: 1rem 0;
			border: 1px solid var(--txtcolor)
	}

	/* 追記用の囲み */
	.entry-content .ad-txt {
		color: #b1b100;
		border-radius: 0.5vh;
		border: 1px solid var(--subcolor);
		background-color: var(--bqcolor);
		margin: 1rem 0;
		padding: 0.5rem;
	}

	/* 記事下 */
	.entry-footer .social-buttons {
		margin-bottom: 1em;
	}

	.entry-footer-section {
			font-size: 0.9rem;
	}

	/* コメント */
	.comment-box {
		margin: 1rem 0;
	}
	.comment-box .comment {
		list-style: none;
		margin: 0 0 15px 0;
		padding: 0;
		line-height: 1.7rem;
		font-size: 0.9rem;
	}
	.comment-box .entry-comment {
		padding: 10px 0 10px 60px;
		border-bottom: 1px solid var(--txtcolor);
		position: relative;
	}
	.comment-box .entry-comment:first-child {
		border-top: 1px solid var(--txtcolor);
	}
	.comment-box .read-more-comments {
		padding: 0.3rem 0;
	}
	.comment-box .hatena-id-icon {
		position: absolute;
		top: 10px;
		left: 0;
		width: 50px !important;
		height: 50px !important;
		border-radius: 3px;
	}
	.comment-user-name {
		margin: 0 0 0.4em 0;
		font-weight: bold;
	}
	.comment-content {
		margin: 0 0 .4em 0;
		word-wrap: break-word;
		font-size: 0.9rem;
	}
	.comment-content p {
		margin: 0 0 0.6rem 0;
	}
	.comment-metadata {
			margin: 0;
		font-size: 0.9rem;
	}
	.leave-comment-title {
		padding: .6em 1em;
		font-size: 1rem;
		color: var(--txtcolor);
		background-color: var(--bqcolor);
		border: 1px solid var(--txtcolor);
	}

	/* Pager */
	.pager {
		margin: 0.5em 0;
		display: flex;
		justify-content: space-between;
	}

	/* サイドバーモジュール */
	.hatena-module {
		box-sizing: border-box;
		margin-bottom: 0.5rem;
		font-size: 0.9rem;
	}
	.hatena-module-title {
		margin-bottom: 0.6rem;
		padding-bottom: 0.2rem;
		border-bottom: 2px solid var(--bqtxt);
		font-size: 1rem;
		font-weight: bold;
	}
	.hatena-module-title a {
		color: var(--txtcolor);
		text-decoration: none;
	}
	.hatena-module-title a:hover {
		text-decoration: underline;
	}

	/* Profile module */
	.hatena-module-profile .profile-icon {
			margin: 0 0.7rem 0.7rem 0;
			float: left;
	}
	.hatena-module-profile .id {
		display: block;
		font-weight: bold;
		margin-bottom: 0.5rem;
	}
	.hatena-module-profile .profile-description p {
		margin-top: 0;
	}

	/* urllist module */
	.hatena-urllist {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.hatena-urllist li {
		padding: 0.1rem 0;
	}
	.hatena-urllist li:last-child {
		padding-bottom: 0;
	}
	.hatena-urllist li a {
		text-decoration: none;
	}
	.hatena-urllist li a:hover {
		text-decoration: underline;
	}

	.hatena-urllist .urllist-category-link {
		font-size: 0.7rem;
		padding: 0.1rem 0.3rem;
	}
	.hatena-urllist .urllist-date-link a {
		color: var(--txtcolor);
	}
	.hatena-urllist .urllist-entry-body {
		margin-top:0.3rem;
	}
		
		/* Pager */
		.pager {
				margin: 2rem 0;
				display: flex;
				justify-content: space-between;
		}
		
		/* Search module */
		.hatena-module-search-box .search-form {
				border: 1px solid var(--txtcolor);
				border-radius: 3px;
				width: 100%;
				box-sizing: border-box;
							display: flex;
				align-items: center;
		}
			.hatena-module-search-box .search-module-input {
				flex: 1 0;
				padding: 5px;
				color: var(--txtcolor);
				background: none;
				border: none;
				outline: none;
				height: 20px;
		}
			.hatena-module-search-box .search-module-button {
				width: 24px;
				height: 24px;
				margin-right: 5px;
				background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Esearch%3C/title%3E%3Cpath d='M16.7,15l-3.4-3.3h-.1a5.4,5.4,0,0,0,.9-3.1,5.6,5.6,0,1,0-5.6,5.6,5.4,5.4,0,0,0,3.1-.9.1.1,0,0,0,.1.1L15,16.7a1.1,1.1,0,0,0,.8.3,1.6,1.6,0,0,0,.9-.3,1.4,1.4,0,0,0,0-1.7M8.5,12.3A3.8,3.8,0,0,1,4.8,8.5,3.8,3.8,0,0,1,8.5,4.7a3.9,3.9,0,0,1,3.8,3.8,3.8,3.8,0,0,1-3.8,3.8'/%3E%3Crect class='a' width='20' height='20'/%3E%3C/svg%3E") no-repeat center;
				background-size: 20px 20px;
				border: none;
				outline: none;
				color: transparent;
				overflow: hidden;
				opacity: .5;
				cursor: pointer;
		}
			.hatena-module-search-box .search-module-button:hover {
				opacity: .85;
		}

	/* About ページ */
	.page-about .entry-content dt {
		font-weight: bold;
		border-bottom: 1px solid var(--txtcolor);
		margin-bottom: .1rem;
	}
	.page-about .entry-content dd {
		margin-left: 0;
		margin-bottom: 2rem;
	}

	/* Archive */
	.archive-header-category {
		text-align: center;
	}
	.page-archive .archive-entry {
		margin-bottom: 3rem;
		margin-left: auto;
		margin-right: auto;
		line-height: 1.3rem;
	}
	.page-archive .entry-title {
		margin: 0.3rem auto;
	}
	.page-archive .entry-thumb {
		width: 80px;
		height: 80px;
		background-size: cover;
	}
	.page-archive .entry-description {
		margin: 0;
		font-size: 0.9rem;
	}

	.page-archive .social-buttons {
		display: block;
		margin-top: 0.3rem;
	}

	/* フッターリンク = footer ? */
	#footer {
		text-align: inherit;
	}