


<!DOCTYPE html>

<html class="no-js" lang="en">

    <head>
        
            <!-- Google Tag Manager -->
<script>
  window.dataLayer = window.dataLayer || [];
</script>

<script data-cookieconsent="ignore">
  window.dataLayer = window.dataLayer || [];
  function gtag() {
      dataLayer.push(arguments);
  }
  gtag("consent", "default", {
      ad_personalization: "denied",
      ad_storage: "denied",
      ad_user_data: "denied",
      analytics_storage: "denied",
      functionality_storage: "denied",
      personalization_storage: "denied",
      security_storage: "granted",
      wait_for_update: 500,
  });
  gtag("set", "ads_data_redaction", true);
  gtag("set", "url_passthrough", false);
</script>

<script data-cookieconsent="ignore">
    (function (w, d, s, l, i) {
      w[l] = w[l] || [];
      w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" });
      var f = d.getElementsByTagName(s)[0],
        j = d.createElement(s),
        dl = l != "dataLayer" ? "&l=" + l : "";
      j.async = true;
      j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl;
      f.parentNode.insertBefore(j, f);
    })(window, document, "script", "dataLayer", "GTM-KKJX7LK");
  </script>
  <!-- End Google Tag Manager -->
<script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="44a5ba4f-cae0-4e1f-a1d7-a0372155a955" type="text/javascript" async></script>
  
        

        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

        
            <meta name="description" content="HLJ.com was started over 20 years ago to help hobbyists like you buy the best quality Figures, Models and Gundam at good prices. Buy Bandai, Takara Tomy, Tamiya and lots of other brands from Japan." />
        

        <meta name="format-detection" content="telephone=no">
        <title>
        
        
            HLJ.com - The Worlds Largest Online Hobby, Toy and Figure Shop
        
        
        </title>

        
            
        

        
        <link rel="stylesheet" href="https://www.hlj.com/static/config/css/jquery-ui.css?timestamp=202305161500">
        <link rel="preconnect" href="https://fonts.googleapis.com" />
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
        <link rel="icon" href="/static/config/images/favicon.ico" id="favicon">

        <link rel="stylesheet" type="text/css" href="https://www.hlj.com/static/config/css/config.css">
        
            <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet" />
            <link rel="stylesheet" href="https://www.hlj.com/static/com/common_web/css/price_changer.css">
        

        
<link rel="stylesheet" type="text/css" href="https://www.hlj.com/static/config/css/style_all.css?timestamp=202305161500">
<link rel="stylesheet" type="text/css" href="https://www.hlj.com/static/config/css/header.css?timestamp=202308171500">
<link rel="stylesheet" type="text/css" href="https://www.hlj.com/static/config/css/footer.css?timestamp=202308171500">
<link rel="stylesheet" type="text/css" href="https://www.hlj.com/static/config/icomoon/style.css?timestamp=202308171500">
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />

<link rel="stylesheet" type="text/css" href="https://www.hlj.com/static/com/static_page/css/static_page.css">

    </head>

    <body class="">
        
        
            <!-- Google Tag Manager (noscript) -->
<noscript
  ><iframe
    src="https://www.googletagmanager.com/ns.html?id=GTM-KKJX7LK"
    height="0"
    width="0"
    style="display: none; visibility: hidden"
  ></iframe
></noscript>
<!-- End Google Tag Manager (noscript) -->

        
        <div class="page-wrapper">
            <input id="is_authenticated" type="hidden" name="is_authenticated" value="False"/>
            <input id="username" type="hidden" name="username" value=""/>
            <input id="userfirstname" type="hidden" name="userfirstname" value=""/>
            <input type="hidden" name="csrf_token" value="a8rZffqQgrVCiYnGOKDt0cOLMD9OgH7WooVE7zpPHB8w0fVOE7LQ5ulhGzzFXCYX">
            

            
    <div class="block-header_html"><!-- DESKTOP AND MOBILE CATEGORIES - OTHER PAGES -->

<style>
    body{
    padding-top:83px!important;
    }
        :root {
          --header-row2-height: 36px;
          --logo-width: 263px;
          --login-cart-width: 263px;
            --header-row2-fs-mb: 1.2rem;
        }
    
a#CybotCookiebotDialogPoweredbyCybot,
div#CybotCookiebotDialogPoweredByText {
  display: none;
}

/* Branding on the Privacy trigger */
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
    display: none;
}

