/*
Theme Name: Miyata
Author: Motoharu Sumi
Author URI: https://www.searchengineoptimization.jp
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Normalize
-------------------------------------------------------------- */
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	}
article,
aside,
footer,
header,
nav,
section,
main {
	display: block;
	}
hr {
	border: 0;
	background-color: #eee;
	height: 1px;
	margin: 36px;
	}
a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
	}
b,
strong,
em {
	font-weight: inherit;
	font-weight: bold;
	font-style: normal;
	}
small {
	font-size: 80%;
	}
audio,
video {
	display: inline-block;
	}
audio:not([controls]) {
	display: none;
	height: 0;
	}
img {
	border-style: none;
	-ms-interpolation-mode: bicubic;
	}
svg:not(:root) {
	overflow: hidden;
	}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
	}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
	overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
	text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
	}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
	}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
	}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
	}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
	}
[hidden] {
	display: none;
	}
/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
	clear: both;
	}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
	display: table;
	content: "";
	}

/* =Repeatable patterns
-------------------------------------------------------------- */

/* Responsive images */
.entry-content img,
embed,
iframe,
object,
video {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
	}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
	}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
	}
/* links */
a:link {
	color: #1a0dab;
	text-decoration: none;
	}
a:visited {
	color: #64009e;
	}
a:hover,
a:active {
	color: #dd4b39;
	}

/* =Basic structure
-------------------------------------------------------------- */

/* Body basics */
body {
	margin: 0;
	padding: 0;
	overflow-wrap: break-word;
	font-family: sans-serif;
	text-rendering: optimizeLegibility;
	color: #555;
	height: 100%;
	position: relative;
	}
/* Header */
.site-header {
	height: 48px;
	width: 100%;
	}
.site-header hgroup a {
	display: block;
	width: 280px;
	height: 48px;
	float: left;
	}
.site-header h1,
.site-header h2 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #666;
	line-height: 1;
	font-weight: normal;
	display: block;
	float: left;
	}
.site-header h1 {
	padding: 10px 6px 0 6px;
	}
.site-header h2 {
	padding: 19px 0 0 6px;
	}
.hidden {
	display: none;
	}
/* Footer */
footer[role="contentinfo"] {
	width: 100%;
	border-top: #eee 1px solid;
	}
.site-info {
	text-align: center;
	font-size: 14px;
	line-height: 2;
	padding-bottom: 6px;
	margin-bottom: 0;
	}
.footer-link ul {
	list-style-type: none;
	}
.footer-link ul li {
	display: inline-block;
	margin: 0 12px;
	}

/* =Main content
-------------------------------------------------------------- */
.wp-editor { /* for Editor Style */
	padding: 0 20px !important;
	}
.breadcrumbs {
	padding-top: 48px;
	clear :both;
	}
.current-item {
	display: none;
	}
.single .entry-header,
.page .entry-header,
.archive-header {
	padding: 24px 0 0 0;
	}
.single .entry-header h1,
.page .entry-header h1,
.archive-header h1 {
	margin-top: 0;
	margin-bottom: 24px;
	font-weight: normal;
	line-height: 1.4;
	}
.entry-content h2,
h2.entry-title,
.yarpp-related h2,
.entry-content h3,
.category-navigation h2,
.post-navigation h2 {
	margin: 36px 0 24px 0;
	font-weight: normal;
	}
.entry-content h2,
h2.entry-title,
.entry-content h3,
.entry-content h4 {
	clear: both;
	}
.entry-content h2,
h2.entry-title,
.post-navigation h2,
.yarpp-related h2,
.category-navigation h2 {
	margin-top: 60px;
	border-bottom: #eeeeee 4px solid;
	}
h2.entry-title a {
	text-decoration: none;
	}
.entry-content h3 {
	margin-top: 48px;
	font-weight: bold;
	border-bottom: #eeeeee 2px solid;
	}
.entry-content p {
	margin: 30px 0;
	}
.entry-content p a:link,
.entry-content dd a:link,
.entry-content li a:link {
	border-bottom: #1a0dab 1px solid;
	padding:0 0 2px 0;
	}
.entry-content p a:visited,
.entry-content dd a:visited,
.entry-content li a:visited {
	border-bottom: #64009e 1px solid;
	padding-bottom: 2px;
	}
.entry-content p a:hover,
.entry-content p a:active,
.entry-content dd a:hover,
.entry-content dd a:active,
.entry-content li a:hover,
.entry-content li a:active {
	border-bottom: #dd4b39 1px solid;
	padding-bottom: 2px;
	}
/* block */
.entry-content blockquote {
	margin: 24px 6px;
	padding: 48px 24px;
	font-style: normal;
	background-color:#fcfcfc;
	position:relative;
	}
