/*
Theme Name: SEO
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: #e9eeb8;
	height: 1px;
	margin: 36px;
	}
a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
	}
strong {
	font-weight: inherit;
	font-weight: bold;
	}
em {
	background: linear-gradient(transparent 60%, #e9eeb8 72%);
	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,
[type="text"],
[type="email"],
[type="url"],
textarea,
select { /* 1 */
	margin-top: 12px;
	margin-right: 16px;
	overflow: visible;
	border: 1px solid #CCC;
	padding: 6px;
	border-radius: 3px;
	width: 92%;
	}
[type="checkbox"] {
	margin-right: 12px;
	}
[type="submit"] {
	margin-left: 16px;
	padding: 6px;
	background: #e9eeb8;
	width: 36%;
	}
/**
 * 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,
.format-status .entry-header:after {
	clear: both;
	}
.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 */
	}
.aligncenter {
	margin-right: auto;
	margin-left: auto;
	}
.border {
	border: #F0F0F0 1px solid;
	}
/* links */
a:link {
	color: #1a0dab;
	text-decoration: none;
	}
a:visited {
	color: #64009e;
	}
a:hover,
a:active {
	color: #dd4b39;
	}
ins {
	text-decoration: none;
	}

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

/* Body basics */
body {
	margin: 0;
	padding: 0;
	overflow-wrap: break-word;
	font-family: sans-serif;
	text-rendering: optimizeLegibility;
	color: #555;
	background: #FFF;
	height: 100%;
	position: relative;
	}
/* Header */
.site-header {
	height: 56px;
	margin: 0 auto;
	}
.site-header hgroup a {
	display: block;
	float: left;
	line-height: 1;
	}
.site-header h1 {
	width: 120px;
	margin: 0;
	padding: 6px 0 0 0;
	font-size: 11px;
	color: #666;
	line-height: 1;
	font-weight: normal;
	display: block;
	float: left;
	}
.hidden {
	display: none;
	}
/* Footer */
footer[role="contentinfo"] {
	margin-top: 24px;
	margin: 0 auto;
	border-top: #e9eeb8 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;
	}
.request a {
	text-decoration: underline;
	}

/* =Main content
-------------------------------------------------------------- */
/* .single .entry-header,
.page .entry-header,
.archive-header {
	padding: 24px 0 0 0;
	} */
#content {
	padding-top: 12px;
	}
.single .entry-header h1,
.page .entry-header h1,
.archive-header h1 {
	margin: 0;
	font-weight: bold;
	line-height: 1.3;
	}
.archive-header h1,
body.page:not(body.home) h1.entry-title {
	margin-bottom: 24px;
	}
.illustrationby {
	text-align: right;
	line-height: 1.1;
	}
.byline {
	display: block;
	line-height: 1;
	margin: 12px 0 0 0;
	font-size: 16px;
	}
.byline img {
	float: left;
	margin-right: 16px;
	margin-bottom: 24px;
	border-radius: 50%;
	}
.byline big {
	display: block;
	margin: 0 0 6px 0;
	font-size: 18px;
	}
.byline big span {
	font-size: 15px;
	}
iframe.twitter-follow-button {
	margin-top: 3px;
	margin-bottom: 6px;
	}
.pubdate,
.updatedate {
	margin: 0;
	padding: 0 0 12px 0;
	}
.pubdate li,
.updatedate li {
	display: inline;
	margin: 0 16px 0 0;
	}
.pubdate li time,
.updatedate li time {
	vertical-align: 3.2px;
	margin-left: 2px;
	}
.message {
	padding: 0.7em 1.4em;
	border: 1px solid #e9eeb8;
	background-color:#fafae5;
	}
.single .entry-summary p:first-letter,
.page .entry-summary p:first-letter {
	font-size: 56px;/*文字の大きさ*/
	margin-right: 8px;
	margin-top: 4px;
	float: left;
	line-height: 1;/*必要*/
}
.entry-content h2,
.yarpp-related h2,
.entry-content h3,
.post-navigation h2 {
	margin: 36px 0 24px 0;
	}