img.CybotExternalLinkArrow {
    width: auto;
}
    
        /* 共通パーツ
    
        ====================================================*/
    
    
    
    
        html {
            font-size: 62.5%;
            -webkit-text-size-adjust: 100%;
          }
          body {
            color: #4d4d4d;
            font-size: 1.3rem;
          }
    
          textarea {
            border-radius: 5px;
          }
          html,
          body,
          ul,
          li,
          p {
            padding: 0;
            margin: 0;
          }
          li {
            list-style: none;
          }
          div {
            box-sizing: border-box;
          }
          img {
            width: 100%;
            height: auto;
            display: block;
          }
     h1,
          h2,
          h3,
          h4,
          h5,
          h6 {
            margin: 0;
            padding: 0;
            border: 0;
          }
          h3 {
            font-weight: 700;
            margin-bottom: 10px;
            font-size: 24px;
          }
          a {
            color: #0066c8;
            text-decoration: none;
          }
          .button {
            background-image: none;
            color: #fff;
            cursor: pointer;
            display: inline-block;
    
            font-weight: 700;
            padding: 16px;
            font-size: 1.3rem;
            box-sizing: border-box;
            vertical-align: middle;
            font-weight: 700;
            box-shadow: 0 -2px 4px 0 rgb(0 0 0 / 15%), 0 2px 4px 0 rgb(0 0 0 / 15%);
            border-radius: 4px;
            width: 100%;
            text-align: center;
          }
          .button.blue-button a {
            color: #fff;
          }
          .blue-button {
            background: #0066c8;
            border: 1px solid #0066c8;
          }
          .grey {
            color: #979797;
          }
    
          /* ヘッダー
    
          ====================================================*/
    
          .header {
            display: flex;
          width:100%;
            background: #0066C7;
            color: #4d4d4d;
            flex-wrap: wrap;
          }
          .header-row-1,
          .header-row-1 ul,
          .header-row-2,
          .header-row-2 ul {
            display: flex;
            flex-direction: row;
          }
    
          /* ---  ヘッダー　上段 --- */
          .header-row-1-wrapper {
            background: #0066C7;
            width: 100%;
          }
    
          .header-row-1 {
            max-width: 1232px;
    
            display: flex;
            margin: 0 auto;
            padding: 0px 300px;
            justify-content: space-between;
            box-sizing: content-box;
          }
          .header-row-1 ul {
            box-sizing: border-box;
          }
          .header-row-1 ul li {
            margin-right: 20px;
            padding: 2px 5px;
          }
    
          .icon-envelop {
            margin-right: 8px;
            font-size: 2.5rem;
          }
    
          .icon-mail{
            margin-right: 8px;
            font-size: 2rem;
            color: #fff;
          }
          .navi li:hover {
            background: #fff;
            color: #0066C7;
            border-radius: 5px;
            padding-left: 3px;
            padding-right: 3px;
            padding-top: 2px;
          }
          .navi.header-content li:nth-of-type(1) {
            display: flex;
            align-items: center;
          }
          .navi.header-content li {
            align-self: center;
            min-width: max-content;
          }
    
          .navi li:hover > a {
            color: #0066C7 !important;
          }
    
          .navi {
            text-transform: uppercase;
            font-weight: 700;
            font-size: 1.4rem;
            display: flex;
            padding:0 0 0 24px;
            align-items: center;
            box-sizing: border-box;
            width:var( --logo-width);
          }
          #cart-text {
            padding: 1px 6px;
            font-size: 1.3rem;
            width: 40px !important;
            height: initial!important;
            text-align: center;
          }
          .navi li {
            margin-right: 9px;
            padding-left: 3px;
            padding-right: 3px;
            padding-top: 2px;
            min-width: fit-content;
          }
          .navi a {
            color: #ffffff;
          }
          .navi a:hover {
            color: #0066C7;
          }
    
          .navi li:last-of-type {
            margin-right: 0;
          }
    
          .navi-shop {
            text-transform: uppercase;
            font-weight: 700;
            font-size: 1.1rem;
            display: flex;
            padding-left: 300px;
            box-sizing: border-box;
            background: #fff;
            color: #0066C7;
            border-radius: 5px;
            margin-right: 16px;
            padding-right: 3px;
            padding-top: 2px;
          }
          .navi-shop a {
            color: #0066C7;
          }
          .navi-shop a:hover {
            color: #0066C7;
          }
    
          .header-row-1 ul {
            padding: 6px 0;
          }
    
          .header-row-1 ul:nth-of-type(3) {
            padding: 0;
            display: flex;
          }
          .header-row-1 ul:nth-of-type(3) li {
            display: flex;
            align-items: center;
          }
    
          .social-media {
            display: flex;
            width: calc(100% - var(--login-cart-width) - var( --logo-width));
            justify-content: center;
            align-items: center;
            padding: 6px 0;
            box-sizing: border-box;
          }
          .social-media li {
            width: auto;
            margin-right: 16px;
          }
          .header .social-media li:last-of-type {
            margin: 0;
          }
          .social-media li img {
            height: 16px;
            width: auto;
          }
    
          .header #logined_logo::before {
            font-size: 2.6rem;
          }
    
          .header-panel-right {
            display: flex;
            width: var(--login-cart-width);
            justify-content: flex-end;
            align-items: center;
            box-sizing: border-box;
    
          }
          .header-panel-right li,
          .header-panel-right li span {
            display: flex;
            align-items: center;
          }
    
          .header-login {
            color: #4d4d4d;
            border-bottom-left-radius: 5px;
            border-top-left-radius: 5px;
            height: 18px;
          }
    
          .input-search {
            width: 100%;
            height: 38px;
            box-sizing: border-box;
            border: none;
            border-radius: 0!important;
            padding: 1px 10px;
            font-size: 15px;
          }
    
        der-panel-right li:nth-of-type(1) {
            border-right: 1px solid #979797;
            padding: 10px 20px;
          }
          .header-panel-right li:nth-of-type(3) {
            margin-right: 0;
            margin-left: 20px;
          }
    
    
          .menu-title {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            padding: 0 0 0 42px ;
            height: var(--header-row2-height);
            width: var(--logo-width);
          }
          .hlj-logo {
            position: relative;
            width: 124px;
            margin-right: 8px;
            padding: 4px;
            box-sizing: content-box;
          }
          .hlj-logo img {
            z-index: 100;
          }
    
          .search-bar {
            position: relative;
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #0066C7;
            border: #000 solid 1px;
            border-radius: 5px;
          }
          .search-bar textarea {
            width: 100%;
    
          }
          .search-bar > form {
            width: 100%;
          }
          .icon-search1{
            font-size: 18px;
          }
          .icon-search1:before {
            position: absolute;
            top: 50%;
            right: 4px;
            transform: translateY(-50%);
            background: #0066C7;
            padding: 7px;
            border-radius: 5px;
            cursor: pointer;
            color: #fff;
          }
    
          .cart_list_wrapper{
            padding: 0 20px;
            display: flex;
            justify-content: flex-end;
            align-items: center;
          }
    
          .cart_list{
            width: 100px;
            height: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            border: 1px solid #4d4d4d;
            box-shadow: 0 0 1px 0px white inset, 0 0 1px 0px white;
            border-radius: 20px;
          }
    
          .icon-shopping-cart{
            position: relative;
          }
    
          .cart_list > div {
            width: 100px;
            height: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            box-shadow: 0 0 1px 0px white inset, 0 0 1px 0px white;
            border-radius: 20px;
            cursor: pointer;
          }
    .category-menu li{
padding: 0!important;
}
          .cart_list span:nth-child(1) {
            padding-top: 1px;
            padding-right: 2px;
            align-items: center;
          }
    
          .cart_list span:nth-child(2) {
            height: 13px;
            padding: 2.5px;
            align-items: center;
          }
    
          .badge {
            width: 14px;
            height: 14px !important;
            position: absolute;
            background: rgb(233, 28, 36);
            color: white;
            border-radius: 20px;
            font-size: 1rem;
            display: flex;
            justify-content: center;
            align-items: center !important;
            top: 2px;
            right: 54px;
            margin-right: 4px;
            padding: 0 !important;
          }
    
          #cart {
            background: #fff;
            color: #4d4d4d;
            padding: 20px;
            width: 460px;
            border-radius: 10px;
            right: 10px;
            top: 60px;
            position: absolute;
            z-index: 2;
            border: solid;
          }
          #cart img {
            width: 100px;
          }
    
          #home-category-menu-dropdown {
            background: #000;
            position: fixed;
            z-index: 102;
            width: 100%;
          }
    
          .scroller {
            background: #fff;
            border: none;
            height: 300px;
            margin: 5px;
            overflow-y: scroll;
    
          }
          .item {
            border: 1px solid #f0f0f0;
            padding: 20px;
            display: flex;
            margin: 3px;
          }
          .item .left {
            border: none;
            display: inline-block;
            width: 40%;
            vertical-align: top;
          }
          .cart-item {
            border: 1px solid #f0f0f0;
            padding: 20px;
            display: flex;
            margin: 3px;
          }
          .cart-item .left {
            border: none;
            display: inline-block;
            width: 40%;
            vertical-align: top;
          }
          .right {
            width: 100%;
            display: inline-block;
          }
    
          .icon-person_outline{
            margin-right: 8px;
            font-size: 2.6rem;
    
          }
    
          .icon-person_outline:before {
            content: "\e908";
            color: #4d4d4d!important;
        }
          .right p {
            white-space: initial;
            margin-left: 15px;
          }
    
          .header-content:nth-child(-n + 3) {
            background: #fff;
          }
    
          .cart-title {
            font-weight: 700;
            text-align: center;
          }
          .item-sum {
            display: flex;
            justify-content: space-between;
          }
          .recetly-added {
            margin-top: 4px;
          }
          .prc-qty {
            margin-top: 8px;
          }
          .prc-qty p span {
            margin-right: 8px;
          }
          .icon-close {
            cursor: pointer;
            margin-left: -5px;
          }
          .red {
            color: rgb(233, 28, 36);
          }
          .navi-menu ul{
            display: flex;
            align-items: center;
            padding: 6px 0 6px 0;
            height: 30px;
            box-sizing: border-box;
            font-size:1.3rem;
          }
          .navi-menu ul li{
            display: flex;
            align-items: flex-end;
            margin-right: 24px;
          }
    
          .icon-person_outline{
            margin-right: 8px;
            font-size: 2.6rem;
          }
          .icon-heart{
            margin-left: 6px;
          }
          .rest-open-sub-menu .rest-open-sub-menu-icon{
              font-size: 15px;
          color: #ffffff;
          display: flex;
          align-items: center;
          white-space: nowrap;
          padding-bottom: 10px;
            }
            .rest-open-sub-menu .rest-open-sub-menu-icon:before, .rest-open-sub-menu .rest-open-sub-menu-icon:after {
          content: '';
          display: block;
          height: 3px;
          width: 16px;
          border-radius: 3px;
          background-color: #c9c9c9;
          position: absolute;
          left: 14px;
            }
            .rest-open-sub-menu .rest-open-sub-menu-icon:before {
          transform: rotate(90deg);
      }
      .mark{
        position: absolute;
        left: 220px;
      }
          /* icomoon
    
          ====================================================*/
    
          @font-face {
            font-family: "icomoon";
            src: url("/static/config/icomoon/fonts/icomoon.eot?sel1op");
            src: url("/static/config/icomoon/fonts/icomoon.eot?sel1op#iefix")
                format("embedded-opentype"),
              url("/static/config/icomoon/fonts/icomoon.ttf?sel1op") format("truetype"),
              url("/static/config/icomoon/fonts/icomoon.woff?sel1op") format("woff"),
              url("/static/config/icomoon/fonts/icomoon.svg?sel1op#icomoon") format("svg");
            font-weight: normal;
            font-style: normal;
            font-display: block;
          }
    
          [class^="icon-"],
          [class*=" icon-"] {
            /* use !important to prevent issues with browser extensions that change fonts */
            font-family: "icomoon" !important;
            speak: never;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
    
            /* Better Font Rendering =========== */
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
          }
    
          .icon-keyboard_arrow_down:before {
            content: "\e905";
          }
    
          .icon-shopping-cart:before {
            font-size: 2rem;
            content: "\e900";
          }
          .icon-heart:before {
            content: "\e902";
          }
          .icon-user:before {
            content: "\e901";
          }
          .icon-heart1:before {
            content: "\e904";
          }
          .icon-search1:before {
            content: "\e903";
          }
          .icon-envelop:before {
            content: "\e945";
          }
          .icon-mail:before {
            content: "\e90a";
          }
    
    
          .slick-slide {
            margin-right: 8px;
            margin-left: 8px;
          }
          /* 2021-11-24 */
          .title_mobile {
            margin: 0 auto 0 0;
          }
    
    
    
          @media only screen and (max-width: 1846px) {
            .carousel img,
            .main-row-2,
            .main-row-3 {
              width: 100%;
            }
          }
             @media only screen and (max-width: 920px) {
               .menu-title{
        width: initial;
        font-size: var(--header-row2-fs-mb);
               }
               .navi-menu ul{
                 font-size: var(--header-row2-fs-mb);
               }
             }
    
    
    
    
          @media only screen and (max-width: 1520px) {
    
            .navi-menu ul{
              display: flex;
              align-items: center;
            }
    
            .navi-menu ul li{
              display: flex;
              align-items: flex-end;
            }
    
            .search-bar{
              position: relative;
              width: 100%;
              display: flex;
              justify-content: center;
              align-items: center;
            }
    
            .cart_list > div {
              padding: 0;
            }
    
          }
          @media only screen and (max-width: 1400px) {
    
            .icomoon {
              margin-left: 4px;
            }
          }
          @media only screen and (max-width: 1400px) {
            .header-row-1 {
              padding: 0 10px;
            }
            .header-row-2 {
              padding: 10px 10px;
            }
            .header-row-2-middle p {
              margin-left: 10px;
              display: flex;
            }
    
          }
          /* 2021-11-24 */
    
          @media only screen and (min-width: 768px) {
            img.carousel-PC {
              display: block;
            }
            img.carousel-mobile {
              display: none;
            }
            img.banner-PC {
              display: block;
            }
            img.banner-mobile {
              display: none;
            }
    
      }
    
    
          @media only screen and (max-width: 768px) {
    body{
    padding-top:106px!important;
    }
            #recently-added {
              font-size: 16px;
            }
            #cart-text {
              font-weight: 100;
              padding-right: 2px;
              display: none;
            }
    
            .cart-title {
              font-size: 16px;
            }
    
            #cart-sum-price {
              display: none;
            }
    
            .cart_list_button {
              font-size: 16px;
              font-weight: bold;
            }
    
            #social-media_search_bar {
              background: #000;
            }
            .page-wrapper,
            .header {
              min-width: 0;
            }
    
            .navi-menu{
              display: none;
            }
            .header-row-1 {
              padding: 4px 40px;
              min-width: 0;
              flex-wrap: wrap;
              justify-content: center;
            }
            .header-row-2 {
              flex-direction: column;
              padding: 10px 0;
            }
            .header #cart_list {
              min-width: 50px;
            }
            .icon-shopping-cart:before {
              font-size: 33px;
            }
    
            .cart_list span:nth-child(2) {
              padding: 0;
            }
    
    
            .header-row-1 ul {
              margin-bottom: 10px;
            }
            .header-row-1 ul:nth-of-type(3) {
              margin-bottom: 0;
            }
            .header-row-1 ul li {
              margin: 0;
            }
    
            .hlj-logo {
              width: 48px;
            }
            .header-row-2-middle {
              position: initial;
              min-width: initial;
              max-width: initial;
            }
            .header-row-2-middle textarea {
              width: 100%;
            }
            .header-row-2-middle p {
              order: 2;
              margin-left: 10px;
            }
            .search-bar {
              position: relative;
              order: 1;
            }
            .icon-search1:before {
              position: absolute;
            }
    
            #cart {
              background: #fff;
              padding: 20px;
              max-width: 300px;
              border-radius: 10px;
              right: 10px;
              top: 99px;
            }
            .menu-title {
              order: 2;
    
            }
            .carousel img,
            .main-row-2,
            .main-row-3 {
              width: 100%;
            }
    
    
            /* ---  バナーサイズ --- */
            img.carousel-PC {
              display: none;
            }
            img.carousel-mobile {
              display: block;
            }
            img.banner-PC {
              display: none;
            }
            img.banner-mobile {
              display: block;
            }
            .main-row-2,
            .main-row-3 {
              display: block;
            }
    
            .main-row-2 a,
            .main-row-3 a {
              display: block;
              margin-bottom: 10px;
            }
    
            .header .social-media {
              order: 5;
              width: calc(100% - 150px);
              justify-content: center;
              padding-right: 10px;
              padding-left: 40px;
              box-sizing: border-box;
              background: #000;
            }
    
            .header-panel-right {
              width: calc(100% - 240px);
              justify-content: flex-end;
              padding-left: 10px;
            }
    
            .header #logined_logo::before {
              color: #4d4d4d!important;
              font-size: 3.5rem;
            }
    
        ul.header-panel-right li:nth-of-type(1) {
        border-right: 1px solid #fff!important;
        border-left: 1px solid #fff!important;
        }
    
            .cart_list {
              padding: 5px 5px 5px 0;
              box-shadow: none;
            }
    
            .hlj-logo {
              background: #0066C7;
              position: relative;
              padding: 8px 0;
            }
            /* 2021-11-24 */
            .hlj-logo img {
              position: relative;
              top: initial;
              right: initial;
              transform: initial;
            }
            ul.header-panel-right li:nth-of-type(1),
            ul.header-panel-right li:nth-of-type(2) {
              padding: 0;
            }
            ul.header-panel-right li:nth-of-type(1) {
              border: none;
            }
            .header-panel-right li:nth-of-type(2) {
              border-right: none;
            }
    
            .title_mobile {
              display: block;
              font-weight: 700;
            }
    
            .header-login {
              display: none;
            }
          /* 2021-11-24 */
            .cart_list > div {
              border: none;
              width: 50px;
              height: initial;
            }
    
    
            .search-bar {
              min-width: 0;
              position: initial;
    
              width: 100%;
              position: relative;
            }
    
    
    
            .menu-title {
              order: 3;
              padding: 10px;
    
              align-items: center;
              width: var(--logo-width);
    
            }
            .menu-title p {
              margin-bottom: 0;
    
            }
    
            .cart_list_wrapper{
              width: 100px;
              order: 3;
              background-color: #0066C7;
              padding-right: 2px;
              }
    
            .cart_list > div {
              box-shadow:none;
              padding: 5px 5px 5px 0;
            }
    
            .contents .left-bar #menu {
              background-color: #f0f0f0;
            }
            #home-category-menu-dropdown {
              top: 0;
              left: 0;
              bottom: 0;
              z-index: 102;
              max-width: none;
            }
    
            .left-bar {
              border: none !important;
              border-radius: 0;
              margin-top: 0;
              padding: 0;
              min-width: 0;
            }
    
            .nav {
              width: 260px;
            }
    
            .mark {
              left: 220px;
            }
            #home-category-menu-dropdown .content-block {
              margin-bottom: 0;
              background: #000;
            }
            .ui-menu-item:not(:last-child) {
              border-bottom: 1px solid #d2d2d2;
            }
            .button-bg a {
              font-size: 4vw;
              display: flex;
            }
            .button-bg {
              margin-bottom: 10px;
            }
    
            .header-panel-right li span.no_mobile{
              display: none;
            }
    
            .cart_list span:nth-child(2) {
    
              font-size: 16px;
            }
    
            .cart_list span {
              white-space: nowrap;
            }
    
            .cart_list_wrapper{
              width: 80px;
              padding-right: 16px;
            }
            .right p {
              font-size: 1.2rem;
            }
            #cart img {
              width: 100%;
            }
            .cart-item {
              padding: 10px;
            }
            .cart_list .item-sum {
              margin: 10px 0 15px 0;
            }
    
            .cart_list span:nth-child(1) {
              font-size: 16px;
              height: initial;
            }
    
            .cart_list{
              border: none;
              width: 50px;
              height: initial;
            }
    
            #cart-badge {
              font-size: 1rem;
            }
    
            .badge{
              left: 30px;
            }
    
            .header-panel-right{
              padding-right: 0;
            }
    
          }
          .button.blue-button a {
            border: initial;
          }
    
          @media only screen and (max-width: 480px) {
    
            .header-panel-right {
              width: calc(100% - 220px);
            }
            .cart_list_wrapper {
              padding-right: 2px;
            }
            .cart_list_wrapper {
              width: 68px;
            }
    
            .cart_list .item-sum {
              margin: 10px 0 15px 0;
            }
    
            .navi{
              width: 220px;
              font-size: 1.1rem;
            }
    
            .hlj-logo {
              width: 40px;
            }
    
            .hlj-logo img {
              width: 40px;
              padding: 0px;
            }
    
            .header .social-media{
              padding: 10px 0;
            }
    
            .button-bg {
              height: 40px;
            }
    
            .menu-title {
              font-size: 1.1rem;
            }
            #logined_logo::before {
              padding-right: 0;
            }
    
          }
    
          @media only screen and (max-width: 374px) {
            .header .social-media li {
              margin-right: 0;
              padding: 8px;
            }
    
            .header .menu-title {
              font-size: 1.1rem;
            }
          }
    
          @media only screen and (max-width: 366px) {
            .header #menu-arrow {
              display: none;
            }
            #cart {
              max-width: 90vw;
              right: 15px;
            }
          }
          @media only screen and (max-width: 322px) {
    
            .header-content {
              flex: 1 1 40%;
            }
            #search {
              min-width: calc(100vw - 150px);
            }
            .title_mobile {
              white-space: nowrap;
            }
            .navi {
              padding-right: 0;
            }
          }
    
        /* ---  ハンバーガーメニュー --- */
    
        .menu-btn {
          position: fixed;
          top: 0;
          left: 8px;
          display: flex;
          height: 30px;
          width: 30px;
          justify-content: center;
          align-items: center;
          z-index: 90;
          transition: 1s;
        }
    
        .menu-btn span,
        .menu-btn span:before,
        .menu-btn span:after {
          content: '';
          display: block;
          height: 3px;
          width: 24px;
          border-radius: 3px;
          background-color: #ffffff;
          position: absolute;
          transition: 0.4s;
        }
    
        .menu-btn span:before {
          bottom: 8px;
        }
    
        .menu-btn span:after {
          top: 8px;
        }
    
        #menu-btn-check:checked ~ .menu-btn span {
          background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
        }
    
        #menu-btn-check:checked ~ .menu-btn span::before {
          bottom: 0;
          transform: rotate(45deg);
        }
    
        #menu-btn-check:checked ~ .menu-btn span::after {
          top: 0;
          transform: rotate(-45deg);
        }
    
        #menu-btn-check {
          display: none;
        }
    
        .menu-content {
          width: 100%;
          height: 100%;
          position: fixed;
          top: 0;
          left: 0;
          z-index: 80;
        background: #000;
        }
    
        .menu-content ul {
          padding: 0px 10px 0;
        }
    
        .menu-content ul li {
          border-bottom: solid 1px #ffffff;
          list-style: none;
        }
    
        .menu-content ul li a {
          display: flex;
          width: 100%;
          font-size: 15px;
          box-sizing: border-box;
          color:#ffffff;
          text-decoration: none;
          padding: 20px 10px;
          position: relative;
        }
    
        .menu-content {
          width: 100%;
          height: 100%;
          position: fixed;
          top: 0;
          left: -100%;/*leftの値を変更してメニューを画面外へ*/
          z-index: 80;
          background-color: #000;
          transition: all 0.5s;/*アニメーション設定*/
        }
    
    
    
        #menu-btn-check:checked ~ .menu-content {
          left: 0;/*メニューを画面内へ*/
        }
    
        .menu-title .mobile-hidden{
          display: inline-block;
          color: #fff;
        margin-bottom:2px!important;
        }
      /*
        .menu-title .PC-hidden{
          display: none;
        }
         */
        @media only screen and (max-width: 768px){
        /* .menu-title .PC-hidden{
          display: block;
        } */
    
        .menu-btn {
          padding-right: 70px;
        }
    
        .menu-title .mobile-hidden{
          margin-left: 50px;
        }
    
        .hidden-part{
          display: none;
        }
    
        .nav{
           width:initial;
           color: #fff;
           background: #000;
        }
    
        .menu-content ul li{
          border-color: #fff;
        }
    
        .menu-content ul{
          padding: 0px 10px 0;
          /* margin-top: 120px; */
        }
        .menu-content .category-menu{
          margin-top: 106px;
        }
    
        .header .social-media{
          padding-left: 0;
        }
        .rest-open-sub-menu .rest-open-sub-menu-icon{
          padding-top: 9px;
        }
        .menu-arrow{
          display: none;
        }
        }
    
        @media only screen and (max-width: 480px){
    
          .menu-btn{
              top: 54px;
            }
        }
    
    
    
            /* ヘッダーモバイル 2022 0506*/
    
            @media only screen and (max-width: 768px){
    
            :root {
              --header-row2-height: 36px;
              --logo-width: 150px;
              --login-cart-width: 220px;
                --header-row2-fs-mb: 1.2rem;
            }
            .navi{
              padding: 0 0 0 16px;
            }
            .hlj-logo{
              width: 100%;
            }
            .menu-title{
              display: flex;
    
              align-items: center;
              height: 40px;
              padding: 6px 0;
              box-sizing: content-box;
            }
            .menu-title .mobile-hidden{
              font-size: 24px;
             margin-left: 16px!important;
            }
    
            .menu-btn{
              height: 40px;
              padding: 6px 0;
              position: relative!important;
              top: 0;
            }
            .header .social-media{
              background: #0066C7;
    
            }
            .header-panel-right, .header .social-media{
              width: calc(100% - var(--logo-width));
            }
            .cart_list_wrapper{
              background: #fff;
            }
    
            .navi, .social-media, .header-panel-right{
              z-index: 1;
            }
          }
    
          @media only screen and (max-width: 480px){
    
            :root {
    
              --logo-width: 120px;
    
            }
            .navi{
              width: var( --logo-width);
            }
            .hlj-logo img{
              width: 80%;
            }
            .header .social-media{
              padding: 6px;
            }
            .menu-title .mobile-hidden{
              font-size: 16px;
            }
            .cart_list_wrapper{
              padding: 0;
            }
    
    
          }
          @media only screen and (max-width: 322px){
            .hlj-logo img{
              width: 80%;
            }
            .header-content{
              flex: initial;
            }
          }
        /* 20220513 ヘッダースクロールファンクション*/
    .ui-menu-item li{
    background: #333;
    }
        .ui-menu .ui-state-focus, .ui-menu .ui-state-active{
          margin:0;
          }
          .ui-menu-item:hover{
          background:#000;
          color:#fff!important;
          }
          .ui-menu-item.all_categories{
            background: #ea345d !important;
            color:#fff!important;
          }
          .ui-menu-item.all_categories a{
            color:#fff!important;
          }
  .ui-menu-item.all_categories a:hover{
  background: #ea345d !important;
  }
	.a18_plus .rest-open-sub-menu, .a18_plus .rest-open-sub-menu-icon{
			  color: #ea345d !important;
		  }
          .ui-menu-item a:hover{
    
          color:#fff!important;
          }
          .social-media{
            justify-content: center;
          }
    
    
          .search-bar{
        width: 100%;
          }
  
          .fadeIn {
        height:30px;
        transform: translateY(0);
        transition: 0.3s;
        z-index: -1;
          }
    
          .fadeIn.active {
             /* 透明度を元に戻す */
            height: 0;
           transform: translateY(-30px);
          /* ずらしていた位置を戻すことで上に上がっているようにみえる */
          }
          .header{
            position: fixed;
            z-index: 10000;/*最前面へ*/
            top:0;/*位置指定*/
            left:0;/*位置指定*/
          }
    
          @media only screen and (max-width: 768px) {
            .fadeIn, .fadeIn.active{
              height: 40px!important;
              transform: initial;
    
            }
            .navi, .social-media, .header-panel-right{
      z-index: 1;
    
            }
    
            .navi, .header-panel-right{
              position: relative;
              z-index: 9999;
            }
            .rest-open-sub-menu{
              display: flex;
            }
            .category-menu{
              border: none;
            }
            
            .nav ul li a{
              border-bottom: none;
              padding: 15px!important;
            }
         
            .has-child ul li:last-of-type{
              border-bottom: none!important;
            }
            .has-child{
              padding: 15px 15px 0!important;
            }
  .has-child .rest-open-sub-menu{
  padding-bottom: 20px;
  }
  .menu-content{
    overflow: auto;
    height: 100%;
  }
      }
    
    
      @media only screen and (min-width: 768px){
        /* 2021-05-24 */
        .category-menu{
            position: absolute;
            background: #f0f0f0;
            top: 30px;
            border: #4d4d4d solid 2px;
            border-radius: 5px;
          width: 280px;
    
          }

          .menu-content{
            background:none;
            left: calc(-100% - 280px);
          }
          .menu-content ul{
            padding: 0;
          }
      .ui-menu-item{
        border-bottom: 2px solid #d2d2d2!important;
        padding: 0 10px;
      }
      .ui-menu-item:last-of-type{
        border-bottom: none!important;
      }
      .ui-menu-item a{
        color: #4d4d4d!important;
      }
      .has-child ul li a{
        color: #fff!important;
        padding-left: 8px;
      }
      .rest-open-sub-menu{
        display: flex;
      }
      .rest-open-sub-menu .rest-open-sub-menu-icon:before, .rest-open-sub-menu .rest-open-sub-menu-icon:after{
        display: none;
      }
      .rest-open-sub-menu .rest-open-sub-menu-icon{
        color: #4d4d4d;
      
      }
      .ui-menu-item:hover .menu-arrow{
          color: #fff;
        }
        .menu-content ul li a{
          font-size: 1.3rem;
        }
        .ui-widget-content a{
          color: #333;
        }
  
      }
    
    
      /* Category Menu{*/
    
    
      /*========= ナビゲーションドロップダウンのためのCSS ===============*/
    
      /*下の階層のulや矢印の基点にするためliにrelativeを指定*/
      nav ul li{
        position: relative;
      }
    
      /*ナビゲーションのリンク設定*/
      nav ul li a{
        display: block;
        text-decoration: none;
        color: #000;
        padding:15px;
        transition:all .3s;
      }
    
      nav ul li a:hover{
        color:#666;
      }
    
      /*== 2・3階層目の共通設定 */
    
      /*下の階層を持っているulの指定*/
      nav li.has-child ul{
          /*絶対配置で位置を指定*/
        position: absolute;
        left:100%;
        top: 0;
        z-index: 4;
          /*形状を指定*/
         background:  #333;
        width:240px;
          /*はじめは非表示*/
        visibility: hidden;
        opacity: 0;
          /*アニメーション設定*/
        transition: all .3s;
      }
    
      /*hoverしたら表示*/
      nav li.has-child:hover > ul,
      nav li.has-child ul li:hover > ul,
      nav li.has-child:active > ul,
      nav li.has-child ul li:active > ul{
        visibility: visible;
        opacity: 1;
      }
    
      /*ナビゲーションaタグの形状*/
      nav li.has-child ul li a{
        color: #fff;
      }
    
      nav li.has-child ul li:last-child a{
        border-bottom:none;
      }
    
    
      /*==3階層目*/
    
      /*3階層目の位置*/
      nav li.has-child ul ul{
        top:0;
        left:182px;
        background:#66ADF5;
      }
    
      nav li.has-child ul ul li a:hover,
      nav li.has-child ul ul li a:active{
        background:#448ED3;
      }
    
      /*==768px以下の形状*/
    
      @media screen and (max-width:768px){
        nav{
          color: #fff;
        }
    
        nav li.has-child ul,
        nav li.has-child ul ul{
          position: relative;
        left:0;
        top:0;
        width:100%;
        visibility:visible;/*JSで制御するため一旦表示*/
        opacity:1;/*JSで制御するため一旦表示*/
        display: none;/*JSのslidetoggleで表示させるため非表示に*/
        transition:none;/*JSで制御するためCSSのアニメーションを切る*/
      }
    
      nav ul li a{
        color: #fff;
        padding: 15px;
      }
    
      /*矢印の向き*/
      nav ul li.has-child::before,
      nav ul ul li.has-child::before{
          transform: rotate(135deg);
        left:20px;
      }
    
      nav ul li.has-child.active::before{
          transform: rotate(-45deg);
      }
      .menu-content ul{
        padding: 0;
      }
      .ui-menu-item{
        padding: 10px;
  
      }
      .ui-menu-item:last-of-type{
        border-bottom: none;
      }
      .ui-menu-item a:hover{
        font-size: 15px;
      }
      .category-menu li{
        display: block;
      }
  
      }
	@media only screen and (min-width: 768px) {
	.a18_plus .rest-open-sub-menu, .a18_plus .rest-open-sub-menu-icon{
			  color: #ea345d !important;
		  }
	}
    </style>
    
    <div class="header">
      <ul class="navi header-content">
        <div class="hlj-logo header-content">
          <a href="/"
            ><img
              src="https://d1gt5dppxgb6oq.cloudfront.net/topimg/New_Toppage_Com/hlj-logo.jpg"
              alt="HobbyLink Japan" width="124" height="44"
          /></a>
        </div>
      </ul>
      <ul class="social-media header-content">
        <div class="search-bar header-content" id="social-media_search_bar">
          <input
            type="text"
            name="search"
            id="search"
            class="input-search"
            placeholder="search entire store here..."
            autocomplete="off"
          />

         <input
            autocomplete="off"
            style="position: absolute; left: -9999px;"
          />

          <span class="icon-search1" onclick="search()"> </span>
          <div id="onSearchRecommendation" style="position: absolute"></div>
        </div>
        <div id="onSearchRecommendationBackground"></div>
      </ul>
      <ul class="header-panel-right header-content">
        <!-- <div class="switcher currency switcher-currency">
                 <button class="switcher-currency__button" onclick="toggleModal()">
                 Prices in:
                 </button>
              </div> -->
        <li style="border-right: none; border-left: none">
          <a href="/account/login/">
            <span id="logined_logo" class="icon-person_outline"> </span>
          </a>
          <span>
            <a href="/account/login/" id="accountorlogin" class="header-login"
              >Login</a
            >
          </span>
        </li>
        <div class="cart_list_wrapper">
          <div class="cart_list" id="cart_list" onclick="openCart({mobile: true});">
            <div onclick="openCart({mobile: false});">
              <span id="cart_icon" class="icon-shopping-cart"></span>
              <span class="badge" id="cart-badge" style="display: none;"></span>
              <span type="button" class="cart_list_button" value="" id="cart-text"
                >Cart</span
              >
              <div id="cart" class="icon-cart-dropdown" style="display: none"></div>
            </div>
          </div>
        </div>
      </ul>
      <div class="menu-title fadeIn header-content" id="category-menu">
        <div class="hamburger-menu PC-hidden">
          <input type="checkbox" id="menu-btn-check" />
          <label
            for="menu-btn-check"
            class="menu-btn"
            id="menu-btn-tap"
            style="position: absolute; cursor:pointer;"
            ><span></span
          ></label>
          <div class="menu-content">
            <nav>
              <ul class="category-menu">


                <!-- GUNDAM -->
                <li class="has-child ui-menu-item">
                  <a href="/gundam"  class="rest-open-sub-menu">Gundam<span class="mark rest-open-sub-menu-icon"><span class="menu-arrow">▷</span></span></a>
                    <ul>
                    <li><a href="/gundam">Gundam Specialty Page</a></li>
                    <li><a href="/search/?GenreCode2=Gundam&MacroType2=High+Grade+Kits">High Grade Kits</a></li>
                    <li><a href="/search/?q=entry+grade&productFilter=category%3AGundam%3B%3BitemType%3AOther%20Gundam%20Kits">Entry Grade Kits</a></li>
                    <li><a href="/search/?GenreCode2=Gundam&MacroType2=Real+Grade+Kits">Real Grade Kits</a></li>
                    <li><a href="/search/?GenreCode2=Gundam&MacroType2=Master+Grade+Kits">Master Grade Kits</a></li>
                    <li><a href="/search/?GenreCode2=Gundam&MacroType2=Perfect+Grade+Kits" >Perfect Grade Kits</a></li>
                    <li><a href="/search/?Word=SD&GenreCode2=Gundam&MacroType2=Other+Gundam+Kits&MacroType2=SD+%26+BB+Grade+Kits">SD, BB, & CS Kits</a></li>
                    <li><a href="/search/?GenreCode2=Gundam&MacroType2=Other+Gundam+Kits&MacroType2=Detailing+Kits%2FAccessories" >Other Kits & Accessories</a></li>
                    <li><a href="/search/?Word=gundam&MacroType2=Action+Figures&MacroType2=Completed+Models" >Figures</a></li>
                    <li><a href="/search/?Word=gundam&GenreCode2=Fun+Goods&GenreCode2=Trading+Figures" >Collectibles</a></li>
                    <li><a href="/search/?Word=gundam&StockLevel=All+Future+Release" >All Preorders</a></li>
                    <li><a href="/search/?Word=gundam&StockLevel=In%C2%A0Stock" >Everything In Stock</a></li>
                  </ul>
                </li>
    
    
                <!-- SCI-FI -->
                <li class="has-child ui-menu-item">
                  <a href="/search/?q=*&productFilter=category%3AScience-Fiction" class="rest-open-sub-menu">Sci-fi<span class="mark rest-open-sub-menu-icon"><span class="menu-arrow">▷</span></span></a>
                  <ul>
                    <li><a href="/search/?GenreCode2=Science-Fiction&MacroType2=Injection+Kits&MacroType2=High+Grade+Kits">Plastic Model Kits</a></li>
                    <li><a href="/search/?GenreCode2=Action+Figures">Action Figures</a></li>
                    <li><a href="/search/?GenreCode2=Science-Fiction&MacroType2=Completed+Models">Figures & Statues</a></li>
                    <li><a href="/search/?GenreCode2=Science-Fiction&MacroType2=Option+Kits">Model Kit Accessories</a></li>
                    <li><a href="/search/?GenreCode2=Science-Fiction&MacroType2=Science-Fiction+related+Books%2FMagazines">Books & Magazines</a></li>
                    <li><a href="/search/?GenreCode2=Science-Fiction&MacroType2=Toys">Toys & Collectibles</a></li>
                    <li><a href="/search/?GenreCode2=Science-Fiction&Maker2=Bandai">Bandai</a></li>
                    <li><a href="/search/?GenreCode2=Science-Fiction&Maker2=Kotobukiya">Kotobukiya</a></li>
                    <li><a href="/search/?GenreCode2=Science-Fiction&StockLevel=All+Future+Release">All Preorders</a></li>
                    <li><a href="/search/?GenreCode2=Science-Fiction&StockLevel=In%C2%A0Stock">Everything In Stock</a></li>
                  </ul>
                </li>
                <li class="has-child ui-menu-item">
                  <a href="/search/?q=*&productFilter=category%3AAction%20Figures" class="rest-open-sub-menu">Action Figures<span class="mark rest-open-sub-menu-icon"><span class="menu-arrow">▷</span></span></a>
                  <ul>
                    <li><a href="/action-figures/">Action Figures Specialty Page</a></li>
                    <li><a href="/search/?Word=mafex&GenreCode2=Action+Figures">MAFEX</a></li>
                    <li><a href="/search/?Word=s.h.figuarts">S.H.Figuarts</a></li>
                    <li><a href="/search/?Word=figma">figma</a></li>
                    <li><a href="/search/?Word=nendoroid">Nendoroid</a></li>
                    <li><a href="/search/?GenreCode2=Action+Figures&Maker2=Bandai">Bandai</a></li>
                    <li><a href="/search/?GenreCode2=Action+Figures&StockLevel=All+Future+Release">All Preorders</a></li>
                    <li><a href="/search/?StockLevel=In%C2%A0Stock&GenreCode2=Action+Figures">Everything In Stock</a></li>
                  </ul>
                </li>


                <!-- ANIME -->
                <li class="has-child ui-menu-item">
                  <a href="/anime"  class="rest-open-sub-menu">Anime<span class="mark rest-open-sub-menu-icon"><span class="menu-arrow">▷</span></span></a>
                  <ul>
                    <li><a href="/anime">Anime Specialty Page</a></li>
                    <li><a href="/game-figures-and-merch/">Game Figures & Merch</a></li>
                    <li><a href="/search/?GenreCode2=Figures&MacroType2=Completed+Models&AdultItem=0">Figures</a></li>
                    <li><a href="/search/?Word=figma">figma</a></li>
                    <li><a href="/search/?Word=nendoroid">Nendoroid</a></li>
                    <li><a href="/search/?GenreCode2=Figures&MacroType2=Stuffed+Animals+and+Plush+Toys">Plush Dolls</a></li>
                    <li><a href="/search/?GenreCode2=Trading+Figures">Trading Figures</a></li>
                    <li><a href="/search/?GenreCode2=Fun+Goods&AdultItem=0">Fun Goods</a></li>
                    <li><a href="/oshi-katsu/">Oshi Katsu</a></li>
                    <li><a href="/search/?GenreCode2=Figures&MacroType2=Completed+Models&AdultItem=0&StockLevel=All+Future+Release">All Figure Preorders</a></li>
                    <li><a href="/search/?GenreCode2=Figures&MacroType2=Completed+Models&AdultItem=0&StockLevel=In%C2%A0Stock">All Figures In Stock</a></li>
                  </ul>
                </li>


                <!-- SCALE MODELS -->
                <li class="has-child ui-menu-item">
                  <a href="#" class="rest-open-sub-menu">Scale Models<span class="mark rest-open-sub-menu-icon"><span class="menu-arrow">▷</span></span></a>
                  <ul>
                    <li><a href="/hlj-model-shop/">Scale Model Specialty Page</a></li>
                    <li><a href="/search/?GenreCode2=Aircraft">Aircraft</a></li>
                    <li><a href="/search/?GenreCode2=Military">Military</a></li>
                    <li><a href="/search/?GenreCode2=Ships">Ships</a></li>
                    <li><a href="/search/?GenreCode2=Cars+%26+Bikes">Cars & Bikes</a></li>
                    <li><a href="/search/?MacroType2=Mini+4WD+Model&MacroType2=Mini+4WD+Parts">Mini 4WD</a></li>
                    <li><a href="/search/?GenreCode2=Railroad">Railroad</a></li>
                    <li><a href="/search/?GenreCode2=Hobby+Supplies">Hobby Supplies</a></li>
                    <li><a href="/search/?MacroType2=Military+Figure+Kits">Military Figure Kits</a></li>
                    <li><a href="/search/?StockLevel=All+Future+Release&GenreCode2=Aircraft&GenreCode2=Ships&GenreCode2=Military">Scale Model Preorders</a></li>
                    <li><a href="/search/?GenreCode2=Aircraft&GenreCode2=Ships&GenreCode2=Military&StockLevel=In%C2%A0Stock">Scale Models In Stock</a></li>
                  </ul>
                </li>

   <!-- TEIBAN SALE -->
                <li class="has-child ui-menu-item">
                  <a href="https://www.hlj.com/search/?itemGroup=REGULARSALE0925">On Sale!<span class="mark rest-open-sub-menu-icon"><span class="menu-arrow">▷</span></span></a>
                  <ul>
                  
                  </ul>
                </li>

                <!-- MORE -->
                <li class="has-child ui-menu-item">
                  <a class="rest-open-sub-menu">More<span class="mark rest-open-sub-menu-icon"><span class="menu-arrow">▷</span></span></a>
                  <ul>
                    <li><a href="/search/?GenreCode2=Cards+%26+Collectibles">Cards & Collectibles</a></li>
                    <li><a href="/search/?GenreCode2=Apparel">Apparel</a></li>
                    <li><a href="/search/?GenreCode2=Books+%26+Magazines">Books & Magazines</a></li>
                    <li><a href="/search/?GenreCode2=Puzzles">Puzzles</a></li>
                    <li><a href="/search/?GenreCode2=Dolls">Dolls</a></li>
                  </ul>
                </li>

                <!-- BROSE ALL CATEGORIES -->
                <li class="ui-menu-item all_categories">
                    <a href="https://www.hlj.com/browse-categories/" class="rest-open-sub-menu">Browse All Categories</a>
                  </li>
              </ul>
            </nav>
          </div>
        </div>
        <p class="mobile-hidden"><span class="hidden-part">Category</span> Menu</p>
      </div>
      <div class="navi-menu fadeIn">
        <ul>
          <li style="display:flex; align-items: center;" >
            <span class="icon-mail"> </span>
            <a href="/newsletter" style="color: #fff"
              >Join Our Newsletter</a
            >
          </li>
          <li>
            <a href="/new-customer-guide/" style="color: #fff"
              >New to HLJ?</a
            >
          </li>
          <li>
            <a href="/private-warehouse" style="color: #fff"
              >What's Private Warehouse?</a
            >
          </li>
          <li>
            <a href="https://support.hlj.com/hc/en-us" style="color: #fff"
              >Help Center</a
            >
          </li>
          <li>
            <a href="/account/wishlist" style="color: #fff; display:flex; align-items: center;"
              >Wish List<span class="icon-heart"></span
            ></a>
          </li>
    
          <!-- <li>
                  <a href="/service-reviews" target="_blank" id="feefo-img-header" title="See what our customers say about us">
                      <img alt="Feefo logo" width="175" height="44" src="https://d1gt5dppxgb6oq.cloudfront.net/topimg/HLJHeader/feefo.png">
                  </a>
              </li> -->
        </ul>
      </div>
    </div>
    <script
      src="https://code.jquery.com/jquery-3.5.1.js"
      integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc="
      crossorigin="anonymous"
    ></script>
    <script>
      var startPos = 0,
        winScrollTop = 0;
      $(window).on("scroll", function () {
        winScrollTop = $(this).scrollTop();
        if (winScrollTop >= 200) {
          $(".fadeIn").addClass("active");
        } else if ($(window).width() < 767) {
          return false;
        } else {
          $(".fadeIn").removeClass("active");
        }
        startPos = winScrollTop;
      });
    
      //ドロップダウンの設定を関数でまとめる
      function mediaQueriesWin() {
        var width = $(window).width();
        if (width <= 768) {
          //横幅が768px以下の場合
          $(".has-child>a").off("click"); //has-childクラスがついたaタグのonイベントを複数登録を避ける為offにして一旦初期状態へ
          $(".has-child>a").on("click", function () {
            //has-childクラスがついたaタグをクリックしたら
            var parentElem = $(this).parent(); // aタグから見た親要素の<li>を取得し
            $(parentElem).toggleClass("active"); //矢印方向を変えるためのクラス名を付与して
            $(parentElem).children("ul").stop().slideToggle(500); //liの子要素のスライドを開閉させる※数字が大きくなるほどゆっくり開く
            return false; //リンクの無効化
          });
        } else {
          //横幅が768px以上の場合
          $(".has-child>a").off("click"); //has-childクラスがついたaタグのonイベントをoff(無効)にし
          $(".has-child").removeClass("active"); //activeクラスを削除
          $(".has-child").children("ul").css("display", ""); //スライドトグルで動作したdisplayも無効化にする
        }
      }
    
      // ページがリサイズされたら動かしたい場合の記述
      $(window).resize(function () {
        mediaQueriesWin(); /* ドロップダウンの関数を呼ぶ*/
      });
    
      // ページが読み込まれたらすぐに動かしたい場合の記述
      $(window).on("load", function () {
        mediaQueriesWin(); /* ドロップダウンの関数を呼ぶ*/
      });
    </script></div>


            
    <div class="contents">
        <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Blog Post Grid</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f4f4f4;
            margin: 0;
            padding: 0;
        }

