@font-face {
	font-family: "M PLUS 1p";
	font-style: normal;
	font-weight: 500;
	font-display: fallback;
	src: url('https://dev.ondolab.com/wp-content/uploads/fonts/e3tmeuShHdiFyPFzBRrQDBcgfkPWovdU4w.woff2') format('woff2');
}

@font-face {
	font-family: Rajdhani;
	font-style: normal;
	font-weight: 600;
	font-display: fallback;
	src: url('https://dev.ondolab.com/wp-content/uploads/fonts/LDI2apCSOBg7S-QT7pbYF8Opc-bGkqIw.woff2') format('woff2');
}

@font-face {
	font-family: Rajdhani;
	font-style: normal;
	font-weight: 500;
	font-display: fallback;
	src: url('https://dev.ondolab.com/wp-content/uploads/fonts/LDI2apCSOBg7S-QT7pb0EMOpc-bGkqIw.woff2') format('woff2');
}

/* ベースのフォントサイズクラス */
.text-xs {
	font-size: 0.75rem;
}

/* 12px */
.text-sm {
	font-size: 0.875rem;
}

/* 14px */
.text-base {
	font-size: 1rem;
}

/* 16px */
.text-lg {
	font-size: 1.125rem;
}

/* 18px */
.text-xl {
	font-size: 1.25rem;
}

/* 20px */
.text-2xl {
	font-size: 1.5rem;
}

/* 24px */

/* レスポンシブブレイクポイント */
@media (min-width: 640px) {
	.sm\\:text-xs {
		font-size: 0.75rem;
	}

	.sm\\:text-sm {
		font-size: 0.875rem;
	}

	.sm\\:text-base {
		font-size: 1rem;
	}

	.sm\\:text-lg {
		font-size: 1.125rem;
	}

	.sm\\:text-xl {
		font-size: 1.25rem;
	}

	.sm\\:text-2xl {
		font-size: 1.5rem;
	}
}

@media (min-width: 768px) {
	.md\\:text-xs {
		font-size: 0.75rem;
	}

	.md\\:text-sm {
		font-size: 0.875rem;
	}

	.md\\:text-base {
		font-size: 1rem;
	}

	.md\\:text-lg {
		font-size: 1.125rem;
	}

	.md\\:text-xl {
		font-size: 1.25rem;
	}

	.md\\:text-2xl {
		font-size: 1.5rem;
	}
}

@media (min-width: 1024px) {
	.lg\\:text-xs {
		font-size: 0.75rem;
	}

	.lg\\:text-sm {
		font-size: 0.875rem;
	}

	.lg\\:text-base {
		font-size: 1rem;
	}

	.lg\\:text-lg {
		font-size: 1.125rem;
	}

	.lg\\:text-xl {
		font-size: 1.25rem;
	}

	.lg\\:text-2xl {
		font-size: 1.5rem;
	}
}

@media (min-width: 1280px) {
	.xl\\:text-xs {
		font-size: 0.75rem;
	}

	.xl\\:text-sm {
		font-size: 0.875rem;
	}

	.xl\\:text-base {
		font-size: 1rem;
	}

	.xl\\:text-lg {
		font-size: 1.125rem;
	}

	.xl\\:text-xl {
		font-size: 1.25rem;
	}

	.xl\\:text-2xl {
		font-size: 1.5rem;
	}
}

@media (min-width: 768px) and (max-width: 992px) {
	.md-mh-96 {
		min-height: 96px;
	}
}

.w-100 {
	width: 100%;

	>img {
		width: 100%;
	}
}

.h-100 {
	height: 100%;
}

@media (max-width: 767px) {
	.wp-block-columns {
		flex-wrap: wrap !important;
	}

	.wp-block-column {
		flex-basis: 100% !important;
		width: 100% !important;
	}
}



body {
	--wp--custom--layout--sidebar: 280px;
	--wp--custom--width--sidebar: 280px;
	/* word-break: auto-phrase; */
	/* 文字サイズ自動拡大抑制 */
	-webkit-text-size-adjust: 100%;
	/* iOS Safari / 旧WebKit */
	text-size-adjust: 100%;
	/* 仕様プロパティ（Chrome/Android等） */
}

/* a:hover {
	text-decoration: underline;
} */

.has-m-plus-1-p-font-family {
	font-family: "M PLUS 1p", sans-serif;
	font-weight: 500;
	font-style: normal;
}

.has-rajdhani-font-family {
	font-family: "Rajdhani", sans-serif;
	font-style: normal;
}

