@charset "utf-8";
body{
	font-family: "Helvetica Neue", Helvetica, Arial, "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, 'Open Sans',sans-serif;
	background-color: #fff;
}

header{
	background-color:#f5f5f5;
	text-align: center;
}
	@media (min-width:1024px) {
		header{
			position: fixed;            /* ヘッダーの固定 */
			top: 0px;                   /* 位置(上0px) */
			left: 0px;                  /* 位置(右0px) */
			width: 100%;                /* 横幅100%　*/
			z-index: 30;				/* コンテンツを重ねた時に上に表示*/
		}
						}
.header-logo{
text-align: left;
padding: 20px 20px;
}
	@media (max-width:960px) {
		.header-logo{
			text-align: center;				
					}
				}
.header{
padding: 20px 0;
}
	@media (max-width:960px) {
	.header{
		border-style: solid;
		border-color: #fff;
	}
			}

.header-reserve{
padding: 20px 0;
background-color: #000;
color: #fff;
}
	@media (max-width:960px) {
	.header-reserve{
		border-style: solid;
		border-color: #fff;
	}
			}

/*div要素全体にリンクをつけるために必要な要素*/
.linkbox {
position: relative;
}
.linkbox a {
position: absolute;
top: 0;
left: 0;
height:100%;
width: 100%;
}
/* 以下見た目をわかりやすくするための設定*/
.linkbox a:hover{/* マウスオーバー時に色変更*/
opacity: 0.3;
background-color: #000;
}
/*div要素全体にリンクをつけるために必要な要素*/
.header-reserve{
padding: 20px 0;
background-color: #000;
color: #fff;
}
.header-reserve a {
position: absolute;
top: 0;
left: 0;
height:100%;
width: 100%;
}
/* 以下見た目をわかりやすくするための設定*/
.header-reserve a:hover{/* マウスオーバー時に色変更*/
opacity: 0.3;
background-color: #fff;
}

.wrapper{
min-height: 100vh;
position: relative;/*←相対位置*/
padding-bottom: 120px;/*←footerの高さ*/
box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
}


footer{
width: 100%;
background-color: #000;
color: #fff;
text-align: center;
font-size: 0.9rem;
padding: 20px 0;

position: absolute;/*←絶対位置*/
bottom: 0; /*下に固定*/
}
#page_top{/*TOPへスクロール*/
width: 90px;
height: 60px;
position: fixed;
right: 0;
bottom: -70px;
background: #000;
opacity: 0.9;
border-radius: 15px;
z-index: 30;				/* コンテンツを重ねた時に上に表示*/
}
#page_top a{/*TOPへスクロール*/
position: relative;
display: block;
width: 90px;
height: 60px;
text-decoration: none;
}
#page_top a::before{/*TOPへスクロール*/
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: '\f102';
font-size: 25px;
color: #fff;
position: absolute;
width: 25px;
height: 25px;
top: -10px;
bottom: 0;
right: 0;
left: 0;
margin: auto;
text-align: center;
}

.indexmoji{
	color: coral;
	text-align: center;
	font-size: 1.6rem;
}

.pagetitle{
background-color: #000;
color: #fff;
font-size: 1.5rem;
width: fit-content;
}
@media (min-width:1024px) {
	.uenospace{
		height: 90px;
	}
}
@media (min-width:1024px) {/*PCだけテキストセンター、スマホは左から*/
	.policy{
		text-align: center;
	}
}
@media (min-width:1024px) {/*PCだけMAPの高さは600*/
	.map{
		height: 600px;				
				}
			}
@media (max-width:960px) {/*PC以外はMAPの高さは300*/
	.map{
		height: 300px;				
				}
			}
.calendar {
	text-align:center;
	}

.calendar iframe {
	width:100%;
	max-width:800px;
	height:400px;
	}

	@media (min-width: 768px) {
		
	.calendar iframe {
		height:600px;
		}
			
	}
.red{
	color: red;
}
.mojiookiku{
	font-size: 1.3rem;
}