@charset "UTF-8";
/* YAOTSU MALL: ヘッダー・ロゴ・検索・カートリンク・ナビゲーション・開閉メニュー
 * 共通リセットの補助ルールは :where() でこの部位内に限定しています。
 * 読み込み順: front-page.css → header.css → footer.css
 */

:is(.screen-reader-text):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *) {
  border: 0px;
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0px;
  position: absolute;
  width: 1px;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

:is(.screen-reader-text:focus):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *) {
  background-color: rgb(221, 221, 221);
  clip-path: none;
  color: rgb(68, 68, 68);
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

h1#to_top a {
  display: block;
  border-radius: 300px;
  color: rgb(255, 255, 255);
  font-size: 15px;
  line-height: 1.3;
  position: absolute;
  top: -115px;
  left: 0px;
  width: 180px;
  text-align: center;
  padding: 120px 0px 30px;
  z-index: 10;
  font-family: "M PLUS Rounded 1c", sans-serif !important;
  background-color: rgb(0, 0, 0) !important;
}

h1#to_top a em {
  font-style: normal;
  font-size: 60%;
  display: block;
  font-family: "M PLUS Rounded 1c", sans-serif !important;
}

h1#to_top a::before {
  position: absolute;
  bottom: 15px;
  right: 46%;
  content: " ";
  display: block;
  width: 10px;
  height: 2px;
  background-color: rgb(255, 255, 255);
  transform: rotate(-45deg);
}

h1#to_top a::after {
  position: absolute;
  bottom: 15px;
  left: 46%;
  content: " ";
  display: block;
  width: 10px;
  height: 2px;
  background-color: rgb(255, 255, 255);
  transform: rotate(45deg);
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
h1#to_top a {
  display: block;
  border-radius: 300px;
  background-color: rgb(0, 0, 0);
  color: rgb(255, 255, 255);
  font-size: 16px;
  line-height: 1.3;
  position: absolute;
  top: -95px;
  left: 0px;
  width: 170px;
  text-align: center;
  padding: 105px 0px 30px;
  z-index: 10;
  font-family: "M PLUS Rounded 1c", sans-serif !important;
}

h1#to_top a em {
  font-style: normal;
  font-size: 60%;
  display: block;
  font-family: "M PLUS Rounded 1c", sans-serif !important;
}

h1#to_top a::before {
  position: absolute;
  bottom: 20px;
  right: 45%;
  content: " ";
  display: block;
  width: 10px;
  height: 2px;
  background-color: rgb(255, 255, 255);
  transform: rotate(-45deg);
}

h1#to_top a::after {
  position: absolute;
  bottom: 20px;
  left: 45%;
  content: " ";
  display: block;
  width: 10px;
  height: 2px;
  background-color: rgb(255, 255, 255);
  transform: rotate(45deg);
}
}

@media screen and (max-width: 768px) {
h1#to_top a {
  display: block;
  width: 150px;
  border-radius: 300px;
  background-color: rgb(0, 0, 0);
  color: rgb(255, 255, 255);
  font-size: 18px;
  line-height: 1.3;
  text-align: center;
  position: absolute;
  top: -120px;
  right: 0px;
  left: 0px;
  margin: 0px auto;
  padding: 130px 0px 40px;
  z-index: 10;
  font-family: "M PLUS Rounded 1c", sans-serif !important;
}

h1#to_top a em {
  font-style: normal;
  font-size: 60%;
  display: block;
  font-family: "M PLUS Rounded 1c", sans-serif !important;
}

h1#to_top a::before {
  position: absolute;
  bottom: 20px;
  right: 45%;
  content: " ";
  display: block;
  width: 10px;
  height: 2px;
  background-color: rgb(255, 255, 255);
  transform: rotate(-45deg);
}

h1#to_top a::after {
  position: absolute;
  bottom: 20px;
  left: 45%;
  content: " ";
  display: block;
  width: 10px;
  height: 2px;
  background-color: rgb(255, 255, 255);
  transform: rotate(45deg);
}
}