/* 見出し内太字はノーマルに */
h1,
h2,
h3,
h4,
h5,
h6,
.has-custom-1-font-size,
th {
	/* Safariなどのフォールバック */
	word-break: normal;
	/* 英単語は基本割らない */
	overflow-wrap: break-word;
	/* 連結語・URLの暴走だけ抑える */
	line-break: strict;
	/* 和文の禁則を整える */

	/* 対応ブラウザ（Chrome等）で句単位の改行へ上書き */
	word-break: auto-phrase;

	/* text-wrap: balance;	/*対応ブラウザで見出し均一化 */
	strong {
		font-weight: normal;
	}
}

/* Safariで折り返さない制御 */
.no-break {
	overflow-wrap: normal;
	/* ← break-word をやめる */
	word-break: normal;
	hyphens: none;
	/* Safari向けにハイフン分割も禁止 */
	-webkit-hyphens: none;
	line-break: strict;
	/* 和文の禁則を強めに */
	text-wrap: balance;
}

.vk_button .vk_button_link:where(:not(.has-vk-color-primary-color)):hover {
	filter: none;
	background-color: var(--wp--preset--color--primary-hover);
	box-shadow: none;
}

/* マウスオーバーUtilクラス */
.hover-opacity a {
	transition: all .2s;
}

.hover-opacity a:hover {
	opacity: .8 !important;
}

.wp-block-list {
	list-style: none;
}

.wp-block-list li::before {
	content: "-";
	display: inline-block;
	text-indent: -1em;
}


/* @media screen and (max-width: 1200px) {
	.has-small-font-size {
		font-size: 0.8rem !important;
	}
} */

/* 表段落ち */
.wp-block-table td,
.wp-block-table th {
	/* Safariなどのフォールバック */
	word-break: normal;
	/* 英単語は基本割らない */
	overflow-wrap: break-word;
	/* 連結語・URLの暴走だけ抑える */
	line-break: strict;
	/* 和文の禁則を整える */

	/* 対応ブラウザ（Chrome等）で句単位の改行へ上書き */
	word-break: auto-phrase;
	text-align: left;

	/* Safariでのサイズ自動調整無し */
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	/* 旧Safari */
}

.wp-block-table td strong,
.wp-block-table th {
	word-break: keep-all;
	word-break: auto-phrase;

	/* Safariでのサイズ自動調整無し */
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	/* 旧Safari */
}

/* 表・交互色 */
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
	background-color: #eee;
}

/* ボタン段落ち */
.vk_button_link,
.vk_button_link_caption,
.vk_button_link_txt {
	word-break: keep-all;
	word-break: auto-phrase;
}

.post-name-product {

	.vk_button_link,
	.vk_button_link_caption,
	.vk_button_link_txt {
		word-break: keep-all;
		word-break: auto-phrase;
		overflow-wrap: anywhere;
	}
}


/* サイドバーPC~Tab中間幅調整 */
@media screen and (min-width: 768px) and (max-width: 1200px) {
	.wp-block-columns.is-style-main-layout.wp-block-columns-is-layout-flex {
		gap: 0 4%;
	}

	.single-product main .is-layout-flex {
		column-gap: 1%;
	}


	.is-style-main-layout-sidebar {
		flex-basis: 25% !important;
	}

	.wp-block-columns.is-style-main-layout table {
		font-size: 0.84rem;
	}
}

/* ボタン右矢印タイプ */
.vk_button.btn-arrow .vk_button_link {
	min-width: 16em;
}

.vk_button.btn-arrow .vk_button_link:hover {
	opacity: .8;
}

.vk_button.btn-arrow .vk_button_link .vk_button_link_after::before {
	transition: all .2s;
}

.vk_button.btn-arrow .vk_button_link:hover .vk_button_link_after::before {
	margin-left: .4em;
}

/* カラムブロックのブレイクポイントを960pxに設定 */
@media (max-width: 767px) {

	/* 959px以下でカラムが縦に積み重なるように設定 */
	.wp-block-columns {
		flex-wrap: wrap !important;
	}

	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
		flex-basis: 100% !important;
	}
}

@media (min-width: 768px) and (max-width: 781px) {

	/* 960px以上でカラムが横並びになるように設定 */
	.wp-block-columns {
		flex-wrap: nowrap !important;
		gap: 0 4%;
	}

	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
		flex-basis: 0;
		flex-grow: 1;
	}

	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
		/* flex-basis: auto!important; */
	}

	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.is-style-main-layout-sidebar {
		flex-basis: 40% !important;
	}

}


