@charset "utf-8";

/*========= レイアウトのためのCSS ===============*/


@media screen and (max-width: 480px) {
	/* 480px以下に適用されるCSS（スマホ用） */


#wrapper{
	justify-content: center;
	align-items: center;
	text-align:center;
}

.container{
top:0;
width:100%;
margin:0 0 0 0;
padding:25px 0 0 0;
background:rgba(255,255,255,0.60);
}
.container img{
max-width:95%;
text-align:center;
margin:0 0 10px 0;
}

.flyer{
width:100%;
margin:0 auto;
}

.flyer li{
margin:10px 10px 40px 10px;
list-style: none;
}

.syukei{
margin:55px 0 30px 0;
padding:29px 0 10px 0;
background:rgba(255,255,255,0.70);
font-size:12px;
}


}



@media screen and (max-width: 958px) {
	/* 958px以下に適用されるCSS（タブレット用） */


#wrapper{
	justify-content: center;
	align-items: center;
	text-align:center;
}

.container{
top:0;
width:100%;
margin:0 0 0 0;
padding:25px 0 0 0;
background:rgba(255,255,255,0.60);
}
.container img{
max-width:95%;
text-align:center;
margin:0 0 10px 0;
}

.flyer{
width:100%;
margin:0 auto;
}

.flyer li{
margin:10px 10px 40px 10px;
list-style: none;
}

.syukei{
margin:55px 0 30px 0;
padding:29px 0 10px 0;
background:rgba(255,255,255,0.70);
font-size:12px;
}


}


@media screen and (min-width: 959px) {
	/* 959px以上に適用されるCSS（PC用） */

#wrapper{
display: flex;
justify-content: center;
align-items: center;
text-align:center;
}

.container{
top:0;
width:85%;
margin:auto;
padding:25px 0 0 0;
background:rgba(255,255,255,0.60);
}
.container img{
max-width:100%;
text-align:center;
margin:0 0 15px 0;
}

.flyer{
display:flex;
justify-content: center;
}

.flyer li{
margin:0 10px;
list-style: none;
}

.syukei{
margin:55px 0 30px 0;
padding:29px 0 10px 0;
background:rgba(255,255,255,0.70);
font-size:15px;
}


}


a{
	color: #333;
}

/*========= particle js を描画するエリア設定 ===============*/

html,body{
	height: 100%;/*高さを100%にして描画エリアをとる*/
}

#particles-js{ 
	position:fixed;/*描画固定*/
	z-index:-1;/*描画を一番下に*/
	width: 100%;
	height: 100%;
	filter: blur(1px);
	background-color:#b69118;/*背景色*/
}

#wrapper{
	position: relative;/*描画を#particles-jsよりも上にするためposition:relative;を指定*/
	z-index: 1;/*z-indexの数字を大きくすることで描画を#particles-jsよりも上に*/
	width:100%;
	height: 100%;
}