@charset "Shift_JIS";

/*=========================================================


	Site Name   pro-cam info2
	File Name   page.css

	Create Date 2015/05/29
	Update Date 2015/06/05

==========================================================*/


/*--------------- リストの位置調整 -------------------*/

.c5-contentsNews ul li {
	margin-left:-15px;
}

/*--------------- 注釈を黒にしたい場合 -------------------*/

.s5--colorBlack {
	color:#000 !important;
}

/*--------------- 囲み線を追加する場合 -------------------*/

.c5--SurroundLine {
	border: 1px solid #cccccc;
    max-width: 100%;
    padding: 0 30px 30px 30px;
}

/*--------------- vertical 独自設定 -------------------*/

@media screen and (max-width: 375px) {
	.s5-headerNews .s5-headerNews__title {
		text-align:left !important;
	}
}

/*--------------- 文字のアンダーライン -------------------*/
.s5-under_line{
	text-decoration:underline;
}

/*--------------- 行間設定 -------------------*/
.s5-line_spacing{
	line-height:2;
}


/*--------------- 改行 -------------------*/

.nb98,
.nb64 {
	display: block;
}
.br64 {
	display: none;
}
@media screen and (max-width: 979px) {
	.nb98 {
		display: none;
	}
}
@media screen and (max-width: 639px) {
	.nb64 {
		display: none;
	}
}


@media screen and (min-width: 639px) {
	.nb639 {
		display: none;
	}
}
@media screen and (max-width: 639px) {
	.br64 {
		display: block;
	}
}


/*--------------- datalist -------------------*/

.c5-link_for_datalist {
	display:inline-block;		
}
@media screen and (max-width: 639px) {
	.c5-datalist {
		width: auto;
	}
}

/*--------------- 2column -------------------*/

.c5-inline_2col {
	display:inline-block;
	width:47.5%;
}
.c5-inline_2col:first-child {
	margin-right:5%;
}
.c5-inline_2col .c5-datalist .c5-img-box{
	overflow:hidden;
}
.c5-inline_2col .c5-datalist .c5-img-box .s5-small1{
	display: block;
}
@media screen and (max-width: 639px) {
.c5-inline_2col.sp-1col{
		display:block;
		width:100%;
	}
}

@media screen and (max-width: 375px) {
	.c5-inline_2col {
		display:block;
		width:100%;
	}
	.c5-inline_2col:first-child {
		margin-right:0;
	}
}


/*--------------- 3column -------------------*/

.c5-inline_3col {
	display:inline-block;
	width:31%;
	margin-right:2.5%;
}
.c5-inline_3col.last {
	margin-right:0 !important;
}
.c5-inline_3col .c5-datalist .c5-img-box{
	overflow:hidden;
}
.c5-inline_3col .c5-datalist .c5-img-box .s5-small1{
	display: block;
}

@media screen and (max-width: 480px) {
	.c5-inline_3col {
		display:block;
		width:100%;
	}
	.c5-inline_3col:first-child {
		margin-right:0;
	}
}
.table-pad {
	padding-top: 20px;
}
.s5-table2__captionRow .table-gray {
	background: #fbfbfd;
}