@charset "UTF-8";

img{
	max-width: 100%;
	height: auto
}


#newsac{
	padding:50px 0 0}


#sidebar{
	text-align: left
}

#sidebar dl{}
#sidebar dt{
	padding: 1em 1em 1em;
	color: #4DA6FF;
	font-weight: bold;
	font-size: 1.2em
}

#sidebar dd{
	padding: 0 1em .7em;
	border-bottom: dashed 2px #D5D5D5;}

#sidebar dd:last-child{border:none}	

.entrybox{margin-bottom:.7em;
	-webkit-box-shadow: #EDEDED 0px 0px 10px;
	-moz-box-shadow: #EDEDED 0px 0px 10px;
	box-shadow: #EDEDED 0px 0px 10px;
	border: 1px solid #EDEDED;
	background: #FFF;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	position: relative;}
	

.entrybox h2{
	background:#4DA6FF;
	color:#FFF;
	font-size:1.2em;
	padding: .8em 1em;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	position: relative;}
.entrybox h2 a{
	color:#FFF}	
	

#sidebar ul.entry li{
	border-bottom: 1px dotted #CCC;
	line-height: 1.4em;
	padding-bottom: .6em;
	margin-bottom: .6em
}

#sidebar ul.entry li.thumlist{
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	padding-bottom: 1em;
	margin-bottom: 1em
}

#sidebar ul.entry li:last-child{border:none}


#sidebar ul.entry li.thumlist div:nth-child(1){
	width: 70px
}

#sidebar ul.entry li.thumlist div:nth-child(2){
	width: calc(100% - 85px);
}


#sidebar ul.entry li .date{
	font-size:smaller;
	margin-bottom:.3em;
	display:block;}

	
#sidebar li a{}
#sidebar li a:hover{}

#sidebar dd li span.date:before {
	font-family: FontAwesome;
    content: "\f101";
	padding-right:.5em
}

ul#links{
	padding-top:1em}

ul#links li{
	margin-bottom:.3em}

.ssba{
	margin-bottom:20px;}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.video-container iframe,  
.video-container object,  
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.postlink{
	padding: 15px 0px;}




@media print, screen and (min-width: 768px) {

	.info_column{
		display: flex;
		flex-wrap:wrap;
		justify-content: space-between;
		position: relative
	}
	
	#newsac{
		display: flex;
		justify-content: space-between;
		flex-wrap:wrap;
	}
	
	#info_wrap{
		width: calc(100% - 240px);}
	
	#sidebar{
		width: 220px;
	}
	
	
	
	
	
	.sticky {
	   position: sticky;
		top: 50px;
	}
}




@media print, screen and (min-width: 1024px) {
	
	#info_wrap{
	width: calc(100% - 340px);}

	#sidebar{
		width: 300px;
	}

}	








/* ------------------------------
 side アコーディオン
------------------------------ */
.list:not(:first-child) {
    margin-top: 10px;
}

.title {
    background: rgba(76, 166, 255, 0.4);
    cursor: pointer;
    padding: .8em 1em;
    position: relative;
}

.title:before {
    position: absolute;
    content: '';
    top: 50%;
    right: 25px;
    height: 2px;
    width: 15px;
    background: #2B334F;
    transform: rotate(90deg);
    transition: all .3s ease-in-out;
}

.title:after {
    position: absolute;
    content: '';
    top: 50%;
    right: 25px;
    height: 2px;
    width: 15px;
    background: #2B334F;
    transition: all .3s ease-in-out;
}

.title.open:before {
    transform: rotate(180deg);
}

.title.open:after {
    opacity: 0;
}

.box {
    background: #FFFFFF;
    border-left: 1px solid rgba(76, 166, 255, 0.4);
    border-right: 1px solid rgba(76, 166, 255, 0.4);
    border-bottom: 1px solid rgba(76, 166, 255, 0.4);
    display: none;
    padding: .8em 1em;
    
    }



.box a:not(:last-child){
	margin-right: 5px
}
		



	
/** info article **/
.newspost{
	box-shadow: #EDEDED 0px 0px 10px;
	background: url(../images/info/post_bg.gif);
	margin: 0px auto 50px;
	border: 1px solid #EDEDED;
	padding:5%;
	border-radius: 10px;
	position: relative;
	background:#FFF;
}	

.post{
	}

#info_wrap .post header{
	border-bottom: dashed 2px #D5D5D5;
	margin-bottom:20px}

.newspost h1{
	font-family: "見出ゴMB1", "Midashi Go MB1", serif;
	font-size:1.6em;
	color: #2A61AD;
	line-height: 1.5em;
	padding: .8em 5px .6em;
	text-align: left
}	

.newspost h1 a{
	font-size:1em
	}
ul.post-meta{
	margin-bottom: 20px;
}
ul.post-meta li{
	display: block;
	float: left;
	margin-right: 5px;
}
ul.post-meta li.date{
	color: #00B034;
}
ul.post-meta li a{
	behavior: url(PIE.htc);
	position: relative;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-decoration: none;
	color: #FFF;
	background: #E1EE87;
	display: block;
	padding: 1.5px 8px 1px;
	font-size: 85%;
}
ul.post-meta li a:hover{
	background: #72B6B2;
}



.newspost .post-body{
	padding: 5px;
	background:#fff;	
	font-size:1.1em;
	word-break: break-word;
}
.post-body p{line-height: 1.8em;
	margin-bottom: 1em
}
.post-body img{
	margin:0 auto 10px;}

#sliderContainer{
	margin-top: 15px;
}

/*notfound*/
.nopost{}


	ul#pdf_file{-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin: 2em -2% 0 0;
	overflow: hidden;
	zoom: 1;}
	
	ul#pdf_file li{
		 float: left;
    margin: 0 2% 10px 0;
    width: 31.3%;
    display: inline;
	}
	
	ul#pdf_file li img{
		width:100%;
		height:auto;
		margin-bottom:.5em;
		border: solid 2px #ccc}
	
	ul#pdf_file li .fileinfo{
		display:block}



	


.edit{
	text-align:right}