#tab-news {
    padding-bottom: 100px; /* Adds space below news section */
}


 .banner {
    width: 100%;
    height: 280px; /* Maintains aspect ratio */
    background-image: url('https://www.hlj.com/media/images/BlogLogoTransparentLogoGrey.max-800x600.png');
    background-size: center; /* Ensure the image covers the entire banner */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Prevent the image from repeating */
    margin-bottom: 0px; /* Optional: Add some space below the banner */
    image-rendering: webkit-optimize-contrast; /* For Webkit-based browsers */
    image-rendering: crisp-edges; /* For most modern browsers */
}

        .container {
            padding-top: 30px;
            padding-bottom: 100px;
            max-width: 1200px;
            margin: 0 auto;
        }

        h1 {
            text-align: center;
            font-size: 36px;
            margin: 0 0 10px;
        }

        p.intro {
            text-align: center;
            font-size: 18px;
            color: #666;
            margin: 0 0 30px;
        }

        .grid-container {
            display: grid;
            grid-template-columns: repeat(2, 1fr); /* Two columns */
            gap: 25px; /* Reduced gap between grid items horizontally and vertically */
            justify-items: center;
        }

        .main-post, .small-post {
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
            transition: transform 0.2s;
            width: 100%;
        }

        .main-post:hover, .small-post:hover {
            transform: scale(1.05);
        }

        .main-post img, .small-post img {
            width: 100%;
            aspect-ratio: 16/9;
            object-fit: cover;
        }

        .main-post-content, .small-post-content {
            padding: 20px;
            text-align: center;
        }

        .main-post-title, .small-post-title {
            font-size: 20px;
            margin: 10px 0;
            color: #333;
        }

        .main-post-date, .small-post-date {
            font-size: 14px;
            color: #888;
        }

        .main-post-description, .small-post-description {
            font-size: 16px;
            color: #555;
            margin-top: 10px;
        }

        .small-posts-container {
            margin-top: 30px;
        }

        .small-posts-container .grid-container {
            grid-template-columns: repeat(4, 1fr); /* Four columns for small posts */
        }

        /* Style for search bar */
        #search-input {
            background-color: white;
            color: #333; /* Dark text color for contrast */
            border: 1px solid #ddd; /* Light border around search bar */
            padding: 8px;
            width: 100%;
            max-width: 400px; /* Optional: limit the width */
            margin: 20px auto; /* Centers the search bar */
            border-radius: 4px; /* Rounded corners */
            display: block;
        }

        @media (max-width: 768px) {
            .grid-container {
                grid-template-columns: 1fr;
                padding: 0 30px;
            }

            .small-posts-container .grid-container {
                grid-template-columns: 1fr;
            }
        }