.entry-content blockquote:before {
	content:"“";
	font-size:600%;
	line-height:1em;
	color:#e4e4e4;
	position:absolute;
	left:0;
	top:0;
	}
.entry-content blockquote:after {
	content:"”";
	font-size:600%;
	line-height:0em;
	color:#e4e4e4;
	position:absolute;
	right:0;
	bottom:0;
	}
.entry-content blockquote cite {
	display: block;
	text-align: right;
	font-size: smaller;
	padding-top: 1em;
	border-top: #e4e4e4 1px solid;
	}
.entry-content pre {
	border: 1px solid #ededed;
	font-family: monospace;
	font-size: 16px;
	overflow: auto;
	padding: 24px;
	}
.entry-content pre code {
	display: block;
	}
/* List */
.entry-content pre,
.entry-content ul,
.entry-content ol,
.entry-content dl {
	margin: 36px 0;
	}
.entry-content li {
	margin-bottom: 8px;
	}
.entry-content ul ul,
.entry-content ul ol,
.entry-content ol ul,
.entry-content ol ol {
	margin: 0;
	}
.entry-content dl {
	padding: 0;
	}
.entry-content dt {
	padding-left: 12px;
	font-weight: bold;
	border-left: #eeeeee 4px solid;
	}
.entry-content dd {
	margin-left: 16px;
	margin-bottom: 24px;
	}
/* Table */
.entry-content table {
	margin: 36px 0;
	padding: 0;
	border-spacing: 0;
	border: 0;
	width: 100%;
	}
.entry-content table caption {
	margin: 24px 0 12px 0;
	text-align: left;
	}
.entry-content tr {
	margin: 0;
	}
.entry-content th,
.entry-content td{
	margin: 0;
	border: 0;
	padding: 6px 10px;
	font-weight: normal;
	text-align: left;
	border-bottom: #e4e4e4 1px solid;
	}
.entry-content tr:last-child th,
.entry-content tr:last-child td {
	border-bottom: 0;
	}
p.alignright {
	text-align: right;
	}
.page-links {
	clear: both;
	}
/* Images */
img.alignleft,
.wp-caption.alignleft {
	margin: 12px 24px 12px 0;
	float: left;
	}
img.alignright,
.wp-caption.alignright {
	margin: 12px 0 12px 24px;
	float: right;
	}
img.aligncenter,
.wp-caption.aligncenter {
	clear: both;
	display: block;
	margin: 24px auto;
	}
/* Entry Footer */
footer.entry-meta {
	margin-top: 36px;
	clear: both;
	padding: 14px 12px;
	background-color:#fcfcfc;
	border-radius: 6px;
	}
footer.entry-meta h2 {
	font-weight: normal;
	margin: 0;
	border-bottom: 2px solid #ededed;
	}
.entry-meta-data {
	float: left;
	}
.entry-meta-data ul {
	padding-left: 0;
	}
.entry-meta-data ul li {
	padding-left: 0;
	float: left;
	}
.entry-meta-data .author,
.entry-meta-data .tag {
	width: 100%;
	}
footer.entry-meta h3 {
	font-weight: normal;
	margin: 16px 0 0 0;
	}
footer.entry-meta p {
	}
.progfilecard-photo {
	border-radius: 50%;
	float: left;
	margin: 12px 12px 0 6px;
	}
.entry-meta-data ul {
	list-style-type: none;
	}
.entry-meta-data time,
.entry-meta-data span {
	vertical-align: 2px;
	margin-left: 2px;
	}
.entry-meta-data span a {
	margin-right: 20px;
	}
.cta {
	margin: 12px auto;
	}
.cta a {
	color: #666;
	display: block;
	background-color:#fcfcfc;
	border: 2px solid #ededed;
	border-radius: 16px;
	text-align: center;
	padding: 8px;
	}
.cta a:hover {
	background-color:#ededed;
	border: 2px solid #fcfcfc;
	}
/* Archive Pages */
.blog article p,
.category article p,
.search article p {
	margin-bottom: 0;
	}
.readmore {
	margin-top: 0;
	text-align: right;
	}

/* Pagenation */
.ori_pagenavi {
	clear:both;
	padding:20px 0;
	position:relative;
	line-height:13px;
	margin-bottom: 0.5em;
	}
.ori_pagenavi span, .ori_pagenavi a:link,
.ori_pagenavi span, .ori_pagenavi a:visited {
	display: inline-block;
	margin: 2px 2px 2px 0;
	padding:8px 9px 7px 9px;
	text-decoration:none;
	width:auto;
	color: #333;
	background: #e4e4e4;
	}
.ori_pagenavi a:hover{
	background:#ededed;
	color: #777;
	}