.drawer_hidden {
  display: none;
}

#yaotsu_mall_menu.nav {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 2147483647;
  border-style: none !important;
}

#yaotsu_mall_menu.nav .nav_content #main_menu {
  width: 100%;
  display: block;
  list-style: none;
  border-style: none;
  margin: 70px 0px 0px;
  padding: 0px;
  float: none;
  text-align: left !important;
}

#yaotsu_mall_menu.nav .nav_content #yaotsu_menu,
#yaotsu_mall_menu.nav .nav_content #yaotsu_contact_info {
  width: 100%;
  display: block;
  list-style: none;
  border-style: none;
  margin: 30px 0px 0px;
  padding: 0px;
  float: none;
  text-align: left !important;
}

#yaotsu_mall_menu.nav .nav_content #main_menu li,
#yaotsu_mall_menu.nav .nav_content #yaotsu_menu li,
#yaotsu_mall_menu.nav .nav_content #yaotsu_contact_info li {
  display: block;
  vertical-align: top;
  border-bottom: 1px dotted rgb(255, 255, 255);
  position: relative;
  text-align: left !important;
}

#yaotsu_mall_menu.nav .nav_content #main_menu li ul li,
#yaotsu_mall_menu.nav .nav_content #yaotsu_menu li ul li,
#yaotsu_mall_menu.nav .nav_content #yaotsu_contact_info li ul li {
  display: block;
  vertical-align: top;
  border-top: 1px dotted rgb(255, 255, 255);
  position: relative;
  text-align: left !important;
  border-bottom-style: none !important;
}

#yaotsu_mall_menu.nav .nav_content #main_menu li a:link,
#yaotsu_mall_menu.nav .nav_content #main_menu li a:visited,
#yaotsu_mall_menu.nav .nav_content #yaotsu_menu li a:link,
#yaotsu_mall_menu.nav .nav_content #yaotsu_menu li a:visited,
#yaotsu_mall_menu.nav .nav_content #yaotsu_contact_info li a:link,
#yaotsu_mall_menu.nav .nav_content #yaotsu_contact_info li a:visited {
  display: block;
  font-size: 100%;
  text-decoration: none;
  color: rgb(255, 255, 255);
  background-color: transparent;
  border-style: none;
  text-align: left !important;
  margin: 8px 30px 3px 15px !important;
}

#yaotsu_mall_menu.nav .nav_content #main_menu li a:hover,
#yaotsu_mall_menu.nav .nav_content #main_menu li a:active,
#yaotsu_mall_menu.nav .nav_content #yaotsu_menu li a:hover,
#yaotsu_mall_menu.nav .nav_content #yaotsu_menu li a:active,
#yaotsu_mall_menu.nav .nav_content #yaotsu_contact_info li a:hover,
#yaotsu_mall_menu.nav .nav_content #yaotsu_contact_info li a:active {
  color: rgb(225, 106, 82);
}

#yaotsu_mall_menu.nav .nav_content #main_menu li a::after,
#yaotsu_mall_menu.nav .nav_content #yaotsu_menu li a::after,
#yaotsu_mall_menu.nav .nav_content #yaotsu_contact_info li a::after {
  content: "";
  display: block;
  background-color: rgb(255, 255, 255);
  width: 10px;
  height: 1px;
  transform: rotate(45deg);
  position: absolute;
  bottom: 16px;
  right: 5px;
}

#yaotsu_mall_menu.nav .nav_content #main_menu li a::before,
#yaotsu_mall_menu.nav .nav_content #yaotsu_menu li a::before,
#yaotsu_mall_menu.nav .nav_content #yaotsu_contact_info li a::before {
  content: "";
  display: block;
  background-color: rgb(255, 255, 255);
  width: 10px;
  height: 1px;
  transform: rotate(-45deg);
  position: absolute;
  bottom: 10px;
  right: 5px;
}

#yaotsu_mall_menu.nav .drawer_open {
  display: flex;
  height: 60px;
  width: 60px;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 5px;
  right: 0px;
  z-index: 100001;
  cursor: pointer;
}