.tab-buttons {
    text-align: center;
    margin: 20px 0;
}

.tab-button {
    padding: 10px 20px;
    margin: 0 10px;
    font-size: 16px;
    background-color: #ddd;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.tab-button.active {
    background-color: #999;
    color: white;
}

.news-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 0 20px;
}

.news-post {
    display: flex;
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    transition: transform 0.2s;
    text-decoration: none;
    color: inherit;
}

.news-post:hover {
    transform: scale(1.02);
}

.news-post img {
    width: 200px;
    object-fit: cover;
}

.news-content {
    padding: 20px;
    flex-grow: 1;
}

.news-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

.news-date {
    font-size: 14px;
    color: #888;
    margin-bottom: 10px;
}

.news-description {
    font-size: 16px;
    color: #555;
}

    </style>
</head><body>

    <div class="banner"></div> <!-- Banner section -->

    <div class="container"> <!-- Intro section -->
        <h1></h1> 
        <p class="intro">Welcome to the <b>HLJ Blog!</b> Here you'll find the latest articles, insights, explainers and news from  the hobby world from our team. <br> Stay tuned for more exciting content and stories! Got a hobby story you want us to cover? Email article tips to <b>adam@hlj.com!</b> </p>

        <!-- Search Bar -->
        <input type="text" id="search-input" oninput="searchPosts()" placeholder="Search blog posts...">

