/*
 * Those additional correction styles are able to override already styles.
 * Styles need to define as the smartphone first.
 */
#entryList a, #entryList a:hover,
.titleList a, .titleList a:hover, 
.titleListHan a, .titleListHan a:hover {
  color: #3366FF !important;
} 

ad {
  opacity: 1;
  visibility: visible;
  background: none;
  border: none;
  outline: none;
}

ad::before,
ad::after {
  display: none;
  border: none;
}

#BannerNew336x280 ins {
  min-width: 336px;
}

#naviconDrawerBottom {
  padding-bottom: 3rem;
}

.normal-image {
  float: left;
  padding-left: 0.5rem;
  padding-right: 1rem;
  padding-bottom: 0.5rem;
}

@media (min-width: 768px) {
  /* md */
  #columnGroup-1.md\:w-7\/12 {
    width: calc(100% - 300px);
  }
  #columnGroup-2.md\:w-5\/12 {
    width: 300px;
  }
  .custom-drawer-content>* {
    height: 100%;
  }
}

@media (min-width: 1024px) {
  /* lg */
  .lg\:w-20 {
    width: 5rem !important;
  }
  .lg\:flex-nowrap {
    flex-wrap: nowrap;
  }
  #columnGroup-1.lg\:w-2\/3 {
    width: 66.66666%;
  }
  #columnGroup-2.lg\:w-1\/3 {
    width: 33.33333%;
  }
}