@charset "utf-8";
/* CSS Document */
body {
background: #323232;
/*font: 62.5%/1.2 Arial, Verdana, Sans-Serif;*/
margin:0;
}

.back{
width: 120px;
height: 25px;
display: block;
margin: 0 auto 20px;}



/*メイン部分*/
#content{
background-color: #ffffff;
max-width: 1000px;
margin: 0 auto;
padding: 20px;
}



h1{
font-size: 20px;}


h1 span{
display: block;
font-size: 16px;
font-weight: normal;
}


.ivent_info{
margin-top: 20px;

}



dl > div {
display: flex;
flex-wrap: wrap;
width: 100%;
font-size: 14px;
}

.ivent_info p{
display: block;
margin-top: 20px;
font-size: 14px;
width: 80%;

}

.gallery_items{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
list-style: none;
margin: 0;
padding: 0;
}

.main_img{
width: calc(100% / 3 - 10px)!important;
margin-bottom: 20px;
}

.main_img img{
width: 100%;
}


.img_list{
width: calc(100% / 5 - 10px)!important;
display: block;
min-width: 0;
	margin-bottom: 8px;
}
.img_list img{
width: 100%;
	
}


.ivent{
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: justify;
justify-content: space-between;
width: 100%;
margin: 0 auto;
}

.ivent li{
width: calc(100% / 4 - 10px);
	margin: 4px 0;
}

.ivent li img{
width: 100%;
	height: auto;
}

.blank{
display: block;
width: calc(100% / 5 - 10px)!important;
}

@media screen and (max-width:768px) { 
    /*　画面サイズが480pxからはここを読み込む　*/
h1{
font-size: 18px;}

	
.back {
    width: 25%;
    height: auto;
    display: block;
    margin: 20px auto 20px;
}
	
	
	
.ivent_info p{
width: 100%;

}

	.main_img{
width: 100%!important;
margin-bottom: 20px;
}

.main_img img{
width: 100%;
}


.img_list{
width: calc(100% / 3 - 10px);
display: block;
min-width: 0;
	margin-bottom: 8px;
}
	
.ivent li{
width: calc(100% / 3 - 5px)!important;
margin: 2px 0;
}

.img_list{
width: calc(100% / 3)!important;
}	
}


@media screen and (max-width:1024px) {
    /*　画面サイズが768pxから1024pxまではここを読み込む　*/

}