/* 固定ヘッダーの影 */
.header-fixed-active *[class*=scrolled-header-fixed] {
	box-shadow: 0 0 8px #0003;
}

.is-style-scrolled-header-fixed {}

/* ヘッダーナビゲーション */
.header-navi {
	flex: 1;
}

.header-navi::after {
	content: "";
	display: block;
}

.header-navi {
	.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
		padding-block: 12px 9px;
		border-bottom: 3px solid transparent;
		transition: all 0.3s ease;
	}

	.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
		color: var(--wp--preset--color--primary-hover);
		border-color: var(--wp--preset--color--primary-hover);
	}
}

/* モバイルハンバーガーアイコン */
.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open {
	color: var(--wp--preset--color--primary-hover);
}

/* ヘッダーボタン */
header {

	.vk_button .vk_button_link.btn,
	.editor-styles-wrapper .vk_button .vk_button_link.btn {
		padding: 0.3em 1rem;
		-webkit-user-select: text;
		-moz-user-select: text;
		-ms-user-select: text;
		user-select: text;
		text-decoration: none;
		font-size: calc(1rem * 1);
	}

	.vk_button .vk_button_link.btn-sm,
	.editor-styles-wrapper .vk_button .vk_button_link.btn-sm {
		font-size: calc(1rem * 0.775);
	}

}

/* ボタン（会社概要など） */
.vk_button .has-text-color.vk_button_link-type-text:hover,
.editor-styles-wrapper .vk_button .has-text-color.vk_button_link-type-text:hover {
	color: var(--wp--preset--color--primary-hover);
}

.vk_button .has-text-color.is-style-outline:hover {
	box-shadow: none;
}

/* トップメインスライダー */
.vk_slider_item_container {
	margin-top: 0;
}

/* トップメインスライダー画像サイズ調整 */
@media screen and (max-width:768px) and (min-width: 640px) {
	.vk_slider .c-row {
		align-items: center;
	}

	.vk_slider .smb-media-text[data-sm-split-point=md]>.c-row {
		justify-content: center;
		/* align-items: center; */
	}

	.vk_slider .c-row__col--md-1-2 {
		--_item-width: 60%;
	}

	.vk_slider .c-row__col--md-1-2:has(.smb-media-text__figure) {
		--_item-width: 40%;
	}
}

/* オンドパッチ画像上下中央揃え */
.vk_slider .smb-media-text__figure {
	display: grid;
	place-items: center;
	height: 100%;
}

/* トップメインスライダーの変化度合い */
.home .vk_slider .swiper-wrapper {
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
}

@media screen and (max-width: 1024px) {
	.swiper-wrapper img {
		max-width: 400px;
	}
}

/* トップinformation */
.information a:hover {
	color: var(--wp--preset--color--primary-hover);
}

@media screen and (min-width: 768px) and (max-width: 781px) {
	.information .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis] {
		flex-grow: 0;
		flex-basis: auto !important;
	}
}

/* 装飾なしプリセット 文字ウェイトノーマル */
.is-style-vk-heading-plain,
.editor-styles-wrapper .block-editor-block-list__layout .is-style-vk-heading-plain {
	font-weight: normal;
}

/* トップケーススタディマウスオーバー変化 */
.wp-block-cover.home__case--hover {
	/* min-height: 432px; */
	height: 432px;
}

a:hover+.wp-block-cover.home__case--hover .wp-block-cover__background {
	opacity: .8;
}

.wp-block-cover.home__case--hover .wp-block-cover__background,
.wp-block-cover__inner-container,
.home__case__show-group--hover {
	transition: all 0.3s ease
}

.wp-block-cover.home__case--hover {
	overflow: hidden;
}

.wp-block-cover.home__case--hover .wp-block-cover__inner-container {
	transform: translateY(calc(100% - 80px));
}

a:hover+.wp-block-cover .wp-block-cover__inner-container {
	transform: translateY(0px);
}

.home__case__show-group--hover {
	opacity: 0;
}

a:hover+.wp-block-cover .home__case__show-group--hover {
	opacity: 1;
}

/* 詳細検索ボタン */
header .detail_search_form {
	/* display: none; */
	margin: 0 auto;
	/* position: absolute; */
	left: 0;
	right: 0;
	top: 0;
	z-index: 9999;
	overflow: auto;
	max-height: 90vh;
}

.wp-block-search__inside-wrapper {
	position: relative;
	background-color: transparent !important;
}

