/* codex-force-mobile-on-desktop-v1
   Keep desktop browsers on the same compact mobile layout used by phones. */
@media (min-width: 801px) {
  html,
  body {
    min-width: 0 !important;
    overflow-x: hidden !important;
  }

  body:not(.wp-admin) .foot,
  body:not(.wp-admin) .header_menu,
  body:not(.wp-admin) .pc,
  body:not(.wp-admin) .picture,
  body:not(.wp-admin) .sidebar,
  body:not(.wp-admin) .main_right,
  body:not(.wp-admin) .wrp_right {
    display: none !important;
  }

  body:not(.wp-admin) .mobie {
    display: block !important;
  }

  body:not(.wp-admin) .index_header {
    height: 50px !important;
    margin-bottom: 10px !important;
  }

  body:not(.wp-admin) .header_inner {
    position: relative !important;
    width: 100% !important;
    max-width: 468px !important;
    height: 50px !important;
    margin: 0 auto !important;
    overflow: visible !important;
  }

  body:not(.wp-admin) .logo {
    line-height: 50px !important;
    padding-left: 5px !important;
  }

  body:not(.wp-admin) .logo img {
    width: auto !important;
    height: 40px !important;
  }

  body:not(.wp-admin) .logo .logo-pc {
    display: none !important;
  }

  body:not(.wp-admin) .logo .logo-moible {
    display: inline-block !important;
  }

  body:not(.wp-admin) .header_search_bar {
    display: none !important;
  }

  body:not(.wp-admin) .login_text {
    margin-left: 0 !important;
    padding-top: 0 !important;
  }

  body:not(.wp-admin) .login_text > a {
    display: inline-block !important;
    height: 50px !important;
    max-width: 44px !important;
    padding: 0 10px !important;
    line-height: 50px !important;
  }

  body:not(.wp-admin) .login_text > a > i {
    margin-right: 0 !important;
    color: #666 !important;
    font-size: 24px !important;
  }

  body:not(.wp-admin) .main,
  body:not(.wp-admin) .main_inner,
  body:not(.wp-admin) .main_left,
  body:not(.wp-admin) .wrappter,
  body:not(.wp-admin) .wrappter .wrp_left,
  body:not(.wp-admin) .update_area,
  body:not(.wp-admin) .update_area_inner,
  body:not(.wp-admin) .update_area_content,
  body:not(.wp-admin) .update_area_list,
  body:not(.wp-admin) .pictrue_list,
  body:not(.wp-admin) .single_mian,
  body:not(.wp-admin) .s-article {
    width: 100% !important;
    max-width: 468px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  body:not(.wp-admin) .main,
  body:not(.wp-admin) .wrappter .wrp_left {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  body:not(.wp-admin) .list_n1,
  body:not(.wp-admin) .list_n2,
  body:not(.wp-admin) .list_n3 {
    width: calc(50% - 10px) !important;
    margin: 0 5px 10px !important;
  }

  body:not(.wp-admin) .item_title,
  body:not(.wp-admin) .single_mianimage .item_title {
    padding: 0 15px 15px !important;
  }

  body:not(.wp-admin) .item_title h1 {
    font-size: 20px !important;
    line-height: 30px !important;
  }

  body:not(.wp-admin) .item_info {
    margin: 0 !important;
    padding-left: 65px !important;
  }

  body:not(.wp-admin) .item_info .post-authoravatar {
    left: 10px !important;
  }

  body:not(.wp-admin) .item_info .post-metainfo-right {
    display: none !important;
  }
}

@media (min-width: 641px) {
  body.home {
    min-width: 0 !important;
    overflow-x: hidden !important;
    background: #100015 !important;
  }

  body.home .index_header,
  body.home .header_menu,
  body.home .header_search_bar,
  body.home .ks100-sidebar,
  body.home .home-filter {
    display: none !important;
  }

  body.home .ks100-page-head,
  body.home .ks100-home,
  body.home .update_area,
  body.home .update_area_inner,
  body.home .update_area_content {
    width: 100% !important;
    max-width: 430px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  body.home .ks100-page-head,
  body.home .ks100-home,
  body.home .update_area {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  body.home .ks100-action-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body.home .ks100-action-card {
    min-width: 0 !important;
    height: 76px !important;
    border-radius: 18px !important;
  }

  body.home .ks100-hot-strip,
  body.home .ks100-pill-nav {
    overflow-x: auto !important;
    scrollbar-width: none !important;
  }

  body.home .ks100-hot-strip::-webkit-scrollbar,
  body.home .ks100-pill-nav::-webkit-scrollbar {
    display: none !important;
  }

  body.home .update_area_lists > li {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (min-width: 769px) {
  body.single:has(.app-detail-container) .app-detail-container,
  body:has(.kg-single-main) .kg-single-main,
  body:has(.kg-single-main) .kg-single-inner,
  body:has(.kg-single-main) .kg-single-left,
  body:has(.kg-single-main) .s-article {
    width: 100% !important;
    max-width: 468px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  body.single:has(.app-detail-container) .app-detail-container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  body.single:has(.app-detail-container) .app-detail-nav {
    left: 20px !important;
    right: 20px !important;
  }

  body.single:has(.app-detail-container) .preview-item {
    width: 78vw !important;
    max-width: 365px !important;
  }
}

/* codex-force-mobile-on-desktop-v2-home-specificity */
@media (min-width: 821px) {
  html body.home.home.home,
  html body.home.home.home.body_top {
    min-width: 0 !important;
    overflow-x: hidden !important;
    background: #100015 !important;
  }

  html body.home.home.home .index_header,
  html body.home.home.home .header_menu,
  html body.home.home.home .header_search_bar,
  html body.home.home.home .ks100-sidebar,
  html body.home.home.home .home-filter,
  html body.home.home.home .pc {
    display: none !important;
  }

  html body.home.home.home .ks100-page-head,
  html body.home.home.home .ks100-home,
  html body.home.home.home .update_area,
  html body.home.home.home .update_area_inner,
  html body.home.home.home .update_area_content {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    width: 430px !important;
    max-width: 430px !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  html body.home.home.home .ks100-page-head,
  html body.home.home.home .ks100-home,
  html body.home.home.home .update_area {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  html body.home.home.home .update_area_content {
    display: block !important;
    grid-template-columns: none !important;
    gap: 0 !important;
  }

  html body.home.home.home .update_area_lists,
  html body.home.home.home .update_area_lists > li {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
}