/*各ページごと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;
	font-size:19px;
	}
		
.textlhb{
	font-size: 16px;
	font-weight: bold;
	line-height: 160%;
	color: #333;
}
	
	
/*…………………………………………………………………
　ページ内リンク page in link
…………………………………………………………………*/
div#pageLink{
	padding				: 0px;
	margin				: 5px auto 0;
	display				: block;
}
div#pageLinkUp{
	padding				: 0px;
	margin				: 40px auto 0px;
	display				: block;
}
div#pageLink ul:after,div#pageLinkUp ul:after{
	content				:".";
	height				:0;
	clear				:both;
	display				:block;
	visibility				:hidden;
}
div#pageLink ul,div#pageLinkUp ul{
	zoom: 1;
}
div#pageLink li,div#pageLinkUp li{
	float					: left;
	font-size				: 1em;
	font-weight:bold;
	white-space			: nowrap;
	background			: url(../../newlife_support/common/oc-pagelink.png) no-repeat 0px 0.2em;
	padding				: 0px 1em 0px 0.29em;
	margin-bottom		: 10px;
}
div#pageLinkUp li{
	background			: url(../../newlife_support/common/oc-pagelink-top.png) no-repeat 0px 0.2em;
}
div#pageLink a:link,
div#pageLink a:visited,
div#pageLinkUp a:link,
div#pageLinkUp a:visited {
	color				: #62C405;
}
div#pageLink a:hover,
div#pageLink a:active,
div#pageLinkUp a:hover,
div#pageLinkUp a:active{
	color				: #0000ff;
}
	
/*** botan***/


.kenlist li a {
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  color: #62C405;
  border: solid 2px #62C405;
  border-radius: 3px;
  transition: .4s;
}

.kenlist li:hover {
  background: #67c5ff;
  color: white;
}

.kenlist li a visited {
  color: #62C405;
}


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

caption{
margin:0.5em 0;
font-weight:bold;
font-size: 17px;
font-size: 1.7rem;

}

.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 {
	margin-bottom:2em;
}


.hyo th{
 border:#C0D1D0 1px solid;
 background-color:#F3F5F8;
 color:#334557;
 font-size:15px;
white-space:nowrap;
 padding:10px;
}

.hyo td{
 border:#C0D1D0 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 */	
	


/*** 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 */	







@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 30px 0px 0px ;
}



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




/* end */