#yaotsu_mall_menu.nav .drawer_open span,
#yaotsu_mall_menu.nav .drawer_open span::before,
#yaotsu_mall_menu.nav .drawer_open span::after {
  content: "";
  display: block;
  height: 3px;
  width: 25px;
  border-radius: 3px;
  background: rgb(51, 51, 51);
  transition: 0.5s;
  position: absolute;
}

#yaotsu_mall_menu.nav .drawer_open span::before {
  bottom: 8px;
}

#yaotsu_mall_menu.nav .drawer_open span::after {
  top: 8px;
}

#yaotsu_mall_menu.nav #drawer_input:checked ~ .drawer_open span {
  background: rgba(255, 255, 255, 0);
}

#yaotsu_mall_menu.nav #drawer_input:checked ~ .drawer_open span::before {
  bottom: 0px;
  transform: rotate(45deg);
  background: rgb(255, 255, 255);
}

#yaotsu_mall_menu.nav #drawer_input:checked ~ .drawer_open span::after {
  top: 0px;
  transform: rotate(-45deg);
  background: rgb(255, 255, 255);
}

#yaotsu_mall_menu.nav .nav_content {
  width: 50%;
  height: 100%;
  position: fixed;
  left: 100%;
  z-index: 100000;
  background: rgba(0, 0, 0, 0.8);
  transition: 0.5s;
}

#yaotsu_mall_menu.nav .nav_list {
  list-style: none;
}

#yaotsu_mall_menu.nav #drawer_input:checked ~ .nav_content {
  left: 50%;
}

@media screen and (max-width: 768px) {
#yaotsu_mall_menu.nav .nav_content {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 100%;
  z-index: 99;
  background: rgba(0, 0, 0, 0.8);
  transition: 0.5s;
}

#yaotsu_mall_menu.nav .nav_list {
  list-style: none;
}

#yaotsu_mall_menu.nav #drawer_input:checked ~ .nav_content {
  left: 0px;
}
}

@media screen and (min-width: 769px) {
:is(.col-full):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *) {
  width: 98%;
  max-width: 1200px !important;
  margin: 0px auto !important;
  padding: 0px !important;
}

:is(.col-full):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *) {
  max-width: 75em;
  margin-left: auto;
  margin-right: auto;
  padding: 0px 0em;
  box-sizing: content-box;
}
}

@media screen and (max-width: 768px) {
.site-branding {
  float: left;
  margin-bottom: 0px;
  width: calc(100% - 60px);
}

.site-branding .site-title {
  font-size: 2em;
  letter-spacing: -1px;
  margin: 0px;
}

.site-branding .site-title a {
  font-weight: 700;
}
}

header.site-header .inner .site-title a,
header.site-header .inner .site-description {
  display: none;
}

header.site-header {
  position: relative;
  display: block;
  border-bottom-style: none;
  background-color: transparent;
  width: 100% !important;
  margin: 0px auto 0.3em !important;
  padding: 0px !important;
  z-index: 999999999 !important;
}

header#masthead.site-header .inner {
  position: relative;
  max-width: 1160px !important;
  width: 95% !important;
  margin: 0px auto !important;
  padding: 0px !important;
}

@media screen and (max-width: 768px) {

header.site-header {
  position: relative;
  width: 100%;
  margin-bottom: 1.4286em;
  border-bottom-style: none;
}

.site-branding {
  position: absolute;
  left: 0px;
  width: 90% !important;
  top: 0px !important;
}

header.site-header .inner {
  width: 95%;
  margin: 0px auto;
  position: relative;
  height: 60px !important;
}
}

header,
:is(nav):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *) {
  display: block;
}

:is(a):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *) {
  background-color: rgba(0, 0, 0, 0);
}

:is(a:active):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *),
:is(a:hover):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *) {
  outline: 0px;
}

:is(button):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *),
:is(input):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *) {
  color: inherit;
  font: inherit;
  margin: 0px;
}