<div class="tab-buttons">
    <button class="tab-button active" onclick="showTab('featured')">Features</button>
    <button class="tab-button" onclick="showTab('news')">Hobby News</button>
</div>

<div id="tab-featured">
<!-- Feature Posts Container -->

        <div class="grid-container" id="main-posts">
            <!-- Main Posts Container -->

<!-- Post 1 -->
    <a href="https://www.hlj.com/artpla-pka-kangaroo-hlj-exclusive-gifts/" class="main-post" data-title="Get exclusive gifts with your Preorder of the P.K.A Kangaroo from the Maschinen Krieger Series" data-description="Get exclusive gifts with your Preorder of the P.K.A Kangaroo from the Maschinen Krieger Series" data-hidden-info="halloween, spooky, figures, kits">
              <img src="https://www.hlj.com/productimages/kyd/kyd19051_16.jpg" alt="Blog Post Image">
              <div class="main-post-content">
                  <div class="main-post-title">Buy the 1/35 ARTPLA Maschinen Krieger Kangaroo at HLJ, Get Special Decals!</div>
                  <div class="main-post-date">February 20th, 2025</div>
                  <div class="main-post-description">Get exclusive gifts with your Preorder of the P.K.A Kangaroo!</div>
              </div>
          </a>

<!-- Post 2 -->
          <a href="https://www.hlj.com/our-spookiest-halloween-figures-and-model-kits/" class="main-post" data-title="Our Top Recommendations For Halloween Figures and Model Kits!" data-description="HorrorLink Japan? HalloweenLink Japan?" data-hidden-info="halloween, spooky, figures, kits">
              <img src="https://www.hlj.com/media/images/1HalloweenA.max-800x600.png" alt="Blog Post Image">
              <div class="main-post-content">
                  <div class="main-post-title">Our Top Recommendations For Halloween Figures and Model Kits!</div>
                  <div class="main-post-date">October 14th, 2024</div>
                  <div class="main-post-description">HorrorLink Japan? HalloweenLink Japan?</div>
              </div>
          </a>

