/*
Theme Name: Asset Theme
Author: Your VanguardNetWorks
Description: これはカスタムWordPressテーマのサンプルです。
Version: 1.0
Requires at least: 6.8.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: asset25
Tags: custom-theme, responsive, blog, minimal
*/


 .hamburger-morph {
  /* position: fixed; */
  position: relative;
 top: 16px;
 right: 20px;
 z-index: 1000;
 width: 48px;
 height: 48px;
 margin: 0;
 padding: 0;
 border: none;
 background: rgba(0, 0, 0, 0);
 cursor: pointer
}

@media screen and (min-width: 768px) {
 .hamburger-morph {
  display: none
 }
}

.hamburger-morph__icon {
 width: 100%;
 height: 100%
}

.hamburger-morph__line {
 fill: none;
 stroke: #081831;
 stroke-width: 6;
 transition: stroke-dasharray 500ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 500ms cubic-bezier(0.4, 0, 0.2, 1)
}

.hamburger-morph__line:nth-child(1) {
 stroke-dasharray: 63.36 218.032
}

.hamburger-morph__line:nth-child(2) {
 stroke-dasharray: 63.36 63.36
}

.hamburger-morph__line:nth-child(3) {
 stroke-dasharray: 63.36 218.032;
 stroke: var(--wp--preset--color--accent-1)
}

.hamburger-morph.active .hamburger-morph__line:nth-child(1) {
 stroke-dasharray: 74.671 143.532;
 stroke-dashoffset: -143.532
}

.hamburger-morph.active .hamburger-morph__line:nth-child(2) {
 stroke-dasharray: 0 63.36;
 stroke-dashoffset: -63.36
}

.hamburger-morph.active .hamburger-morph__line:nth-child(3) {
 stroke-dasharray: 74.671 143.532;
 stroke-dashoffset: -143.532
}