div:has(> .wp-block-search) {
	/* 詳細検索ボタンの親 */
	position: relative;
}

.detail_search_button a.vk_button_link.btn {
	display: inline-block;
	position: absolute;
	right: 120px;
	top: 50%;
	transform: translate(0, -50%);
	padding: 4px 8px;
	font-size: .8em;
	min-width: auto;
}

.search_box_detail_btn {
	box-shadow: 0 0 2px #000;
}

/* 詳細検索フォーム出力 */
header .detail_search_wrapper {
	display: none;
	position: fixed;
	z-index: 100000;
}

header .detail_search_container {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	/* pointer-events: none; */
	z-index: 2;
	background-color: #000a;
	padding-inline: 2em !important;
}

header .detail_search_form {
	background-color: #fafafa;
	box-shadow: 1px 1px 3px #ccc;
	padding: 24px;
	pointer-events: all;
	border-radius: 2px;
}

.detail_search_form {
	position: sticky;
	top: 150px;
}

.detail_search_form p {
	margin: 0;
}

.detail_search_form__title {
	font-size: 1rem;
	color: #666;
}

.detail_search_form__stack {
	display: grid;
	grid-template-columns: 200px 1fr;
}

@media screen and (max-width: 992px) {
	.detail_search_form__stack {
		grid-template-columns: 1fr;
	}
}

main {
	.detail_search_form__stack {
		display: block;
	}
}

.detail_search_form__stack--between {
	grid-template-columns: 1fr auto;
}

.detail_search_form__stack_wrapper {
	display: grid;
	gap: 24px;
	margin-top: 16px;
}

.detail_search_form {

	input,
	textarea,
	select {
		padding: 6px;
	}

	.fa-circle-xmark {
		color: #888;
		/* 			position: absolute; */
		top: 24px;
		right: 24px;
		padding: 4px;
		cursor: pointer;
	}
}

@media screen and (max-width: 781px) {

	input,
	textarea,
	select {
		display: block;
	}
}

header .fa-circle-xmark {
	display: inline-block;
}

main .fa-circle-xmark {
	display: none;
}

header .detail_search_form_button_wrapper {
	text-align: right;
}

header .toggle-icon {
	/* display: none; */
}

.toggle-icon::before {
	content: "\f13a";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	margin-left: 0.8em;
	color: #888;
}

.side_top_fixed {
	display: none;
}

.is-style-main-layout-sidebar {
	.detail_search_form {
		overflow-y: auto;
		overflow: auto;
		max-height: calc(100vh - 170px);
		/*scrollbar-width: none;/*Firefox*/
		/*-ms-overflow-style: none;/*MS*/
	}

	.detail_search_form::-webkit-scrollbar {
		/*display: none;/*Chrome Safari*/
	}

	.detail_search_form__header {
		position: sticky;
		top: 0;
		z-index: 999;
		background: #fff;
		padding: 0 0 10px;
	}

	.custom-group label {
		font-size: 12px;
	}

	.detail_search_form_button_wrapper {
		display: none;
	}

	.side_top_fixed {
		display: block;
	}

	.wp-block-search__button {
		width: 90%;
	}
}

@media screen and (max-width: 767px) {
	.is-style-main-layout-sidebar {
		/* margin-top: var(--vk-margin-lg) !important; */
		order: 2;
	}

	.is-style-main-layout-sidebar {

		.detail_search_form__stack_wrapper,
		.detail_search_form__header {
			display: none;
		}
	}
}

/* 詳細検索 可逆不可逆の違いを見る */
.detail_search_form__label_container {
	container-type: inline-size;
}

.text-red {
	color: var(--wp--preset--color--vivid-red);
}

.text-require {
	color: var(--wp--preset--color--vivid-red);
	font-size: .9em;
}

.detail_search_category_desc {
	vertical-align: top;
	margin-left: 0.8em;
	font-size: 0.8em;
	background-color: #fff;
	border: 1px solid var(--wp--preset--color--bg-primary);
	color: var(--wp--preset--color--primary-hover);
	padding: 0 2px;
	border-radius: 3px;
	cursor: pointer;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, .1);
	position: relative;
}

