/* ==================== edom-lp-frame/@.css ==================== */

.edom-lp-frame {

	--black: #3e3a39;
	--edom-blue: #00a0e9;
	--edom-yellow: #ffed00;

	color: #3e3a39;
	line-height: 1.5;
	font-family: sans-serif;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

.edom-lp-frame img {
	max-width: 100%;
	vertical-align: bottom;
}

.edom-lp-frame [lang="en"] {
	font-family: system-ui, sans-serif;
}



/* ==================== edom-lp-frame/@responsive.css ==================== */

.edom-lp-frame, .edom-lp-frame img {
	font-size: 20px;
}

@media (max-width: 375px) {
	.edom-lp-frame, .edom-lp-frame img {
		font-size: 5.3333333333333vw;
	}
}

@media (min-width: 568px) and (max-width: 1000px) {
	.edom-lp-frame, .edom-lp-frame img {
		font-size: 2vw;
	}
}

@media (min-width: 1280px) {
	.edom-lp-frame, .edom-lp-frame img {
		font-size: 1.5625vw;
	}
}



/* ==================== edom-lp-frame.footer/@.css ==================== */

.edom-lp-frame.footer {
	display: flex;
	flex-direction: column;
}



/* ==================== edom-lp-frame.footer/banner.css ==================== */

.edom-lp-frame.footer .banner {
	background: var(--black);
	padding: 2em;
}

.edom-lp-frame.footer .banner ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}


@media (max-width: 567px) {
	.edom-lp-frame.footer .banner ul {
		display: grid;
		gap: 1em;
		grid-template-columns: repeat(2, 1fr);
	}
}


@media (min-width: 568px) {
	.edom-lp-frame.footer .banner ul {
		display: flex;
		align-items: center;
		gap: 1em;
	}

	.edom-lp-frame.footer .banner ul li {
		width: 100%;
	}
}



/* ==================== edom-lp-frame.footer/company.css ==================== */

.edom-lp-frame.footer .company {
	display: flex;
	flex-direction: column;
	align-items: center;
	background: var(--black);
	padding-bottom: 2em;
}

.edom-lp-frame.footer .company ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: flex;
}

.edom-lp-frame.footer .company ul.info {
	color: white;
	font-size: 70%;
}

.edom-lp-frame.footer .company ul.info li {
	display: flex;
	align-items: center;
	gap: 0.1em;
}
.edom-lp-frame.footer .company ul.info li::before {
	content: 'chevron_right';
	font-family: 'Material Icons';
	transform: scale(1.5);
}

.edom-lp-frame.footer .company ul.info a {
	color: white;
	text-decoration: none;
}
.edom-lp-frame.footer .company ul.info a:hover {
	text-decoration: underline;
}

.edom-lp-frame.footer .company ul.sns {
	align-items: center;
	gap: 1.5em;
	margin: 1.5em auto;
}

.edom-lp-frame.footer .company ul img[src*="instagram"] {
	width: 1.7em;
}
.edom-lp-frame.footer .company ul img[src*="twitter"] {
	width: 1.8em;
}

.edom-lp-frame.footer .company address {
	color: white;
	font-size: 70%;
	font-style: normal;
}


@media (max-width: 567px) {
	.edom-lp-frame.footer .company ul.info {
		flex-direction: column;
		gap: 0.5em;
	}
}


@media (min-width: 568px) {
	.edom-lp-frame.footer .company ul.info {
		gap: 1.5em;
	}
}



/* ==================== edom-lp-frame.footer/inquiry.css ==================== */

.edom-lp-frame.footer .inquiry {
	display: flex;
	flex-direction: column;
	align-items: center;
	border: 1px solid #ccc;
	margin: 2em auto;
	padding: 1em 2em;
	width: max-content;
}

.edom-lp-frame.footer .inquiry h2 {
	margin: 0;
	font-weight: normal;
	font-size: 90%;
}

.edom-lp-frame.footer .inquiry dl {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 1em auto 0;
	gap: 1em;
}

.edom-lp-frame.footer .inquiry dt {
	display: none;
}
.edom-lp-frame.footer .inquiry dd {
	margin: 0;
}

.edom-lp-frame.footer .inquiry a {
	display: flex;
	align-items: center;
	font-weight: bold;
	text-decoration: none;
	gap: 0.25em;
}
.edom-lp-frame.footer .inquiry a::before {
	font-family: 'Material Icons';
}

.edom-lp-frame.footer .inquiry .form a {
	height: 3em;
	padding: 0.5em 1.5em;
	background: var(--edom-yellow);
	color: inherit;
}
.edom-lp-frame.footer .inquiry .form a::before {
	content: 'mail_outline';
	font-size: 150%;
}

.edom-lp-frame.footer .inquiry .tel {
	font-family: system-ui;
}

.edom-lp-frame.footer .inquiry .tel a {
	color: #00a0e9;
}
.edom-lp-frame.footer .inquiry .tel a::before {
	content: 'phone';
	font-size: 110%;
}


@media (max-width: 567px) {
	.edom-lp-frame.footer .inquiry h2 {
	}
}


@media (min-width: 568px) {
	.edom-lp-frame.footer .inquiry {
		font-size: 80%;
	}
}



/* ==================== edom-lp-frame.header/<button>.css ==================== */

