@charset "utf-8";

.sml{font-size:.8em}
.content-main{border-right:none}
ul.new_entry{list-style:none;margin:1em auto;display:flex;justify-content:space-around;flex-wrap:wrap;width:100%;padding:0}
ul.new_entry li{width:calc(96% / 5 );margin:.5% 0;position:relative;border:1px #ccc solid;overflow:hidden;transition:.4s;cursor:pointer}
ul.new_entry li:hover{border-color:#f00;background:#fffffd}
.content-main ul.new_entry li a{display:block;padding:.5em;color:#000;text-decoration:none !important;}
ul.new_entry li a span{position:absolute;padding:.5em;width:50%;color:#fff;text-align:center;display:inline-block;top:0;right:-16%;transform:rotate(45deg);z-index:+1}
ul.new_entry li a span.icon_sell{background:#ff5722}
ul.new_entry li a span.icon_rent{background:#009688}
ul.new_entry li a span.icon_both{background:#9C27B0;top: 1em;right: -15%;width: 60%;font-size: .9em;}
ul.new_entry li a p{position:absolute;bottom:0;right:0;padding:0 .5em;color:#fff;background:#c00;margin:0;font-size:.9em}

ul.new_entry dl{margin:.5em auto}
ul.new_entry dt,ul.new_entry dt{padding:.2em}
ul.new_entry dt{background:#fafafa;border-bottom:1px #888 solid;font-weight:normal}
ul.new_entry dd{padding-left:.5em;}

ul.mailmag{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;padding:0;margin:1em auto;padding-top:2em;border-top:1px #ccc solid}
.content-main ul.mailmag li a,ul.mailmag button{padding:.5em;text-decoration:none !important;color:#fff;text-align:center;background:#888;border:1px #888 solid;border-radius:.5em;margin:0 .5em}
.content-main ul.mailmag li.entry a,ul.mailmag button[type="submit"]{background:#03a9f4;border-color:#03a9f4;}
.content-main ul.mailmag li a:hover,ul.mailmag button:hover{background:#fff;color:#888}
.content-main ul.mailmag li.entry a:hover,ul.mailmag button[type="submit"]:hover{color:#03a9f4;}

/*--mail_entry--*/
div.note{width:90%;margin:1em auto;padding:.5em 1em;border:1px #888 solid;background:#fafafa;}
div.note h4{margin:.5em auto;color:#3e5967;border-bottom:1px #3f51b5 solid;}
ul.atte{padding:1em .5em 1em 2em;border:1px #c00 solid;margin:1em auto;width:95%;background:#fefefe}

form{width:95%;margin:2em auto;}
form p{color:#f00;}
table.mail{border-collapse:collapse;border-top:1px #888 solid;border-left:1px #888 solid;width:90%;margin:1em auto 2em}
table.mail th,table.mail td{padding:1em;border-right:1px #888 solid;border-bottom:1px #888 solid;}
table.mail th{background:#b2d8e0;color:#3e5967;}
table.mail input{padding:.2em 1em}

@media (max-width: 767px) {
ul.new_entry li{width:calc(97% / 2)}
ul.new_entry li a span{width:40%;top: 2%;right: -10%;padding:0}
.content-main ul.mailmag li:first-child{width:100%;margin-bottom:2em;text-align:center}
div.note,form{width:100%;}
table.mail{width:95%;}
table.mail th,table.mail td{display:block;}
table.mail input{width:100%;}}
}