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

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

#topics1 #layout ul{
list-style-type:none;
text-align:left;
}
#topics1 #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;
*/
}

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

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


.topic_nb{
width:610px;
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:300px;
}
.topic_nb p.new{
text-align:left;
width:300px;
}
.topic_nb i {
    font-size: 180%;
    vertical-align: sub;
    margin: 0 5px;
}

@media screen and (max-width: 667px) {

#topics1 #layout ul {
	padding:5px;
}
#topics1 #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;
}
#topics1 #layout ul li .photo {
    width: 100%;
	text-align:center;
	float:none;
}
#topics1 #layout ul li .comment {
    float: none;
    font-size: 14px;
    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%;
}
}