
/*各ページごとcssページ*/

div.gist{
	margin:1em auto;
	}

#kikaku {
	
	padding:1em;
}



.border {
	border:solid 1px #999;
	padding:15px;
	background-color: #FFF;
}

.border_dash{
	border-bottom:dashed #aaa 1px
	}
	
.sankaform{
	background-color:#E4F1F3;
	width:100%;
	padding:0.5em;
	border-bottom:1px solid #66A3BF;
	border-top:1px solid #66A3BF;
	color:#006CD9;
	}
		
.textlhb{
	font-size: 16px;
	font-weight: bold;
	line-height: 160%;
	color: #333;
}
	
	
/*button02*/

.btn_bunkakai01 a,
.btn_bunkakai02 a {
	margin-top: 3px;
	margin-right: 10px;
	display: block;
	width: 220px;
	padding: 10px 10px 7px;
	font-size: 1em;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.2;
	background: url(../img/ico_arrow02.png) no-repeat 98% center, #6fba2c;
	-webkit-background-size: 10px 14px;
	-moz-background-size: 10px 14px;
	background-size: 10px 14px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.btn_bunkakai02 a {
	background: url(../img/ico_arrow02.png) no-repeat 98% center, #ff7b31;
	-webkit-background-size: 10px 14px;
	-moz-background-size: 10px 14px;
	background-size: 10px 14px;
}

.btn_bunkakai01 a:hover {
	text-decoration: none;
	color: #fff !important;
	background: url(../img/ico_arrow02.png) no-repeat 98% center, #3f8600;
	-webkit-background-size: 10px 14px;
	-moz-background-size: 10px 14px;
	background-size: 10px 14px;
}

.btn_bunkakai02 a:hover {
	text-decoration: none;
	color: #fff !important;
	background: url(../img/ico_arrow02.png) no-repeat 98% center, #eb5400;
	-webkit-background-size: 10px 14px;
	-moz-background-size: 10px 14px;
	background-size: 10px 14px;
}







	
/*** レスポンシブテーブルデザイン ***/

caption{
margin-bottom:0.5em;
font-weight:bold;
font-size: 18px;
font-size: 1.8rem;

}

.tableborder {
	border-collapse: collapse; /* 枠線の表示方法 */
	border: 1px #97BDD0 solid; /* テーブル全体の枠線（太さ・色・スタイル） */
}

.tableborder th{
	border: 1px #97BDD0 solid; /* セルの枠線（太さ・色・スタイル） */
	background: #D2EFFB;
	color:#26AFEA;
	white-space:nowrap;
}

.tableborder td {
	border: 1px #97BDD0 solid; /* セルの枠線（太さ・色・スタイル） */
	padding: 10px; /* セル内の余白 */
}


.hyo th{
 border:#97BDD0 1px solid;
 background: #D2EFFB;
 color:#26AFEA;
 font-size:15px;
white-space:nowrap;
 padding:10px;
}

.hyo td{
 border:#97BDD0 1px solid;
 padding:10px;
}

.w80{
width:80%
}
	
.w90{
width:90%;
}

.w95{
width:95%;
}
	
	
@media (max-width: 320px){


.hyo {
width:100%;
}

.hyo thead{
display:none;
}

.hyo td{
display:block;
border:none;
}
	
.hyo th{
display:block;
border:none;

}

.tableborder {
width:100%;
}

.tableborder thead{
display:none;
}

.tableborder td{
display:block;
border:none;
}
	
.tableborder th{
display:block;
border:none;

}



	}


/* end */	
	

/*** botan***/

.pccbtn {
text-decoration: none;
font-weight: bold;
text-align: center;
font-size: 18px;
display: block;
margin-top:1em;
} 

.pccbtn {
background: -moz-linear-gradient(top,#BFD9E5, #3D95B7 50%,#0080B3 50%,#0099CC);  
background: -webkit-gradient(linear, left top, left bottom, from(#BFD9E5), color-stop(0.5,#3D95B7), color-stop(0.5,#0080B3), to(#0099CC));
/*** IE ver***/
background: linear-gradient(to bottom,#BFD9E5, #3D95B7 50%,#0080B3 50%,#0099CC);  

color: #FFF;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px solid #0099CC;
-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
padding: 10px 20px ;
}

/* end */	


/*** photo***/

ul.photo {
    display:table;
    table-layout:fixed;
	width:100%;
    /*max-width: 800px; /* 最大幅 */

}

ul.photo li {
    display:table-cell;
	padding:2px;

}


ul.photo li:first-child {
    border:none;   
	
}


ul.photo li img{
	width:100%;
	
	}
	
@media only screen and (min-width:  41.875em) {  /*670pxより大きい場合に適用*/
/*iPhone6+横,小型タブレット用*/
ul.photo {
	margin:0 auto;

	
}

}
/* end */	




/*** Schedule***/

.sche dl{
	margin:0;
	
	}


.sche dt{
	font-size:19px;
	font-weight:bold;
	border-bottom:1px #999 dotted;
	}
	
.sche dd{
	padding:0;
	margin:0;
	font-size:16px;
	margin-top:1em;
	}



@media only screen and (max-width:  41.875em) {  /*670pxより小さい場合に適用*/
/*iPhone6+横,小型タブレット用*/

.col_2 div.time {
	color: #0962A8;
	
	}

}


*, *:before, *:after {
	box-sizing: border-box;
}
.col_2{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_2 > div{
/*	width: 30%;*/
	padding: 0px 45px 0px 0px ;
}



@media screen and (max-width: 680px) {
	.col_2 > div{
		width: 100%;
	padding: 0px ;
	}
	
	
}




/* end */	







