/* ▼共通項目▼ */
html{
	scroll-behavior: smooth;
}
body {
	--bg: #fff;
	--font: #364900cc;
	--footer: #000;
	background-color: var(--bg);
	font-size: 16px;
	color: var(--font);
	
}
.device-pc h2 {
	margin-top: 2em;
}
footer.siteFooter {
	border-top: 1px dashed var(--footer);
	background-color: var(--bg);
}
#post-2 .wp-block-vk-blocks-page-content:nth-child(n+2){
	--top-anchr: 3em;
	margin-top: calc(var(--top-anchr) * -1);
	padding-top: var(--top-anchr);
}
/* コピーライト非表示 */
.copySection > p:nth-child(2) {
	display: none;
}
.text-start {
	text-align: left;
}
/* フッダーナビゲーション */
#menu-jngle-menu-1 {
	justify-content: center;
}
.device-pc :where(#block-20, #block-23) > div {
	gap: 0;
	width: 30em;
	margin: 0 auto 1.75em;
	.wp-block-column {
		align-content: center;
	}
}
.device-mobile :where(#block-20, #block-23) > div {
	flex-wrap: nowrap !important;
}
/* ▲共通項目▲ */
/* ▼HERO▼ */
.heroimg{
	justify-self: center;
	width: 100vw;
}
/* ▲HERO▲ */
/* ▼BEERリスト▼ */
.vk_pageContent-id-34{
	.wp-block-post-featured-image {
		filter: drop-shadow(2px 4px 6px black);
		transition: width .2s ease-in;
	}
	.wp-block-post-featured-image:hover {
		width: 85%;
	}
	.slide-in {
		animation: slideIn 0.5s ease-out forwards;
	}

	.slide-out {
		animation: slideOut 0.5s ease-in forwards;
	}

	.slide-in,
	.slide-out {
		display: block; /* display をアニメーションに含めるのは避ける */
	}

	@keyframes slideIn {
		from {
			transform: translateX(100%);
			opacity: 0;
		}
		to {
			transform: translateX(0);
			opacity: 1;
		}
	}

	@keyframes slideOut {
		from {
			transform: translateX(0);
			opacity: 1;
		}
		to {
			transform: translateX(-100%);
			opacity: 0;
		}
	}

	ul{
		display: inline-flex;
		flex-wrap: nowrap;
		overflow: hidden;
		width: 100%;
		gap: 0;
	}
	li{
		position: relative;
	}
	/* ここを編集するといい感じになる */
		li.order-2{
			z-index: 1;
			--m-x: -2em;
			margin-left: var(--m-x);
			margin-right: var(--m-x);
		}
		.wp-block-post-featured-image {
			width: 80%;
			justify-self: center;
		}
}
/* ▲BEERリスト▲ */
/* ▼NEWS▼ */
.vk_pageContent-id-37{
	li > .wp-block-columns{
		margin: auto 2em;
	}
}
/* ▲NEWS▲ */
/* ▼お問い合わせ▼ */
.post-3 {
	text-align: center;
	max-width: 40em;
	place-self: self;
	justify-self: center;
	label {
		text-align: left;
	}
	h3:after {
		border-bottom-color: var(--font);
	}
}


.policy {
    border: 1px solid #ccc;
    padding: 1em;
    overflow-y: scroll;
    height: 10em;
}

.wpcf7-spinner {
	display: none;
}
/* ▲お問い合わせ▲ */

/* モバイル版 */
.device-mobile{
	.wpcf7-form-control {
		border-radius: 1em;
	}
/* BEER欄 */
	.vk_pageContent-id-34{
		.wp-block-post-featured-image{
			width: 60%;
		}
	}
}