.detail_search_category_desc::before {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: -9px;
	bottom: 5px;
	border-bottom: 5px solid #fff;
	border-left: 10px solid transparent;
	filter: drop-shadow(-2px 1px 2px #cccc);
}

@container (max-width: 248.5px) {
	.detail_search_category_desc {
		margin-left: 0;
	}

	.detail_search_category_desc::before {
		left: 15px;
		bottom: 110%;
		transform: rotate(90deg);
	}
}

.popover {
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 9999;
	border: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	pointer-events: none;
}

.popover-content {
	position: relative;
	padding: 1em;
	/* margin-inline: 1em; */
	background: #fff;
	border: 1px solid #ccc;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
	border-radius: 6px;
	/* max-width: 300px; */
	font-size: 1.1em;
	z-index: 9999;
}

.popover-backdrop {
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.64);
	z-index: 0;
	border: 0;
	width: 100%;
	height: 100%;
	pointer-events: auto;
	cursor: pointer;
}

@media screen and (max-width: 576px) {
	.popover-content {
		max-width: 80%;
	}
}


/* 詳細検索選択不可フィールド */
#dependent-fields,
#sidebar-dependent-fields {
	margin: 0;
	padding: 0;
	border: 0;
	display: grid;
	gap: 24px;
}

/* 詳細検索ラジオ・チェック */
.custom-group {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.custom-group input[type="checkbox"],
.custom-group input[type="radio"] {
	/* display: none; */
	/* required属性対策 */
	opacity: 0;
	position: absolute;
	pointer-events: none;
}

.custom-group label {
	padding: 2px 8px;
	border: 1px solid #ccc;
	border-radius: 5px;
	cursor: pointer;
	transition: all 0.2s ease;
	background-color: #fff;
	font-size: 14px;
}

.custom-group input:checked+label {
	background-color: #005577;
	color: #fff;
	border-color: #005577;
}


/* ヘッダー検索 */
.wp-block-search__input {
	line-height: 1;
	height: 30px;
	width: 15em;
	padding: .3em 7em .3em .6em;
	border-radius: 3px;
}

@media screen and (max-width:500px) {
	.wp-block-search__input {
		font-size: 16px;
	}
}

::placeholder {
	color: var(--wp--preset--color--text-secondary);
	opacity: .7;
}

.search_box_buttons {
	position: absolute;
	display: flex;
	align-items: center;
	gap: 4px;
	right: 2px;
	height: calc(100% - 6px);
}

.search_box_detail_btn {
	background: var(--wp--preset--color--border-normal);
	color: var(--wp--preset--color--text-secondary);
	font-size: smaller;
	padding: 2px 5px;
	border-radius: 3px;
	border: none;
	cursor: pointer;
}

.search_box_detail_btn:hover {
	opacity: .6;
}

.triangle-down {
	fill: var(--wp--preset--color--text-secondary);
}

.search_box_icon {
	background-color: var(--wp--preset--color--text-secondary);
	border: none;
	border-radius: 0 3px 3px 0;
	fill: var(--wp--preset--color--bg-primary);
	color: var(--wp--preset--color--bg-primary);
	cursor: pointer;
	height: 100%;
	/* transform: scaleX(-100%); */
	padding: 0 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.search_box_icon:hover {
	opacity: .6;
}

/**************************
 フッター 
**************************/
@media (min-width: 782px) {
	.footer-top-columns {
		justify-content: space-between;
	}

	.footer-top-columns.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
		flex-basis: auto;
		flex-grow: 0;
		width: fit-content;
	}
}

footer.wp-block-template-part {
	z-index: 0;
}

/* フッター リスト装飾なし */
.list-style-none {
	list-style: none;
}

footer .list-style-none {
	padding-left: 0;
	margin-top: 1em;
	line-height: 2;
}

footer a {
	text-decoration: none;
}

footer li::marker {
	color: var(--wp--preset--color--text-normal);
}

footer .wp-block-navigation :where(.wp-block-navigation__container, .wp-block-page-list)>.wp-block-navigation-item>a {
	/* padding-inline: var(--wp--preset--spacing--50); */
}

@media screen and (max-width: 992px) {
	footer {
		/* text-align: center; */
	}

	.wp-block-navigation.is-vertical {
		/* align-items: center;
		margin: 0 auto; */
	}

}

@media screen and (max-width: 767px) {
	footer .wp-block-columns:not(.is-not-stacked-on-mobile)>div+.wp-block-column {
		border-top: 1px solid var(--wp--preset--color--border-normal);
		padding-top: var(--wp--preset--spacing--50);
	}
}

/* Cookie同意しないボタン */
#cn-refuse-cookie {
	background-color: #888 !important;
}

/* パンくず */
.breadcrumbs a {
	text-decoration-color: #aaa;
	text-underline-offset: 1px;
	color: var(--wp--preset--color--primary-hover);
}