.ori_pagenavi .current {
	padding:8px 9px 7px 9px;
	background: #efefef;
	color: #777;
	}

/* =Plugins
----------------------------------------------- */
/* Table of Content Plus */
#toc_container {
	border: #eeeeee 1px solid;
	margin: 24px;
	background: #fcfcfc;
	}
p.toc_title {
	margin: 24px;
	border-bottom: #eeeeee 2px solid;
	}
ul.toc_list {
	list-style-type: none;
	margin: 24px 0;
	}
ul.toc_list ul {
	list-style-type: none;
	margin: 0;
	}
.entry-content .toc_list li {
	margin: 0;
	}
.entry-content .toc_list li a {
	border-bottom: 0;
	}
.toc_number:after {
	content:". ";
	}
/* Yet Another Related Post Plugin (YARPP) */
.yarpp-related h2 {
	margin-bottom: 12px;
	}
.yarpp-related ul {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: space-between;
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
.yarpp-related ul li {
	line-height: 1.2;
	}
.yarpp-related ul li a {
	display: block;
	margin: 0 0 24px 0;
	}
.yarpp-related ul li img {
	margin: 0;
	width: 100%;
	}
/* Social Buttons */
.share-button {
	width: 308px;
	margin: 60px auto 24px auto;
	display: flex;
	justify-content: space-between;
	}
.share-button a {
	color: #777;
	}
/* Flexible Table Block */
table body tr th.nowrap {
	white-space: nowrap;
	}


.search-menu {
	height: 32px;
	}
.search-menu input[type=text]{
	}
.screen-reader-text {
	display: none;
	}

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

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@viewport {
	width: device-width;
	}
/* Maximum width of 727 pixels. */
@media screen and (max-width: 727px) {
	body {
		font-size: 15px;
		line-height: 1.8;
		height: 100%;
		}
	.site {
		margin: 0 auto;
		max-width: 728px;
		}
	/* Navigation */
	.nav-collapse {
		height: auto;
		}
	.nav-container {
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		padding: 0;
		height: 100%;
		width: 100%;
		z-index: -1;
		background: #1f2227;
		opacity: 0;
		transition: all 0.2s ease;
		}
	.nav-container ul {
		position: absolute;
		top: 0;
		left: 0;
		margin: 60px 0 0 0;
		padding: 0;
		width: 100%;
		}
	.nav-container ul li {
		display: block;
		float: none;
		width: 100%;
		text-align: right;
		margin-bottom: 10px;
		}
	.nav-container ul li:nth-child(1) a {
		transition-delay: 0.2s;
		}
	.nav-container ul li:nth-child(2) a {
		transition-delay: 0.3s;
		}
	.nav-container ul li:nth-child(3) a {
		transition-delay: 0.4s;
		}
	.nav-container ul li:nth-child(4) a {
		transition-delay: 0.5s;
		}
	.nav-container ul li:nth-child(5) a {
		transition-delay: 0.6s;
		}
	.nav-container ul li:nth-child(6) a {
		transition-delay: 0.7s;
		}
	.nav-container ul li:nth-child(7) form div {
		transition-delay: 0.8s;
		}
	.nav-container ul li:not(:first-child) {
		margin-left: 0;
		}
	.nav-container ul li a {
		padding: 10px 25px;
		opacity: 0;
		color: #fff;
		font-size: 18px;
		transform: translateY(-20px);
		transition: all 0.2s ease;
		}
	.search-menu form div {
		padding: 10px 25px;
		}
	.search-menu a {
		display: inline-block;
		padding: 0;
		font-size: 1px;
		}
	.nav-open {
		position: absolute;
		right: 0;
		top: 0;
		display: block;
		width: 48px;
		height: 48px;
		cursor: pointer;
		z-index: 9999;
		border-radius: 50%;
		}
	.nav-open i {
		display: block;
		width: 20px;
		height: 2px;
		background: #1f2227;
		border-radius: 2px;
		margin-left: 14px;
		}
	.nav-open i:nth-child(1) {
		margin-top: 16px;
		}
	.nav-open i:nth-child(2) {
		margin-top: 4px;
		opacity: 1;
		}
	.nav-open i:nth-child(3) {
		margin-top: 4px;
		}
	#nav:checked + .nav-open {
		transform: rotate(45deg);
		}
	#nav:checked + .nav-open i {
		background: #fff;
		transition: transform 0.2s ease;
		}
	#nav:checked + .nav-open i:nth-child(1) {
		transform: translateY(6px) rotate(180deg);
		}
	#nav:checked + .nav-open i:nth-child(2) {
		opacity: 0;
		}
	#nav:checked + .nav-open i:nth-child(3) {
		transform: translateY(-6px) rotate(90deg);
		}
	#nav:checked ~ .nav-container {
		z-index: 9990;
		opacity: 0.7;
		}
	#nav:checked ~ .nav-container ul li a {
		opacity: 1;
		transform: translateY(0);
		}
	/* Images */
	img.alignright,
	img.alignleft {
		width: 30%;
		}
	.wp-post-image {
		width: 30%;
		}
	/* Entry Meta */
	.entry-meta-data ul li {
		width: 50%;
		}
	.cta a {
		font-size: 18px;
		}
	/* Plugins */
	.toc_list,
	.toc_list ul {
		margin: 0;
		padding-left: 20px;
		}
	.yarpp-related ul li {
		flex-basis: 48%;
		}
	/* Font Size */
	.single .entry-header h1,
	.page .entry-header h1,
	.archive-header h1 {
		font-size: 21px;
		}
	.entry-content h2,
	.archive .entry-title,
	.search .entry-title,
	.yarpp-related h2,
	.category-navigation h2 {
		font-size: 18px;
		}
	.entry-content h3,
	.entry-content h4,
	.post-navigation h3,
	.category-navigation h2,
	.main-navigation h2 {
		font-size: 16px;
		}
	.entry-content table caption,
	footer.entry-meta,
	.yarpp-related li {
		font-size: 14px;
		}
	/* Margin and Padding */
	.single .entry-header h1,
	.page .entry-header h1,
	.archive-header h1,
	.page-header h1,
	.breadcrumbs,
	.single .entry-summary,
	.entry-content p,
	.entry-content table caption,
	ul.display-posts-listing,
	.yarpp-related ul,
	.main-navigation,
	.archive article p,
	.search article p,
	.blog article p,
	.ori_pagenavi,
	.entry-meta-data {
		margin-right: 6px;
		margin-left: 6px;
		}
	.entry-content ul {
		margin-right: 6px;
		}
	.entry-content h2,
	.entry-header h2,
	.entry-content h3,
	.post-navigation h2,
	.yarpp-related h2,
	.category-navigation h2,
	.archive-meta p,
	.archive article h2,
	.blog article h2 {
		padding-right: 6px;
		padding-left: 6px;
		}
	.blog article .wp-post-image,
	.archive article .wp-post-image,
	.search article .wp-post-image {
		margin: 6px 12px 6px 0;
		float: left;
		}
}
/* Minimum width of 728 pixels. */
@media screen and (min-width: 728px) {
	body {
		font-size: 18px;
		line-height: 1.8;
		}
	.wrapper,
	.site-info {
		max-width: 728px;
		margin: 0 auto;
		}
	/* Navigation */
	.nav-collapse {
		padding: 5px 10px;
		}
	.nav-collapse ul {
		margin: 4px 0 0 0;
		padding: 0;
		float: right;
		}
	.nav-collapse ul li,
	.search-menu {
		display: inline-block;
		}
	.nav-collapse ul li:not(:first-child),
	.search-menu {
		margin-left: 18px;
		}
	.nav-collapse ul li a,
	.search-menu form {
		display: inline-block;
		outline: none;
		font-size: 16px;
		text-decoration: none;
		}
	.nav-collapse ul li a:hover {
		color: #808080;
		text-decoration: none;
		}
	.search-menu input[type=text]{
		width: 4em;
		}
	/* Entry Meta */
	.archive .entry-meta-data,
	.search-results .entry-meta-data {
		width: 529px;
		}
	.entry-meta-data ul li {
		width: 33%;
		}
	.cta a {
		font-size: 24px;
		}
	.blog article p,
	.category article p {
		margin-bottom: 0;
		}
	/* Archive Pages */
	.blog article .wp-post-image,
	.archive article .wp-post-image,
	.search article .wp-post-image {
		margin: 12px 24px 12px 0;
		float: left;
		}
	/* Plugins */
	.yarpp-related ul li {
		flex-basis: 24%;
		}
	/* Font Size */
	.single .entry-header h1,
	.page .entry-header h1,
	.archive-header h1 {
		font-size: 24px;
		}
	.entry-header h2,
	.entry-content h2,
	.entry-meta h2,
	.yarpp-related h2,
	.category-navigation h2 {
		font-size: 22px;
		}
	.entry-content h3,
	.entry-content h4,
	.main-navigation h2,
	.post-navigation h3 {
		font-size: 18px;
		}
	.breadcrumbs,
	.entry-content table caption,
	.yarpp-related li,
	.entry-meta-data {
		font-size: 15px;
		}

}
/* Minimum width of 960 pixels. */
@media screen and (min-width: 808px) {
	body .site {
		padding: 0 40px;
	}
}