@charset "UTF-8";
/* CSS Document */

/* これは企画紹介用のCSS */
@media screen and (max-width: 720px){
div.pic-box {
height:auto;
margin-left:5%;
margin-right:5%;
padding:10px;
border:1px solid black;
background-color:#3F3F3F;
} 
	
#wrap{width:100%;display:flex;display: flex;flex-direction: column;padding:0;list-style: none;}
.box1{width:calc(100% / );margin:10px;padding: 15px;}
.box1:hover{opacity:0.8;}
p{color:black;}
.a{background-color:#222222;}
.b{background-color:#172A3A;}
.c{background-color:#004346;}

.logo{
	width: 100%;
	text-align:center;
	}

p.eventname{
	text-align:center;
	font-weight: 800;
	}
p.introduce{
	margin-left:3%;
	margin-right:20%;
	}
p.linkname{
	text-align:center;
	}
	
a{text-decoration-color: aliceblue;}
}


@media screen and ( min-width : 721px ) and (max-width : 2000px ){
div.pic-box {
height:auto;
margin-left:5%;
margin-right:5%;
padding:10px;
border:1px solid black;
background-color:#3F3F3F;
} 

.logo{
	width: 100%;
	text-align:center;
	}
x {
} 

#wrap{width:100%;display:flex;justify-content: center;padding:0;list-style: none;}
.box1{width:calc(100% / 3);margin:8px;padding: 15px}
.box1:hover{opacity:0.8;}
p{color:black;font-weight:bold;}
.a{background-color:#3B3B3B;}


p.eventname{
	text-align:center;
	}
p.introduce{
	margin-left:3%;
	margin-right: 3%;
	}
p.linkname{
	text-align:center;
	}
}


@media screen and (max-width: 720px){
	.jiwari img{max-width: 100%;

	}
	
}