@charset "utf-8";
/* CSS Document */
/*--html--*/
html{
	font-size: 40%;
	scroll-behavior: smooth;
}
/*--html--*/
/*--headr--*/
headr{
	display: block;
	margin: 2% 0% 1% 0%;
	padding: 1% 0%;
	width: 100%;
	height: auto;
}

h1{
	font-family: 'Amatic SC', 'Patrick Hand' , cursive;
	font-size: 10vw;
	color: #290C15;
	text-align: center;	
}

.deco_border01 {
	display: block;
	margin: 2% 0% 1% 0%;
	padding: 1% 0%;
	border-width: 1.1vw;
	border-style: dashed none dashed none;
	border-top-color: #DCE800;
	border-bottom-color: #007FE8;
}

.deco_border02 {
	display: block;
	margin: 2% 0% 1% 0%;
	padding: 1% 0%;
	border-width: 1.1vw;
	border-style: dashed none dashed none;
	border-top-color: #00E896;
	border-bottom-color: #C80026;
}

.deco_border03 {
	display: block;
	margin: 3% 0%;
	padding: 1% 0%;
	border-width: 1.1vw;
	border-style: dashed none dashed none;
	border-top-color: #B2B2B2;
	border-bottom-color: #B2B2B2;
}

/*--headr--*/

/*--main--*/
main{
	display: block;
	margin: -1% 0%;
	padding: 1% 0%;
	width: 100%;
	height: auto;
}
/*--main--*/
/*--select_message--*/
h2{
	font-family: 'Patrick Hand' , cursive, 'Noto Serif JP', serif;
	font-size: 	4.4vw;
	color: #E01F4F;
	text-align: center;	
	display: block;
	margin: 1% 0% 5.5% 0%;
	padding: 0.5% 0% 0.5% 0%;
	width: 100%;
	height: auto;
}
/*--select_message--*/
/*--select_box--*/

.span{
	display: block;
	width: 100%;
	height: auto;
}

.select_box{
	display: grid;
	grid-template-columns: 33% 33% 33%;
	margin: 0.5% 0% 1.5% 0%;
	padding: 0.5% 0% 1.5% 0%;
	width: 100%;
	height: auto;
}

li{
	font-family: 'Patrick Hand' , cursive, 'Noto Serif JP', serif;
	font-size: 1.55vw;
	color: #B2B2B2;
	text-align: center;
	line-height: 1.3;
	border-bottom: solid;
	border-width: 0.19vw;
	margin: 0.8% 0%;
	padding: 0.8% 0%;
}

li:hover{
	transition-duration: 0.4s;
	transition-timing-function: ease;
	transition-delay: 0.2s;
	color: #FF0000;
	letter-spacing: 5.5px;
	}

.non{
	pointer-events: none;

	}

/*--select_box--*/
/*--contents--*/
.contents{
	display: block;
	margin: 1% 0%;
	padding: 1% 0%;
	width: 100%;
	height: auto;
	}

.spacer{
	display: block;
	margin: 1.5% 0%;
	padding: 1% 0%;
	width: 100%;
	height: auto;
	}

/*--.announce--*/
.announce{
	display: grid;
	grid-template-columns: 10% 80% 10%;
	margin: 1.5% 0%;
	padding: 1.5% 0%;
	width: 100%;
	height: auto;
	}

.announce_blok{
	display: block;
	margin: 0.3% 0%;
	padding: 0.3% 0%;
	width: 100%;
	height: auto;
	pointer-events: none;
	}
/*--.announce--*/
/*--h3--*/
h3{
	font-family: 'Patrick Hand' , cursive, 'Noto Serif JP', serif;
	font-size: 2.24vw;
	color: #007FE8;
	text-align: center;	
	display: block;
	margin: 0.3% 0% 0.3% 0%;
	padding: 0.3% 0% 0.3% 0%;
	width: 100%;
	height: auto;
}
/*--h3--*/
/*--h4--*/
h4{
	font-family: 'Patrick Hand' , cursive, 'Noto Serif JP', serif;
	font-size: 2.4vw;
	color: #290C15;
	text-align: center;	
	display: block;
	margin: 0.3% 0% 0.3% 0%;
	padding: 0.3% 0% 0.3% 0%;
	width: 100%;
	height: auto;
}
/*--h4--*/
/*--p--*/
p{
	font-family: 'Patrick Hand' , cursive, 'Noto Serif JP', serif;
	font-size: 1.62vw;
	font-weight: bold;
	line-height: 1.6;
	color: #174D29;
	text-align: center;	
	display: block;
	margin: 0.1% 0% 0.1% 0%;
	padding: 0.1% 0% 0.1% 0%;
	width: 100%;
	height: auto;
}
/*--p--*/
/*--ol--*/
ol{
	font-family: 'Patrick Hand' , cursive, 'Noto Serif JP', serif;
	font-size: 1.44vw;
	line-height: 1.45;
	color: #007FE8;
	text-align: center;	
	display: block;
	margin: 0.1% 0% 0.1% 0%;
	padding: 0.1% 0% 0.1% 0%;
	width: 100%;
	height: auto;
}
/*--ol--*/
.y_link{
	border-top: solid;
	border-bottom: solid;
	color: #B2B2B2;
	background-color: #D8F2FF; 
	border-width: 0.2.75vw;
	margin: 4% 0%;
	padding: 0.8% 0%;
	}

.y_link:hover{
	transition-duration: 0.4s;
	transition-timing-function: ease;
	transition-delay: 0.2s;
	color: #FF0000;
	letter-spacing: 5.5px;
	}

.yuggdore{
	margin: 0% 0% -2% 0%;
	padding: 0% 0% 0% 0%;
	width: 10vw;
	height: auto;
	}

/*--contents--*/
/*--main--*/

/*--footer--*/
footer{
	display: block;
	margin: 2% 0% 0% 0%;
	padding: 10% 0%;
	background-color: #20395D;
	width: 100%;
	height: 5%;
	pointer-events: none;
}

h6{
	font-family: 'Stick','Shippori Mincho', 'Noto Serif JP', serif;
	font-size: 2.15vw;
	color: #B7912A;
	text-align: center;	
	width: 100%;
	height: 5vh;
}
/*--footer--*/

/*--fonts--*/
/*-
font-family: 'Patrick Hand', cursive;
font-family: 'Amatic SC', cursive;
font-family: 'Open Sans', sans-serif;
font-family: 'Stick', sans-serif;
font-family: 'Shippori Mincho', serif;
font-family: 'Noto Serif JP', serif;
-*/
/*--fonts--*/
/*--*/