@charset "UTF-8";

/* ==============================================================================

[Media Queries] smart phone : Landscape

============================================================================== */

@media only screen and (min-width: 1px) and (max-width: 740px) {
  /* common
===================================*/

  body {
    min-width: 100%;
  }

  .sp {
    display: block !important;
  }

  .pc {
    display: none !important;
  }

  img {
    max-width: 100%;
    height: auto;
  }

  /* header
===================================*/

  #searchbox {
    height: 30px;
  }

  /* global_nav
===================================*/

  #global_nav {
    display: none;
  }

  /* page_header
===================================*/

  #page_header {
    padding-right: 20px;
    padding-left: 20px;
  }

  /* page_footer
===================================*/

  #page_footer {
    padding-right: 20px;
    padding-left: 20px;
  }

  /* contents
===================================*/

  #contents {
    width: 100%;
    padding-top: 30px;
  }

  #contents h2 {
    margin-bottom: 30px;
  }

  /* sub_nav
===================================*/
  .sub_nav {
    display: none;
  }

  /* search wrap
===================================*/
.product-search_wrap{
  margin-top: 2.5rem;
  margin-bottom: 6rem;
}

.search_tab_area {
  max-width: 100%;
  margin: 0 20px;
}

.search_tab_area .search_tab_list{
  max-width: 100%;
}

.search_tab_area .search_tab_list .search_tab_item{
  width: calc((100% - 13px) / 3);
  font-size: 14px;
  padding: 6px 5px;
  line-height: 1.4;
}

.search_tab_area .search_panel_wrap .search_panel{
  max-width: 100%;
  padding: 20px 15px;
}

.search_tab_area .search_panel_wrap .search_panel.active{
  display: block;
}

.search_tab_area .search_panel_wrap .search_panel.cat01 .search_content_wrap ul,
.search_tab_area .search_panel_wrap .search_panel.cat02 .search_content_wrap ul,
.search_tab_area .search_panel_wrap .search_panel.cat02 .search_content_wrap:nth-of-type(2) ul,
.search_tab_area .search_panel_wrap .search_panel.cat03 .search_content_wrap ul{
  column-count: 2;
  column-gap: 12px;
}

.search_tab_area .search_panel_wrap .search_panel.cat03.active{
  display: block;
}

.search_tab_area .search_panel_wrap .search_panel .search_content_wrap h4{
  font-size: 15px;
  margin-bottom: 5px;
}

.search_tab_area .search_panel_wrap .search_panel .search_content_wrap li{
  width: 100%;
  margin-bottom: 15px;
  font-size: 15px;
  font-weight: 500;
}

.search_tab_area .search_panel_wrap .search_panel .search_content_wrap li a{
  display: block;
  padding: 6px 10px;
  font-size: 13px;
  line-height: 1.4;
}

  /* ==============================================================================

[Media Queries] smart phone : Portrait

============================================================================== */

  @media only screen and (min-width: 1px) and (max-width: 480px) {
    /* common
===================================*/

    .sp_pr {
      display: block !important;
    }

    .pc_pr {
      display: none !important;
    }

    /* header
===================================*/

    /* footer
===================================*/

    #ft_nav ul {
      width: 100%;
      margin-bottom: 5%;
      margin-right: 0%;
    }

    #ft_nav ul:last-child {
      margin-bottom: 0%;
    }

    /* page_footer
===================================*/

    #page_footer {
      display: none;
    }

    /* contents
===================================*/

    #contents h2 {
      width: 90%;
      margin-right: auto;
      margin-left: auto;
    }

    /* breadcrumb
===================================*/

    #breadcrumb {
      display: none;
    }
  } /*@mediaEnd*/
}