/*
Zarigani Design Office Drawer Menu
2022.7最終改修
*/


/* === PC start */
.zdo_drawer_button {
	display:none;
}
.zdo_drawer_nav_wrapper .bl_siteTitle,
.zdo_drawer_nav_wrapper .zdo_applyBtn {
	display:none;
}
.zdo_drawer_logo {
	visibility:hidden;
}


/*プルダウン*/
ul.zdo_drawer_nav > li:hover {
    -webkit-transition: all 1s;
    transition: all 1s;
}
ul.zdo_drawer_nav li > ul {
	-webkit-transition: all 1s;
    transition: all 1s;
}
ul.zdo_drawer_nav li > ul li {
}
ul.zdo_drawer_nav li > ul li:hover {
}
ul.zdo_drawer_nav li:hover > ul {
}
/* === PC end */


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

	/* === 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: 18px;/*ボタン幅 1/2 */
	  height: 14px;/*ボタン高さ*/
	  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: 18px; /*ボタン幅 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: 20px;
	  left: 0px;
		background-color: #000;
	}
	.zdo_drawer_button.active .zdo_drawer_bar1 {
	  transform: rotate(0.7853981634rad) translateY(-50%);
	  top: 0px;/*ボタンクローズ時のバー位置*/
	}
	.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 {
	}
	.zdo_drawer_button .zdo_drawer_bar {
		background-color: #000;
	}
	.ly_header.js_scrolled .zdo_drawer_button .zdo_drawer_bar {
		background-color: #000;
	}

	/* === Hambuerger Button's Style End === */
	.zdo_drawer_menu .zdo_drawer_button {
	  /*+++ Hamburger Button Position +++*/
	  position: fixed;
	  top: 24px;
	  right: 24px;
	  z-index: 200;
	}
	.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*/
		z-index: 101;
		/*背景モーダルの色*/
		background-color: rgba(100, 100, 100, 0.5);/*モーダルの色*/
		display: none;
		top: 0;
		left: 0;
	}
	.zdo_drawer_menu .zdo_drawer_nav_wrapper {
		width: 100%;
		height: 100%;
		/*※メニューのスライドイン速度*/
		transition: all 0.2s;
		position: fixed;
		/*メニュー位置*/
		top: 0;
		left: 100%;
		/*メニューのz-index*/
		z-index: 102;
		/*メニューのバックグラウンドカラー*/
		background-color: #FFF;
		margin: 0;
		padding: 0;
	}
	.zdo_drawer_menu .zdo_drawer_nav_wrapper.open {
		/*メニュー位置*/
		left: 0;
	}
	.zdo_drawer_menu.left .zdo_drawer_button {
	  right: auto;
	  left: 32px;
	}
	.zdo_drawer_menu.left .zdo_drawer_nav_wrapper {
	  transform: translate(-100%);
	  right: auto;
	  left: 0;
	}
	.zdo_drawer_menu.left .zdo_drawer_nav_wrapper.open {
	  transform: translate(0);
	}
	.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;
	}
	nav .btn {
		display: none;
	}
	.zdo_drawer_menu ul.zdo_drawer_nav {
		padding-top: 100px;
		padding-bottom: 45px;
		padding-left: 15%;
		padding-right: 15%;
		display: block;
		overflow: hidden;
		height: auto;
	}
	.zdo_drawer_menu ul.zdo_drawer_nav ul {
		padding-left: 1em;
		margin-top: 0.5em;
	}
	.zdo_drawer_menu ul.zdo_drawer_nav > li {
		float:none;
		display: block;
		list-style: none;
		padding: 0 0 0 1em;
		border: none;
		border-bottom: solid #CCC 1px;
		overflow: hidden;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}
	/*borderキャンセル*/
	.bl_headerNav.js_scrolled li.el_contactBtn {
		border-color:#CCC;
		border-radius: 0;
	}
	.zdo_drawer_menu ul.zdo_drawer_nav > li::before {
		content: none;
	}
	.zdo_drawer_menu ul.zdo_drawer_nav > li:hover {
		background-color: rgba(182,182,182,0.3);
	}
	.zdo_drawer_menu ul.zdo_drawer_nav > li a {
		display: block;
		width: 100%;
		padding: 1.3em 0.3em;
		color:#000;
	}
	.zdo_drawer_menu ul.zdo_drawer_nav > li a::after {
		content: none;
	}
	/*contact*/
	.zdo_drawer_menu ul.zdo_drawer_nav li.el_contactBtn span {
		display: none;
	}
	.zdo_drawer_menu ul.zdo_drawer_nav li.el_contactBtn span.is-changeColor,
	.bl_headerNav.js_scrolled li.el_contactBtn span.is-changeColor,
	.ly_header .bl_headerNav li.el_contactBtn span.is-changeColor
	{
		display: inline-block;
		position: static;
		margin: 0 0.5em 0 0;
		background-image: url("../images/ico_mail-black.svg");
	}
	/**/
	.zdo_drawer_menu ul.zdo_drawer_nav > li:first-child {
		border-top: solid #CCC 1px;
	}
	.zdo_drawer_menu ul.zdo_drawer_nav > li li {
		display: block;
		width: 100%;
		border-top:dotted #CCC 1px;
		padding: 0.5em 0 0.5em;
		margin-bottom: 0;
	}
	.zdo_drawer_menu ul.zdo_drawer_nav > li li:last-child {
		border-bottom: none;
		padding-bottom:0;
	}
	/*メニューオープン*/
	.zdo_drawer_nav_wrapper{
		overflow: auto;
	}
	/*ロゴ*/
	.zdo_drawer_logo {
		visibility:visible;
		width: 70%;
		max-width: 230px;
		margin: auto;
	}
	
	/*====================
	独自スタイル設定 end
	====================*/

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