@charset "UTF-8";
@import url("./destyle.css");
@import url("./var.css");
@import url("./site.css");

/* ================================================================================
 wordpressUI
================================================================================ */
html{	margin: 0 !important;	}
#wpadminbar{	display: none;	}

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


/* ================================================================================
picture
================================================================================ */
picture{	display: block;	}
picture img
{
	width: 100%;	height: 100%;
	object-fit: cover;
}
.svgs{	visibility:hidden; width: 0; height: 0;	}

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


/* ================================================================================
coverAll
load完了までカバーする場合は、content: "";のコメントアウトを解除
================================================================================ */
@media screen and (min-width: 768px)
{

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;
}

}

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

.MH
{
	display: inline-block;
	cursor: pointer;
	transition: var(--T03);
	transition-property: opacity;
}
.MH:hover{	opacity: 0.7;	}

}

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

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

html
{
	font-family: var(--NotoSans);
	color: var(--Cgray0);
	font-size: var(--fzv16);
	font-feature-settings: "palt";
}

/* main{	margin-top: calc(-1 * var(--headerH));	} */

}

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

main section
{
	scroll-margin-top: var(--headerH);
	position: relative;
	padding: 0 var(--pageP);
}
main section > .inner
{
	position: relative;
	max-width: var(--pageW);
	margin: 0 auto;
}

}

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

.mbv5{margin-bottom:calc(5 * var(--v))!important}
.mbu5{margin-bottom:calc(5 * var(--u))!important}
.mbv10{margin-bottom:calc(10 * var(--v))!important}
.mbu10{margin-bottom:calc(10 * var(--u))!important}
.mbv15{margin-bottom:calc(15 * var(--v))!important}
.mbu15{margin-bottom:calc(15 * var(--u))!important}
.mbv20{margin-bottom:calc(20 * var(--v))!important}
.mbu20{margin-bottom:calc(20 * var(--u))!important}
.mbv25{margin-bottom:calc(25 * var(--v))!important}
.mbu25{margin-bottom:calc(25 * var(--u))!important}
.mbv30{margin-bottom:calc(30 * var(--v))!important}
.mbu30{margin-bottom:calc(30 * var(--u))!important}
.mbv35{margin-bottom:calc(35 * var(--v))!important}
.mbu35{margin-bottom:calc(35 * var(--u))!important}
.mbv40{margin-bottom:calc(40 * var(--v))!important}
.mbu40{margin-bottom:calc(40 * var(--u))!important}
.mbv45{margin-bottom:calc(45 * var(--v))!important}
.mbu45{margin-bottom:calc(45 * var(--u))!important}
.mbv50{margin-bottom:calc(50 * var(--v))!important}
.mbu50{margin-bottom:calc(50 * var(--u))!important}
.mbv55{margin-bottom:calc(55 * var(--v))!important}
.mbu55{margin-bottom:calc(55 * var(--u))!important}
.mbv60{margin-bottom:calc(60 * var(--v))!important}
.mbu60{margin-bottom:calc(60 * var(--u))!important}
.mbv65{margin-bottom:calc(65 * var(--v))!important}
.mbu65{margin-bottom:calc(65 * var(--u))!important}
.mbv70{margin-bottom:calc(70 * var(--v))!important}
.mbu70{margin-bottom:calc(70 * var(--u))!important}
.mbv75{margin-bottom:calc(75 * var(--v))!important}
.mbu75{margin-bottom:calc(75 * var(--u))!important}
.mbv80{margin-bottom:calc(80 * var(--v))!important}
.mbu80{margin-bottom:calc(80 * var(--u))!important}
.mbv85{margin-bottom:calc(85 * var(--v))!important}
.mbu85{margin-bottom:calc(85 * var(--u))!important}
.mbv90{margin-bottom:calc(90 * var(--v))!important}
.mbu90{margin-bottom:calc(90 * var(--u))!important}
.mbv95{margin-bottom:calc(95 * var(--v))!important}
.mbu95{margin-bottom:calc(95 * var(--u))!important}
.mbv100{margin-bottom:calc(100 * var(--v))!important}
.mbu100{margin-bottom:calc(100 * var(--u))!important}

}

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