@media (max-width: 567px) {

	.edom-lp-frame.header button {
		display: grid;
		align-items: center;
		justify-content: center;
		position: fixed;
		right: 0;
		top: 0;
		border :none;
		margin: 0;
		padding: 0;
		background: none;
		width: 3em;
		height: 3em;
		color: inherit;
		font-size: inherit;
	}
	.edom-lp-frame.header button i {
		grid-column: 1;
		grid-row: 1;
		font-size: 175%;
		transition: 300ms;
	}

	body.openHeadMenu .edom-lp-frame.header button i.open,
	body:not(.openHeadMenu) .edom-lp-frame.header button i.close {
		transform: scale(0.5);
		opacity: 0;
	}
}



@media (min-width: 568px) {
	.edom-lp-frame.header button {
		display: none;
	}
}



/* ==================== edom-lp-frame.header/<nav>.css ==================== */

@media (max-width: 567px) {
	.edom-lp-frame.header nav {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 1.5em;
		padding: 2em 1em;
		background: rgba(255,255,255,0.9);
	}

	body:not(.openHeadMenu) .edom-lp-frame.header nav {
		visibility: hidden;
		opacity: 0;
		transform: translateY(-50%);
	}

	body.openHeadMenu .edom-lp-frame.header nav {
		transition: 300ms;
	}

	.edom-lp-frame.header nav .logo img {
		width: 8em;
	}

}


@media (min-width: 568px) {

	.edom-lp-frame.header nav {
		display: flex;
		align-items: center;
		padding: 0.5em;
		padding-right: 1em;
	}

	.edom-lp-frame.header nav .logo {
		margin-right: auto;
	}
	.edom-lp-frame.header nav .logo img {
		width: 6.6em;
	}

}



/* ==================== edom-lp-frame.header/<nav>__<ul>.css ==================== */

.edom-lp-frame.header nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.edom-lp-frame.header nav ul a {
	color: inherit;
	text-decoration: none;
	transition: 150ms;
}

.edom-lp-frame.header nav ul li {
	display: flex;
}

.edom-lp-frame.header nav ul li li {
	white-space: nowrap;
}

.edom-lp-frame.header nav ul li::before {
	display: inline-block;
	content: 'chevron_right';
	font-family: 'Material Icons';
	transform: scale(1.25);
	margin-right: 0.1em;
}
.edom-lp-frame.header nav ul li li::before {
	content: 'arrow_right';
}


@media (max-width: 567px) {
	.edom-lp-frame.header nav > ul {
		display: grid;
		align-items: start;
		grid-template-columns: repeat(2, 1fr);
		gap: 1.5em 1em;
		font-size: 80%;
	}

	.edom-lp-frame.header nav > ul > li {
		flex-wrap: wrap;
	}

	.edom-lp-frame.header nav ul li {
		font-weight: bold;
	}

	.edom-lp-frame.header nav ul li ul {
		margin-top: 0.5em;
		margin-left: 0.25em;
	}

	.edom-lp-frame.header nav ul li li {
		font-size: 90%;
		font-weight: normal;
	}
	.edom-lp-frame.header nav ul li li:nth-of-type(n+2) {
		margin-top: 0.25em;
	}

}


@media (min-width: 568px) {

	.edom-lp-frame.header nav > ul {
		display: flex;
		align-items: center;
		gap: 1.5em;
		font-size: 70%;
	}

	.edom-lp-frame.header nav > ul > li {
		position: relative;
		height: 1.75em;
		cursor: pointer;
	}

	.edom-lp-frame.header nav ul li ul {
		position: absolute;
		flex-direction: column;
		left: 0;
		top: 100%;
		border: 1px solid #ddd;
		margin-left: 0.5em;
		background: white;
		transition: 200ms;
	}
	.edom-lp-frame.header nav > ul > li:not(.openSubmenu) ul {
		opacity: 0;
		transform: translateY(-1em);
	}

	.edom-lp-frame.header nav ul li li {
		align-items: center;
		font-size: 80%;
		height: 2.5em;
		padding-left: 0.5em;
		padding-right: 0.75em;
		transition: 100ms;
	}
	.edom-lp-frame.header nav ul li li:hover {
		background: var(--edom-yellow);
	}

	.edom-lp-frame.header nav ul li li:nth-of-type(n+2) {
		border-top: 1px solid #ddd;
	}

}



/* ==================== edom-lp-frame.header/<nav>__onlineshop.css ==================== */

.edom-lp-frame.header nav .onlineshop a {
	display: flex;
	align-items: center;
	gap: 0.5em;
	height: 2.75em;
	padding: 0 1em;
	background: var(--edom-blue);
	color: white;
	font-weight: bold;
	text-decoration: none;
}

.edom-lp-frame.header nav .onlineshop a::before {
	font-family: 'Material Icons';
	content: 'shopping_cart';
	transform: scale(1.5);
}


@media (max-width: 567px) {
	.edom-lp-frame.header nav .onlineshop {
		font-size: 80%;
	}
}


@media (min-width: 568px) {
	.edom-lp-frame.header nav .onlineshop {
		margin-left: 1.5em;
		font-size: 70%;
	}
}



/* ==================== edom-lp-frame.header/@.css ==================== */

.edom-lp-frame.header {
	z-index: 100;
}


@media (max-width: 567px) {

	.edom-lp-frame.header {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 0;
	}

	body.openHeadMenu .edom-lp-frame.header {
		height: 100%;
		-webkit-backdrop-filter: blur(4px);
		backdrop-filter: blur(4px);
		transition:
			-webkit-backdrop-filter 300ms,
			backdrop-filter 300ms;
	}

}


@media (min-width: 586px) {
	.edom-lp-frame.header {
		position: relative;
	}
}