/*	769px～
------------------------------------------------------------*/
@media screen and (min-width: 769px){

.topicsArea {
	margin: 0 auto;
	padding: 0;
	width: 960px;
}

.topicsArea .topicsBox {
	padding: 20px 0;
	color: #000;
}

.topicsTitle {
	margin-bottom: 10px;
	padding-bottom: 10px;
	color: #DA0017;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #B3B3B3;
}

/*	topicsPhotoArea3
------------------------------------------------------------*/

.topicsPhotoArea3 {
	zoom: 1;
    overflow: hidden;
}
.topicsPhotoArea3:after{
    content: "";
    display: block;
    clear: both;
}

.topicsPhotoArea3 .topicsPhoto:first-child {
	margin-left: 0;
}

.topicsPhotoArea3 .topicsPhoto {
	float: left;
	margin-left: 12px;
	width: 312px;
}

/*	topicsPhotoArea2
------------------------------------------------------------*/

.topicsPhotoArea2 {
	margin: 0 auto;
	width: 636px;
	zoom: 1;
    overflow: hidden;
}
.topicsPhotoArea2:after{
    content: "";
    display: block;
    clear: both;
}

.topicsPhotoArea2 .topicsPhoto:first-child {
	margin-left: 0;
}

.topicsPhotoArea2 .topicsPhoto {
	float: left;
	margin-left: 12px;
	width: 312px;
}

.topicsPhotoArea2 .topicsPhoto:first-child {
	margin-left: 0;
}

/*	topicsPhotoArea1
------------------------------------------------------------*/

.topicsPhotoArea1 .topicsPhoto {
	margin: 0 auto;
	width: 312px;
}

/*------------------------------------------------------------*/

.topicsPhoto img {
	width: 100%;
	height: auto;
}

.snsWrap {
	margin: 0;
	zoom: 1;
    overflow: hidden;
}
.snsWrap:after{
    content: "";
    display: block;
    clear: both;
}

.likeButton,
.shareButton,
.tweetButton {
	float: left;
	margin-right: 10px;
}

.topicsDate {
	margin-bottom: 20px;
	text-align: center;
}

.topicsComment {
	margin-top: 20px;
	line-height: 1.4em;
}

.backButton {
	margin: 20px 0 0;
	padding-bottom: 20px;
	text-align: center;
	border-bottom: 1px solid #B3B3B3;
}

}

/*	641px～768px
------------------------------------------------------------*/
@media screen and (max-width:768px){

.topicsArea {
	margin: 0 auto;
	padding: 0 20px;
}

.topicsArea .topicsBox {
	padding: 20px 0;
	color: #000;
}

.topicsTitle {
	margin-bottom: 10px;
	padding-bottom: 10px;
	color: #DA0017;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #B3B3B3;
}

.topicsPhoto {
	margin-bottom: 10px;
}

.topicsPhoto img {
	width: 100%;
	height: auto;
}

.snsWrap {
	margin: 0;
	zoom: 1;
    overflow: hidden;
}
.snsWrap:after{
    content: "";
    display: block;
    clear: both;
}

.likeButton,
.shareButton,
.tweetButton {
	float: left;
	margin-right: 10px;
}

.topicsDate {
	margin-bottom: 10px;
	text-align: center;
}

.topicsComment {
	line-height: 1.4em;
}

.backButton {
	margin: 20px 0 0;
	padding-bottom: 20px;
	text-align: center;
	border-bottom: 1px solid #B3B3B3;
}

}

/*	～640px
------------------------------------------------------------*/
@media screen and (max-width:640px){


}