@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");

/* ================================================================================
 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;	}	}

/* ================================================================================
font
================================================================================ */
.ryumin {
    font-family: "a-otf-ryumin-pr5n", serif;
}

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

html
{
	scroll-behavior: smooth;

	font-family: var(--NotoSans);
	color: var(--Cfont0);
	font-size: var(--fzv16);
	font-feature-settings: "palt";
}
body{	overflow-x: hidden;	}
main{	margin-top: calc(131 * var(--u))	}

}

@media screen and (max-width: 767px){
    main{	margin-top: 8vw	}
}


/* ================================================================================
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;
}

}

/* ================================================================================
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;
}

}

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

picture{	display: block;	}
picture img
{
	width: 100%;	height: 100%;
	object-fit: cover;
}
.svgs{	visibility:hidden; width: 0; height: 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
================================================================================ */
@media screen and (min-width: 768px)
{

a{	text-underline-offset: 0.2em;	}

}

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

.mtv5{margin-top:calc(5 * var(--v))!important}
.mtu5{margin-top:calc(5 * var(--u))!important}
.mtv10{margin-top:calc(10 * var(--v))!important}
.mtu10{margin-top:calc(10 * var(--u))!important}
.mtv15{margin-top:calc(15 * var(--v))!important}
.mtu15{margin-top:calc(15 * var(--u))!important}
.mtv20{margin-top:calc(20 * var(--v))!important}
.mtu20{margin-top:calc(20 * var(--u))!important}
.mtv25{margin-top:calc(25 * var(--v))!important}
.mtu25{margin-top:calc(25 * var(--u))!important}
.mtv30{margin-top:calc(30 * var(--v))!important}
.mtu30{margin-top:calc(30 * var(--u))!important}
.mtv35{margin-top:calc(35 * var(--v))!important}
.mtu35{margin-top:calc(35 * var(--u))!important}
.mtv40{margin-top:calc(40 * var(--v))!important}
.mtu40{margin-top:calc(40 * var(--u))!important}
.mtv45{margin-top:calc(45 * var(--v))!important}
.mtu45{margin-top:calc(45 * var(--u))!important}
.mtv50{margin-top:calc(50 * var(--v))!important}
.mtu50{margin-top:calc(50 * var(--u))!important}
.mtv55{margin-top:calc(55 * var(--v))!important}
.mtu55{margin-top:calc(55 * var(--u))!important}
.mtv60{margin-top:calc(60 * var(--v))!important}
.mtu60{margin-top:calc(60 * var(--u))!important}
.mtv65{margin-top:calc(65 * var(--v))!important}
.mtu65{margin-top:calc(65 * var(--u))!important}
.mtv70{margin-top:calc(70 * var(--v))!important}
.mtu70{margin-top:calc(70 * var(--u))!important}
.mtv75{margin-top:calc(75 * var(--v))!important}
.mtu75{margin-top:calc(75 * var(--u))!important}
.mtv80{margin-top:calc(80 * var(--v))!important}
.mtu80{margin-top:calc(80 * var(--u))!important}
.mtv85{margin-top:calc(85 * var(--v))!important}
.mtu85{margin-top:calc(85 * var(--u))!important}
.mtv90{margin-top:calc(90 * var(--v))!important}
.mtu90{margin-top:calc(90 * var(--u))!important}
.mtv95{margin-top:calc(95 * var(--v))!important}
.mtu95{margin-top:calc(95 * var(--u))!important}
.mtv100{margin-top:calc(100 * var(--v))!important}
.mtu100{margin-top:calc(100 * var(--u))!important}

.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 ======================================== */