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

.topPage li:first-child {
}

#menu-box {
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-font-smoothing: antialiased;
	font-weight:700;
	display:block;
	opacity:0.9;
    width:100%;
	margin:0 auto;
	padding:0;
/*	z-index:0;*/
}
#menu-box ul{
	overflow:hidden;
    width:935px;
	margin:0 auto;
	padding:0;
}

#menu{
    width:935px;
/*	width:100%;*/
  margin:0;
  padding:0;
}

#menu li{
  font-size:12px;
  display:inline-block;
  width:auto;
  height:24px;
  line-height:0.6em;
  margin: 12px 120px 0 0;/*12px 30px 0 30px;*/
  padding: 0;
  z-index:1000;
  }
  

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {/**chrome*/
#menu li{
	font-size:12px;
	width:auto;
/*	width: 130px;*/
  }
}
#menu li a{
  display: block;
/*  padding: 4px 0;*/
  color:#ffffff;
  text-align: center;
  text-decoration: none;
  z-index:1000;
  }
#menu li:first-child {
margin-left:262px;
}
#menu li.store {
	opacity:0;
	margin:0 0 0 78px;
}

/*#menu li:nth-child(3) {
	margin-left:30px;
	margin-right:30px;
}*/



/*
#menu li:nth-child(5) {
	width:auto;
margin-left:8px;
}
#menu li:nth-child(6) {
	width:auto;
}
#menu li:nth-child(5) a,
#menu li:nth-child(6) a{
	text-align:right;
}*/
#menu li a:hover{
  color:#666;

}
/*
#menu li a.shop{
	text-align:right;
	margin-left:226px;
}
#menu li a.english{
	width:134px;
	text-align:right;
}*/
#toggle{ 
 display: none;
}


@media only screen and (max-width: 1260px) {
	
#menu-box ul{
	overflow:hidden;
    width:98%;
	margin:0 auto;
	padding:0;
}
#menu{
	width:100%;
  margin: 0 auto;
  padding:0;
}

/*******

.topPage li:first-child {
	margin-left:72px !important;
	  padding:0 0 0 0;

}
#menu-box {
	width:100%;
}
  #menu{
	  width:100%;
  padding: 0 0 0 0;
  }
#menu ul{
  background-color:#06C;
  overflow:hidden;
}
  #menu li{
    width: 10%;
  }
#menu li:first-child {
	margin-left:7%;
}
#menu li:nth-child(5) {
	margin-left:14%;
}
#menu li:nth-child(6) {
	margin-left:4%;
}
}
@media only screen and (max-width: 1024px) {
  #menu{
  padding: 0;
  }
#menu li:nth-child(5) {
	margin-left:10%;
}
********/
}

@media only screen and (max-width: 950px) {
#menu li:first-child {
margin-left:80px;
}
#menu li.store {
	display:none;
	margin:0 0 0 82px;
}
}

/*@media only screen and (max-width: 768px) {*/
@media only screen and (max-width: 780px) {
/*.topPage li:first-child {
	margin:50px 0 0 0 !important;
	  padding:0 0 0 0;
}*/

#menu-box {
	position:fixed;/**********/
	top:0;/********/
	z-index:1000;/*******/
}
  #menu-box ul {
/*	  width:100%;*/
      width:190px;
	  height:100% !important;
/*	  height:auto;*/
	  margin:0;
	  padding:0;
	background-color:#0066aa;
	opacity:1;
  }
  #menu{
	position:fixed;
	top:0;
/*	left:0;/*左側レイアウト*/
	right:0;/*右側レイアウト*/
    display: none;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	z-index:1000;
  }
  
  #menu li{
  font-size:16px;
    width: 160px;
	height:40px;
	margin:0;
	padding:0 0 0 20px;
	line-height:1em;
/*	background-color:#333;
	opacity:0.9;*/
  }
#menu li.store {
	margin-left:0;
	margin-right:0;
}

#menu li.telcall {
	border-top:2px solid #CCC;
	padding-top:20px;
}
  #menu li:first-child {
	  margin:0;/*****/
	  padding:70px 0 0 20px;
  }
