@charset "utf-8";
/* CSS Document */

/*TOPICS1*/
#topics3 h2{
margin: 10px 0 10px;
}
#topics1 #container #layout ul li,
#topics2 #container #layout ul li,
#topics3 #container #layout ul li{
    border-style: solid;
    border-width: 1px;
	border-color:#efefef;
/*	background-color:#ffffff;	*/
}

#topics3 #layout ul{
list-style-type:none;
text-align:left;
	padding:10px;
}
#topics3 #layout ul li{
/*
width:464px;
display:inline-block;
width:calc(50% - 26px);
*/
vertical-align:top;
margin:0;
margin-bottom:30px;
padding:10px;
border-radius:3px;
/*
background-color:#f0f0f0;
*/
}

#topics3 #layout ul li h3{
font-size:14px;
font-weight:bold;
margin-right:5px;
padding-bottom:5px;
text-align:left;
}
#topics3 #layout ul li p.dateAndTime,
#topics3 #layout ul li h4{
font-size:12px;
font-weight:normal;
padding-bottom:5px;
text-align:left;

}
#topics3 #layout ul li .photo{
text-align:center;
/*width:300px;
float:left;
margin-right:10px;*/
}
#topics3 #layout ul li .photo a,
#topics3 #layout ul li h3 a{
	display:block;
}
#topics3 #layout ul li .photo img{
max-width:100%;
height:auto;
	margin:auto;
}
#topics3 #layout ul li .comment{
/*float:left;*/
padding:10px;
/*width:612px;*/
font-size:14px;
line-height:1.7;
/*
border:2px dotted rgb(69,106,192);
background-color:rgba(69,106,192,.1);
*/}
#topics3 #layout ul li .comment img{
max-width:100%;
height: auto !important;
}
#topics3 #layout ul li .comment{
text-align:center;
}
#topics3 #layout ul li .comment div.p{
text-align:left;
}
#topics3 #layout ul li .comment .futube{
margin:auto;
}


.topic_nb{
width:400px;
margin:auto;
margin-bottom:20px;
}
.topic_nb p{
float:left;
font-size:12px;
height:20px;
font-weight:bold;
}
.topic_nb p.old{
text-align:right;
width:200px;
}
.topic_nb p.new{
text-align:left;
width:200px;
}
.topic_nb i {
    font-size: 180%;
    vertical-align: sub;
    margin: 0 5px;
}

@media screen and (max-width: 667px) {
body#topics3 {
background: #ffffff url(/user/images/sp_bg.jpg) right top scroll;
/*    background-size: contain;*/
    background-size: 100%;
}
body#topics3 #layout{
    background: rgba(255,255,255,.5);
}
	#topics3 h2 {
    font-size: 16px;
    padding: 0px;
}
#topics3 #layout ul {
	padding:5px;
}
#topics3 #layout ul li {
	background-color:transparent;
    border-radius: 0px;
    display: block;
    margin: 0 0 20px;
    padding: 10px;
    vertical-align: top;
	width:auto;
	border:none;
	min-height:auto;
}
#topics3 #layout ul li .photo {
    width: 100%;
	text-align:center;
	float:none;
}
#topics3 #layout ul li .comment {
    float: none;
    font-size: 12px;
    line-height: 1.7;
    padding: 10px;
	width:calc(100% - 20px);
	min-height:auto;
}
.topic_nb{
width:90%;
width:calc(100% - 20px);
margin:auto;
padding: 0 10px;
margin-bottom:20px;
}
.topic_nb p{
}
.topic_nb p.old{
text-align:center;
width:50%;
}
.topic_nb p.new{
text-align:center;
width:50%;
}
}