@charset "utf-8";

.bbs_main_wrap_thumb_top_con {box-sizing: border-box; width: 100%}
.bbs_main_wrap_thumb_top_con dd {position: relative;}
.bbs_main_wrap_thumb_top_con dd:last-child {margin-bottom: 0px;}
.bbs_main_wrap_thumb_top_con .bbs_main_wrap_con_ul1 {width: 100%; box-sizing: border-box; position: relative; margin-bottom: 20px;}
.bbs_main_wrap_thumb_top_con .bbs_main_wrap_con_ul1 img {width: 100%; height:auto; border-radius: 10px;}
.bbs_main_wrap_thumb_top_con .bbs_main_wrap_con_ul2 {width: 100%;}
.bbs_main_wrap_thumb_top_con .bbs_main_wrap_con_subj {font-size: 16px;}
.bbs_main_wrap_thumb_top_con .bbs_main_wrap_con_cont {font-size: 14px; color:#666; word-break: keep-all; margin-top: 15px;}
.bbs_main_wrap_thumb_top_con .bbs_main_wrap_con_cont a {color:#666;}
.bbs_main_wrap_thumb_top_con .bbs_main_wrap_con_info {font-size: 12px; color:#999; margin-top: 10px;}
.bbs_main_wrap_thumb_top_con .bbs_main_wrap_con_writer {margin-top: 20px;}
.bbs_main_wrap_thumb_top_con .bbs_main_wrap_con_writer span {display: inline-block;}
.bbs_main_wrap_thumb_top_con .prof_tiny_image img {width: 30px; height:auto; border-radius: 50%; margin-right: 5px;}
.bbs_main_wrap_thumb_top_con .prof_tiny_name {font-size: 12px; color:#999; line-height: 30px; margin-right: 10px;}
.bbs_main_wrap_thumb_top_con .bbs_list_label {font-size: 11px; border-radius: 4px; padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 2px;}

.bbs_main_wrap_thumb_top_con .icon_abs {position: absolute; right:10px; top:10px;}
.bbs_main_wrap_thumb_top_con .bbs_list_label.label1 {background-color: #FFC700; color:#fff;}
.bbs_main_wrap_thumb_top_con .bbs_list_label.label2 {background-color: #00A3FF; color:#fff;}
.bbs_main_wrap_thumb_top_con .bbs_list_label.label3 {background-color: #8ED100; color:#fff;}
.bbs_main_wrap_thumb_top_con .bbs_list_label.label4 {background-color: #AA20FF; color:#fff;}
.bbs_main_wrap_thumb_top_con .bbs_list_label.label5 {background-color: #25282B; color:#fff;}
.bbs_main_wrap_thumb_top_con .bbs_list_label.label6 {background-color: #D6DCE0; color:#000;}

.star .bbs_main_wrap_thumb_top_con .bbs_main_wrap_con_ul1 {
  aspect-ratio: 1/1.414 !important;
  overflow: hidden !important;
  border-radius: 10px !important;
}


.star .bbs_main_wrap_con_ul1{position:relative;overflow:hidden;}
.star .bbs_main_wrap_con_ul1>a{display:block;position:relative;}
.star .bbs_main_wrap_con_ul1>a::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(to top,rgba(0,0,0,.55) 0%,rgba(0,0,0,.35) 35%,rgba(0,0,0,0) 70%);
}

.star .bbs_main_wrap_con_ul1 .star-gauge{
  position:absolute;right:8px;bottom:8px;width:50px;height:50px;z-index:2;
  --gauge:0%;
}

.star .bbs_main_wrap_con_ul1 .star-gauge::before,
.star .bbs_main_wrap_con_ul1 .star-gauge::after{
  content:"";position:absolute;inset:0;background-repeat:no-repeat;background-position:center;background-size:contain;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12.6722 2.04308C12.5459 1.78707 12.2851 1.625 11.9996 1.625C11.7142 1.625 11.4534 1.78707 11.3271 2.04308L8.67288 7.4211L2.73788 8.28351C2.45536 8.32456 2.22065 8.52244 2.13243 8.79395C2.04421 9.06546 2.11779 9.36351 2.32222 9.56278L6.61682 13.749L5.603 19.66C5.55475 19.9414 5.67041 20.2257 5.90137 20.3936C6.13233 20.5614 6.43853 20.5835 6.69122 20.4506L11.9996 17.6598L17.3081 20.4506C17.5608 20.5835 17.867 20.5614 18.0979 20.3936C18.3289 20.2257 18.4445 19.9414 18.3963 19.66L17.3825 13.749L21.6771 9.56278C21.8815 9.36351 21.9551 9.06546 21.8669 8.79395C21.7786 8.52244 21.5439 8.32456 21.2614 8.28351L15.3264 7.4211L12.6722 2.04308Z'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12.6722 2.04308C12.5459 1.78707 12.2851 1.625 11.9996 1.625C11.7142 1.625 11.4534 1.78707 11.3271 2.04308L8.67288 7.4211L2.73788 8.28351C2.45536 8.32456 2.22065 8.52244 2.13243 8.79395C2.04421 9.06546 2.11779 9.36351 2.32222 9.56278L6.61682 13.749L5.603 19.66C5.55475 19.9414 5.67041 20.2257 5.90137 20.3936C6.13233 20.5614 6.43853 20.5835 6.69122 20.4506L11.9996 17.6598L17.3081 20.4506C17.5608 20.5835 17.867 20.5614 18.0979 20.3936C18.3289 20.2257 18.4445 19.9414 18.3963 19.66L17.3825 13.749L21.6771 9.56278C21.8815 9.36351 21.9551 9.06546 21.8669 8.79395C21.7786 8.52244 21.5439 8.32456 21.2614 8.28351L15.3264 7.4211L12.6722 2.04308Z'/%3E%3C/svg%3E");
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain;
}


.star .bbs_main_wrap_con_ul1 .star-gauge::before{
  background-color:rgba(255,255,255,.2);
  filter:drop-shadow(0 0 1px rgba(0,0,0,.35));
}

.star .bbs_main_wrap_con_ul1 .star-gauge::after{
  background-color:#ffd34d;
  clip-path:inset(calc(100% - var(--gauge)) 0 0 0);
  transition:clip-path .25s ease;
}

.star .bbs_main_wrap_con_ul1 .star-gauge{
  position:absolute; right:8px; bottom:8px;
  width:50px; height:50px; z-index:2;
  --gauge:0%;
  display:grid; place-items:center;
}

.star .bbs_main_wrap_con_ul1 .star-score{
  position:relative; z-index:2;
  font-size:11px; line-height:1; font-weight:700;
  color:#FFF;
  text-shadow:
    0 1px 1px rgba(255,255,255,.55),
    0 0 1px rgba(0,0,0,.35);
  pointer-events:none;
}

.star .bbs_main_wrap_con_ul1 .star-gauge::before,
.star .bbs_main_wrap_con_ul1 .star-gauge::after{
  z-index:1;
}