@charset "utf-8";


@media screen and (max-width: 736px) {
	.pc_only {
		display: none;
	}
}

@media screen and (min-width: 737px) {
	.sp_only {
		display: none;
	}
}


.d-block {
	width:100%;
}


ul.news_list {
	list-style: none;
	list-style-type: none;
	text-align : left;
	padding-left : 0;
}
.new_icon {
	padding : 0 0 0 10px;
}

.post_in ul.news_list li {
	background :none;
	min-height : 30px;
	display:flex;
	flex-wrap: nowrap;
	align-items: stretch;
}
.post_in ul.news_list li .image {
	width : 90px;
	margin-right: 1em;
	display:flex;
	align-items: flex-start;
	text-align : center;
}
 ul.news_list li .text {
	display: flex;
	justify-content: flex-start;
	flex-wrap:nowrap;
}
.post_in ul.news_list li .text p {
	padding : 5px 0;
}
ul.news_list li .text .title {
	margin-left : 1em;
}
.post_in ul.news_list li .text {
}
.post_in ul.news_list li .date {
	display:flex;
	align-items: center;
}
.post_in ul.news_list li .text a {
	color : #48550F;
	font-size : 14px;
}

.post .img_box {
	text-align: center;
}

.img_box {
	text-align: center;
}

 .img_box img {
	max-width: 100%;
}

.btn_color {
	background : #E2F8E8;
}

ul.pager {

	list-style: none;
	list-style-type: none;
	text-align : left;
	width : 100%;
	overflow : hidden;
}
ul.pager li {
	text-align : center;
	border : 1px dashed #c4c4c4;
	background :none;
	display: block;
	float : left;
	padding : 5px 5px;
	margin : 2px;
}
ul.nextprev {
	margin : 10px 0px 30px 0;
	width : 100%;
	display : block;
}
ul.nextprev li {
	width : 50%;
	margin : 0;
	padding :0;
	text-align : left;
	background :none;
}

ul.nextprev li.next {
	text-align : right;
}

.caption {
	text-align: center;
}
.-content {
	margin-top: 1em;
}

.music_area .sub_title,
.art_area .sub_title{
	margin-top:1em;
	margin-bottom:3em;
	/* border:7px solid #8BAD25; */
	border:7px solid #00468c;
	padding : 1em;
}




.grant_a img,
.grant_b img,
.music_area img,
.art_area img,
.-image img{
	max-width:100%;
	height: auto;
}

.gallery_list {
	display: flex;
	flex-wrap: wrap;
	border-bottom: 2px dotted #c4c4c4;
	margin : 20px 0;
	padding : 0 0 20px 0;
}
.gallery_list .row {
	width: 100%;
}

.gallery_list .-image {
	width: 30%;
}
.gallery_list .-comment {
	padding : 0 20px;
}
.gallery_list .post_link {
	width: 100%;
	/* padding-left : 20px; */
}

.gallery_list .post_link a,
.target_list .post_link a.text-success,
.post_link a.text-success{
	text-decoration: underline;
	font-weight:700;
}


.event_title {
	background-color: #009EBB;
	color: #fff;
	width: 90%;
	min-width:280px;
    margin: 0 auto 20px;
    padding: 15px;
    border: none;
	border-radius: 10px;
	text-align:center;

}

.wrap_btn {
	white-space: pre-wrap !important;
}

.post_in .main_text {
	background : #FEF9F2;
	padding : 15px;
	margin : 20px 0;
	font-size: 14px;
	border-radius : 10px;
	text-align : left;
}

.bg_title {
	/* background: #f0f4ee; */
	background: #e2ffc6;
	padding : 10px;
	margin-bottom : 16px;
}
.bg_title2 {
	/* background: #E2F8E8; */
	background: #c6ffff;
	padding : 10px;
	margin-bottom : 16px;
}
.bg_title h2,
.bg_title2 h2  {
	margin-bottom : 0;
}

@media screen and (max-width:767px) { 
	
	img{
		max-width:100%;
	}

	ul.news_list li .text {
		flex-wrap: wrap;

	}
	ul.news_list li .text .title {
		width: 100%;
		margin-left : 0;
	}
	
	ul.news_list li .text .title {

	}
	.news_detail_title{
		font-size: 1.2rem;
	}
	

	.gallery_list .-image {
		width: 100%;
		text-align : center;
	}
	.gallery_list .-comment {
		/* padding : 0 ; */
		width: 100%;
	}
	.event_title {
		font-size: 1.0rem;
	}


	.music_area .sub_title,
	.art_area .sub_title{
		
		margin-top:0;
		margin-bottom:2em;
	}
	.bg_title h2, .bg_title2 h2{
		font-size : 1.2rem;
	}

	.post_in ul.news_list li .image {
		width : 15vw;
	}
	.post_in ul.news_list li .text {
		width :85vw;
	}

}


/* front top add */
.bg-custom-before_event {
	background: #3399ff;
}
.bg-custom-currently_event {
	background: #ff6600;
}