/* CSS Document */


/* --イベントトップ----------------------------------------------------------------*/

#cr h1{
	width:756px;
	height:160px;
}

	#cr h1#evh11 {background:url(../img/event/title.jpg) no-repeat;}
	
#cr h2{
		width:756px;
		height:70px;
	}
	
		#evh21 {background:url(../img/event/st1.gif) no-repeat;}
		#evh22 {background:url(../img/event/st2.gif) no-repeat;}
		#evh23 {background:url(../img/event/st3.gif) no-repeat;}	
		#evh24 {background:url(../img/event/st4.gif) no-repeat;}
		#evh25 {background:url(../img/event/st5.gif) no-repeat;}	
			
			
			
#ev_head {margin-bottom:30px;}

	#ev_head p {
		margin:0;
		padding:0 30px 0 35px;
	}
	
	
@media screen and (max-width: 550px) {

	#ev_head p {
		margin:0;
		padding:0 5% 0 5%;
	}
#cr h1{
	width:100%;
	text-indent: 0;
	white-space: pre-wrap;
	overflow: hidden;	
}

	#cr h1#evh11 {
	width:calc(100% - 40px);
	height:auto;	
	background:none;
	padding: 20px 0;
	margin: 0 20px 20px 20px;
	box-sizing: border-box;
	border-bottom: 1px solid green;
	}
	
#cr h2{
		width:100%;
		height:auto;
				background-color: #357029;
			color: #ffffff;
			padding: 5px 0;
			text-align: center;
			margin-bottom: 20px;
	}
	
		#evh21,
		#evh22,
		#evh23,	
		#evh24,
		#evh25 {
			background-image: none;

		}	
			

}



	
/* --現在募集中----------------------------------------------------------------*/

#ev_now {margin-bottom:50px;}

	#ev_now p {
		margin:0;
		padding:0 10px 0 5px;
	}
	
	#ev_now table td img {
		float:right;
		margin:0 0 5px 10px;
		min-width: 50px;
		height: auto;
	}

	#ev_now table {
		width:700px;
		margin:0 0 0 30px;
		border-spacing:1px;
		background-color:#CCCCCC;
	}
	
	#ev_now table td {background-color:#FFFFFF; padding:5px 10px;}
	#ev_now table th {background-color:#FFDBCA}
	
	#ev_now table td h3 {
		font-size:14px;
		line-height:30px;
		color:#FF6633;
	}
	
		#ev_now table h3 a {color:#ff6633}
	
	
	
@media screen and (max-width: 550px) {

/*	#ev_list table {
		width:98%;
		margin:0 auto 40px auto;
		border-spacing:1px;
		background-color:#CCCCCC;
	}
		#ev_list table td p {
		margin:0;
		padding:0 0 0 20px;
		width:auto;
	}*/
	
#ev_now table {
		display: block;
		width: 90%;
		margin: 0 auto 40px auto;
		background-color: #fff;
	border-top: 1px solid #666;
	}

	#ev_now table tr:first-child {display: none;}
	
#ev_now table tr {
	display: block; 
	padding: 10px; 
	margin: 0; 
	border: 1px solid #d6d6d6;
	margin-bottom: 20px;
	border-top: 3px solid #999;
	}	
#ev_now table td {
		display: block;
		width: 100%;
		margin: 0 auto;
		background-color: #fff;
	box-sizing: border-box;
	padding: 0px;
	}
	
	#ev_now table td:nth-child(1)::before {content: "No.";}
	#ev_now table td:nth-child(3)::before {content: "●開催日時：";}

#ev_now table td p {
		margin:0;
		padding:0;
		width:auto;
	}
	#ev_now table td img {
		float:none;
		margin:0 0 0px 0px;
	}
}
	
/* --イベント一覧----------------------------------------------------------------*/

#ev_list {margin-bottom:30px;}

	#ev_list p {
		margin:0;
		padding:0 30px 0 35px;
	}
	

	#ev_list table {
		width:700px;
		margin:0 0 40px 30px;
		border-spacing:1px;
		background-color:#CCCCCC;
	}
	
	#ev_list table td {background-color:#FFFFFF; padding:5px 10px;}
	#ev_list table th {background-color:#D2ECD9;}
	
	#ev_list table td h3 {
		font-size:12px;
		color:#FF6633;
	}
	
	#ev_list table td h3 a {
		font-size:14px;
		color:#066;
	}
	
	#ev_list table td p {
		margin:0;
		padding:0 0 0 20px;
		width:400px;
	}
	
	#ev_list table td p img {
		float:right;
		margin:0 0 5px 10px;
	}
	
	#ev_list table td a.red {color:#FF0000; white-space: nowrap;}
	

