@charset "Shift_JIS";

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


	Site Name   cyber-shot info2
	File Name   page.css

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

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


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

.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;
}
.c5--SurroundLineRed {
	border: 1px solid #c93434;
    max-width: 100%;
    padding: 0 30px 30px 30px;
}

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

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

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

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

/*--------------- camera body width -------------------*/
.camera-w1 {
	width:60%;
}
.camera-w {
	width:80%;
}
.camera-w50 {
	width:50%;
}
@media screen and (max-width: 639px) {
	.camera-w50 {
		width:80%;
	}
/*--------------- 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: 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;
	}
}