h2.entry-title {
	margin: 36px 0 0 0;
	}
.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 {
	margin-top: 80px;
	font-weight: bold;
	line-height: 1.3;
	border-bottom: #e9eeb8 6px solid;
	}
h2.entry-title a {
	text-decoration: none;
	}
.entry-content h3 {
	margin-top: 48px;
	font-weight: bold;
	}
.entry-content h4 {
	margin-top: 40px;
	font-weight: bold;
	}
.entry-content p {
	margin: 30px 0;
	}
.entry-content p a,
.entry-content dd a,
.entry-content li a,
.entry-content blockquote a,
.entry-content td a,
.editorial-policy a,
.entry-author-data p a,
.learn-more a,
.liquid-speech-balloon-text p a {
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 1px;
	}
/* footnote */
sup.fn a::before{
	content: "["; 
	}
sup.fn a::after{
	content: "]"; 
	}
/* block */
.entry-content blockquote {
	margin: 24px 6px;
	padding: 48px 24px;
	font-style: normal;
	background-color:#fafae5;
	position:relative;
	}
.entry-content .wp-block-quote {
	border: none;
	}
.entry-content blockquote:before {
	content:"“";
	font-size:600%;
	line-height:1em;
	color:#c2c76d;
	position:absolute;
	left:0;
	top:0;
	}
.entry-content blockquote:after {
	content:"”";
	font-size:600%;
	line-height:0em;
	color:#c2c76d;
	position:absolute;
	right:0;
	bottom:0;
	}
.entry-content blockquote p:has(cite),
.entry-content blockquote > cite {
	display: block;
	text-align: right;
	font-size: smaller;
	padding-top: 1em;
	border-top: #e9eeb8 1px solid;
	}
/* List */
.entry-content pre,
.entry-content ul,
.entry-content ol,
.entry-content > dl,
.entry-content > blockquote > 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,
.entry-content > blockquote > dl {
	padding: 0;
	}
.entry-content > dl dt,
.entry-content > blockquote > dl dt,
.entry-content form dl dt {
	padding-left: 12px;
	font-weight: bold;
	border-left: #c2c76d 4px solid;
	}
.entry-content > dl dd,
.entry-content > blockquote > dl dd,
.entry-content form dl dd {
	margin-left: 16px;
	margin-bottom: 24px;
	}
.entry-content ul.colmn {
	display: flex;
	flex-wrap: wrap;
	}
.entry-content ul.inpage {
	list-style-type: none !important;
	}
.entry-content ul.inpage li {
	list-style-type: none;
	background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 580 580" width="16px" height="16px"><path d="M320 576c141.4 0 256-114.6 256-256S461.4 64 320 64 64 178.6 64 320s114.6 256 256 256m-17-135-80-80c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l39 39V216c0-13.3 10.7-24 24-24s24 10.7 24 24v150.1l39-39c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-80 80c-9.4 9.4-24.6 9.4-33.9 0z"/></svg>');
	background-repeat: no-repeat;
	padding-left: 20px;
	}
p.aligncenter {
	text-align: center;
	}
p.alignright {
	text-align: right;
	}

.page-links {
	clear: both;
	}
/* Images */
img.alignleft,
.wp-caption.alignleft {
	margin: 12px 24px 12px 0;
	float: left;
	}
.liquid-speech-balloon-text p img.alignright,
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-content .image-border {
	border: #f3f3f3 1px solid;
	}
/* Entry Footer */
footer.entry-meta {
	margin-top: 36px;
	clear: both;
	padding: 14px 24px;
	background-color:#fafae5;
	border-radius: 6px;
	}
.profile-photo {
	float: left;
	margin: 36px 24px 12px 0;
	}
footer.entry-meta .profile-photo a img {
	border-radius: 50%;
	overflow-clip-margin: content-box;
	overflow: clip;
	}