@media screen and (max-width: 550px) {

/*	#ev_list table {
		width:98%;
		margin:0 auto 40px auto;
		border-spacing:1px;
		background-color:#CCCCCC;
	}
		#ev_list table td p {
		margin:0;
		padding:0 0 0 20px;
		width:auto;
	}*/
	
#ev_list table {
		display: block;
		width: 90%;
		margin: 0 auto 40px auto;
		background-color: #fff;
	border-top: 1px solid #666;
	}

	#ev_list table tr:first-child {display: none;}
	
#ev_list table tr {
	display: block; 
	padding: 10px; 
	margin: 0; 
	border: 1px solid #d6d6d6;
	margin-bottom: 20px;
	border-top: 3px solid #999;
	}	
#ev_list table td {
		display: block;
		width: 100%;
		margin: 0 auto;
		background-color: #fff;
	box-sizing: border-box;
	padding: 0px;
	}
	
	#ev_list table td:nth-child(1)::before {content: "No.";}
	#ev_list table td:nth-child(3)::before {content: "●開催日時：";}

#ev_list table td p {
		margin:0;
		padding:0;
		width:auto;
	}
}

/* --募集要項----------------------------------------------------------------*/



#appli {margin-bottom:30px;}

	#appli p {
		margin:0;
		padding:0 30px 0 35px;
	}
	

	#appli table {
		width:700px;
		margin:0 0 40px 30px;
		border-spacing:1px;
		background-color:#CCCCCC;
	}
	
	#appli table td {background-color:#FFFFFF; padding:5px 10px;}
	#appli table th {background-color:#FFDBCA; white-space:nowrap; vertical-align:top; padding:5px 10px;}
	
	#appli table td h3 {
		font-size:12px;
		color:#FF6633;
	}
	
	#appli table td img {
		float:left;
		margin:0 10px 5px;
	}
	
	
@media screen and (max-width: 550px) {

	#appli table {
		width:98%;
		margin:0 0 40px 1%;
		border-spacing:1px;
		background-color:#CCCCCC;
		box-sizing: border-box;
	}
	

}
	
	

/* --開催レポート----------------------------------------------------------------*/



#end {margin-bottom:30px;}

	#end p.htxt {
		margin:0;
		padding:0 30px 0 35px;
	}
	
	#end #repo {
		width:700px;
		margin:0 0 0 30px;
		padding:30px 0;
	}
	
	#end h3 {
		border:1px solid #CCC;
		background-color:#FFEEE6;
		line-height:40px;
		padding:0 10px;
	}
	
	#end .data {
		padding:20px 10px 10px 10px;
		}
	
	#end .data p {
		padding:15px 20px 15px 0;
		margin:0;
		}
	
	#end #repo .box {
		width:290px;
		padding:10px;
		float:left;
		margin:0 10px 15px 10px;
		border:1px solid #d6d6d6;
	}
	
	#end #repo .box p {
		padding:5px 10px;
		overflow:hidden;
		margin:0;
	}
	
	#end #repo .repotxt {
		clear:both;
		padding:10px;
	}


@media screen and (max-width: 550px) {


	#end p.htxt {
		margin:0;
		padding:0 5%;
	}
	
	#end #repo {
		width:90%;
		margin:0 0 0 5%;
		padding:30px 0;
	}
	
	#end h3 {
		border:1px solid #CCC;
		background-color:#FFEEE6;
		line-height:40px;
		padding:0 10px;
	}
	
	#end .data {
		padding:20px 10px 10px 10px;
		}
	
	#end .data p {
		padding:15px 20px 15px 0;
		margin:0;
		}
	
	#end #repo .box {
		width:90%;
		padding:10px;
		float:left;
		margin:0 5% 15px 5%;
		box-sizing: border-box;
		border:1px solid #d6d6d6;
	}
	
	#end #repo .box p {
		padding:5px 10px;
		overflow:hidden;
		margin:0;
	}
	
	#end #repo .repotxt {
		clear:both;
		padding:10px;
	}

}