@charset "UTF-8";
/*
 Theme Name: Hakoniwa Child
 Template:   hakoniwa
*/

/* 全体 */
.wp-block-navigation {
	z-index: 1;
}
@media screen and (min-width: 768px) {
	#header .alignfull,
	body:not(.harmonia) .wp-block-cover.alignfull,
	body:not(.harmonia) .wp-block-cover {
		max-width: 1440px;
		margin: 0 auto;
	}
}
@media (max-width: 600px) {
	.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid {
		grid-template-columns: 1fr 1fr;
	}
}

/* header menu */
header.wp-block-group.is-position-sticky {
	position: fixed;
	width: 100%;
	z-index: 99;
	right: 0;
	top: 0;
}
header .wp-block-navigation__responsive-container {
	padding: 0 !important;
}
header .wp-block-navigation__responsive-container-open {
	padding: 6px;
	border-radius: 40px;
}
header .wp-block-navigation__responsive-container-close {
	top: 0;
	right: 0;
	padding: 6px;
	border-radius: 40px;
}
header .wp-block-navigation__responsive-container-open svg,
header .wp-block-navigation__responsive-container-close svg {
	width: 30px;
	height: 30px;
}
.has-modal-open .wp-block-navigation__responsive-close {
	max-width: none;
}
@media screen and (min-width: 768px) {
	header button {
		margin: 3rem 3rem 0 0 !important;
	}
}
@media screen and (max-width: 767px) {
	header button {
		margin: 1rem 1rem 0 0 !important;
	}
}

/* fixed-menu */
header.fixed-menu {
	position: fixed;
	top: 0;
	width: 100%;
	transition: .5s;
	opacity: 0;
	z-index: -1;
}
header a {
	text-decoration: none !important;
}
header a:hover {
	text-decoration: underline !important;
}

/* home */
body.home header .wp-block-navigation__responsive-container {
	background-color: rgb(112 112 112 / 0.8) !important;
}
body.home .wp-block-hakoniwa-blocks-broken-grid-layout-content {
	margin-top: 0;
}
body.home header .wp-block-navigation__responsive-container-open {
	background: rgba(255 255 255 / .7);
	border: 1px solid #135876;
}
body.home header .wp-block-navigation__responsive-container-close {
	background: rgba(255 255 255 / .7);
	border: 1px solid #135876;
}
body.home header .wp-block-navigation__responsive-container-open svg,
body.home header .wp-block-navigation__responsive-container-close svg {
	fill: #135876;
}
@media screen and (min-width: 768px) {
	body.home .works-list {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: flex-start;
	}
	body.home .works-list .wp-block-media-text {
		width: calc( 50% - 1rem );
	}
	body.home .works-list .wp-block-media-text:nth-child(2n-1) {
		margin-right: 1rem;
	}
	body.home .works-list .wp-block-media-text:nth-child(2n) {
		margin-top: 0;
		margin-left: 1rem;
	}
}
	
/* btn-home */
body.ikidomari .btn-home,
body.harmonia .btn-home,
body.yousei .btn-home {
	position: fixed;
	width: 60px;
	height: 60px;
	margin-top: 0;
	padding: 0;
	cursor: pointer;
	opacity: .8;
	z-index: 99;
}
body.ikidomari .btn-home figure,
body.harmonia .btn-home figure,
body.yousei .btn-home figure {
	margin: 0 !important;
}
body.ikidomari .btn-home figure > a,
body.harmonia .btn-home figure > a ,
body.yousei .btn-home figure > a {
	display: block;
	width: 60px;
	padding-top: 6px;
}
body.ikidomari .btn-home figure figcaption,
body.harmonia .btn-home figure figcaption,
body.yousei .btn-home figure figcaption {
	margin: 0;
}
body.ikidomari .btn-home figure figcaption a,
body.harmonia .btn-home figure figcaption a,
body.yousei .btn-home figure figcaption a {
	display: block;
	padding-bottom: 10px;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
}

/* ikidomari */
body.ikidomari .img-title {
	opacity: .8;
}
@media screen and (min-width: 768px) {
	body.ikidomari .btn-home {
		top: 2rem;
		right: calc( (100% - 1200px) / 2 - 4rem );
	}
}
@media screen and (max-width: 767px) {
	body.ikidomari .btn-home {
		top: 1rem;
		right: 1rem;
	}
}

/* Harmonia */
body.harmonia header .wp-block-navigation__responsive-container-open {
	background: rgba(255 255 255 / .7);
	border: 1px solid #B4895E;
}
body.harmonia header .wp-block-navigation__responsive-container-close {
	background: rgba(255 255 255 / .7);
	border: 1px solid #B4895E;
}
body.harmonia header .wp-block-navigation__responsive-container-open svg,
body.harmonia header .wp-block-navigation__responsive-container-close svg {
	fill: #B4895E;
}
body.harmonia .wp-block-navigation__responsive-container {
	background-color: rgb(180 137 94 / 0.55) !important;
}
body.harmonia .wp-block-hakoniwa-blocks-icon {
	margin-top: 0;
}
body.harmonia .btn-home,
body.yousei .btn-home {
	bottom: 1.5rem;
	left: 1.5rem;
}

/* 妖精侵蝕 */
body.yousei header {
	position: fixed;
	width: 100%;
}