html, .body, .menu-content {
	font-size: 1rem !important;
}
@media not all and (min-width: 600px){
	html, .body, .menu-content {
		font-size: 3.6vw !important;
	}
}

/* 横揺れ防止 */
html, .body{
	overflow-x: clip;
}
.body:has(.p-cover-title-wrap){
	margin-top: calc( var(--logo-size) - 1px );
}
.body:not(:has(.p-cover-title-wrap)){
	margin-top: calc( var(--header-vertical-gap) * 2 + var(--logo-size) + 1rem );
}

.body.home{
	margin-top: 0;
}

.header-container, .main, .sidebar, .footer {
	background-color: transparent;
}

.body.home #container{
	position: relative;
}
.body.home #container::before{
	position: absolute;
	top: 0;
	left: calc( 50% - 50vw );
	z-index: -1;
	content: "";
	width: 100vw;
	height: 100%;
	background-image: url(/wp-content/uploads/background_1.png);
	background-repeat: repeat-x;
	background-attachment: fixed;
}

/* 背景色 */
.my-bgArea:not(.--front){
	position: relative;
	padding-bottom: var(--g-sec--lg);
}
.my-bgArea:not(.--front)::before{
	--hougan-size: 2rem;
	--hougan-color: var(--c-gray);
	position: absolute;
	top: 0;
	left: calc( 50% - 50vw );
	content: "";
	width: 100vw;
	height: 100%;
	background-image: linear-gradient(0deg, transparent calc(100% - 1px), var(--hougan-color) calc(100% - 1px)),
		linear-gradient(90deg, transparent calc(100% - 1px), var(--hougan-color) calc(100% - 1px));
	background-size: var(--hougan-size) var(--hougan-size);
	background-repeat: repeat;
	background-position: center center;
	z-index: -1;
}

.my-main{
	margin-bottom: var(--g-sec--lg);
}

#content{
	margin-top: 0;
}
#content-in{
	max-width: calc(var(--container_size, 0px) + var(--container_pad, 0px)*2);
	margin-inline: auto;
	padding-left: var(--container_pad,0);
	padding-right: var(--container_pad,0);
}
.single-post #content-in{
	max-width: calc(800px + var(--container_pad, 0px)*2);
}

main.main, div.sidebar {
	padding: 0;
	margin: 0;
	border-width: 0;
}



/*===============================
デフォルトのCSS
=================================*/
ul{
	padding-left: 0;
	list-style-type: none;
}
picture {
	display: block;
}
figure {
	margin-bottom: 0;
}
img {
	vertical-align: middle;
}
svg {
	color: currentColor;
	height: auto;
}
path {
	fill: currentColor;
}
a{
	text-decoration: none;
}
a:is(:hover, :focus){
	color: inherit;
}