<!-- Post 3 -->
          <a href="https://www.hlj.com/what-is-an-oshi-what-is-an-ita-bag-other-oshi-questions-answered/" class="main-post" data-title="What is An Oshi? What are Ita Bags?" data-description="We answer your questions about 'Oshi-Katsu' and Japanese fandom culture!" data-hidden-info="Oshi-Katsu, fandom, Japanese culture">
              <img src="https://d1gt5dppxgb6oq.cloudfront.net/topimg/oshi-katsu/HLJxOSHIKATSU_Logo_Big.png" alt="Blog Post Image">
              <div class="main-post-content">
                  <div class="main-post-title">What is An Oshi? What are Ita Bags?</div>
                  <div class="main-post-date">September 26th, 2024</div>
                  <div class="main-post-description">We answer your questions about 'Oshi-Katsu' and Japanese fandom culture!</div>
              </div>
          </a>

<!-- Post 4 -->
        <a href="https://www.hlj.com/a-guide-to-mobile-games-mobile-game-figures/" class="main-post" data-title="A Guide To Mobile Games" data-description="Learn more about the latest Mobile Games and the figures based on them!" data-hidden-info="mobile games, figures, collectibles">
              <img src="https://www.hlj.com/media/images/1MobileGamesA.max-800x600.png" alt="Blog Post Image">
              <div class="main-post-content">
                  <div class="main-post-title">A Guide To Mobile Games</div>
                  <div class="main-post-date">September 6th, 2024</div>
                  <div class="main-post-description">Learn more about the latest Mobile Games and the figures based on them!</div>
              </div>
          </a>


