@charset "utf-8";
/* CSS Document */
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap");

.inner-box {
  width: 100% !important;
  position: relative;
}

.box-picture {
  width: 20%;
  padding: 4px;
}
.box-text {
	  width: 80%;
	  padding: 4px 14px;
	display:block;
	}
.box-text > ul{
	width:100%;
}

.wants-price {
  margin: 0px 0 6px;
	padding:4px;
	text-align:right;
}

.box-text time.sub_info_date2 {
	position: absolute;
	bottom: 0px;
	bottom: 4px;
	right: 10px;
	left:65px;
	font-size:9px;
}

.box-text .wants-price {
	width:100%;
  }

.box-text > p.postid {
	position: absolute;
	bottom: 20px;
	right: 10px;
	left:65px;
}
.box-text .button-02 a, 
.box-text  .button-03 a {
  padding: 3px 6px;
  font-size: 7px;
}

@media screen and (min-width: 950px) {
  .topics_box--h1 {
    font-size: 16px;
	  line-height:1.2;
	  width:100%;
  }
	.box-picture {
	  padding: 4px;
	}
	.box-text {
	  padding: 4px 14px;
	}
	.box-text > ul{
		justify-content:end; 
		width:100%;
	}
	.box-text .button-02 a, 
	.box-text  .button-03 a {
	  padding: 3px 15px;
	  font-size: 11px;
	}
	.box-text time.sub_info_date2 {
	  font-size: 12px;
	}
	.topics_box{
		align-items:center;
		-ms-align-items:center;
	}
	.box-picture {
	  width: 15%;
	  padding: 4px;
	}
	.box-text {
		  width: 85%;
		  padding: 4px 14px;
		display:block;
		}
}

@media screen and (min-width: 320px) {
.topics_box--h1 {
        margin-bottom: 0px;
        font-size: 14px;
        font-weight: 600;
    }
}