@charset "utf-8";

/* clearfix */
.cf { zoom: 1; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 TOPページ　共通設定およびスマートフォン向けのスタイル
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/


#contents h1{
  font-weight: bold;
}
section {
  margin: 0 0 1em 0;
}
div#runnetpresent{
	margin:0 10px 0 0;
	text-align:center;
}



/*==========================================
 コンテンツエリア ->
===========================================*/
div#contents section#body_link div.youkou a {
	background-color:#09F; color:#FFF; padding:5px; text-align:center; width:90%; margin:5px auto; font-size:16px; display:block;
}
div#contents section#body_link div.entryday img {
	border:solid 2px #0066FF;
	margin-top:10px;
}


div#contents h3{
	border:solid 2px #0000FF;
	background-color:#FF9;
	font-size:2em;
	color:#000;
	text-align:center;
	padding:0.5em;
}
/*==========================================
 コンテンツエリア -> PHOTOのスタイル
===========================================*/
div#contents section#photo{
	margin-left:5px;
}
div#contents section#photo h2{
	margin:10px auto 10px auto;
}
div#contents section#photo article {
  text-align: center;
  width: 49%;
  min-width: 120px;
  float: left;
  margin-bottom: 0px;
    margin-right: 1px;
}
div#contents section#photo article img {
  width: 100%;
  height: auto;

} 


	

	

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
  Media Queries による切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/* タブレット向けのスタイル：481px ～ 780px */
@media only screen and (min-width: 481px) {

  div#contents section#photo article {
    width: 33%;
  }
 

 
 #contents_menu1 {
   width: auto;
  
   height:auto;
 }

}

/*  PC向けのスタイル：779px～980px */
@media only screen and (min-width: 780px) {
	
	
article.main {
   width: 100%;
   float:left;
 }
 aside.rightside {
   width: 0%;
   float: right;
 }

 

 div#contents section#photo article {
    width: 24%;
  }
 
 
 
 #contents_menu1 {
   width: 93%;
   height:auto;
 }
ul#name{
	text-align:left;
	list-style-type:none;
	margin-left:-30px;
	list-style-position:inside;
}
ul#name{
	text-align:left;
	list-style-type:none;
	margin-left:-30px;
	list-style-position:inside;
}
ul#name li{
	display:block;
	margin-left:3px;
	padding-right:3px;
}
ul#name li.subitem{
	font-size:1.1em;
	display:block;
	padding:2px;
	border:solid 1px #999999;
	text-align:left;
	margin:10px 10px 2px -5px;
	
}

/*==========================================
 コンテンツエリア ->TOPICSのスタイル
===========================================*/

div#contents article.main section#topics article#topics1 {
	width:100%;
	
}
div#contents article.main section#topics article#topics1 div#couple{
	width:100%;
	float:left;	
	border:solid 1px #333;
}
div#contents article.main section#topics article#topics1 div#fes{
	width:100%;
	float:right;
	border:solid 1px #333;
	margin-top:10px;	
}

div#contents article.main section#topics article#topics2 {
	width:100%;
	margin-top:10px;

	
}
div#contents article.main section#topics article#topics2 div#kids{
	width:49%;
	float:left;
	border:solid 1px #333;	
}
div#contents article.main section#topics article#topics2 div#volunteer{
	width:49%;
	float:right;
	border:solid 1px #333;	
	
}
}

/* PC向けのレイアウトの指定： 981px以上では固定レイアウト */
@media only screen and (min-width: 981px) {
	
 div#contents {
    max-width: 980px;
    margin: 0 auto;
  }
  div#contents section#work article {
    width: 24%;
  }
  div#contents section#work article h3 {
    line-height: 2.2em;
  }
   div#contents section#photo article {
    width: 24%;
  }
 
  

 
 footer{
	 text-align:center;
 }
}