@charset "UTF-8";
/* CSS Document */

#menu {
  position: relative;
  width: 100%;
  padding-left: 0px;
  margin: 0;
  height: 70px;
  padding-bottom: 20px;
}



.menu-inner {
  background: #ECECEC;
  /*グローバルメニュー背景色*/
  max-width: 1000px;
  margin: 0 auto;
  height: 70px;
  margin-bottom: 1.5em;
}

#menu li {
  list-style-type: none;
  float: left;
  width: 16.66%;
  height: 70px;
  text-align: center;
  font-size: 0.9em;
}

#menu li a {
  display: block;
  color: #626262;
  /*グローバルメニュー文字色*/
  font-size: 100%;
  font-weight: bold;
  line-height: 70px;
}

#menu li:hover a {
  color: white;
  background: #FF9300;
  text-decoration: none;
}

@media screen and (min-width: 600px) and (max-width: 1024px) {

  #container {
    width: 768px;
  }

  #menu li a {
    font-size: 0.9em;
  }

  .main_nav_ul li {
    width: 18%;
    margin-left: 40px;
  }
}



.menu-toggle {
  width: 300px;
  display: none;
}

/*パソコン１カラム*/
@media screen and (max-width:968px) {
  .menu-inner {
    /* width: 768px; */
    width: auto;
  }
}

/*タブレット*/
@media screen and (max-width:768px) {

  .menu-toggle {
    background-color: #ECECEC;
    color: #626262;
    /*MENUの文字色*/
    display: inline-block;
    padding: 20px 5px;
    margin: 3px;
    margin-left: auto;
    width: 97%;
  }

  #menu {
    width: 100%;
    display: none;
    height: initial;
    padding: 0;
    margin: 0;

  }

  .menu-inner {
    width: 100%;
    height: initial;
    position: static;
    margin: 0;
  }

  #menu li {
    float: none;
    height: 70px;
    width: 100%;
    list-style-type: none;
    background: #ECECEC;
    /*リスト文字の背景色*/
    margin: 0 auto;
    text-align: center;
    /*リストの文字の位置*/
  }

  #menu li a {
    height: initial;
    color: #343838;
    /*リスト文字色*/
    display: block;
  }

  #menu li:hover a {
    color: white;
    background: #FF9300;
  }
}

/*メインのプロダクト*/
.main_product {
  color: #535353;
}

.main_product img:hover {
  opacity: 0.5;
}

/*PC周辺機器*/
.main_PC {
  overflow: hidden;
}

.product_Category {
  border-bottom: 1px dotted #8c8b8b;
  margin-bottom: 10px;
  font-size: 20px;
  color: #7c7c7c;
}

.product_contents {
  clear: both;
  overflow: hidden;
  width: 300px;
  float: left;
}

.product_contents img {
  width: 300px;
}

.product_contents p {
  text-align: center;
}

.product_contents_right {
  width: 300px;
  float: right;
}

.product_contents_right img {
  width: 300px;
}

.product_contents_right p {
  text-align: center;
}


@media screen and (max-width:599px) {

  /*SmartPhone*/
  .product_Category {
    border-bottom: 1px dotted #8c8b8b;
    margin-bottom: 20px;
    font-size: 5vw;
    ;
    color: #7c7c7c;
  }

  .product_contents {
    width: 300px;
    float: left;
  }

  .product_contents img {
    width: 300px;
  }

  .product_contents p {
    text-align: center;
  }

  .product_contents_right {
    width: 300px;
    float: right;
  }

  .product_contents_right img {
    width: 300px;
  }

  .product_contents_right p {
    text-align: center;
  }

}

/*モバイル周辺機器*/
.main_mobile {
  margin-top: 50px;
  overflow: hidden;
}

/*AV・家電機器*/
.main_AV_kaden {
  margin-top: 50px;
  overflow: hidden;
}

/*セキュリティ機器*/
.main_security {
  margin-top: 50px;
  overflow: hidden;
}

/*ライフスタイル・雑貨*/
.main_lifestyle_etc {
  margin-top: 50px;
  overflow: hidden;
}