/*************************
 商品一覧ページ 
 *************************/
/* モバイルで用途見出し折り返しなし */
.is-nowrap h3 {
	/* word-break: keep-all; */
	margin-block: .2em !important;
}

.post-name-customize .wp-block-group-is-layout-grid>div,
.post-name-product .wp-block-group-is-layout-grid>div {
	@media screen and (max-width: 767px) {
		grid-column: span 3;
	}
}

.vk_button.btn-hover-white a:hover {
	background-color: #fff;
	border: 1px solid #888;
}

@media screen and (max-width: 480px) {
	.product-info-columns {
		flex-direction: column;
		text-align: center;
	}
}

@media screen and (max-width: 767px) {

	/* 上部ナビゲーション */
	.md-fit {
		width: fit-content;
	}
}

/*************************
 商品アーカイブ 
 *************************/
/* .wp-block-post-featured-image, */
.archive:not(.category) .wp-block-post-featured-image,
.single-product .wp-block-post-featured-image {
	max-width: 300px;
	margin-inline: auto !important;
}

@media screen and (max-width: 767px) {

	.archive .wp-block-post-featured-image,
	.single-product .wp-block-post-featured-image {
		max-width: 80%;
		/* max-height: 80%; */
		/*ギャラリー上下揃えのためコメントアウト対応*/
		margin-inline: auto;
	}
}



/*************************
 商品詳細ページ 
 *************************/
@media (min-width: 768px) and (max-width: 992px) {
	.single-product .wp-block-columns.is-style-main-layout.is-layout-flex.wp-block-columns-is-layout-flex {
		flex-direction: column;
	}
}

.taxonomy-product_use a {
	color: #fff;
	background-color: #f45458;
	line-height: 2;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 2px;
	font-size: 12px;
	padding: 3px 9px;
	display: inline-block;
	margin: 3px 3px 3px 0;
}

.taxonomy-product_use .wp-block-post-terms__separator {
	display: none;
}

/* 商品ギャラリー */
.product-main,
.\.product-main {
	min-height: 200px;
	/*ギャラリー切り替え時がたつき抑制*/
	display: flex;
	justify-content: center;
	align-items: center;
}

.product-main img,
.\.product-main img {
	max-height: 360px;
	object-fit: contain !important;
	/* cursor: default !important; */
	contain-intrinsic-size: revert;
}

/* サムネイルのみに適用する */
.product-thumbs {
	justify-content: center;
	align-items: center !important;
	text-align: center;
}

.product-thumbs .wp-block-column {
	max-width: 12%;
}

.product-thumbs img:hover,
.product-thumbs .wp-block-embed__wrapper:hover {
	opacity: 1;
}

.product-thumbs .wp-block-post-featured-image img,
.product-thumbs .wp-block-image img,
.product-thumbs .wp-block-embed__wrapper {
	object-fit: contain !important;
	border: 2px solid transparent;
	border-radius: 1px;
	opacity: 0.7;
	transition: all 0.2s ease;
}

.product-thumbs img {
	max-height: 100px;
}

.product-thumbs img.is-active,
.product-thumbs .wp-block-embed__wrapper.is-active {
	border-color: #0073aa;
	opacity: 1;
	box-shadow: 0 2px 5px #0073aa88;
}

/* 拡大 */
.wp-block-post-featured-image {
	position: relative;
	overflow: hidden;
	/* cursor: zoom-in; */
}

.zoom-lens {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	pointer-events: none;
	background-repeat: no-repeat;
	background-size: 200%;
	/* 拡大倍率はここで調整 */
	z-index: 10;
}

/* リストスタイルなし */
ul.wp-block-list.is-style-none {
	list-style: none;
	padding-left: 0;
}

/* 商品リンク */
.single-product main a {
	color: var(--wp--preset--color--primary-hover);
}

/* 商品お問い合わせアラート */
.wp-block-vk-blocks-alert.alert-info {
	background-color: #e4f0f4;
	border-color: #e4f0f4;
}

.single-product .alert a:hover,
.single-product .alert a:visited {
	text-decoration: underline;
}

.single-product .alert a:hover {
	opacity: 0.6;
}

.is-style-main-layout-sidebar {
	position: relative;
	z-index: 2;

	.cat-item-69,
	.cat-item-70,
	.cat-item-71,
	.cat-item-72,
	.cat-item-73,
	.cat-item-74,
	.cat-item-75 {
		display: none;
	}

	img {
		max-height: 120px;
		object-fit: contain;
	}
}

