@charset "utf-8";

/* CSS Document */
html{
	font-size: 13px;
}
body{
	margin: 0;
	font-family: 'Noto Serif JP', "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
h1,
h2,
h3,
h4{
	font-weight: normal; 
	margin: 0;
}
p,
ul,
ol,
li,
dl,
dt,
dd{
	margin: 0; 
	padding: 0;
}
li{
	list-style: none;
}

/* cleatfix */
.clearfix {
	zoom:1;
}
.clearfix:after {
	content : ""    ;
	display : block ;
	clear   : both  ;
}

#event_mailform{
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*ヘッダー*/
#event {
	background-color: #f0f0f0;
}
#event header{
	width: 100%; 
	text-align: left; 
	background-color: #3A0B00; 
	position: fixed; 
	top: 0; 
	z-index: 1;
}
#event header p{
	font-size: 1.3em; 
	display: table-cell; 
	vertical-align: middle; 
	color: #A57A43; 
	padding: 10px; 
	box-sizing: border-box;
}
main #headarea {
	margin: 0; 
	padding: 0; 
	height: 65px;
}

#flier{
	padding: 10px; 
	text-align: center; 
	box-sizing: border-box;
	margin-bottom: 60px;
}
#flier img{
	width: 100%; 
	max-width: 1000px; 
	vertical-align: bottom;
}

#flierab{
	width: 90%; 
	max-width: 1000px; 
	margin: 0 auto 20px; 
	display: table;
}
.flyer_a,
.flyer_b{
	display: table-cell;
}

#formttl h1{
	width: 90%; 
	max-width: 580px; 
	margin: 0 auto; 
	border-bottom: solid 1px #000; 
	font-size: 1.5rem; 
	text-align: center; 
	margin-bottom: 1em;
}

/*フッター*/
footer{
	width: 100%; 
	padding: 10px; 
	box-sizing: border-box;
	text-align: center; 
	background: #3A0B00; 
	color: #fff;
}


@media screen and (max-width: 567px){

	.pc{display: none;}
	.pd{display: none;}	
	.pdpc{display: none;}	

}

@media screen and (min-width: 568px) and (max-width: 1024px){

	.sp{display: none;}
	.pc{display: none;}

}

@media screen and (min-width: 1025px){
	
	.pd{display: none;}	
	.sp{display: none;}
	.sppd{display: none;}
	
}