.nousya ul{ width: 100%; text-align: left;}
.nousya ul li{ width: 30%; margin: 12px; display: inline-block;}
.nousya ul li a .bg-nousya{ background: url(../images/bg-nousya.png); padding: 8px; border-radius: 12px;}
.nousya ul li a .bg-nousya:hover{opacity: 0.7;}
.nousya ul li a .bg-nousya .images-nousya{ border-radius: 12px; overflow: hidden; display: block;}
.nousya ul li a .bg-nousya .images-nousya img{ width: 100%;}
.nousya ul li a .bg-nousya .model-nousya{ display: block; display: table; width: 100%;}
.nousya ul li a .bg-nousya .model-nousya div{ display: table-cell; padding: 8px; font-size: 18px; vertical-align: middle; text-align: left;}
.nousya ul li a .bg-nousya .model-nousya div small{ display: block; font-size: 12px;}
.nousya ul li a.click-nousya{ position: relative;}

.pagination{ width: 100%; text-align: center; margin: 12px auto;}
.page-number { display: inline-block; }
.page-number a { color: black; float: left; padding: 2px 6px; text-decoration: none; }
.page-number a.active { color: #000; border-radius: 12px; background: #aadffe; width: 20px; height: 20px;}
.page-number a:hover:not(.active) { background-color: #ddd; border-radius: 12px; }
.page-number a.icon{ color: #aadffe;}
.page-number a.text{ font-weight: bold;}

section.modal { display: none; position: fixed; top: 12%; bottom: 24px; left: 20%; right: 20%; z-index: 998; overflow-y: auto;}
section.modal .modal-nousya{background:url(../images/bg-star.jpg) #96dff9 top center no-repeat; background-size: 100%; cursor: default; padding: 12px; border-radius: 14px;}
section.modal .modal-nousya h2{ text-align: center; }
section.modal .modal-nousya h2 img{ max-width: 100%; width: auto;}
section.modal .modal-nousya .images-popup{ max-width: 500px; margin: auto;}
section.modal .modal-nousya .images-popup img{ width: 100%; border: 8px solid #fff; border-radius: 22px;}
section.modal .closeBtn { position: absolute; right: 0px; top: 0px; cursor: pointer; background: #61bdfb; width: 30px; border-radius: 15px; height: 30px; text-align: center; color: #fff; padding: 6px; }
section.modal.overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; min-height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 997; cursor: pointer; }

.content-nousya ul{ max-width: 500px; margin: 24px auto; color: #000;}
.content-nousya ul li{ display: table; width: 100%; font-weight:bold; font-size: 12px;}
.content-nousya ul li:nth-child(odd){ background: #fff;}
.content-nousya ul li span{ display: table-cell; padding: 12px 4px; vertical-align: middle;}
.content-nousya ul li span:first-child{ width: 180px; text-align: right; }
.content-nousya ul li span:first-child::after{ content: ':'; margin: auto 8px;}




@media(max-width:768px){
  .nousya ul li{ width: 40%;}

  section.modal { display: none; position: fixed; top: 12%; left: 12%; right: 12%; z-index: 998; }
}
@media(max-width:680px){
  .nousya ul li{ width: 80%;}
}
@media(max-width:468px){
  section.modal { left: 4%; right: 4%; }
  .content-nousya ul li span:first-child{ width: 120px; text-align: right; }
}