</div>

        <!-- Additional Row of Smaller Posts -->
        <div class="small-posts-container">
            <div class="grid-container" id="small-posts">

<!-- Post 5 -->
                <a href="https://www.hlj.com/armored-core-model-kits/" class="small-post" data-title="Armored Core Model Kits - A Guide" data-description="A comprehensive guide to Armored Core model kits." data-hidden-info="Armored Core, model kits, mecha">
                    <img src="https://www.hlj.com/media/images/1ArmoredCoreA.max-800x600.png" alt="Small Blog Post 1">
                    <div class="small-post-content">
                        <div class="small-post-title">Armored Core Model Kits - A Guide</div>
                        <div class="small-post-date">July 8, 2024</div>
                    </div>
                </a>

<!-- Post 6 -->
                <a href="https://www.hlj.com/a-guide-to-hatsune-miku-figures/" class="small-post" data-title="Hatsune Miku Figures - A Guide To Miku Figures & Collectibles!" data-description="A comprehensive guide to Hatsune Miku figures." data-hidden-info="Hatsune Miku, figures, collectibles">
                    <img src="https://www.hlj.com/media/images/1HatsuneMikuMix.max-800x600.png" alt="Small Blog Post 2">
                    <div class="small-post-content">
                        <div class="small-post-title">Hatsune Miku Figures - A Guide To Miku Figures & Collectibles!</div>
                        <div class="small-post-date">June 5, 2024</div>
                    </div>
                </a>

<!-- Post 7-->
                <a href="https://www.hlj.com/moderoid-underrated-mecha/" class="small-post" data-title="5 MODEROID Kits of Underrated Mecha" data-description="Discover underrated MODEROID mecha kits!" data-hidden-info="MODEROID, mecha, model kits">
                    <img src="https://www.hlj.com/media/images/1ModeroidA.max-800x600.png" alt="Small Blog Post 3">
                    <div class="small-post-content">
                        <div class="small-post-title">5 MODEROID Kits of Underrated Mecha</div>
                        <div class="small-post-date">June 21, 2024</div>
                    </div>
                </a>

