.dropmenu{
  list-style-type: none;
  width: 1000px;
  margin: 5px auto 5px;
  padding: 1px;
}
.dropmenu:before, .dropmenu:after{
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  width: 50%;
  float: left;
  margin: 0px;
  padding: 0;
  text-align: center;
}
.dropmenu li a{
  margin-top: 0;
  padding: 0px 0px 0px 0px;
  color:#333333;
  width: 100%;	
  font-size: 20px;
  line-height: 1.9em;
  text-decoration: none;
background:#ffffff;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0px ;
  padding: 0px;
  width: 90px;
}
.dropmenu li ul li{
  width: 100%;
}
.dropmenu li ul li a{
  height:32px;
  padding: 6px 5px;
  border-top: 1px solid #efefef;
  background:#5B5B5B;
  text-align: left;
line-height: 1.3em;
transform: skewX(-10deg); 
border-radius: 10px;

}
.dropmenu li:hover > a{
  text-decoration: none;
}
.dropmenu li a:hover{
 text-decoration: none;
}

#dropmenu li ul li{
  overflow: hidden;
  height: 0;
  transition: .2s ease transform;
transform: skewX(10deg) translateX(0);
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 42px;
}

.dropmenu2{
  list-style-type: none;
  width: 1000px;
  margin: 5px auto 5px;
  padding: 1px;
}
.dropmenu2:before, .dropmenu2:after{
  display: table;
}
.dropmenu2:after{
  clear: both;
}
.dropmenu2 li{
  position: relative;
  width: 99%;
  float: left;
  margin: 5px;
  padding: 0;
  text-align: center;
}
.dropmenu2 li a{
  margin-top: 0;
  padding: 0px 0px 0px 0px;
  color:#333333;
  width: 100%;	
  font-size: 20px;
  line-height: 1.9em;
  text-decoration: none;
background:#ffffff;
}
.dropmenu2 li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0px ;
  padding: 0px;
  width: 90px;
}
.dropmenu2 li ul li{
  width: 100%;
}

.dropmenu3{
  list-style-type: none;
  width: 1000px;
  margin: 5px auto 5px;
  padding: 1px;
}
.dropmenu3:before, .dropmenu3:after{
  display: table;
}
.dropmenu3:after{
  clear: both;
}
.dropmenu3 li{
  position: relative;
  width: 49%;
  float: left;
  margin: 5px;
  padding: 0;
  text-align: center;
}
.dropmenu3 li a{
  margin-top: 0;
  padding: 0px 0px 0px 0px;
  color:#333333;
  width: 100%;	
  font-size: 20px;
  line-height: 1.9em;
  text-decoration: none;
background:#ffffff;
}
.dropmenu3 li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0px ;
  padding: 0px;
  width: 90px;
}
.dropmenu3 li ul li{
  width: 100%;
}

.ts{color:#F7CF00;
}
.fashion{
  display: block;
  margin-top: 1;
  padding: 10px 33% 10px;
  color: #333333;
  font-size: 20px;
  line-height: 1.2em;
  text-decoration: none;
	font-family: 'Libre Baskerville', serif;
}	
.home{
  display: block;
  margin-top: 1;
  padding: 10px 33% 10px;
  color: #333333;
  font-size: 20px;
  line-height: 1.2em;
  text-decoration: none;
	font-family: 'Libre Baskerville', serif;
}

@media screen and (min-width: 480px) {
	
	
#sphead{display: none;}
#spfoot{display: none;}
	

.header{width:980px;height:40px;background: #eeeeee;background-image: url("http://www.rakuten.ne.jp/gold/darkangel/images/pc_header_bg.png");background-repeat: no-repeat;background-position: center top;}
.header a{text-decoration:none;color: #333333;}
.header a:hover{background-color: #bbbbbb;}
.menu{text-align:right;margin:0;padding-top:7;padding-right:40;font-size: 11px;color: #111111;}

.category{text-align:center;margin:0;padding-top:9;font-size: 12px;color: #111111;}

}


/* Clearing floats */
.cf:before,
.cf:after {

  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  *zoom: 2;
}

/* Mini reset, no margins, paddings or bullets */
.menu,
.submenu {
  margin: 0;
  padding: 0;
  list-style: none;

}

/* Main level */
.menu {         
  list-style-type: none;
  width: 980px;
  margin: 2px auto 3px;
  padding: 0px;
  /* http://www.red-team-design.com/horizontal-centering-using-css-fit-content-value */
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;   
}

.menu > li {
  background:#636363;
  float: left;
  position: relative;
  transform: skewX(0deg);
}

.menu a {
  display: block;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  font-family: Arial, Helvetica;
  font-size: 11px;

}       

.menu li:hover {
  background: #e74c3c;
}       

.menu > li > a {
  transform: skewX(0deg);
  padding: 1em 2em;
}

/* Dropdown */
.submenu {
  position: absolute;
  width: 200px;
  left: 50%; margin-left: -100px;
  transform: skewX(-0deg);
  transform-origin: left top;
}

.submenu li {
  background-color: #636363;
  position: relative;
  overflow: hidden;     
text-align: center;

}                       

.submenu > li > a {
  padding: 1em 2em;         
list-style: none;
}

.submenu > li::after {
  content: '';
  position: absolute;
  top: -125%;
  height: 100%;
  width: 100%;          
  box-shadow: 0 0 50px rgba(0, 0, 0, .9);           
}       

/* Odd stuff */
.submenu > li:nth-child(odd){
  transform: skewX(-25deg) translateX(0);
}

.submenu > li:nth-child(odd) > a {
  transform: skewX(25deg);
}

.submenu > li:nth-child(odd)::after {
  right: -50%;
  transform: skewX(-25deg) rotate(3deg);
}               

/* Even stuff */
.submenu > li:nth-child(even){
  transform: skewX(25deg) translateX(0);
}

.submenu > li:nth-child(even) > a {
  transform: skewX(-25deg);
}

.submenu > li:nth-child(even)::after {
  left: -50%;
  transform: skewX(25deg) rotate(3deg);
}

/* Show dropdown */
.submenu,
.submenu li {
  opacity: 0;
  visibility: hidden;           
}

.submenu li {
  transition: .2s ease transform;
}

.menu > li:hover .submenu,
.menu > li:hover .submenu li {
  opacity: 1;
  visibility: visible;
}       

.menu > li:hover .submenu li:nth-child(even){
  transform: skewX(25deg) translateX(15px);         
}

.menu > li:hover .submenu li:nth-child(odd){
  transform: skewX(-25deg) translateX(-15px);           
}

	@media screen and (max-width: 480px) {
		
		#pchead{display: none;}
		#pcfoot{display: none;}
		

	.header {
  height: 30px;
  padding:0px;a
  margin:auto;
}
.header_top {
	width:100%;
	margin:auto;
	padding:0px;
}
.header .fixbar {
	background-color: #FFFFFF;
	position: absolute;
	width: 100%;
	top: 50px;
	left: 0px;
}
.header.fixed .fixbar {
  position: fixed;
  top: 0px;
  z-index: 9999;
}
		
.fixbar img{width: 24%; margin:-1px;}
		
	}