@charset "utf-8";
.campgn_outer { padding:0 8px 24px; }
.campgn_box{padding: 16px; border:1px solid #333333; border-radius: 4px;}
.campgn_boxlink{text-decoration: none;}
.campgn_wrap{ display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.campgn_wrap li{position:relative;  border:5px solid #cccccc;}
.campgn_bnner{ position:relative; z-index:2;}
.campgn_wrap_cont{ background:url(/images/property-detail/campaign_rt.png) top right no-repeat;}
.campgn_ttl{ position:relative; color:#666666; }
.campgn_ttl:before{ content:""; position:absolute; top:-2px; left:0;width:39px; height:60px;background:url(/images/property-detail/campaign.png)  no-repeat; z-index:1;}
.campgn_desp{ font-size:1.4rem;line-height:1.8;}
.campgn_btn{ position:absolute; bottom:20px ;left:0; right:0;}
.campgn_btn a{ width:80%; margin:0 auto; font-size:1.6rem; line-height:60px; border-radius:50px; white-space: nowrap;}
.popularBox{margin: 32px 0 40px;}
@media screen and (max-width:539px) {
.campgn_wrap{  padding:0 10px 20px;}
.campgn_wrap li{  margin-bottom:10px; border:3px solid #cccccc;}	
.campgn_wrap_cont{padding:0 10px 90px 10px;}
.campgn_ttl{padding:20px 0 12px 45px;font-size:1.6rem;}
}
@media screen and (min-width:540px), print {
.addrs_wrap { padding:0 0 40px; }
.campgn_wrap{  padding:0 0 20px}
.campgn_wrap li{ width:49%;  border:5px solid #cccccc;}	
.campgn_wrap li:nth-child(odd){ margin: 0 1% 20px 0;}
.campgn_wrap li:nth-child(even){ margin: 0 0 20px 1%;}
.campgn_wrap_cont{padding:0 20px 100px 20px;}
.campgn_ttl{padding:25px 0 18px 55px;font-size:1.8rem;}
}
@media screen and (min-width:768px) {
.campgn_box { padding: 32px;}
}