/* ▼共通項目▼ */
html{
	scroll-behavior: smooth;
}
body {
	--bg: #fff;
	--font: #364900cc;
	--footer: #000;
	background-color: var(--bg);
	font-size: 16px;
	color: var(--font);
	
}
.navbar-brand a{
	text-decoration: none;
	font-size: 14px;
	font-weight: 800;
}
.device-pc h2 {
	padding-top: 6rem;
}
.breadSection{
	display: none;
}
footer.siteFooter {
	background-color: var(--bg);
	padding-right: 1.2rem;
	padding-left: 1.2rem;
}
.post-2 h2.cntct{
	margin-top: 1em;
}
a{
	text-decoration: underline;
	color: #333;
}
hr.b-l{
	margin: 2em 0 0;
	border-top: 3px #000 dashed;
}
#post-2 .wp-block-vk-blocks-page-content:nth-child(n+2){
	--top-anchr: 7em;
	margin-top: calc(var(--top-anchr) * -1);
	padding-top: var(--top-anchr);
}
/* コピーライト非表示 */
.copySection > p:nth-child(2) {
	display: none;
}
.text-start {
	text-align: left;
}
.siteContent{
	padding-top: 0;
}
/* フッダーナビゲーション */
#menu-jngle-menu-1 {
	justify-content: center;
}
@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;
	}
}
.device-pc :where(#block-20, #block-23) > div {
	width: 20rem;
	margin: 0 auto 1.75em;
	.wp-block-column {
		align-content: center;
	}
}
.device-mobile :where(#block-20, #block-23) > div {
	flex-wrap: nowrap !important;
}
.device-mobile .container{
	padding: 0;
}
.device-mobile div:where(.vk_pageContent-id-32, .vk_pageContent-id-34, .vk_pageContent-id-37, .vk_pageContent-id-39, .siteFooter){
	padding-right: 1.2rem;
	padding-left: 1.2rem;
}
/* ▲共通項目▲ */
/* ▼HERO▼ */
.heroimg{
/* 	justify-self: center;
	width: 100vw; */
}
/* ▲HERO▲ */
/* ▼CONCEPT▼ */
.vk_pageContent-id-32{
	p{
		line-height: 1.5rem;
	}
}
/* ▲CONCEPT▲ */
/* ▼BEERリスト▼ */
.vk_pageContent-id-34{
	.opt-undisp{
		display: none !important;
	}
	.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%;
	}
	ul{
		display: inline-flex;
		flex-wrap: nowrap;
		overflow: hidden;
		width: 100%;
		gap: 0;
		justify-content: space-evenly;
		margin: 0;
	}
	li{
		position: relative;
		max-width: 20rem;
	}
	/* ここを編集するといい感じになる */
	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;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}
/* 設計ミスでこんな感じ */
.device-pc .vk_pageContent-id-34 .wp-block-post-featured-image{
	aspect-ratio: 300 / 375 !important;
}
#post-90 .opt-undisp{
	display: none !important;
}
/* ▲BEERリスト▲ */
/* ▼NEWS▼ */
.vk_pageContent-id-37{
	li > .wp-block-columns{
		margin: auto 2em;
	}
	.orgnl-spr{
		margin: .2rem 0 .3rem;
	}
}
/* ▲NEWS▲ */
/* BLOGS */
:where(.post-92, .post-10883, .post-10869, .post-10884) .wp-block-query,
#blogs + div{
	.wp-block-post-featured-image{
		filter: drop-shadow(2px 4px 6px black);
		transition: width .2s ease-in;
		width: 80%;
		justify-self: center;
		&:hover{
			width: 85%;
		}
	}
}
/* お問い合わせリンク */
.cntct-cntnr{
	p{
		font-size: 1rem;
		margin-top: .3rem;
	}
}
.siteFooter + .footerWidget a{
	color: #333;
}
/* ▼お問い合わせ▼ */
.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);
	}
}
.post-10739{
	.btn['value="送信"']{
		background-color: #000;
	}
}

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

.wpcf7-spinner {
	display: none;
}
/* ▲お問い合わせ▲ */
.second-list{
	h2{
		margin-bottom: 1rem;
	}
	h2+hr{
		width: 1rem;
		margin-bottom: 6rem;
	}
	.tabs{
		gap: 0;
	}
	.tabs > div{
		border-bottom: solid #ccc;
		&:hover{
			border-bottom: solid var(--vk-menu-acc-btn-border-color);
		}
	}
	.tabs >div.active{
		border-bottom: solid var(--vk-menu-acc-btn-border-color);
	}
	.tabs a{
		padding: .3rem 20%;
		text-decoration: inherit;
	}
	.tabs p{
		text-align: center;
	}
}
/* モバイル版 */
.device-mobile{
	&#postid-10824 .page-header{
		display: none;
	}
	&.page-id-90 .siteContent{
		margin: 0 1rem;
	}
	.wpcf7-form-control {
		border-radius: 1em;
	}
/* BEER欄 */
	.vk_pageContent-id-34{
		figure{
			aspect-ratio: 3 / 4 !important;
		}
		/* BEERセクションの画像比率統一 */
		.vk-block-columns img {
		  aspect-ratio: 3 / 4;
		  object-fit: cover;
		  width: 100%;
		  height: auto;
		}
		.type-beer img{
			aspect-ratio: 3 / 4;
			object-fit: cover;
			width: 100%;
			height: auto;
		}
		li.order-2{
			--m-x: auto;
		}
		li:last-child{
			display: none;
		}
	}
	.second-list{
		.tabs{
			font-size: .8rem;
		}
		.tabs a{
			padding: 0;
			text-wrap: nowrap;
		}
	}
}
/* 会社概要 */
.jngl-c p{
	text-align: center;
}
.t-cmpny tr>td:first-child{
	width: 15rem;
}
body.single-beer .entry-meta a{
	display: none;
}