@charset "UTF-8";


:root {
	--hover_anime: all .2s ease-in-out;
	--lien-nail_global-width: 420px;
	--_container-margin-right: calc(var(--_container-margin) + env(safe-area-inset-right));
	--_container-margin-left: calc(var(--_container-margin) + env(safe-area-inset-left));
	--_container-margin: var(--_global--container-margin);
}

body {
	font-family: YakuHanMP, "EB Garamond", "A1 Mincho", serif;
	font-weight: 400;
	font-optical-sizing: auto;
	font-style: normal;
	color: #2a2724;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6 {
	font-feature-settings: "palt";
	font-weight: normal;
}

strong {
	font-weight: bold;
}

.main_nav .main_nav-list li a,
.palt {
	font-feature-settings: "palt";
}

.c-entry__content.p-entry-content {
	text-align: justify;
	word-break: break-all;
}

.p-global-nav {
	font-feature-settings: "palt";

}

@media (min-width: 1024px) {
	.bg_wrap_inner {
		height: 100%;
		padding: 6em 10% 4em 7%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	


	.l-container_wrap {
		width: var(--lien-nail_global-width);
		margin: 42px 10% 0 auto;
		position: inherit;
		z-index: 1;
	}
}



@media ( min-width: 769px ) {
	
	html,
	body {
		overflow-y: auto;

	}

	.bg {
		position: fixed;
		inset: 0;
		z-index: 1;
		pointer-events: none;
	}

	.wave {
		position: absolute;
		width: 200%;
		left: 0;
		animation-name: move;
		animation-timing-function: linear;
		animation-iteration-count: infinite;
	}

	.wave1 {
		top: 40%;
		opacity: 0.25;
		animation-duration: 20s;
	}

	.wave2 {
		top: 55%;
		opacity: 0.15;
		animation-duration: 10s;
	}

	.wave3 {
		top: 70%;
		opacity: 0.2;
		animation-duration: 40s;
	}

	@keyframes move {
		from {
			transform: translateX(0);
		}
		to {
			transform: translateX(-50%);
		}
	}


	.site_all_wrap {
		position: relative;
		width: 100%;
		height: 100%;
	}

	.bg_wrap {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background: #e6e6d2 url(../img/bg_left.png) no-repeat 0 100%;
		background-size: contain;
	}

	body.admin-bar .bg_wrap {
		padding-top: 32px;
	}

	.bg_wrap_inner {
		height: 100%;
		padding: 6em 5% calc(4em + env(safe-area-inset-bottom)) 7%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	
	.pc_nav {
		display: inline-block;
	}

	.smart-phone_bg {
		background-color: #fff;
		filter: drop-shadow(10px 12px 12px rgba(0, 0, 0, 0.3));
	}

	.l-container_wrap {
		width: var(--lien-nail_global-width);
		margin: 42px 5% 0 auto;
		position: inherit;
		z-index: 1;
	}

	.l-container {
		background-color: #fff;
		margin: 42px auto;
		width: 100%;
		max-width: var(--lien-nail_global-width);
		/* border: 1px solid #333; */
		border-radius: 36px;
		filter: drop-shadow(10px 12px 12px rgba(0, 0, 0, 0.3));
		
	}

	.l-container .c-entry__content.p-entry-content.c-container > :first-child {
		clip-path: inset(
			0 0 0 0 round 36px 36px 0 0
		);
	}


	.l-container.is-expanded {
		max-width: 100%;
		margin: 0;
	}

	.l-header {
		border-radius: 34px 34px 0 0;
	}
	
	.c-entries {
		--entries--item-width: 50%;
	}

	.c-copyright--inverse {
		border-radius: 0 0 34px 34px;
	}

}



@media ( max-width: 768px ) {
	:root {
		--_global--font-family: var(--font-family);
    --_global--font-size-px: 13px;
	}
	
	.bg,
	.bg_wrap {
		display: none;
	}
}






@media (any-hover: hover) {

}