@charset "UTF-8";
@import url("./destyle.css");
@import url("./var.css");
@import url("./site.css");
@import url("./animation.css");
@import url("./header.css");
@import url("./footer.css");
@import url("./sideDrawer.css");
@import url("./form.css");

/* ================================================================================
display size
================================================================================ */
@media print, screen and (min-width: 1001px){	.sp, .sponly{	display: none!important;	}	}
@media screen and (max-width: 1000px){	.pc, .pconly{	display: none!important;	}	}


/* ================================================================================
picture
================================================================================ */
picture{	display: block;	}
picture img
{
	width: 100%;	height: 100%;
	object-fit: cover;
}
picture.auto{	max-width: fit-content;	margin: 0 auto;	}
picture.auto img{	width: auto;	max-width: 100%;	height: auto;	}

.svgs{	display: none;	}


/* ================================================================================
html
================================================================================ */
html{	scroll-behavior: smooth;	}
body{	overflow-x: hidden;	}


/* ================================================================================
coverAll
load完了までカバーする場合は、content: "";のコメントアウトを解除
================================================================================ */
body::before
{
	content: "";
	display: block;

	z-index: var(--priorityCover);
	position: fixed;
	top: 0;	left: 0;

	width: 100%;	height: 100vh;
	background-color: white;

	transition-delay: 0.1s;
	transition-duration: 0.2s;
}
body.loaded::before
{
	pointer-events: none;
	opacity: 0;
}


/* ================================================================================
disabled
================================================================================ */
*[disabled]
{
	/* filter: brightness(0.3); */
	pointer-events: none !important;
}


/* ================================================================================
MH
================================================================================ */
@media screen and (min-width: 1001px)
{

.MH:not(:has([disabled]))
{
	display: block;
	cursor: pointer;
	transition: var(--T02);
	transition-property: opacity;
}
.MH:not(:has([disabled])):hover{	opacity: 0.7;	}

.MH2:not(:has([disabled]))
{
	display: block;
	cursor: pointer;
	transition: var(--T02);
}
.MH2:not(:has([disabled])):hover{	filter: brightness(1.3) drop-shadow(0 0 0.5rem rgb(255,255,255,0.7));	}

}

/* ================================================================================
a
================================================================================ */
a{	text-underline-offset: 0.2em;	}

/* ================================================================================
spacer
================================================================================ */
@media screen, print
{

hr[class^="spacer"]
{
	--H: 40;
	height: calc(var(--H) * var(--v));
	background: none;
}
*:has( + hr[class^="spacer"] ),
* + hr[class^="spacer"]
{	margin-bottom: 0;	}

}

/* ================================================================================
mb
================================================================================ */
@media screen, print
{

.mbu5{	margin-bottom: calc(5 * var(--u)) !important;	}
.mbu10{	margin-bottom: calc(10 * var(--u))  !important;	}
.mbu15{	margin-bottom: calc(15 * var(--u))  !important;	}
.mbu20{	margin-bottom: calc(20 * var(--u))  !important;	}
.mbu25{	margin-bottom: calc(25 * var(--u))  !important;	}
.mbu30{	margin-bottom: calc(30 * var(--u))  !important;	}
.mbu40{	margin-bottom: calc(40 * var(--u))  !important;	}
.mbu50{	margin-bottom: calc(50 * var(--u))  !important;	}
.mbu60{	margin-bottom: calc(60 * var(--u))  !important;	}
.mbu70{	margin-bottom: calc(70 * var(--u))  !important;	}
.mbu80{	margin-bottom: calc(80 * var(--u))  !important;	}
.mbu90{	margin-bottom: calc(90 * var(--u))  !important;	}
.mbu100{	margin-bottom: calc(100 * var(--u))  !important;	}

.mbv5{	margin-bottom: calc(5 * var(--v)) !important;	}
.mbv10{	margin-bottom: calc(10 * var(--v))  !important;	}
.mbv15{	margin-bottom: calc(15 * var(--v))  !important;	}
.mbv20{	margin-bottom: calc(20 * var(--v))  !important;	}
.mbv25{	margin-bottom: calc(25 * var(--v))  !important;	}
.mbv30{	margin-bottom: calc(30 * var(--v))  !important;	}
.mbv40{	margin-bottom: calc(40 * var(--v))  !important;	}
.mbv50{	margin-bottom: calc(50 * var(--v))  !important;	}
.mbv60{	margin-bottom: calc(60 * var(--v))  !important;	}
.mbv70{	margin-bottom: calc(70 * var(--v))  !important;	}
.mbv80{	margin-bottom: calc(80 * var(--v))  !important;	}
.mbv90{	margin-bottom: calc(90 * var(--v))  !important;	}
.mbv100{	margin-bottom: calc(100 * var(--v))  !important;	}
.mbv120{	margin-bottom: calc(120 * var(--v))  !important;	}
.mbv140{	margin-bottom: calc(140 * var(--v))  !important;	}

}


/* ======================================== end ======================================== */