@charset "utf-8";

/* ------------------------------
   #menuList
------------------------------ */



/* ------------------------------
   MEDIAQUERIES LAYOUT
------------------------------ */
/*@media only screen and (max-width: 800px) {
	#menuList ul {
		width: 100%;
	}

	#menuList ul li {
		width: 20%;
	}
}*/

/* ------------------------------
   MEDIAQUERIES[SP]LAYOUT
------------------------------ */
@media only screen and (max-width: 768px) {
/* ドロワーメニュー */
#menuList {
 display: none;
}
#menuOverlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,1.00);
  display: none;
  position: fixed;
  z-index: 9997;
}
#switchBtnArea {
 position: fixed;
 top: 0px;
 right: 0px;
 z-index: 1;
 width: 100%;
 z-index: 9999;
}
#switchBtnArea #switchBtn {
 top: 10px;
 right: 10px;
 width: 60px;
 height: 40px;
 display: block;
 /*background: #a7a7a7;*/
 position: absolute;
 z-index: 9999;
}
#switchBtnArea #switchBtn span {
 left: 20%;
 width: 60%;
 height: 4px;
 display: block;
 position: absolute;
 background-color: #333333;/*border-radius: 5px;*//*transition: all 0.2s linear;*/
}
#switchBtnArea #switchBtn span#menu {
 background-color: transparent;
 color: #333333;
 margin-top: 35px;
 font-size: 1.1rem;
 text-align: center;
}
#switchBtnArea #switchBtn span:nth-of-type(1) {
 top: 10px;
 -webkit-transform: rotate(0);
 transform: rotate(0);
}
#switchBtnArea #switchBtn span:nth-of-type(2) {
 top: 20px;
 -webkit-transform: scale(1);
 transform: scale(1);
}
#switchBtnArea #switchBtn span:nth-of-type(3) {
 bottom: 6px;
 -webkit-transform: rotate(0);
 transform: rotate(0);
}
#switchBtnArea #switchBtn.btnClose {
 background: transparent;
}
#switchBtnArea #switchBtn.btnClose span:nth-of-type(1) {
 top: 18px;
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
}
#switchBtnArea #switchBtn.btnClose span:nth-of-type(2) {
 -webkit-transform: scale(0);
 transform: scale(0);
}
#switchBtnArea #switchBtn.btnClose span:nth-of-type(3) {
 bottom: 18px;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
#rwdMenuWrap {
 top: 0;
 left: -100%;
 width: calc( 100% - 0px );
 height: 100%;
 background: #FFFFFF;
 overflow: auto;
 position: fixed;
 z-index: 9998;
}
  /*
#rwdMenuWrap ul {
 display: flex;
 flex-wrap: wrap;
 width: 100%;
}
#rwdMenuWrap ul * {
 display: flex;
 justify-content: center;
 align-items: stretch;
 align-content: center;
 flex-wrap: wrap;
}
#rwdMenuWrap ul li {
 width: 50%;
 background-color: #4D4D4D;
 border: 1px solid #3c3c3c;
}
#rwdMenuWrap ul li a {
 height: 100%;
 color: #FFFFFF;
 font-size: 1.8rem;
 text-align: center;
 padding: 1em;
 text-decoration: none;
 width: 100%;
 line-height: 1;
}
#rwdMenuWrap ul li a img {
 display: none;
}*/
}