:is(button):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *) {
  overflow: visible;
}

:is(button):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *) {
  text-transform: none;
}

:is(button):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *) {
  appearance: button;
  cursor: pointer;
}

:is(input):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *) {
  line-height: normal;
}

input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0px;
}

:is(input[type="search"]):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *) {
  appearance: textfield;
  box-sizing: content-box;
}

:is(input[type="search"]):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *)::-webkit-search-cancel-button,
:is(input[type="search"]):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *)::-webkit-search-decoration {
  appearance: none;
}

:is(button):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *),
:is(input):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *) {
  color: rgb(67, 69, 75);
  font-family: "Source Sans Pro", HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  line-height: 1.618;
  text-rendering: optimizelegibility;
  font-weight: 400;
}

.beta {
  font-size: 2em;
  line-height: 1.214;
}

.beta {
  display: block;
}

:is(p):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *) {
  margin: 0px 0px 1.41575em;
}

:is(ul):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *) {
  margin: 0px 0px 1.41575em 3em;
  padding: 0px;
}

:is(ul):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *) {
  list-style: disc;
}

:is(li > ul):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *) {
  margin-bottom: 0px;
  margin-left: 1em;
}

:is(em):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *) {
  font-style: italic;
}

:is(a):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *) {
  color: rgb(44, 45, 51);
  text-decoration: none;
}

:is(a:focus):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *),
:is(input:focus):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *),
:is(button:focus):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *) {
  outline: rgb(127, 84, 179) solid 2px;
}

:is(*):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *) {
  box-sizing: border-box;
}

.site-header {
  background-color: rgb(44, 45, 51);
  padding-top: 1.618em;
  padding-bottom: 1.618em;
  color: rgb(154, 160, 167);
  background-position: center center;
  position: relative;
  z-index: 999;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}

.site-header .widget {
  margin-bottom: 0px;
}

.home.blog .site-header,
.home.page:not(.page-template-template-homepage) .site-header,
.home.post-type-archive-product .site-header {
  margin-bottom: 4.2358em;
}

.site-branding {
  float: left;
  margin-bottom: 0px;
  width: calc(100% - 120px);
}

.site-branding .site-title {
  font-size: 2em;
  letter-spacing: -1px;
  margin: 0px;
}

.site-branding .site-title a {
  font-weight: 700;
}

.site-branding .site-description {
  font-size: 0.875em;
  display: none;
}

:is(.screen-reader-text):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *) {
  border: 0px;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0px;
  position: absolute;
  width: 1px;
  overflow-wrap: normal !important;
}

:is(.screen-reader-text:focus):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *) {
  background-color: rgb(241, 241, 241);
  border-radius: 3px;
  box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 2px 2px;
  display: block;
  font-weight: 700;
  height: auto;
  left: 0px;
  line-height: normal;
  padding: 1em 1.618em;
  text-decoration: none;
  top: 0px;
  width: auto;
  z-index: 100000;
  outline: none;
  clip: auto !important;
}

.screen-reader-text.skip-link:focus {
  clip-path: none;
}

.site-header::before,
.site-header::after {
  content: "";
  display: table;
}

.site-header::after {
  clear: both;
}

:is(form):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *) {
  margin-bottom: 1.618em;
}

:is(button):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *),
:is(input):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *) {
  font-size: 100%;
  margin: 0px;
}

:is(button):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *) {
  border: 0px rgb(67, 69, 75);
  border-radius: 0px;
  background: none rgb(67, 69, 75);
  color: rgb(255, 255, 255);
  cursor: pointer;
  padding: 0.618047em 1.41575em;
  text-decoration: none;
  font-weight: 600;
  text-shadow: none;
  display: inline-block;
  appearance: none;
}

:is(button):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *)::after {
  display: none;
}

:is(button:hover):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *) {
  color: rgb(255, 255, 255);
}

:is(button:disabled):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *) {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

:is(button:disabled:hover):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *) {
  opacity: 0.5 !important;
}

input[type="checkbox"] {
  padding: 0px;
}

