@charset "UTF-8";
/* CSS Document */
.HiddenCheckbox {
  display: none;
  height:100%;
}
.MenuContainer {
  display: inline-block;
  margin: 20px;
}
.MenuHeader {
  color: #fff;
  display: inline-block;
  float: left;
  font-weight: 100;
  line-height: 30px;
  margin: -2px 50px;
  border: none;
  opacity: 0;
  position: relative;
  z-index: 2;
  -webkit-transform: translate3d(0, -15px, 0);
  transform: translate3d(0, -15px, 0);
  -webkit-transition: -webkit-transform 0.6s, opacity 0.5s;
  transition: transform 0.6s, opacity 0.5s;
}
.MenuIcon {
  cursor: pointer;
  display: block;
  float: left;
  height: 30px;
  position: absolute;
  width: 200px;
  z-index: 2;
}
.MenuIcon::before {
  height: 6px;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -webkit-box-shadow: transparent 0 0 0;
  box-shadow: transparent 0 0 0;
  -webkit-transform: rotate(45deg) translate3d(6px, -3px, 0);
  transform: rotate(45deg) translate3d(6px, -3px, 0);
  width: 30px;
}
.MenuIcon::after {
  bottom: 0;
  height: 6px;
  -webkit-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transform: rotate(-45deg) translate3d(6px, 3px, 0);
  transform: rotate(-45deg) translate3d(6px, 3px, 0);
  width: 30px;
}
.MenuIcon::before,
.MenuIcon::after {
  background: #fff;
  display: block;
  content: '';
  position: absolute;
  -webkit-transition: -webkit-box-shadow 0.2s linear, -webkit-transform 0.4s 0.2s;
  transition: box-shadow 0.2s linear, transform 0.4s 0.2s;
}

.Menu {
  background: #232D4A;
  bottom: 0;
  left: 0;
  position: absolute;
  top: 0;
  width: 280px;
  -webkit-transition: left 0.4s;
  transition: left 0.4s;
  height: 1400px;
	z-index: 1;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.HiddenCheckbox:checked ~ .MenuHeader {
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  margin: -2px 50px;
  border: none;
}
.HiddenCheckbox:checked ~ .MenuIcon::before {
  -webkit-box-shadow: #e8 12px 0;
  box-shadow: #fff 0 12px 0;
  -webkit-transform: rotate(0deg) translate3d(6px, -3px, 0);
  transform: rotate(0deg) translate3d(6px, -3px, 0);
}
.HiddenCheckbox:checked ~ .MenuIcon::after {
  -webkit-transform: rotate(0deg) translate3d(6px, -3px, 0);
  transform: rotate(0deg) translate3d(6px, -3px, 0);
}
.HiddenCheckbox:checked ~ .Menu {
  left: -90%;
}

.Menu img#mwnu_rogo {
	  margin: 80px auto 0 10px;
}
.Menu-list {
  list-style-type: none;
  margin: 0 0 0 3em;
  padding: 0;
}
.Menu-category {
  margin: 0;
  font-size:large;
  font-weight:bold;
}
.Menu-item {
  font-size: 13px;
  line-height: 1.4em;
  margin: 7px auto;
}
.Menu-link {
  color: #fff;
  display: block;
  overflow: hidden;
  padding: 8px 22px;
  position: relative;
  text-decoration: none;
  z-index: 1;
}
.Menu-link:before {
  background: #444;
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  right: 100%;
  top: 0;
  -webkit-transition: right 0.4s;
  transition: right 0.4s;
  z-index: -1;
}
.Menu-link:after {
  content: attr(href);
  color: #fff;
  float: right;
  opacity: 0;
  -webkit-transition: opacity 0.8s, -webkit-transform 0.4s;
  transition: opacity 0.8s, transform 0.4s;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.Menu-link:hover:before {
  right: 0;
}
.Menu-link:hover:after {
  opacity: 0.5;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

#gnav #logo, #dl{
  display: inline-block;
  margin-top: 20px;
  margin-left: 45px;
}

	#logo a:hover img {
		opacity: 0.8; /* マウスオーバー時の透明度 */
		filter: alpha(opacity=50); /* マウスオーバー時の透明度 IE用 */
	}

	#dl a:hover img {
		opacity: 0.8; /* マウスオーバー時の透明度 */
		filter: alpha(opacity=50); /* マウスオーバー時の透明度 IE用 */
	}


#gnav #nav_link{
  margin: 65px auto;
  width: 300px;
}

#nav_link li.nav_link {
  display: block;
  float: left;
  padding-left: 10px;
  margin-right: 0px;
}

	#nav_link li.nav_link a:hover img {
		opacity: 0.8; /* マウスオーバー時の透明度 */
		filter: alpha(opacity=50); /* マウスオーバー時の透明度 IE用 */
	}
	
.adrs{

  clear: both;
  color: #fff;
  line-height: 0.6em;
  margin: 30px auto;
  font-size: 11px;
    padding: 10px 10px 0 20px;

}