/*
Zarigani Design Office Drawer Menu
改造1907
*/

/*====================
独自スタイル設定 start
====================*/
/* === PC start */
.zdo_drawer_button {
	display:none;
}
ul.zdo_drawer_nav > li {
	float:left;
	list-style: none;
	padding: 0;
	margin-right: 2em;
}
ul.zdo_drawer_nav li a,
ul.zdo_drawer_nav li span {
	display: block;
	padding:0.25em;
}
/*プルダウン*/
ul.zdo_drawer_nav > li:hover {
    background: transparent;
    -webkit-transition: all .5s;
    transition: all .5s;
	position: relative;
}
ul.zdo_drawer_nav li > ul {
	width: auto;
	position: absolute;
	display: block;
	left:0;
	height: 0;/*>hover*/
	top:20px;/*>hover*/
	padding: 0;
	margin: 0;
	overflow: hidden;
	-webkit-transition: all .5s;
    transition: all .5s;
	background: transparent;
}
ul.zdo_drawer_nav li > ul li {
	display: block;
	float: none;
	margin: 0;
}
ul.zdo_drawer_nav li > ul li:hover {
	background:#D5D5D5;
}
ul.zdo_drawer_nav li:hover > ul {
	height: auto;/*>hover*/
	top:32px;/*>hover*/
}
/* === PC end */
/*====================
独自スタイル設定 end
====================*/

/* === スマホ start */
@media only screen and (max-width: 480px) {

	/* === Hambuerger Button's Style Paste Here === */
	/*+++ Reset +++*/
	.zdo_drawer_button * {
	  margin: 0;
	  padding: 0;
	  outline: none;
	  border: none;
	  font: inherit;
	  font-family: inherit;
	  font-size: 100%;
	  font-style: inherit;
	  font-weight: inherit;
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  appearance: none;
	  text-align: left;
	  text-decoration: none;
	  list-style: none;
	}

	.zdo_drawer_button {
	  display: block;
	  padding: 0;
	  width: 32px;/*ボタン幅 1/2 */
	  height: 22px;/*ボタン高さ*/
	  position: relative;
	  background: none;
	  border: none;
	  text-align: center;
	  letter-spacing: 0.1em;
	  cursor: pointer;
	  outline: none;
	}

	.zdo_drawer_button .zdo_drawer_bar {
	  display: block;
	  width: 32px; /*ボタン幅 2/2 */
	  height: 2px;
	  transition: all 0.2s;
	  transform-origin: 0% 0%;
	  transform: translateY(-50%);
	  position: absolute;
	  left: 0;
	}

	.zdo_drawer_button .zdo_drawer_bar1 {
	  top: 0;
	}

	.zdo_drawer_button .zdo_drawer_bar2 {
	  top: 50%;
	}

	.zdo_drawer_button .zdo_drawer_bar3 {
	  top: 100%;
	}

	.zdo_drawer_button.active .zdo_drawer_bar {
	  width: 36.77px;
	  left: 8px;
	}

	.zdo_drawer_button.active .zdo_drawer_bar1 {
	  transform: rotate(0.7853981634rad) translateY(-50%);
	  top: -4px;/*ボタンクローズ時のバー位置*/
	}

	.zdo_drawer_button.active .zdo_drawer_bar2 {
	  opacity: 0;
	}

	.zdo_drawer_button.active .zdo_drawer_bar3 {
	  transform: rotate(-0.7853981634rad) translateY(-50%);
	  top: calc(100% - 0px);
	}

	.zdo_drawer_button.active .zdo_drawer_menu_text {
	  display: none;
	}

	.zdo_drawer_button.active .zdo_drawer_close {
	  display: block;
	}

	.zdo_drawer_text {
	  width: 100%;
	  position: absolute;
	  bottom: -20px;
	  left: 0;
	  text-align: center;
	  font-size: 10px;
	}

	.zdo_drawer_close {
	  letter-spacing: 0.08em;
	  display: none;
	}

	/*+++ Default Button Color +++*/
	.zdo_drawer_button {
	  color: #0152a4;
	}

	.zdo_drawer_button .zdo_drawer_bar {
	  background-color: #0152a4;
	}

	/* === Hambuerger Button's Style End === */
	.zdo_drawer_menu .zdo_drawer_button {
	  /*+++ Hamburger Button Position +++*/
	  position:absolute;
	  top: 24px;
	  right: 32px;
	  z-index: 1001;
	}
	.zdo_drawer_menu .zdo_drawer_button.active {
		position:fixed;
	}
	.zdo_drawer_menu a {
	  color: inherit;
	  text-decoration: none;
	}
	.zdo_drawer_menu a:visited {
	  color: inherit;
	}
	.zdo_drawer_menu .zdo_drawer_bg {
	  width: 100%;
	  height: 100%;
	  position: fixed;
	  z-index: 999;
	  background-color: #0152a4;
		opacity: 0.7;
	  display: none;
	  top: 0;
	  left: 0;
	}
	.zdo_drawer_menu .zdo_drawer_nav_wrapper {
	  width: 312px;
	  height: 100%;
	  transition: all 0.2s;
	  transform: translate(312px);
	  position: fixed;
	  top: 0;
	  right: 0;
	  z-index: 1000;
	  background-color: #FFF;
	}
	.zdo_drawer_menu .zdo_drawer_nav_wrapper.open {
	  transform: translate(0);
	}
	.zdo_drawer_menu.left .zdo_drawer_button {
	  right: auto;
	  left: 32px;
	}
	.zdo_drawer_menu.left .zdo_drawer_nav_wrapper {
	  transform: translate(-312px);
	  right: auto;
	  left: 0;
	}
	.zdo_drawer_menu.left .zdo_drawer_nav_wrapper.open {
	  transform: translate(0);
	}

	/*+++ Default Navigation CSS +++*/
	.zdo_drawer_menu .zdo_drawer_nav {
	  padding: 112px 24px;
	}
	.zdo_drawer_menu .zdo_drawer_nav li {
	  font-size: 16px;
	  margin-bottom: 15px;
	}

	/*====================
	独自スタイル設定 start
	====================*/

	/*PC設定キャンセル*/
	.zdo_drawer_menu ul.zdo_drawer_nav li > ul {
		position: static;
		display: block;
		height: inherit;
		background: none;
	}
	/*--*/
	.zdo_drawer_menu ul.zdo_drawer_nav {
		padding-top: 80px;
	}
	.zdo_drawer_menu ul.zdo_drawer_nav ul {
		padding-left: 1em;
		margin-top: 0.5em;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.zdo_drawer_menu ul.zdo_drawer_nav > li {
		float:none;
		display: block;
		list-style: none;
		padding: 0;
		border-bottom: dotted #CCC 1px;
		overflow: hidden;
		margin: 0;
	}
	.zdo_drawer_menu ul.zdo_drawer_nav > li li {
		display: block;
		width: 100%;
		border-top:dotted #CCC 1px;
		margin: 0;
	}
	.zdo_drawer_menu ul.zdo_drawer_nav > li li:last-child {
		border-bottom: none;
	}
	
	/*====================
	独自スタイル設定 end
	====================*/

}
/* === スマホ end */