@charset "utf-8";

/***TOP************************************************************************/

/*contents
---------------------------------------------------------------------------*/
#act {
	clear: left;
	width: 100%;
	margin: 0px auto;
	padding: 15px 0 5px;
	background:#7DB312;
}
#act:after{
	content:"."; 
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0;
}

.actInr {
	text-align:center;
	max-width: 929px;
	margin: 0px auto;
}
#act ul{
	}

#act li{
	float:left;
	margin-left:10px;
	padding:0;
	margin-bottom: 10px;
	}
	
#act li img{
	max-width:100%;
	}
#act li:first-child{
	margin-left:0;
}
#act li a:hover{
	transition: 0.3s;
	opacity: 0.9;
}
#act li.ml0{
	margin-left:0;
	}


/*main_contents
---------------------------------------------------------------------------*/
#top #main h2 {
	font-size:150%;
	margin:0 0 8px 10px;
}

#main .pageNavi{
	margin:0 0 10px;
}
#main .pageNavi ul{
		margin:0 0 0 20px;
}
#main .pageNavi li{
	float:left;
	display:block;
	background:URL(/common/images/icoArrow.png) no-repeat left center;
	padding-left:20px;
	margin:0 0 0 38px;
}
#main .pageNavi li:first-child{
	margin:0;
}
#main .pageNavi:after{
	content:"."; 
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0;
}
#main .secbox{
	background:#FFF9E5;
	border-top:#7DB312 10px solid;
	padding:18px 20px 22px;
	margin:0 0 32px;
}
#main .secboxInr{
	background:#FFF;
	padding:20px 0 20px 18px ;
	margin:14px 0 0;
	}
	
#calendar .secboxInr{
	text-align:center;
	margin:0 auto;
	padding-bottom:0;
		}
		
#main .secboxBtn{
	float:right;
	width:107px;
	margin:3px 0 0;
}
#main .secbox h2{
	clear:none;

}		

/*topPage news
---------------------------------------------------------------------------*/
#news .secboxInr{
		height: auto;
}
#news dl{

	padding-left: 10px;
}
#news dt {
	padding:12px 0 0;
	font-size:80%;
}
#news dt:first-child{
	padding:0 0 0;
}
#news dd {
	border-bottom: 1px dotted #7DB312;
	padding:6px 0 12px;
	margin-right:1.5em;
}
#news dd img {
	vertical-align: middle;
}

#schedule .secboxInr{
		height: 480px;
			overflow: auto;	
}
#schedule dl{
	overflow: auto;	
	/* font-size:86%; */
	width:94%;
}
#schedule dt {
	clear:both;
	float:left;
	width:22%;
	display:block;
	padding:3px 0 6px;		
}
#schedule dd {
	padding:3px 0 6px;
	float:left;
		text-align:left;
		display:block;
			/* nwidth:78%; */
}
#schedule dd img {
	vertical-align: middle;


}
#schedule h3{
	color:#E67E17;
	font-size:90%;
	margin:10px 0 4px;

}
#schedule h3:first-child{
	margin-top:0px;

}
		
		
/*side
---------------------------------------------------------------------------*/


.cal_wrapper {
  max-width: 700px; /* 最大幅 */
  min-width: 300px; /* 最小幅 */
 margin: 2.0833% auto;
}
 
.googlecal {
  position: relative;
  padding-bottom: 100%; /* 縦横比 */
  height: 0;
  overflow: hidden;
}
.googlecal iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}


#sliderWrap {
    width: 950px !important;
    margin: 0 auto;
    overflow: hidden;
}
.metaslider{
	width: 100%;
}
/*
.metaslider .slides img {
    width: 100%;
    display: block;
    margin-left: -475px;
}*/
.rslides_nav{
    background-color: #bbb !important;
    color: #FFFFFF;
    padding: 8px 16px !important;
    position: absolute;
    top: 50%;
    z-index: 9;
    cursor: pointer;
    font-weight: bold;
    margin-top: -15px;
    opacity: 0.7;
    border-radius: 100% !important;
}
/*ここからタブレット用（481px～800px）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (min-width: 741px) and (max-width: 999px) {


 
}



/*ここからスマートフォン用（740px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width: 740px) {

#act{
	padding: 20px 0 10px;
	}
#act li{
	float:left;
	margin-left:0;
	padding:0;
	width: 45%;
	}
	
#act li img{
	max-width:100%;
	}
#act li:first-child{
	margin-left:0;
}
#sliderWrap {
    width: 100% !important;
    margin: 0 auto;
    overflow: hidden;
}
.rslides_nav{
    background-color: #bbb !important;
    color: #FFFFFF;
    padding: 2px 10px !important;
    position: absolute;
    top: 50%;
    z-index: 9;
    cursor: pointer;
    font-weight: bold;
    margin-top: -6px;
    opacity: 0.7;
    border-radius: 100% !important;
}
}