@charset "utf-8";
@import url("Style.css");
.ItemNav{
	float: left;
	width: 45%;
	margin-left: 27.5%;
	margin-right: 27.5%;
	}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
/*h1,h2,h3,h4,h5,h6 {
	font-size:120%;
	/*font-weight:normal;
}*/
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
body {
	line-height: 1.7;
	color: #333;
	font-size: 14px;
	text-align: left;
	height: 30px;
}
/*-------------リセット完了-------------------*/

.dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 100%;
  margin: 5px auto 30px;
  padding: 0;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
	position: relative;
	width: 25%;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	height: auto;
}
.dropmenu li ul li{
  width: 137%;
}
.dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  background: #8a9b0f;
  background: hsla(0,0%,26%,1.00);
  color: #fff;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}

.dropmenu li ul li a{
  padding: 13px 15px;
  border-top: 1px solid #7c8c0e;
  border-top: 1px solid #000000;
  background: #6e7c0c;
  background: #615D5D;
  text-align: left;
}
.dropmenu li:hover > a{
  background: #6e7c0c;
  background: #615D5D;
}
.dropmenu li a:hover{
  background: #616d0b;
  background: #cccccc;
}


/*====================================
ベーシックバージョン
=====================================*/

#normal li ul{
  display: none;
}
#normal li:hover ul{
  display: block;
}


.BrandBox {
	width: 45%;
	margin-left: 27.5%;
	margin-right: 27.5%;
	float: left;
	height: auto;
	clear: both;
	margin-top: 60px;
}
.BrandItemBox {
	float: left;
	height: auto;
	width: 19%;
	margin-left: 1%;
}
.BImage {
	float: left;
	height: auto;
	width: 100%;
}

.BColor {
	float: left;
	height: auto;
	width: 180px;
}
.B-Logo {
	float: left;
	height: auto;
	width: 100px;
	margin-right: auto;
	text-align: center;
}
.B-Logo img{
	width: 100px;
}
.Item_image .item_ten  {
	width: 100%;
	height: auto;
}

.Item_image .item_ten img {
	width: 100%;
	height: auto;
}

.BrandItemBox .BImage img {
	width: 100%;
	height: auto;
}
.BimText {
	float: left;
	height: 100%;
	width: 100%;
	margin-top: 30px;
	margin-bottom: 10px;
	text-align: center;
}
.movieBox {
	float: left;
	height: auto;
	width: 100%;
	text-align: center;
	clear: both;
	margin-top: 50px;
}

.category {
	float: left;
	width: 45%;
	margin-left: 27.5%;
	margin-right: 27.5%;
	margin-top: 60px;
}
.category_2 {
	float: left;
	width: 99%;
	padding-left: 1%;
	margin-top: 40px;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
.3DGlassmovie {
	text-align: center;
}
.category_3{
	width: 97%;
	float: left;
	padding-left: 3%;
	/* [disabled]padding-bottom: 10px; */
	border-bottom: 1px solid #EEEEEE;
	margin-bottom: 10px;
	margin-top: 20px;
}
.gyo{
	float: left;
	width: 45%;
	margin-left: 27.5%;
	margin-right: 27.5%;
}


@media screen and (max-width:1580px){
.ItemNav{
	width: 58%;
	margin-left: 21%;
	margin-right: 21%;
	}
.BrandBox {
	float: left;
	width: 54%;
	margin-left: 23%;
	margin-right: 23%;
	}		
.category {
	float: left;
	width: 54%;
	margin-left: 23%;
	margin-right: 23%;
	margin-top: 60px;
}
.gyo{
	float: left;
	width: 54%;
	margin-left: 23%;
	margin-right: 23%;
}		
.ItemNav{
	width: 54%;
	margin-left: 23%;
	margin-right: 23%;
	}
.BrandBox {
	float: left;
	width: 54%;
	margin-left: 23%;
	margin-right: 23%;
	}	
.dropmenu li ul li{
  width: 158%;
}		
}
@media screen and (max-width:1420px){
.ItemNav{
	width: 58%;
	margin-left: 21%;
	margin-right: 21%;
	}
.BrandBox {
	float: left;
	width: 58%;
	margin-left: 21%;
	margin-right: 21%;
	}	
.BrandItemBox {
	float: left;
	height: auto;
	width: 30%;
	margin-left: 1.65%;
	margin-right: 1.65%;
}		
.category {
	float: left;
	width: 60%;
	margin-left: 20%;
	margin-right: 20%;
	margin-top: 60px;
}
.gyo{
	float: left;
	width: 60%;
	margin-left: 20%;
	margin-right: 20%;
}	
.dropmenu li ul li{
  width: 149%;
}	
}
/*5.5//*/@media screen and (max-width:1260px){
.gyo{
	float: left;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
}
.ItemNav{
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	}
.BrandItemBox {
	float: left;
	height: auto;
	width: 30%;
	margin-left: 1.65%;
	margin-right: 1.65%;
}
.ItemNav{
	display: none;	
	}

}
@media (min-width: 769px) and (max-width: 1024px) {
.ItemNav{
	width: 90%;
	}
	.ItemNav{
	display: none;	
	}
	.BrandBox {
	float: left;
	width: 95%;
	margin-left: 2.5%;
	margin-right: 2.5%;
	}
}
/*5//*/@media (max-width: 768px) {
.BrandBox {
	float: left;
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	}
.ItemNav{
	display: none;	
	}
	}
/*5//*/@media (max-width: 640px) {
.ItemNav{
	display: none;	
	}
	}	
/*4//*/@media screen and (max-width:480px){
.gyo{
	float: left;
	width: 95%;
	margin-left: 2.5%;
	margin-right: 2.5%;
}
.ItemNav{
	display: none;	
	}
.BrandItemBox {
	float: left;
	height: auto;
	width: 49%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}
.BrandBox {
	float: left;
	width: 95%;
	margin-left: 2.5%;
	margin-right: 2.5%;
	}
}
/*5//*/@media screen and (max-width:320px){
.ItemNav{
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	}
.BrandBox {
	float: left;
	width: 95%;
	margin-left: 2.5%;
	margin-right: 2.5%;
	}	
}