@charset "utf-8";
/*
Theme Name: RectusMinimum
Version: 1.0.4
Author: Rectus Inc.
Description: This is a simple theme that supports responsiveness. Drop down menu on PC and hamburger menu on smartphone. The design is as minimal as possible so that you can customize it as you like.
Author URI: https://www.rectus.co.jp/
Theme URI: https://www.rectus.co.jp/tool/rectusminimum.html
Requires at least: 5.9
Tested up to: 6.0
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rectusminimum
Tags: one-column, blog
Domain Path: /languages

RectusMinimum WordPress Theme, (C) 2022 Rectus Inc
RectusMinimum is distributed under the terms of the GNU GPL.

 */


html, body {
	font: 100% "Meiryo", "Osaka", "MS PGothic", Arial, Helvetica, sans-serif;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, div, img {
}

img {
	max-width: 100%;
	height: auto;
	border: 0;
}

/* Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text:focus {
	background-color: #eee;
	border-radius: 2px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	color: #666;
	display: block;
	font-size: 0.875rem;
	font-weight: bold;
	right: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
}

/* Do not show the outline on the skip link target. */
#page-content[tabindex="-1"]:focus {
	outline: 0;
}

main {
	margin: 30px 40px;
	padding-top: 20px;
}
main.top {
	padding-top: 50px;
}
/* front-page */
.main-image {
	margin-top: 30px;
}
.main-image img {
	width: 100%;
	object-fit: cover;
}
#page-content {
	margin-top: -60px;
	padding-top: 110px;
}
@media screen and (max-width: 980px) {
	#page-content {
		margin-top: -30px;
		padding-top: 30px;
	}
}

#rec-top-anchor {
	margin-top: -80px;
	padding-top: 80px;
}
.pagination {
	text-align: center;
}
.aligncenter {
	display: block;
	margin: 0 auto;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
h2.is-style-under-line {
	padding-bottom: 4px;
	border-bottom: 1px solid black;
}
h2.is-style-left-line {
	padding-left: 4px;
	border-left: 3px solid #CCC;
}
.sticky,
.bypostauthor,
.gallery-caption,
.wp-caption {
	margin: auto;
	max-width: 100%;
}
.wp-caption-text {
	display: inline-block;
}

/* archive */
.rec-list-ranking {
	counter-reset: number 0;
}
.rec-list-ranking {
	list-style: none;
	margin: 10px 10px 10px 170px;
}
.rec-list-ranking li {
	padding: 1rem 0;
	display: flex;
	clear: both;
}
.rec-list-ranking .summary {
	width: 100%;
	margin-left: 18px;
}
.rec-list-ranking li:before {
	counter-increment: number;
	content: counter(number)	". ";
}
.rec-list-ranking li .excerpt {
	padding: 10px;
	font-size: 0.9rem;
}
.rec-list-ranking .thumb {
	float: left;
	margin-right: 30px;
	margin-left: -180px;
	width: 150px;
	height: 150px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.rec-list-ranking .summary a.url {
	color: #1a0dab;
}
.rec-list-ranking .thumb {
	overflow: hidden;
	width: 150px;
	height: 150px;
}
.rec-list-ranking .thumb img {
	width: auto;
	height: 100%;
	max-height: 150px;
	object-fit: contain;
	transition: 1s all;
}
.rec-list-ranking .thumb img:hover {
	transform: scale(1.2);
	transition: 0.5s all;
	opacity: 0.9;
}

/* archive */
ul.rec-itemlist li {
	width: 336px;
}
.rec-archive ul {
	text-align: center;
	margin: 10px auto;
	padding: 0 10px;
	background-color: white;
}
ul.rec-itemlist li {
	display: inline-block;
	vertical-align: text-top;
	padding: 20px;
	transition: .3s cubic-bezier(0.42, 0.0, 0.58, 1.0);
}
@media screen and (max-width: 980px) {
	.rec-archive {
		max-width: 750px;
		padding: 10px 0 0 0;
		margin: 55px auto 30px;
	}
	ul.rec-itemlist li {
		padding: 0;
	}
}
ul.rec-itemlist .title {
	display: block;
	text-align: left;
	padding: 3px;
	color: black;
}
ul.rec-itemlist .thumb {
	overflow: hidden;
	width: 336px;
	height: 194px;
}
ul.rec-itemlist .thumb img {
	width: 336px;
	height: 194px;
	object-fit: cover;
	transition: 1s all;
}
ul.rec-itemlist .thumb img:hover {
	transform: scale(1.2);
	transition: 1s all;
	opacity: 0.9;
}
/* pagination */
.nav-links {
	text-align: center;
	vertical-align: middle;
}
.nav-links .page-numbers {
	transition: 1s all;
	display: inline-block;
	padding: 8px 14px;
	margin: 8px;
	color: black;
}
.nav-links .current {
	background-color: #CCC;
}
.nav-links .page-numbers:hover {
	background-color: #CCC;
}
.nav-links .dots:hover {
	background-color: inherit;
}
.nav-links .dots,
.nav-links .next,
.nav-links .prev {
	border: none;
}
.nav-links a {
	text-decoration: none;
}

/* tag */
.the-tags {
	border-top: 1px solid #eeeeee;
	margin: 30px 0;
	padding: 30px 0 0;
}
.the-tags ul li {
	display: inline-block;
	padding: 10px 0;
}
.the-tags a {
	transition: 0.5s all;
	padding: 4px 8px;
	margin: 8px;
	color: black;
	border: 1px #999 solid;
	text-decoration: none;
}
.the-tags a:hover {
	background-color: #CCC;
}

/* common */
.rec-sectitle {
	margin: 0 auto;
	padding: 10px;
	font-size: 2rem;
}

/* tagcloud */
.rec-tagcloud {
	padding: 30px 50px;
	background-color: white;
}
@media screen and (max-width: 980px) {
	.rec-tagcloud {
		padding: 10px;
	}
}
.rec-tagcloud a {
	transition: .5s all;
	display: inline-block;
	padding: 4px 12px;
	margin: 4px;
	color: black;
	border: 1px #AAA dotted;
	text-decoration: none;
}
.rec-tagcloud a:hover {
	background-color: #CCC;
}

/* search */
input#s {
	width: 90px;
}
@media screen and (max-width: 980px) {
	input#s {
		width: 180px;
	}
}

/* footer */
#footer {
	background: #000;
	padding: 20px 0px;
	text-align: center;
}

#footer p {
	color: #fff;
	font-size: 0.8rem;
	line-height: 1.2;
}
#pagetop {
	position: fixed;
	bottom: 10px;
	right: 10px;
}
@media screen and (max-width: 980px) {
	#pagetop a img {
		width: 40px;
		height: 40px;
	}
}
@media print {
	#searchform, .history, .toc, .tagcloud, .noprint {
		display: none;
	}
}