/*
#menu li:nth-child(4) {
	margin-left:0;
	margin-right:0;
}
#menu li:nth-child(5),
#menu li:nth-child(6) {
	width:100%;
	margin-left:0;
}
#menu li:nth-child(5) a,
#menu li:nth-child(6) a {
	text-align:center;
}*/
  #menu li a{
	  text-align:left;
	  color:#fff;
	  margin:0;
	  padding:8px 0 12px;
  }
  #menu li a:hover{
      color:#9cf;
   }
  
#menu li a.shop{
	text-align:left;
	width:100%;
}
/*********/  
#toggle,
#toggle span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
	
	
border-radius: 3px;        /* CSS3草案 */  
-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 3px;   /* Firefox用 */
}
#toggle {
	position:fixed;/*****MoriMoriTest***/
	top:0;/***MoriMoriTest**/
	width:36px;
	height:35px;
	/*width: 24px;/*28px+border4px*/
	/*height: 20px;/*22px+border4px*/
/*	left:18px;/*左側レイアウト*/
	right:18px;/**右側レイアウト***/
/*	float:right;/****/
margin:18px 0 0 0;

/*border:6px solid #007DBF;/*blue*/
border:6px solid #555;

/*border-radius: 4px;        /* CSS3草案 */  
/*-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
/*-moz-border-radius: 4px;   /* Firefox用 */

/*background-color:#007DBF;/*blue*/
background-color:#555;
opacity:0.9;
	z-index:1100;
}
#toggle a {
	display:block;
	width:28px;
	height:22px;
}

#toggle span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #fff;/*fmt.css header line:62と関連の色味*/
/*	background-color: #666;*/
	border-radius: 2px;
}
#toggle span:nth-of-type(1) {
	top: 0px;
}
#toggle span:nth-of-type(2) {
	top: 10px;
}
#toggle span:nth-of-type(3) {
	top:20px;
/*	bottom: 0;*/
}


/**** #toggle ON! ******/
/*******/
#toggle.active {
	z-index:1200;
}

#toggle.active span:nth-of-type(1) {
	-webkit-transform: translateY(10px) rotate(-45deg);
	transform: translateY(10px) rotate(-45deg);
}
#toggle.active span:nth-of-type(2) {
	opacity: 0;
}
#toggle.active span:nth-of-type(3) {
	-webkit-transform: translateY(-10px) rotate(45deg);
	transform: translateY(-10px) rotate(45deg);
}
/******/
/*********/
  
  
  
  
  /*****  original src
  #toggle{
    display: block;
    position: relative;
	float:right;
    width: 50%;
  }
  #toggle a{
    display: block;
    position: relative;
padding:10px 0;
    color: #fff;
    text-align: left;
    text-decoration: none;
  }
  #toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 24px;
    height: 20px;
    margin-top: -10px;
    background: #666;
	border-bottom:1px #666 solid;
  }
  #toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 24px;
    height: 6px;
    background: #fff;
  }
  #toggle a:before{
    margin-top: -7px;
  }
  #toggle a:after{
    margin-top: 2px;
  }
  /*********/
  
}


.fixed {
    position: fixed;
    top: 100px;
    width: 100%;
    z-index: 1000;
}





/*****************/
/*****以下はサブメニューテスト******/
/*****************/

.submenuHeight{
   height: auto !important;
}
#menu-box ul li ul {
      width:140px;
/*	  height:140px;*/
	  height:auto;
	  margin:0;
	  padding:0;
    line-height: 1em;
    background-color: transparent;
	opacity:0.9;
}
#menu-box ul li {
    position: relative;
    z-index: 100;
}
#menu-box>li:hover>ul>li {
  position: relative; /*これ重要*/
  float: none;
}
#menu-box ul li ul li {
    position: relative;
    z-index: 0;
  font-size:14px;
    width: 100%;
	height:auto;
/*	height:40px;*/
	margin:0;
	padding:0 0 0 10px;
	line-height:1em;
}
  #menu li ul li:first-child {
	  margin:0px;/*****/
	  padding:0px 0px 0px 10px;
  }