@charset "utf-8";

@media screen and (min-width: 640px) {
	/*-Top-------------------------------------*/
	.more2 {
		background: #82BA3D;
		color: #FFF;
		padding: 2px 10px;
		font-size: 70%;
		text-decoration: none;
		float: right;
		display: table;
		margin: 10px 0;
		position: absolute;
		bottom: 0;
		right: 0;
	}
	.top-index {
		background-image: url(/img/top/top-header-back.jpg);
	}
	.header-logo {
		height: 360px;
	}
	.header-logo h1 {
		margin: 0;
		display: inline-block;
		position: relative;
		top: 25px;
		left: 55px;
		z-index: 100;
	}
	.header-logo h1 {
		top: 25px;
		left: 55px;
		z-index: 100;
	}
	.btn-font-size {
		margin-top: 68px;
	}
	#pagebody {
		margin-top: 100px;
	}

	#side-menu {
		top: -380px;
		margin-bottom: -300px;
	}



	.top-content {
	}
	.top-content h2 {
		font-size: 100%;
		background: #FFF;
		margin: 0;
		position: relative;
		top: 8px;
		display: inline-block;
		padding-right: 5px;
		font-weight: normal;
	}
	.top-content .top-h2-box {
		border-bottom: 2px solid #82BA3D;
		position: relative;
		margin-bottom: 37px;
		clear: both;
	}
	.top-content-inner {
		width: 285px;
		float: left;
		margin: 0 10px 10px 10px;  
		position: relative;
		padding-bottom: 15px;
	}
	.top-content-inner h3 {
		border-bottom: 2px solid #82BA3D;
		margin: 0 0 10px;
		padding-bottom: 5px;
		font-size: 90%;
		font-weight: normal;
	}
	.top-content-inner h3 span {
		font-size: 60%;
		display: block;
	}
	.top-content-inner p {
		border-top: 2px solid #82BA3D;
		padding-top: 10px;
		line-height: 150%;
		font-family: meiryo;
		font-size: 85%;
		padding-bottom: 45px;
	}
	.top-content-inner p.side-menu_01{
		min-height: 9em;
	}
/*	.top-content-inner a {
		position: absolute;
		bottom: 0;
		right: 0;
	}
*/
	#news-box {
		padding-bottom: 40px;
		position: relative;
	}
	#news-box h2 {
		margin: 0 0 15px;
		background: #E8F6D2;
		font-size: 100%;
		padding: 5px 10px;
		font-weight: normal;
	}
	#news-box dl {
		margin: 0 0 10px;
		border-bottom: 1px solid #CCC;
		display: table;
		width: 100%;
		font-size: 90%;
		font-family: meiryo;
	}
	#news-box dt {
		float: left;
		padding: 0 0px 10px 10px;
		line-height: 100%;
		font-size: 90%;
		clear: left;
		width: 9em;		
	}
	#news-box dd {
		float: left;
		padding: 0 10px 10px 10px;
		margin: 0;
		line-height: 100%;
		font-size: 90%;
		width: 72%;
	}

	.news-box-more-link {
		position: absolute;
		right: -10px;
		width: 250px;
		background: #FFF;
		box-shadow: 0 0 1px 1px #CCC;
		border-radius: 5px;
		z-index: 1;
		padding: 50px 20px 20px 20px;
	}
	.news-box-more-link a {
		display: block;
		font-size: 90%;
		line-height: 180%;
		color: #55910A;
	}

	.top-banner-area {
		margin-top:10px;
		margin-bottom:20px;
	}
	.top-banner-area img {
		width: 100%;
	}
	
	/*20161013追加*/
	
	.top-banner-area {
       margin: 20px 0;
    } 
	
	.top-banner-item {
        width: 245px;
        margin-bottom: 0;
	}	
	
	#news-box {
		padding-bottom: 0px;
	}
	
	.more1 {
	    bottom: 26px;
	}
	
	/*20161031追加*/
	
	.lecture-banner {
	   width: 616px;
       height: 170px;
       margin-bottom: 24px;
       border: 3px solid rgba(184, 216, 143, 0.83);
       border-radius: 5px;
	}
	
	.lecture-banner a img{
      height: 170px;
    }	

}
@media screen and (max-width: 639px) {
	#pagebody {
		margin-top: 200px;
	}

	.top-content-inner p {
		margin:5px 10px;
	}
	.top-index h3 span {
		display: block;
		font-size: 80%;
	}
	.top-banner-area {
		margin-top:10px;
		margin-bottom:20px;
	}
	
	.top-banner-area {  
       margin-top: 0px;
    } 
	
    .top-banner-item {
       width: 100%;
       margin-bottom: 10px;
    }
	
}


/*20161013追加*/

.top-banner-menu {
    overflow: hidden;
    list-style: none;
    padding: 0;
}
	
.top-banner-item {
    position: relative;
    float: left;
    margin-right: 10px;
    height: 80px;
    background: #ffffff;
    box-sizing: border-box;
    border: 3px double #90c53d;
    padding: 5px;
}
	
.ba_01 {
    background: url("../img/top/kouhoushi.jpg");
    background-repeat: no-repeat;
}
	
.ba_02 {
    background: url("../img/top/zaitaku.jpg");
    background-repeat: no-repeat;
}
	
.top-banner-item:hover {
    opacity: 0.6;
}
	
.top-banner-item:before {       
    display: block;
    content: "";
    position: absolute;
    top: 52%;
    right: 19px;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    border-radius: 50%;        
    background: #ca3a3a;
}
    
.top-banner-item:after {       
    display: block;
    content: "";
	position: absolute;
	top: 52%;
	right: 19px;
    width: 0;
	height: 0;
    margin-top: -5px;
    border: 5px solid transparent;       
	border-left: 5px solid #fff;
}

.lecture-banner a img{
	width: 100%;
    margin-bottom: 10px;
    border: 3px solid rgba(184, 216, 143, 0.83);
    border-radius: 5px;
    background-size: cover;
    box-sizing: border-box;
}
	
.lecture-banner:hover {
   opacity: 0.7
}
    
/*お知らせの表示数調整*/
div#feed {
}
div#feed div{
}
div#feed div dl{
	display: none;
}
div#feed div dl:nth-child(1),
div#feed div dl:nth-child(2),
div#feed div dl:nth-child(3),
div#feed div dl:nth-child(4),
div#feed div dl:nth-child(5){
	display: table;
}
/*お知らせの表示数調整*/

/*TOPページ****************************************************************************************/
div#wrap.top-index .admin-pv,
div#wrap.top-index figure.entry-card-thumb.card-thumb.e-card-thumb,
div#wrap.top-index .entry-card-snippet.card-snippet.e-card-snippet,
div#wrap.top-index .entry-card-meta.card-meta.e-card-meta,
div#wrap.top-index .pagination-next,
div#wrap.top-index .pagination{
	display: none;
}

@media screen and (max-width: 639px) {
	.top-content h3 {
		text-align: left;
		min-height: 1em;
		margin: 2em auto 1em auto;
		display: table;
		width: 100%;
	}
}