@charset "UTF-8";

.bn-list-survey > ul{display:flex;flex-wrap:wrap;margin:0 -1.4%;}
.bn-list-survey > ul > li{margin:30px 1.4% 0;padding:20px;width:22.2%;border-radius:8px;transition:transform .2s;box-shadow:rgb(164 172 187 / 20%) 0px 0px 20px 0px;box-sizing:border-box;vertical-align:top;}
.bn-list-survey > ul > li:nth-of-type(-n+4){margin-top:0;}
.bn-list-survey > ul > li:hover{transform:translateY(-5px);box-shadow:rgb(164 172 187 / 40%) 0px 0px 20px 0px;}
.bn-list-survey > ul > li.b-no-post{width:100%;border-top:2px solid #222;border-bottom:1px solid #d8d8d8;border-radius:0;border-right:0;border-left:0;}
.bn-list-survey > ul > li .b-btn-wrap{margin:0;padding:20px 0 0;}
.bn-list-survey > ul > li .b-btn-wrap .b-btn-common{width:100%;background:#0c3a8d;transition:all .2s;}
.bn-list-survey > ul > li .b-btn-wrap .b-btn-common:hover{background:#376bc7;}
.bn-list-survey .b-box .b-title-box{padding:0 0 30px;}
.bn-list-survey .b-box .b-title-box a{display:block;height:100px;font-size:2.0rem;line-height:2.5rem;font-weight:500;-webkit-line-clamp:4;-webkit-box-orient:vertical;text-overflow:ellipsis;word-wrap:normal;overflow:hidden;word-wrap:break-word;word-break:keep-all;}
.bn-list-survey .b-box .b-state-box{padding:0 0 20px;min-height:30px;border-bottom:1px solid #ddd;}
.bn-list-survey .b-box .b-state-box a{display:block;padding:4px 10px;border-radius:5px;background:#aaa;text-align:center;}
.bn-list-survey .b-box .b-state-box a.ongoing{background:#5f72d5;}
.bn-list-survey .b-box .b-state-box a span{color:#fff;font-size:1.4rem;line-height:1;}
.bn-list-survey .b-box .b-info-box .b-date{padding:20px 0;}
.bn-list-survey .b-box .b-info-box .b-date span{font-size:1.6rem;line-height:2.1rem;}
.bn-list-survey .b-box .b-info-box .b-date span:nth-of-type(1){display:inline-block;margin:0 0 10px;padding:5px 10px 2px;background:#aaa;border-radius:30px;font-size:1.4rem;line-height:1.9rem;color:#fff;}
.bn-list-survey .b-box .b-info-box .b-date.ongoing span:nth-of-type(1){background:#e6b000;}
.bn-list-survey .b-box .b-info-box .b-date span:nth-of-type(2){display:block;}
.bn-list-survey .b-box .b-info-box > div{padding:20px 0 0;}
.bn-list-survey .b-box .b-info-box > div:after{content:'';display:block;clear:both;}
.bn-list-survey .b-box .b-info-box > div > p{font-size:1.4rem;line-height:1.9rem;}
.bn-list-survey .b-box .b-info-box > div .b-question{float:left;}
.bn-list-survey .b-box .b-info-box > div .b-vote{float:right;}
.bn-list-survey .b-box .b-info-box > div > p > span{font-weight:500;}

/* bootstrap */
a:focus, a:hover{text-decoration:none;}

@media screen and (max-width:1024px){
	.bn-list-survey > ul > li:nth-of-type(n){margin:0 20px 20px 0;width:calc(33.333% - 16px);transition:none;}
	.bn-list-survey > ul > li:nth-of-type(3n){margin-right:0;}

}
@media screen and (max-width:768px){
	.bn-list-survey > ul > li:nth-of-type(n){margin:0 20px 20px 0;padding:15px;width:calc(50% - 12px);}
	.bn-list-survey > ul > li:nth-of-type(2n){margin-right:0;}
	.bn-list-survey .b-box .b-title-box{padding:0 0 15px;}
	.bn-list-survey .b-box .b-title-box a{height:92px;font-size:1.8rem;line-height:2.3rem;}
	.bn-list-survey .b-box .b-state-box{padding:0 0 15px;min-height:29px;}
	.bn-list-survey .b-box .b-state-box a{padding:7px 10px 5px;}
	.bn-list-survey .b-box .b-info-box .b-date{padding:10px 0;}
	.bn-list-survey .b-box .b-info-box .b-date span{font-size:1.4rem;line-height:1.9rem;}
	.bn-list-survey .b-box .b-info-box .b-date span:nth-of-type(1){margin:0 0 5px;font-size:1.2rem;line-height:1.7rem;}
	.bn-list-survey .b-box .b-info-box > div{padding:15px 0 0;}
}

@media screen and (max-width:480px){
	.bn-list-survey > ul > li:nth-of-type(n){margin:0 0 20px;width:100%;}
	.bn-list-survey .b-box .b-title-box a{height:auto;max-height:92px;}
}