input[type="checkbox"] + label {
  margin: 0px 0px 0px 0.381982em;
}

:is(input[type="search"]):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *)::-webkit-search-decoration {
  appearance: none;
}

:is(input[type="search"]):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *) {
  box-sizing: border-box;
}

:is(input[type="search"]):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *)::placeholder {
  color: rgb(97, 97, 97);
}

:is(input[type="search"]):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *) {
  padding: 0.618047em;
  background-color: rgb(242, 242, 242);
  color: rgb(67, 69, 75);
  border: 0px;
  appearance: none;
  box-sizing: border-box;
  font-weight: 400;
  box-shadow: rgba(0, 0, 0, 0.125) 0px 1px 1px inset;
}

:is(input[type="search"]:focus):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *) {
  background-color: rgb(237, 237, 237);
}

:is(label):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *) {
  font-weight: 400;
}

:is([placeholder]:focus):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *)::-webkit-input-placeholder {
  transition: opacity 0.5s 0.5s;
  opacity: 0;
}

.secondary-navigation {
  display: none;
}

button.menu-toggle {
  cursor: pointer;
  text-align: left;
  float: right;
  position: relative;
  border: 2px solid rgba(0, 0, 0, 0);
  box-shadow: none;
  border-radius: 2px;
  background-image: none;
  padding: 0.618047em 0.875em 0.618047em 2.61792em;
  font-size: 0.875em;
  max-width: 120px;
}

button.menu-toggle:hover {
  background-image: none;
}

button.menu-toggle span::before {
  transition: all, all, 0.2s;
}

button.menu-toggle::before,
button.menu-toggle::after,
button.menu-toggle span::before {
  content: "";
  display: block;
  height: 2px;
  width: 14px;
  position: absolute;
  top: 50%;
  left: 1em;
  margin-top: -1px;
  transition: all, all, 0.2s;
  border-radius: 3px;
}

button.menu-toggle::before {
  transform: translateY(-4px);
}

button.menu-toggle::after {
  transform: translateY(4px);
}

.toggled button.menu-toggle::before,
.toggled button.menu-toggle::after {
  transform: rotate(45deg);
}

.toggled button.menu-toggle::after {
  transform: rotate(-45deg);
}

.toggled button.menu-toggle span::before {
  opacity: 0;
}

.primary-navigation {
  display: none;
}

.main-navigation::before,
.main-navigation::after {
  content: "";
  display: table;
}

.main-navigation::after {
  clear: both;
}

.main-navigation div.menu {
  display: none;
}

.main-navigation div.menu:last-child {
  display: block;
}

.main-navigation .menu {
  clear: both;
}

.nav-menu,
.main-navigation div.menu > ul:not(.nav-menu) {
  overflow: hidden;
  max-height: 0px;
  transition: all, all, 0.8s;
}

.main-navigation.toggled .handheld-navigation,
.main-navigation.toggled .menu > ul:not(.nav-menu),
.main-navigation.toggled ul[aria-expanded="true"] {
  max-height: 9999px;
}

.main-navigation ul {
  margin-left: 0px;
  list-style: none;
  margin-bottom: 0px;
}

.main-navigation ul ul {
  display: block;
  margin-left: 1.41575em;
}

.main-navigation ul li a {
  padding: 0.875em 0px;
  display: block;
}

.main-navigation ul li a:hover {
  color: rgb(230, 230, 230);
}

:is(.widget):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *) {
  margin: 0px 0px 3.70633em;
}