footer.entry-meta h2 {
	font-weight: normal;
	font-size: 18px;
	margin: 0;
	border: 0;
	}
footer.entry-meta h3 {
	font-weight: bold;
	line-height: 1em;
	margin: 0;
	}
footer.entry-meta p {
	font-size: 16px;
	}
.liquid-speech-balloon-text p .mybook,
footer.entry-meta p .mybook {
	border-radius: 0;
	overflow-clip-margin: content-box;
	overflow: visible;
	}
.entry-meta-data ul {
	list-style-type: none;
	}
.entry-meta-data time,
.entry-meta-data span {
	vertical-align: 2px;
	margin-left: 2px;
	}
.cta {
	margin: 12px auto;
	}
.cta a {
	color: #333;
	display: block;
	background-color:#fffff3;
	border: 2px solid #bebf61;
	border-radius: 16px;
	text-align: center;
	padding: 8px;
	line-height: 1.2;
	}
.cta a:hover {
	background-color:#e9eeb8;
	border: 2px solid #9ca04b;
	}
.cta a small {
	line-height: 1.3;
	}
/* Page */
.intro {
	margin-top: 36px;
	padding-left: 18px;
	border-left: #e9eeb8 16px solid;
	}
/* .Testimonial */
.testimonial-inner {
	margin: 24px 0;
	text-align: center;
	}
.person {
	background-color: #fafae5;
	}
.person img {
	width: 120px;
	height: auto;
	border-radius: 50%;
	border: #fff 6px solid;
	}
.name {
	font-size: 20px;
	line-height: 1.4;
	}
.name small {
	font-size: 12px;
	}
.review {
	font-size: 15px;
	line-height: 1.6;
	text-align: left;
	}

/* Archive Pages */
.blog article p,
.category 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: #e9eeb8;
	}
.ori_pagenavi a:hover{
	background:#c2c76d;
	color: #777;
	}
.ori_pagenavi .current {
	padding:8px 9px 7px 9px;
	background: #c2c76d;
	color: #777;
	}

/* =Plugins
----------------------------------------------- */
/* Table of Content Plus */
#toc_container {
	margin: 48px 24px;
	}
p.toc_title {
	margin: 24px;
	border-bottom: #e9eeb8 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;
	text-decoration: none;
	}
.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 and sameAs Icons */
.share-button {
	width: 308px;
	margin: 60px auto 24px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}
.share-button h2 {
	flex-basis: 100%;
	text-align: center;
	font-weight: normal;
	font-size: 12px;
	}
.facebook svg {
	color: #3B5998;
	}
a.twitter svg {
	color: #0F1419;
	}
.line svg {
	color: #00B900;
	}
.hatena svg {
	color: #01A5DF;
	}
.mail svg {
	color: #DC483C;
	}
.same-as {
	padding-left: 0;
	text-align: center;
	}
.same-as li {
	display: inline-block;
	}
.same-as li a {
	line-height: 20px;
	padding: 2px;
	}
.same-as a,
.share-button a {
	color: #777;
	}