<!-- Post 8 -->
                <a href="https://www.hlj.com/how-tall-is-godzilla/" class="small-post" data-title="How Tall is Godzilla?" data-description="Ever wondered how tall Godzilla really is?" data-hidden-info="Godzilla, size, comparison">
                    <img src="https://www.hlj.com/media/images/1GodzillaA.max-800x600.png" alt="Small Blog Post 4">
                    <div class="small-post-content">
                        <div class="small-post-title">How Tall is Godzilla?</div>
                        <div class="small-post-date">May 27, 2024</div>
                    </div>
                </a>
            </div>
        </div>
    </div>
</div><!----NEWS SECTION--->
<div id="tab-news" style="display: none;">
    <div class="news-list">
        <a href="" class="news-post">
            <img src="https://www.hlj.com/media/images/1GodzillaA.max-800x600.png" alt="News Post 1">
            <div class="news-content">
                <div class="news-title">Hobby News Posts Coming Soon!?</div>
                <div class="news-date">June 2025</div>
                <div class="news-description">HLJ brings you the best in the Hobby News coverage!</div>
            </div>
        </a>
        <!-- Add more news-post blocks here -->
    </div>
</div><script>
function showTab(tabName) {
    const featured = document.getElementById("tab-featured");
    const news = document.getElementById("tab-news");
    const buttons = document.querySelectorAll(".tab-button");

    if (tabName === "featured") {
        featured.style.display = "block";
        news.style.display = "none";
    } else {
        featured.style.display = "none";
        news.style.display = "block";
    }

    buttons.forEach(button => button.classList.remove("active"));
    document.querySelector(`.tab-button[onclick="showTab('${tabName}')"]`).classList.add("active");
}

function searchPosts() {
    const query = document.getElementById('search-input').value.toLowerCase();
    const mainPosts = document.querySelectorAll('#main-posts .main-post');
    const smallPosts = document.querySelectorAll('#small-posts .small-post');

    mainPosts.forEach(post => {
        const title = post.getAttribute('data-title').toLowerCase();
        const description = post.getAttribute('data-description').toLowerCase();
        const hiddenInfo = post.getAttribute('data-hidden-info').toLowerCase();

        if (title.includes(query) || description.includes(query) || hiddenInfo.includes(query)) {
            post.style.display = 'block';
        } else {
            post.style.display = 'none';
        }
    });

    smallPosts.forEach(post => {
        const title = post.getAttribute('data-title').toLowerCase();
        const description = post.getAttribute('data-description').toLowerCase();
        const hiddenInfo = post.getAttribute('data-hidden-info').toLowerCase();

        if (title.includes(query) || description.includes(query) || hiddenInfo.includes(query)) {
            post.style.display = 'block';
        } else {
            post.style.display = 'none';
        }
    });
}
</script>
    </div>


              
    <div class="block-footer_html"><style>
 .footer.main{
 background:#11263D !important;
}
.action.primary{
background:#3E95EF !important
}
</style>
<div class="footer content">
    <div class="footer main wrapper">
        <div  class="footer-block" tabindex="0">
            <a><span class="footer-title">INFORMATION</span><span class="icon-keyboard_arrow_down  "></span></a>
            <ul>
                <li>
                    <a href="https://support.hlj.com/hc/en-us">Help Center</a>
                </li>
                <li>
                    <a href="https://www.hlj.com/new-customer-guide">New Customer Guide</a>
                </li>
                <li>
                    <a href="https://www.hlj.com/shipping-from-hobbylink-japan">Shipping Methods</a>
                </li>
                <li>
                    <a href="https://support.hlj.com/hc/en-us/articles/115000489633-Accepted-Payment-Methods">Payment Methods</a>
                </li>
                <li>
                    <a href="https://support.hlj.com/hc/en-us/sections/200200984-Stock-Status">Stock Status</a>
                </li>
                <li>
                    <a href="https://support.hlj.com/hc/en-us/articles/115001722094-Terms-Conditions-of-Use">Terms & Conditions</a>
                </li>
                <li>
                    <a href="https://support.hlj.com/hc/en-us/articles/200989834-Privacy-Policy">Privacy Policy</a>
                </li>
            </ul>
        </div>
        <div class="footer-block" tabindex="1">
            <a>
                  <span class="footer-title">MY ACCOUNT</span><span class="icon-keyboard_arrow_down  "></span></a>
            <ul>
                <li>
                    <a href="/account/privatewarehouse/">Private Warehouse</a>
                </li>
                <li>
                    <a href="/account/account_details/">Account Details</a>
                </li>
                <li>
                    <a href="/account/orderhistory/">Order History</a>
                </li>
                <li>
                    <a href="/account/payment/">Payment Method</a>
                </li>
                <li> </li>
                <li>
                    <a href="https://hlj.com/corporate-profile" target="_blank">Corporate Profile</a>
                </li>
            </ul>
        </div>
        <div class="footer-block-nohover" tabindex="2">
            <span class="footer-title ">FOLLOW US</span>
            <div>
                <div class="newsletter">
                    <p>Be the first to hear about new products,
                        <br>events and special offers</p>
                    <a class="action primary" href="/newsletter">Sign up for our newsletter</a>
                </div>
                <div class="widget block block-static-block">
                    <ul class="social-media">
                        <li>
                            <a href="https://www.facebook.com/HobbyLinkJapan/">
                                <img src="https://d1gt5dppxgb6oq.cloudfront.net/topimg/New_Toppage/401-facebook.png" alt="Facebook" loading="lazy" width="16" height="16">
                            </a>
                        </li>
                      
                                <li>
                                    <a href="https://www.instagram.com/hobbylink.japan/">
                                           <img src="https://d1gt5dppxgb6oq.cloudfront.net/topimg/New_Toppage/403-instagram.png" alt="Instagram" loading="lazy" width="16" height="16">
                                   </a>
                              </li>
                        <li>
                            <a href="https://twitter.com/hobbylink">
                                <img src="https://d1gt5dppxgb6oq.cloudfront.net/topimg/New_Toppage/407-twitter.png" alt="Twitter" loading="lazy" width="16" height="16">
                            </a>
                        </li>
                        
                        <li>
                            <a href="https://www.hlj.com/hlj-newsletter">
                                <img src="https://d1gt5dppxgb6oq.cloudfront.net/topimg/New_Toppage/070-envelop.png" alt="Newsletter" loading="lazy" width="16" height="16">
                            </a>
                        </li>
                    </ul>
                </div>
                <style>.switcher-currency__list a {color: #4d4d4d;}</style>
                <div class="switcher currency switcher-currency" style="justify-content: center; display: flex;border: 1px solid #ccc;margin-left: 20px;margin-right: 20px;">
                    <button class="switcher-currency__button" onclick="toggleModal()" >
                        Prices in:
                    </button>
                </div>
            </div>
        </div>
    </div>
    <div class="footer bottom">
        <div class="footer bottom content">
            <div class="footer bottom wrapper">
                <div>
                    <div class="row-full-width-inner">
                        <div>
                            <div class="icons wrapper">
                  <img src="https://hlj.com/media/original_images/fedex_min.png" alt="FedEx" loading="lazy" height="40" width="144">
                                <img src="https://hlj.com/media/original_images/dhl_min.png" alt="DHL" loading="lazy" height="40" width="64">
                                <img src="https://hlj.com/media/original_images/paypal_min.png" alt="PayPal" loading="lazy" height="40" width="64">
                                <img src="https://hlj.com/media/original_images/cards_min.png" alt="Credit Cards" loading="lazy" height="40" width="87">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div>
                <div>
                    <div>
                        <div class="copyrights">
                            <p><span>All contents © 2024 HobbyLink Japan Ltd.</span>
                                  <span>Kurohakama-cho 162-1, Sano, Tochigi 327-0813 JAPAN</span></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- This site is converting visitors into subscribers and customers with OptinMonster - https://optinmonster.com -->
<script>(function(d,u,ac){var s=d.createElement('script');s.type='text/javascript';s.src='https://a.omappapi.com/app/js/api.min.js';s.async=true;s.dataset.user=u;s.dataset.account=ac;d.getElementsByTagName('head')[0].appendChild(s);})(document,144512,157785);</script>
<!-- / https://optinmonster.com --></div>


            
            <script type="text/javascript" src="https://www.hlj.com/static/config/js/jquery-3.6.0.min.js"></script>
            <script type="text/javascript" src="https://www.hlj.com/static/config/js/config.js"></script>
            <script type="text/javascript" src="https://www.hlj.com/static/config/js/header.js?timestamp=202303071515"></script>
            <script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.js"></script>
            
            <script type="text/javascript" src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
            
            
                <script type="text/javascript" src="https://www.hlj.com/static/com/common_web/js/price_changer.js"></script>    
            
              

<script type="text/javascript" src="https://www.hlj.com/static/com/static_page/js/static_page.js"></script>

        </div>
    </body>
</html>