@media (min-width: 768px) {
.site-header {
  padding-top: 2.61792em;
  padding-bottom: 0px;
}

.site-header .site-branding {
  display: block;
  width: 100%;
  float: left;
  margin-left: 0px;
  margin-right: 0px;
  clear: both;
}

.woocommerce-active .site-header .site-branding {
  width: 73.913%;
  float: left;
  margin-right: 4.34783%;
}

.woocommerce-active .site-header .main-navigation {
  width: 73.913%;
  float: left;
  margin-right: 4.34783%;
  clear: both;
}

.storefront-secondary-navigation .site-header .site-branding {
  width: 39.1304%;
  float: left;
  margin-right: 4.34783%;
}

.storefront-secondary-navigation .site-header .secondary-navigation {
  width: 56.5217%;
  float: right;
  margin-right: 0px;
}

.storefront-secondary-navigation.woocommerce-active .site-header .site-branding {
  width: 21.7391%;
  float: left;
  margin-right: 4.34783%;
}

.storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation {
  width: 47.8261%;
  float: left;
  margin-right: 4.34783%;
}

.site-branding .site-description {
  margin-bottom: 0px;
  display: block;
}
.site-branding {
  margin-bottom: 1.41575em;
}

:is(.col-full):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *) {
  max-width: 66.4989em;
  margin-left: auto;
  margin-right: auto;
  padding: 0px 2.61792em;
  box-sizing: content-box;
}

:is(.col-full):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *)::before,
:is(.col-full):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *)::after {
  content: "";
  display: table;
}

:is(.col-full):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *)::after {
  clear: both;
}

:is(.col-full):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *)::after {
  content: " ";
  display: block;
  clear: both;
}

.menu-toggle,
.main-navigation.toggled .handheld-navigation,
.main-navigation.toggled div.menu {
  display: none;
}

.primary-navigation {
  display: block;
}

.main-navigation,
.secondary-navigation {
  clear: both;
  display: block;
  width: 100%;
}

.main-navigation ul,
.secondary-navigation ul {
  list-style: none;
  margin: 0px;
  padding-left: 0px;
  display: block;
}

.main-navigation ul li,
.secondary-navigation ul li {
  position: relative;
  display: inline-block;
  text-align: left;
}

.main-navigation ul li a,
.secondary-navigation ul li a {
  display: block;
}

.main-navigation ul li a::before,
.secondary-navigation ul li a::before {
  display: none;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: 0px;
  display: block;
}

.main-navigation ul li:hover > ul li > ul,
.main-navigation ul li.focus > ul li > ul {
  left: -9999px;
}

.main-navigation ul li:hover > ul li > ul.sub-menu--is-touch-device,
.main-navigation ul li.focus > ul li > ul.sub-menu--is-touch-device {
  display: none;
  left: 0px;
}

.main-navigation ul li:hover > ul li:hover > ul,
.main-navigation ul li:hover > ul li.focus > ul,
.main-navigation ul li.focus > ul li:hover > ul,
.main-navigation ul li.focus > ul li.focus > ul {
  left: 100%;
  top: 0px;
  display: block;
}

.main-navigation ul ul {
  float: left;
  position: absolute;
  top: 100%;
  z-index: 99999;
  left: -9999px;
}

.main-navigation ul ul.sub-menu--is-touch-device {
  display: none;
  left: 0px;
}

.main-navigation ul ul li {
  display: block;
}

.main-navigation ul ul li a {
  width: 200px;
}

:is(ul.menu li.current-menu-item > a):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *) {
  color: rgb(67, 69, 75);
}

.storefront-primary-navigation {
  clear: both;
}

.storefront-primary-navigation::before,
.storefront-primary-navigation::after {
  content: "";
  display: table;
}

.storefront-primary-navigation::after {
  clear: both;
}

.main-navigation div.menu {
  display: block;
}

.main-navigation ul.menu,
.main-navigation ul.nav-menu {
  max-height: none;
  overflow: visible;
  margin-left: -1em;
  transition: none;
}

.main-navigation ul.menu > li > a,
.main-navigation ul.nav-menu > li > a {
  padding: 1.618em 1em;
}

.main-navigation a {
  padding: 0px 1em 2.29068em;
}

.secondary-navigation {
  margin: 0px 0px 1.618em;
  width: auto;
  clear: none;
  line-height: 1;
}

.secondary-navigation .menu {
  font-size: 0.875em;
  width: auto;
  float: right;
}

.secondary-navigation .menu > li:hover > a {
  text-decoration: none;
}

