@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@900&display=swap');
/* CSS Document */
html{
	height:100%;
}
body{
	height:100%;
	background-color: #F5F7FA;
	padding:0;
	margin: 0;
	font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
div{
	margin:1em auto;
}
br.mobbr {
	display:none;
}

#main{
	max-width:800px;
	min-width:400px;
	height:auto;
	margin:0 auto;
	background-color: #a6feff;
	background-image: url("img/title.png");
	background-repeat: no-repeat;
	background-size:contain;

	box-shadow: 1px 0 10px #bbbbbb;
	padding-top:250px;
}


div.content{
	width:85%;
	padding:1em 1em;
	border-radius: 10px;
	background-color: #ffffff;
	border:7px solid #d5e596;
	box-shadow: 3px 0px 8px darkgreen;
}
div.content h2{
	font-family: "M PLUS Rounded 1c", sans-serif;	
	color:red;
	font-size: 28px;
	font-weight: bold;
}

div.content p {
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: normal;
	text-align: center;
	font-size:20px;
	line-height: 1;
	font-weight: bold;
}

div.content p span.name{
	font-weight: bold;
	font-size: 28px;
	line-height: 2;
}
div.content p.date{
	font-size:34px;
	font-weight: bold;
	color:mediumblue;
}
div.content p.time{
	font-size:34px;
	font-weight: bold;
	color:mediumblue;	
}
div.content p.location{
	font-size:28px;
	font-weight: bold;
	color:mediumblue;	
}
div.content p.note{
	font-size:16px;
	margin-top:1em;
	color:mediumblue;	
}
div.content p.note2{
	font-size:20px;
	margin-top:1em;	
	color:tomato;	
}
div.content p.note2 span{
	color:tomato;
	font-size:18px;
	font-weight: normal;
}
div.content hr{

	border: none;
    border-top: 4px dashed #d5e596;
	margin:1em 0;	
}

div.entry{
	width:80%;
	padding:1em 0.5em;
	margin-top:3em;
	background-color: white;
	border-radius: 10px;
	border:7px solid pink;
	box-shadow: 1px 0px 8px magenta;	
}
div.entry p{
	text-align: center;
	font-size:18px;
	margin-top:1em;
	color:darkgreen;
}

a.entry {
	display:block;
	width:80%;
	margin:1em auto;
	padding:0.5em;
	background-color: #d5e596;
	border-radius: 10px;
	word-break: break-all;

	font-size:20px;
	font-weight:bold;
	text-align: center;
	color:darkgreen;
}
a.entry:hover{
	background-color: #e3e9cb;
}


div.contact {
	width:50%;
	text-align: center;
	font-size:18px;
	background-color: rgba(255,255,255,0.8);
	border-radius: 5px;
	min-width:350px;
	box-shadow: 1px 0px 4px #bbbbbb;
}
div.footer{
	padding-top:2em;
	width:100%;
	text-align: center;
	font-size:18px;
	height:550px;
	background-image: url("img/footer.png");
	background-position: bottom center;
	background-repeat: no-repeat;
}
#main.entry div.footer {
	background-image: none;
}
h1 {
	text-align: center;
}
@media (max-width:600px){ 
	#main{
		min-width:380px;
		padding-top:150px;
	}
}