/* Display Posts */
ul.display-posts-listing {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: space-between;
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
.display-posts-listing li {
	flex-basis: 48%;
	}
.display-posts-listing li a.image {
	padding: 0;
	border: 0;
	}
.display-posts-listing li a.title {
	display: block;
	border: 0;
	margin: 0 0 24px 0;
	line-height: 1.6;
	}
/* Breadcrumb NavXT */
.breadcrumbs {
	margin: 24px 0 0 4px;
	}
.current-item {
	display: none;
	}
/* Twitter Publish */
.twitter-tweet {
	margin-left: auto;
	margin-right: auto;
	}
.archive .archive-conteiner p {
	margin: 0;
	}
/* 「詳しく」リンク */
.learn-more {
	position: relative;
	margin: 2em 0;
	padding: 25px 10px 7px;
	border: solid 2px #9ca04b;
	}
.learn-more .learn-more-title {
	position: absolute;
	display: inline-block;
	top: -2px;
	left: -2px;
	padding: 0 9px;
	height: 25px;
	line-height: 25px;
	font-size: 14px;
	background: #9ca04b;
	color: #ffffff;
	}
.learn-more ul {
	margin: 12px 0 0 0; 
	padding: 0;
	}
.learn-more ul li {
	margin: 0 0 8px 14px; 
	list-style-type:none;
	background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="16px" height="16px"><path d="M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM297 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L120 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l214.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L409 239c9.4 9.4 9.4 24.6 0 33.9L297 385z"/></svg>');
	background-repeat:no-repeat;
	padding-left:22px;
	}
.entry-content .learn-more ul li a {
	padding-bottom: 0!important;
	}
/* Flexible Table Block */
table tbody tr th.nowrap,
table tbody tr td.nowrap {
	white-space: nowrap;
	}
/* LIQUID SPEECH BALLOON */
.liquid-speech-balloon-avatar {
	border-radius: 100%;
	}
.liquid-speech-balloon-text {
	padding-top: 0;
	padding-bottom: 0;
	}
.entry-content .liquid-speech-balloon-text p {
	margin: 22px 0;
	}
.liquid-speech-balloon-text p a:link {
	color: #1a0dab;
	}
.liquid-speech-balloon-text p a:visited {
	color: #64009e;
	}
.liquid-speech-balloon-text p a:hover,
.liquid-speech-balloon-text p a:active {
	color: #dd4b39;
	}
/* URLとタイトルをクリップボードにコピー */
.copy-button {
	flex-basis: 80%;
	margin-left: 10%;
	text-align: center;
	font-weight: normal;
	font-size: 12px;
	border:solid 2px #777;
	border-radius: 6px;
	color:#FFF;
	background: #777;
	cursor:pointer;
	}
.copy-button.success,
.copy-button.error {
	border:2px solid #bebf61;
	border-radius: 6px;
	background: #fffff3;
	color:#777;
	}
/* Googleカスタム検索 */
@media screen and (max-width: 727px) {
	form.search-form {
		display: none;
		}
}
@media screen and (min-width: 728px) {
	.searchbox {
		width:330px;
		float: right;
		}
	form.search-form {
		text-align: right;
		}
	input.search-input {
		margin: 10px 0 0 0;
		width: 210px;
		}
	input.search-btn {
		width: 58px;
		margin: 0 20px 0 0;
		border: 1px solid #ccc;
		border-radius: 3px;
		}
}

/* =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%;
		}
	.repeat img {
		width: 300px;
		height: auto;
		}
	/* Site Header */
	.site-header h1 {
		padding: 6px 0 0 6px;
		}
	/* 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: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;
		}
	.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);
		}
	/* Testimonial */
	.person {
		margin: 6px;
		padding: 6px;
		}
	.person img {
		display: block;
		float: left;
		margin-right: 20px;
		}
	.name {
		text-align: left;
		}
	.review {
		margin-bottom: 8px;
		font-size: 14px;
		}
	/* Images */
	img.alignright,
	img.alignleft {
		width: 30%;
		}
	.wp-post-image {
		width: 100%;
		}
	/* List */
	.entry-content ul.colmn li {
		flex-basis: 48%;
		}
	ul.inpage li,
	.learn-more ul li {
		background-position:left 6px;
		}
	/* 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,
	.yarpp-related h2,
	.catch,
	.intro,
	.cta a {
		font-size: 24px;
		}
	.entry-content h3,
	.post-navigation h3 {
		font-size: 18px;
	}
	.entry-content h4,
	.category-navigation h2,
	.main-navigation h2 {
		font-size: 18px;
		}
	.entry-content table caption,
	footer.entry-meta,
	.yarpp-related li,
	.display-posts-listing li a.title {
		font-size: 14px;
		}
	.breadcrumbs,
	.cta a small {
		font-size: 12px;
		}
	.illustrationby,
	.pubdate li {
		font-size: 10px;
		}
	/* Margin and Padding */
	.single .entry-header h1,
	.page .entry-header h1,
	.archive-header h1,
	.breadcrumbs,
	.byline,
	.single .entry-summary,
	.entry-content p,
	.wp-block-liquid-speech-balloon,
	.entry-content table caption,
	ul.display-posts-listing,
	.yarpp-related ul,
	.main-navigation,
	.archive article p,
	.blog article p,
	.learn-more,
	.editorial-policy,
	.ori_pagenavi,
	.pubdate,
	.updatedate,
	.archive .archive-conteiner p {
		margin-right: 6px;
		margin-left: 6px;
		}
	.entry-content ul {
		margin-right: 6px;
		}
	.entry-content h2,
	.entry-content h3,
	.post-navigation h2,
	.yarpp-related h2,
	.archive-meta p,
	.archive article h2,
	.blog article h2 {
		padding-right: 6px;
		padding-left: 6px;
		}
	p.intro {
		margin-right: 0;
		margin-left: 0;
		}
	/* Hidden */
	li.published {
		display: none;
		}
}
/* Minimum width of 728 pixels. */
@media screen and (min-width: 728px) {
	body {
		font-size: 18px;
		line-height: 1.8;
		}
	.wrapper,
	.site-info,
	.site-header,
	#content,
	footer[role="contentinfo"] {
		max-width: 728px;
		margin: 0 auto;
		}
	.repeat img {
		width: 60%;
		height: auto;
		}
	/* Site Header */
	.site-header h1 {
		padding: 14px 0 0 0;
		}
	/* Navigation */
	.nav-collapse {
		padding: 5px 10px;
		}
	.nav-collapse ul {
		margin: 18px 0 0 0;
		padding: 0;
		float: right;
		}
	.nav-collapse ul li {
		display: inline-block;
		}
	.nav-collapse ul li:not(:first-child) {
		margin-left: 18px;
		}
	.nav-collapse ul li a {
		display: inline-block;
		outline: none;
		font-size: 17px;
		text-decoration: none;
		}
	.nav-collapse ul li a:hover {
		color: #808080;
		text-decoration: none;
		}
	/* Testimonial- */
	.testimonial-inner {
		display: flex;
		justify-content: space-between;
		}
	.person {
		width: 30%;
		padding: 8px;
		}
	.name {
		padding-bottom: 8px;
		}
	.review {
		margin: 8px 0;
		font-size: 16px;
		}
	/* List */
	.entry-content ul.colmn li {
		flex-basis: 33%;
		}
	ul.inpage li,
	.learn-more ul li {
		background-position:left 9px;
		}
	/* Entry Meta */
	.entry-author-data {
		}
	/* Archive Pages */
	.blog article .wp-post-image,
	.archive article .wp-post-image {
		margin: 12px 24px 12px 0;
		float: left;
		}
	.blog article p,
	.category article p {
		margin-bottom: 0;
		}
	/* Plugins */
	.yarpp-related ul li {
		flex-basis: 24%;
		}
	.page .display-posts-listing li {
		flex-basis: 47%;
		}
	/* Font Size */
	.single .entry-header h1,
	.page .entry-header h1,
	.archive-header h1,
	.catch,
	.intro,
	.cta a {
		font-size: 24px;
		}
	.entry-header h2,
	.entry-content h2,
	.yarpp-related h2 {
		font-size: 24px;
		}
	.entry-content h3,
	.post-navigation h3 {
		font-size: 24px;
		}
	.entry-content h4,
	.main-navigation h2 {
		font-size: 21px;
		}
	.breadcrumbs,
	.yarpp-related li,
	.cta a small {
		font-size: 15px;
		}
	.illustrationby {
		font-size: 12px;
		color: #888;
		}
	.updated,
	.published {
		font-size: 14px;
		color: #888;
		}
}