.single-product .is-style-main-layout-sidebar img {
	max-width: 150px;
	display: block;
	margin-inline: auto;
	max-height: 120px;
	object-fit: contain;
}

/* 商品詳細サイドバー */
.product-aside .wp-block-media-text img {
	max-width: 150px;
	display: block;
	margin-inline: auto;
}



/**************************
 商品アーカイブページ
 **************************/
.product-archive-info-grid {
	grid-template-columns: auto 1fr;
	column-gap: .5em;
}

.archive-thumb {
	min-height: 140px;
	display: flex;
	align-items: center;
	margin-inline: auto;
}


/*-------------------------------------------*/
/*	ExUnit の子ページ一覧ブロック：パソコンでは3列で表示
/*-------------------------------------------*/
.veu_childPage_list {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2em;
}

.veu_childPage_list .childPage_list_box {
	width: unset;
	margin-bottom: 0;
}

@media (min-width: 768px) {
	.veu_childPage_list {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1200px) {
	.veu_childPage_list {
		grid-template-columns: repeat(3, 1fr);
	}
}

.veu_card {
	border: solid 1px #eee;
	-webkit-box-shadow: 0 1px 5px 1px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 1px 5px 1px rgba(0, 0, 0, .1);
	box-shadow: 0 1px 5px 1px rgba(0, 0, 0, .1);
}

.veu_card .veu_card_title {
	color: var(--wp--preset--color--primary-hover);
	text-align: center;
	border: none;
	font-size: var(--wp--preset--font-size--large);
	margin-bottom: 0.5em;
	font-weight: 500;
}

.veu_childPage_list .wp-post-image {
	float: none;
	margin-right: 0;
	width: 100%;
	border: none;
}

.veu_childPage_list .childPage_list_text {
	margin-bottom: 1em;
}

.veu_childPage_list .childPage_list_more {
	display: block;
	position: relative;
}

/*************************
 事例一覧クエリーブロック 
 *************************/
/* タイトルaタグ文字色 */
.wp-elements-d97254e7c0c55d4462404c087012b5a6 a:where(:not(.wp-element-button)) {
	color: inherit;
	font-size: var(--wp--preset--font-size--large);
}

body:not(.archive, .search) .wp-block-query .wp-block-post-excerpt__more-link {
	display: block;
	text-align: center;
}

.case__excerpt .wp-block-post-excerpt__more-text {
	display: none !important;
}

.case__more-link {
	margin-top: var(--wp--style--block-gap);
	width: 100%;
	padding: .2em !important;
}

@media screen and (max-width: 992px) {
	.post-name-case .wp-block-post-template-is-layout-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* 詳細の矢印アイコン */
.wp-block-query .wp-block-post-excerpt__more-link::after {
	content: "\f061";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	margin: 0 0 0 5px;
	transition: all 0.3s ease;
}

.wp-block-post-excerpt__more-link:hover::after {
	margin-left: 12px;
}



/*************************
 お問い合わせページ 
 *************************/
.is-style-vk-heading-both_ends::before,
.editor-styles-wrapper .block-editor-block-list__layout .is-style-vk-heading-both_ends::before,
.is-style-vk-heading-both_ends::after,
.editor-styles-wrapper .block-editor-block-list__layout .is-style-vk-heading-both_ends::after {
	max-width: 1em;
}

.is-style-vk-heading-both_ends,
.editor-styles-wrapper .block-editor-block-list__layout .is-style-vk-heading-both_ends {
	justify-content: center;
}

.mw_wp_form th {
	min-width: 11em;
	vertical-align: top;
}

.mw_wp_form .vertical-item {
	display: inline-block;
	/* min-width: 30%; */
}

.mw_wp_form input[type="text"],
.mw_wp_form input[type="email"] {
	width: 100%;
	font-size: 15px;
}

.mw_wp_form .vk_button .vk_button_link.btn {
	padding: .8em 4.5rem;
	margin-top: 2em;
}

.wp-block-table table[style*=border-width] td,
.wp-block-table table[style*=border-width] th,
.wp-block-table table[style*=border-width] tr,
.wp-block-table table[style*=border-width]>* {
	border-style: inherit;
	border-width: inherit;
}

.mw_wp_form textarea {
	font-size: 15px;
}

.privacy-agree a:hover {
	text-decoration: underline;
	color: var(--wp--preset--color--primary-hover);
}

/* 同意チェックテキスト非表示 */
.privacy-agree .mwform-checkbox-field-text {
	display: none !important;
	opacity: 0 !important;
	position: absolute !important;
	z-index: -1 !important;
}

@media screen and (max-width: 781px) {
	.wp-container-core-group-is-layout-1cfdb9ee> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
		max-width: 100%;
	}

	input[type="checkbox"] {
		display: inline-block;
	}
}

@media screen and (max-width: 576px) {

	form,
	.privacy-policy {

		table,
		table th,
		table td,
		.wp-block-table table,
		.wp-block-table table th,
		.wp-block-table table td {
			display: block;
		}
	}
}


/* よくあるご質問 */
.details-wrapper {
	overflow: hidden;
	transition: height 0.2s ease, opacity 0.2s ease;
	opacity: 0;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

summary {
	display: block;
	list-style-type: none !important;
}

summary::marker,
summary::-webkit-details-marker {
	-webkit-appearance: none !important;
	display: none !important;
	content: none !important;
	opacity: 0 !important;
	visibility: hidden !important;
}

details summary::before {
	content: "\f054";
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	display: inline-block;
	margin-right: 0.5em;
	transition: transform 0.2s ease;
}

details.is-open>summary::before {
	transform: rotate(90deg);
}

/* アコーディオンボディの初期状態：閉じている */
.smb-accordion__item__title {
	padding: calc(var(--_padding-1)*1) var(--_padding-1);
}

.smb-accordion__item__body {
	display: block;
	max-height: 0;
	overflow: hidden;
	transition: all 0.3s ease;
	padding-block: 0;
}

/* チェックされているとき（開く状態）にmax-heightを広げる */
.smb-accordion__item__control:checked+.smb-accordion__item__title+.smb-accordion__item__body {
	max-height: 3000px;
	/* 十分大きければOK。中身に応じて調整可能 */
	padding-block: var(--smb-accordion--body-padding);
}





/* ハンバーガーメニュー */
.wp-block-navigation .wp-block-navigation__responsive-container-open {
	border: none;
}

.wp-block-navigation__responsive-container-close {
	padding: var(--wp--preset--spacing--50);
	right: 0;
	top: 0;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
	padding-inline: 3em;
}

/* オープン時ナビゲーション */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
	/* border-bottom: 1px solid #fff; */
}

.has-modal-open .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item .wp-block-navigation-item__content {
	border-bottom: 1px solid #fff;
	padding-block: 1.5em;
}

.has-modal-open .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item .wp-block-navigation-item__content::before,
.has-modal-open .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item .wp-block-navigation-item__content::after {
	content: "";
	display: inline-block;
	width: 20px;
	height: 1px;
	background: #fff;
	position: absolute;
	transform: translateY(7px) rotate(-45deg);
	top: 50%;
	right: 0;
}

.has-modal-open .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item .wp-block-navigation-item__content::after {
	transform: translateY(-7px) rotate(45deg);
}

.header-navi-sp-tel {
	width: calc(100% - 4em) !important;
	height: auto !important;
	margin: 0 auto;
	padding: 2em;
	text-align: center;
	font-size: 1.5em;
	border-bottom: 1px solid #fff;

}

.header-navi-sp-tel::before {
	content: "\f095";
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	display: inline-block;
	margin-right: 0.5em;
}

.header-navi-sp-tel::after {
	content: "03-3917-3185";
	display: inline-block;
}


/* ページトップボタン */
.page_top_btn {
	background-color: var(--wp--preset--color--primary-hover);
	border: none;
	border-radius: 3px;
	box-shadow: 0 0 0 2px rgba(255, 255, 255, .8), 0 0 4px 3px rgba(0, 0, 0, .1);
}

.scrolled .page_top_btn {
	opacity: .8;
}

/*************************
 温度ラボとは 
 *************************/
@media (max-width: 600px) {
	.wp-block-media-text.is-stacked-on-mobile {
		gap: var(--vk-margin-sm);
	}
}

.has-primary-hover-background-color {
	transition: all 0.3s ease !important;
}

a.has-primary-hover-background-color:hover,
.has-primary-hover-background-color:hover>a,
.has-primary-hover-background-color:hover>a:hover,
footer a:hover {
	opacity: 0.8 !important;
}

/*************************
 プライバシーポリシー
*************************/
@media screen and (min-width: 768px) and (max-width: 1024px) {}

/*************************
 お知らせページ
*************************/
@media (max-width: 781px) {
	.information-page-query-block .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
		flex-basis: auto !important;
		flex-grow: 0;
		width: auto;
	}
}