.secondary-navigation .menu a {
  padding: 1em 0.875em;
  color: rgb(115, 119, 129);
  font-weight: 400;
}

.secondary-navigation .menu a:hover {
  text-decoration: none;
}
}

@media (max-width: 66.4989em) {
:is(.col-full):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *) {
  margin-left: 2.61792em;
  margin-right: 2.61792em;
  padding: 0px;
}
}

@media (max-width: 568px) {
:is(.col-full):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *) {
  margin-left: 1.41575em;
  margin-right: 1.41575em;
  padding: 0px;
}
}

.main-navigation ul li a,
.site-title a,
:is(ul.menu li a):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *),
.site-branding h1 a,
button.menu-toggle,
button.menu-toggle:hover {
  color: rgb(51, 51, 51);
}

button.menu-toggle,
button.menu-toggle:hover {
  border-color: rgb(51, 51, 51);
}

.main-navigation ul li a:hover,
.main-navigation ul li:hover > a,
.site-title a:hover,
.site-header ul.menu li.current-menu-item > a {
  color: rgb(116, 116, 116);
}

.site-header,
.main-navigation ul.menu > li.menu-item-has-children::after,
button.menu-toggle,
button.menu-toggle:hover {
  background-color: rgb(255, 255, 255);
}

p.site-description,
.site-header {
  color: rgb(64, 64, 64);
}

button.menu-toggle::after,
button.menu-toggle::before,
button.menu-toggle span::before {
  background-color: rgb(51, 51, 51);
}

.secondary-navigation a {
  color: rgb(109, 109, 109);
}

:is(a):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *) {
  color: rgb(127, 84, 179);
}

:is(a:focus):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *),
:is(button:focus):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *),
:is(input:focus):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *),
:is(input[type="search"]:focus):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *) {
  outline-color: rgb(127, 84, 179);
}

:is(button):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *) {
  background-color: rgb(238, 238, 238);
  border-color: rgb(238, 238, 238);
  color: rgb(51, 51, 51);
}

:is(button:hover):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *) {
  background-color: rgb(213, 213, 213);
  border-color: rgb(213, 213, 213);
  color: rgb(51, 51, 51);
}

@media screen and (min-width: 768px) {
.secondary-navigation ul.menu a:hover {
  color: rgb(89, 89, 89);
}

.secondary-navigation ul.menu a {
  color: rgb(64, 64, 64);
}

.site-header {
  border-bottom-color: rgb(240, 240, 240);
}
}

.woocommerce-active .site-branding {
  float: left;
}

@media screen and (min-width: 768px) {
.site-header .product_list_widget li .quantity {
  color: rgb(64, 64, 64);
}
}

@media screen and (min-width: 769px) {
.children {
  width: 100%;
  margin: 15px 0px;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
}

.children li li {
  border-bottom: 1px dotted rgb(172, 128, 108);
  border-top-style: none;
  border-left-style: none;
  border-right-style: none;
  padding: 1.5% 0px;
  border-radius: 0px;
  width: 100%;
  text-align: left;
}
}

:is(ul):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *) {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

:is(a:link):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *),
:is(a:visited):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *) {
  text-decoration: none;
  border-style: none;
  color: rgb(0, 0, 0);
}

:is(a:hover):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *),
:is(a:active):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *) {
  opacity: 0.7;
  border-style: none;
}

:is(a):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *) {
  color: rgb(44, 45, 51);
  text-decoration: none;
}

:is(a:focus):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *),
:is(input:focus):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *),
:is(button:focus):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *) {
  outline: unset !important;
}

.secondary-navigation {
  display: none !important;
}

#site-navigation {
  display: none;
}

:is(.col-full):where(#masthead, #masthead *, #yaotsu_mall_menu, #yaotsu_mall_menu *) {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: content-box;
}

/* ロゴをH1にし、従来のspanと同じ表示を維持 */
h1#to_top {
  display: inline;
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  color: inherit;
  clear: none;
  letter-spacing: inherit;
  text-transform: none;
}