@charset "UTF-8";
@import url("/m/cmn_files/css_rwd/separate/style-header.css");
@import url("/m/cmn_files/css_rwd/separate/style-hamburger.css");
@import url("/m/cmn_files/css_rwd/separate/style-pankuzu.css");
@import url("/m/cmn_files/css_rwd/separate/style-globalnavi.css");
@import url("/m/cmn_files/css_rwd/separate/style-footer.css");
@import url("/m/cmn_files/css_rwd/separate/style-common.css");


.bukken-area-alllist{
	width: 1040px;
	margin: 0 auto;
}

.topick_list{
	padding: 5px;
}

#topic_add_List .bukken_syumoku_ribbon {
	top: 217px;
    right: auto;
    margin-left: 10px;
    padding: 10px 0px 10px;
}

#topic_add_List li{
	background: #f3f1f1;
    position: relative;
    height: 260px;  
    margin-bottom: 30px;
}

#topic_add_List .main_image{
	display: inline-block;
    width: 360px;
    float: left;
}

#topic_add_List .top-bukken-layout{
	display: block;
    height: 240px;
    padding: 50px 0px 50px 430px;
}

#topic_add_List .thumbnail_parent img{
	width:360px;
	height:240px;
	object-fit: contain;
}

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

@media screen and (max-width: 768px) {
	.bukken-area-alllist{
		width: 100%;
		margin: 0 auto;
	}

	#topic_add_List .ribbon13-2 {
	    top: -6px;
	    right: 210px;
	}
	#topic_add_List .bukken_syumoku_ribbon {
	    top: 128px;
	    right: auto;
	    margin-left: 8px;
	    padding: 10px 0px 10px;
	}
	#topic_add_List li {
	    background: #f3f1f1;
	    position: relative;
	    height: 170px;
	    margin-bottom: 30px;
	}
	#topic_add_List .main_image {
	    display: inline-block;
	    width: 170px;
	    float: left;
	}
	#topic_add_List .thumbnail_parent img{
		width:170px;
		height:152px;
		object-fit: cover;
	}
	#topic_add_List .top-bukken-layout {
	    display: block;
	    height: 152px;
	    padding: 10px 0px 10px 180px;
	    font-size: 10px;
	}

}